Skip to content

Commit a1c3316

Browse files
authored
Merge pull request #205 from couchbase-examples/chore/dependency-update-20260706-depupdate-20260703T172451Z
chore(deps): update npm dependencies
2 parents dfadced + cc1cad3 commit a1c3316

12 files changed

Lines changed: 6888 additions & 5182 deletions

File tree

‎components/Modal.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ export default function Modal({
8282
className={clsx(
8383
accentColor === 'red' && colors.red.splash,
8484
colors.green.splash,
85-
'flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10'
85+
'flex h-12 w-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10'
8686
)}>
8787
{icon === 'user-plus' && (
8888
<UserPlusIcon
@@ -149,15 +149,15 @@ export default function Modal({
149149
accentColor === 'red' &&
150150
`${colors.red.button} hover:${colors.red.buttonHover}`,
151151
`${colors.green.button} hover:${colors.green.buttonHover}`,
152-
'mt-3 inline-flex w-full justify-center rounded-md px-3 py-2 text-sm font-semibold text-white shadow-sm sm:ml-3 sm:w-auto'
152+
'mt-3 inline-flex w-full justify-center rounded-md px-3 py-2 text-sm font-semibold text-white shadow-xs sm:ml-3 sm:w-auto'
153153
)}
154154
onClick={handleModalConfirm}
155155
disabled={!isConfirmValid}>
156156
Confirm
157157
</button>
158158
<button
159159
type='button'
160-
className='mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto'
160+
className='mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto'
161161
onClick={handleModalCancel}
162162
ref={cancelButtonRef}>
163163
Cancel

‎components/content-panel/ContentPanel.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -87,18 +87,18 @@ export const ContentPanel = ({profile, handleProfileEdit, handleProfileDeletion,
8787
<div className="h-1/3 border-b-2 border-slate-500">
8888
<Gradient firstName={profile.firstName} lastName={profile.lastName}/>
8989
</div>
90-
<div className='absolute top-[calc(33.33%-22px-4rem)] md:left-[calc(28rem+4rem)]'>
90+
<div className='absolute top-[calc(33.33%-22px-4rem)] md:left-128'>
9191
<Avatar name={`${profile.firstName} ${profile.lastName}`}/>
9292
</div>
9393
<div className="p-16 flex flex-col gap-2 mt-8">
9494
<div className="flex gap-2 mb-2">
9595
<button onClick={() => setIsEditModalOpen(true)}>
96-
<div className="flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-green-200 hover:bg-green-300 sm:mx-0 sm:h-10 sm:w-10 hover:drop-shadow-md">
96+
<div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-full bg-green-200 hover:bg-green-300 sm:mx-0 sm:h-10 sm:w-10 hover:drop-shadow-md">
9797
<PencilIcon className='h-8 w-8 text-gray-700'/>
9898
</div>
9999
</button>
100100
<button onClick={() => setIsDeleteModalOpen(true)}>
101-
<div className="flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-red-200 hover:bg-red-300 sm:mx-0 sm:h-10 sm:w-10 hover:drop-shadow-md">
101+
<div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-full bg-red-200 hover:bg-red-300 sm:mx-0 sm:h-10 sm:w-10 hover:drop-shadow-md">
102102
<TrashIcon className='h-8 w-8 text-gray-700'/>
103103
</div>
104104
</button>

‎components/forms/AddUserForm.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export const AddUserForm = ({setFirstName, setLastName, setEmail}) => {
2828
name="first-name"
2929
id="first-name"
3030
autoComplete="given-name"
31-
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
31+
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
3232
/>
3333
</div>
3434
</div>
@@ -42,7 +42,7 @@ export const AddUserForm = ({setFirstName, setLastName, setEmail}) => {
4242
name="last-name"
4343
id="last-name"
4444
autoComplete="family-name"
45-
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
45+
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
4646
/>
4747
</div>
4848
</div>
@@ -59,7 +59,7 @@ export const AddUserForm = ({setFirstName, setLastName, setEmail}) => {
5959
className={clsx(
6060
!isEmailValid && 'ring-red-600 ring-2',
6161
'focus:ring-2 focus:ring-indigo-600',
62-
"block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6")}
62+
"block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6")}
6363
/>
6464
</div>
6565
</div>

‎components/forms/EditUserForm.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export const EditUserForm = ({firstName, setFirstName, lastName, setLastName, em
2929
name="first-name-edit"
3030
id="first-name-edit"
3131
autoComplete="given-name"
32-
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
32+
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
3333
/>
3434
</div>
3535
</div>
@@ -44,7 +44,7 @@ export const EditUserForm = ({firstName, setFirstName, lastName, setLastName, em
4444
name="last-name-edit"
4545
id="last-name-edit"
4646
autoComplete="family-name"
47-
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
47+
className="block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
4848
/>
4949
</div>
5050
</div>
@@ -62,7 +62,7 @@ export const EditUserForm = ({firstName, setFirstName, lastName, setLastName, em
6262
className={clsx(
6363
!isEmailValid && 'ring-red-600 ring-2',
6464
'focus:ring-2 focus:ring-indigo-600',
65-
"block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6")}
65+
"block w-full rounded-md border-0 px-3 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6")}
6666
/>
6767
</div>
6868
</div>

‎components/loaders/ContentLoader.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const CoverLoader = () => {
1818
<div className="w-full h-1/3">
1919
<div className="w-full animate-pulse h-full">
2020
<div className="space-y-2 block h-full">
21-
<div className="h-full border w-full rounded bg-gray-300"/>
21+
<div className="h-full border w-full rounded-sm bg-gray-300"/>
2222
</div>
2323
</div>
2424
</div>
@@ -34,9 +34,9 @@ const DetailsLoader = () => {
3434
<div className="h-16 w-16 rounded-full bg-gray-300"/>
3535
<div className="h-16 w-16 rounded-full bg-gray-300"/>
3636
</div>
37-
<div className="h-16 w-3/12 rounded bg-gray-300"/>
38-
<div className="h-8 w-4/12 rounded bg-gray-300"/>
39-
<div className="h-8 w-5/12 rounded bg-gray-300"/>
37+
<div className="h-16 w-3/12 rounded-sm bg-gray-300"/>
38+
<div className="h-8 w-4/12 rounded-sm bg-gray-300"/>
39+
<div className="h-8 w-5/12 rounded-sm bg-gray-300"/>
4040
</div>
4141
</div>
4242
</div>

‎components/loaders/SidebarLoader.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@ const LoaderRow = () => {
2020
<div className="flex w-full flex-1 flex-col items-center">
2121
<div className="w-full animate-pulse flex-row items-center justify-center space-x-1 p-4 border-t border-slate-500">
2222
<div className="flex flex-col space-y-2">
23-
<div className="h-4 w-7/12 rounded bg-gray-300"></div>
24-
<div className="h-4 w-8/12 rounded bg-gray-300"></div>
25-
<div className="h-4 w-11/12 rounded bg-gray-300"></div>
23+
<div className="h-4 w-7/12 rounded-sm bg-gray-300"></div>
24+
<div className="h-4 w-8/12 rounded-sm bg-gray-300"></div>
25+
<div className="h-4 w-11/12 rounded-sm bg-gray-300"></div>
2626
</div>
2727
</div>
2828
</div>

‎components/sidebar/Sidebar.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export const Sidebar = ({selectedProfile, setSelectedProfile, profiles, isLoadin
2626
</span>
2727
</div>
2828
<div className="mt-4">
29-
<div className="relative mt-2 rounded-md shadow-sm">
29+
<div className="relative mt-2 rounded-md shadow-xs">
3030
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2">
3131
<MagnifyingGlassIcon className='h-5 w-5 text-gray-500'/>
3232
</div>

0 commit comments

Comments
 (0)