Skip to content

chore(deps): update npm dependencies #205

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ejscribner merged 5 commits into from
Sep 30, 2026
Merged

chore(deps): update npm dependencies #205

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
394ecb8
chore(deps): update npm dependencies
deniswsrosa Jul 6, 2026
ae98d1b
Merge branch 'main' into chore/dependency-update-20260706-depupdate-2…
dex-the-ai Sep 29, 2026
57c32ea
chore(deps): refresh npm dependency sweep to latest compatible versions
dex-the-ai Sep 29, 2026
b53f6fe
fix(styles): complete Tailwind CSS 4 migration
dex-the-ai Sep 29, 2026
cc1cad3
chore: remove dependency update evidence screenshot
dex-the-ai Sep 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions components/Modal.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ export default function Modal({
className={clsx(
accentColor === 'red' && colors.red.splash,
colors.green.splash,
'flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10'
'flex h-12 w-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10'
)}>
{icon === 'user-plus' && (
<UserPlusIcon
Expand Down Expand Up @@ -149,15 +149,15 @@ export default function Modal({
accentColor === 'red' &&
`${colors.red.button} hover:${colors.red.buttonHover}`,
`${colors.green.button} hover:${colors.green.buttonHover}`,
'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'
'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'
)}
onClick={handleModalConfirm}
disabled={!isConfirmValid}>
Confirm
</button>
<button
type='button'
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'
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'
onClick={handleModalCancel}
ref={cancelButtonRef}>
Cancel
Expand Down
6 changes: 3 additions & 3 deletions components/content-panel/ContentPanel.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,18 +87,18 @@ export const ContentPanel = ({profile, handleProfileEdit, handleProfileDeletion,
<div className="h-1/3 border-b-2 border-slate-500">
<Gradient firstName={profile.firstName} lastName={profile.lastName}/>
</div>
<div className='absolute top-[calc(33.33%-22px-4rem)] md:left-[calc(28rem+4rem)]'>
<div className='absolute top-[calc(33.33%-22px-4rem)] md:left-128'>
<Avatar name={`${profile.firstName} ${profile.lastName}`}/>
</div>
<div className="p-16 flex flex-col gap-2 mt-8">
<div className="flex gap-2 mb-2">
<button onClick={() => setIsEditModalOpen(true)}>
<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">
<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">
<PencilIcon className='h-8 w-8 text-gray-700'/>
</div>
</button>
<button onClick={() => setIsDeleteModalOpen(true)}>
<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">
<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">
<TrashIcon className='h-8 w-8 text-gray-700'/>
</div>
</button>
Expand Down
6 changes: 3 additions & 3 deletions components/forms/AddUserForm.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export const AddUserForm = ({setFirstName, setLastName, setEmail}) => {
name="first-name"
id="first-name"
autoComplete="given-name"
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"
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"
/>
</div>
</div>
Expand All @@ -42,7 +42,7 @@ export const AddUserForm = ({setFirstName, setLastName, setEmail}) => {
name="last-name"
id="last-name"
autoComplete="family-name"
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"
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"
/>
</div>
</div>
Expand All @@ -59,7 +59,7 @@ export const AddUserForm = ({setFirstName, setLastName, setEmail}) => {
className={clsx(
!isEmailValid && 'ring-red-600 ring-2',
'focus:ring-2 focus:ring-indigo-600',
"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")}
"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")}
/>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions components/forms/EditUserForm.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export const EditUserForm = ({firstName, setFirstName, lastName, setLastName, em
name="first-name-edit"
id="first-name-edit"
autoComplete="given-name"
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"
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"
/>
</div>
</div>
Expand All @@ -44,7 +44,7 @@ export const EditUserForm = ({firstName, setFirstName, lastName, setLastName, em
name="last-name-edit"
id="last-name-edit"
autoComplete="family-name"
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"
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"
/>
</div>
</div>
Expand All @@ -62,7 +62,7 @@ export const EditUserForm = ({firstName, setFirstName, lastName, setLastName, em
className={clsx(
!isEmailValid && 'ring-red-600 ring-2',
'focus:ring-2 focus:ring-indigo-600',
"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")}
"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")}
/>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions components/loaders/ContentLoader.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ const CoverLoader = () => {
<div className="w-full h-1/3">
<div className="w-full animate-pulse h-full">
<div className="space-y-2 block h-full">
<div className="h-full border w-full rounded bg-gray-300"/>
<div className="h-full border w-full rounded-sm bg-gray-300"/>
</div>
</div>
</div>
Expand All @@ -34,9 +34,9 @@ const DetailsLoader = () => {
<div className="h-16 w-16 rounded-full bg-gray-300"/>
<div className="h-16 w-16 rounded-full bg-gray-300"/>
</div>
<div className="h-16 w-3/12 rounded bg-gray-300"/>
<div className="h-8 w-4/12 rounded bg-gray-300"/>
<div className="h-8 w-5/12 rounded bg-gray-300"/>
<div className="h-16 w-3/12 rounded-sm bg-gray-300"/>
<div className="h-8 w-4/12 rounded-sm bg-gray-300"/>
<div className="h-8 w-5/12 rounded-sm bg-gray-300"/>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions components/loaders/SidebarLoader.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,9 @@ const LoaderRow = () => {
<div className="flex w-full flex-1 flex-col items-center">
<div className="w-full animate-pulse flex-row items-center justify-center space-x-1 p-4 border-t border-slate-500">
<div className="flex flex-col space-y-2">
<div className="h-4 w-7/12 rounded bg-gray-300"></div>
<div className="h-4 w-8/12 rounded bg-gray-300"></div>
<div className="h-4 w-11/12 rounded bg-gray-300"></div>
<div className="h-4 w-7/12 rounded-sm bg-gray-300"></div>
<div className="h-4 w-8/12 rounded-sm bg-gray-300"></div>
<div className="h-4 w-11/12 rounded-sm bg-gray-300"></div>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/sidebar/Sidebar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export const Sidebar = ({selectedProfile, setSelectedProfile, profiles, isLoadin
</span>
</div>
<div className="mt-4">
<div className="relative mt-2 rounded-md shadow-sm">
<div className="relative mt-2 rounded-md shadow-xs">
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2">
<MagnifyingGlassIcon className='h-5 w-5 text-gray-500'/>
</div>
Expand Down
Loading
Loading