diff --git a/package.json b/package.json index eb87a727c..b7076fd06 100644 --- a/package.json +++ b/package.json @@ -22,8 +22,8 @@ "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193", "@appwrite.io/pink": "0.25.0", "@appwrite.io/pink-icons": "0.25.0", - "@appwrite.io/pink-icons-svelte": "1.0.0-next.7", - "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9547fa7", + "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@72b1958", + "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@1fe7674", "@popperjs/core": "^2.11.8", "@sentry/sveltekit": "^8.38.0", "@stripe/stripe-js": "^3.5.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fb9d79dec..ad9f34fc3 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -18,11 +18,11 @@ importers: specifier: 0.25.0 version: 0.25.0 '@appwrite.io/pink-icons-svelte': - specifier: 1.0.0-next.7 - version: 1.0.0-next.7(svelte@4.2.19) + specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@72b1958 + version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@72b1958(svelte@4.2.19) '@appwrite.io/pink-svelte': - specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9547fa7 - version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9547fa7(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) + specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@1fe7674 + version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@1fe7674(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) '@popperjs/core': specifier: ^2.11.8 version: 2.11.8 @@ -218,13 +218,14 @@ packages: resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193} version: 1.2.1 - '@appwrite.io/pink-icons-svelte@1.0.0-next.7': - resolution: {integrity: sha512-Bmff3YGEliIetqc3UyjzJNLg88FIC6UXYwTzGqHm+0QLCRJxwAFpTkfTCLIqMe5PUqGshq6jM9SPyCCSVVS3aw==} + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@1fe7674343bab0dc86d4cbc98c74055c9e87be0b': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@1fe7674343bab0dc86d4cbc98c74055c9e87be0b} + version: 1.0.0-next.7 peerDependencies: svelte: ^4.0.0 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9547fa78d343cf664864b0f173a331d292c37e68': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9547fa78d343cf664864b0f173a331d292c37e68} + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@72b1958': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@72b1958} version: 1.0.0-next.7 peerDependencies: svelte: ^4.0.0 @@ -232,8 +233,8 @@ packages: '@appwrite.io/pink-icons@0.25.0': resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9547fa7': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9547fa7} + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@1fe7674': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@1fe7674} version: 1.0.0-next.85 peerDependencies: react-dom: ^18.0.0 @@ -4040,19 +4041,19 @@ snapshots: '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193': {} - '@appwrite.io/pink-icons-svelte@1.0.0-next.7(svelte@4.2.19)': + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@1fe7674343bab0dc86d4cbc98c74055c9e87be0b(svelte@4.2.19)': dependencies: svelte: 4.2.19 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9547fa78d343cf664864b0f173a331d292c37e68(svelte@4.2.19)': + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@72b1958(svelte@4.2.19)': dependencies: svelte: 4.2.19 '@appwrite.io/pink-icons@0.25.0': {} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9547fa7(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@1fe7674(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': dependencies: - '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9547fa78d343cf664864b0f173a331d292c37e68(svelte@4.2.19) + '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@1fe7674343bab0dc86d4cbc98c74055c9e87be0b(svelte@4.2.19) '@floating-ui/dom': 1.6.12 '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.2(svelte@4.2.19))(svelte@4.2.19) '@melt-ui/svelte': 0.86.2(svelte@4.2.19) diff --git a/src/lib/components/breadcrumbs.svelte b/src/lib/components/breadcrumbs.svelte index 6a2b4ef10..f5bf1cd89 100644 --- a/src/lib/components/breadcrumbs.svelte +++ b/src/lib/components/breadcrumbs.svelte @@ -2,7 +2,6 @@ import { createMenubar, melt } from '@melt-ui/svelte'; import { Badge, Icon, BottomSheet, type SheetMenu } from '@appwrite.io/pink-svelte'; import { IconChevronDown, IconChevronRight, IconPlus } from '@appwrite.io/pink-icons-svelte'; - import { onMount } from 'svelte'; type Project = { name: string; @@ -362,7 +361,7 @@ margin-bottom: 4px; } - .item[data-highlighted] { + :global(.item[data-highlighted]) { border-radius: var(--border-radius-S, 8px); background: var(--color-overlay-neutral-hover, rgba(25, 25, 28, 0.03)); } @@ -392,12 +391,12 @@ background: var(--color-overlay-neutral-hover, rgba(25, 25, 28, 0.03)); } - .trigger[data-highlighted] { + :global(.trigger[data-highlighted]) { outline: none; background: var(--color-bgcolor-neutral-secondary, #f4f4f7); } - .trigger[data-highlighted]:focus { + :global(.trigger[data-highlighted]:focus) { outline: none; box-shadow: 0 0 0 2px var(--color-bgcolor-neutral-secondary, #f4f4f7); } diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte index d146055ae..034e50dde 100644 --- a/src/lib/components/navbar.svelte +++ b/src/lib/components/navbar.svelte @@ -29,7 +29,6 @@ import { base } from '$app/paths'; import { logout } from '$lib/helpers/logout'; import { app } from '$lib/stores/app'; - import { onMount } from 'svelte'; let showSupport = false; let isSmallViewport = false; @@ -38,12 +37,11 @@ links: Array<{ label: string; href: string }>; organizations: Array<{ name: string; - id: string; - isSelected?: boolean; - tier: string; - projects: Array<{ name: string; id: string }>; + $id: string; + isSelected: boolean; + tierName: string; + projects: Array<{ name: string; $id: string; isSelected: boolean }>; }>; - showSideNavigation: boolean; showAccountMenu: boolean; }; @@ -77,7 +75,6 @@ export let organizations: $$Props['organizations']; export let avatar: $$Props['avatar']; export let sideBarIsOpen: $$Props['sideBarIsOpen'] = false; - export let showSideNavigation: boolean; export let showAccountMenu = false; @@ -222,7 +219,8 @@ } } ] - } + }, + bottom: undefined } } ] @@ -279,10 +277,6 @@ display: none; } - .only-mobile-tablet { - display: block; - } - @media (min-width: 768px) { .only-desktop { display: block; @@ -292,11 +286,6 @@ } } - @media (min-width: 1024px) { - .only-mobile-tablet { - display: none; - } - } :global(.icons div:first-of-type:not(:has(.progress-card))) { height: 20px; } diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte index 636410040..f6d2dcb71 100644 --- a/src/lib/components/sidebar.svelte +++ b/src/lib/components/sidebar.svelte @@ -43,7 +43,7 @@ export let state: $$Props['state'] = 'closed'; export let project: $$Props['project']; export let avatar: $$Props['avatar']; - export let progressCard: $$Props['progressCard']; + export let progressCard: $$Props['progressCard'] = undefined; export let sideBarIsOpen: boolean; export let showAccountMenu: boolean; export let subNavigation = undefined;