From 311dea18eb84e092adb0a0e2118287b2b0bea975 Mon Sep 17 00:00:00 2001 From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com> Date: Wed, 4 Dec 2024 18:48:05 -0600 Subject: [PATCH] theme color updates, tailwind beta 5, starter tweaks (#17) --- .changeset/breezy-cougars-begin.md | 5 + .changeset/chatty-cougars-travel.md | 5 + .changeset/heavy-ants-breathe.md | 5 + .changeset/heavy-moons-explain.md | 5 + .changeset/polite-plums-float.md | 5 + docs/package.json | 4 +- docs/src/app.css | 2 +- docs/src/content/getting-started.md | 6 +- docs/src/lib/navigation.ts | 4 +- .../src/lib/components/markdown/pre.svelte | 1 + packages/kit/src/lib/index.ts | 2 +- packages/kit/src/lib/styles/globals.css | 12 +- packages/kit/src/lib/styles/shared.css | 3 +- packages/kit/src/lib/styles/theme-amber.css | 4 + packages/kit/src/lib/styles/theme-blue.css | 4 + packages/kit/src/lib/styles/theme-cyan.css | 4 + packages/kit/src/lib/styles/theme-emerald.css | 4 + packages/kit/src/lib/styles/theme-fuchsia.css | 4 + packages/kit/src/lib/styles/theme-green.css | 4 + packages/kit/src/lib/styles/theme-indigo.css | 4 + packages/kit/src/lib/styles/theme-lime.css | 4 + packages/kit/src/lib/styles/theme-orange.css | 4 + packages/kit/src/lib/styles/theme-pink.css | 4 + packages/kit/src/lib/styles/theme-purple.css | 4 + packages/kit/src/lib/styles/theme-red.css | 4 + packages/kit/src/lib/styles/theme-rose.css | 4 + packages/kit/src/lib/styles/theme-sky.css | 4 + packages/kit/src/lib/styles/theme-teal.css | 4 + packages/kit/src/lib/styles/theme-violet.css | 4 + packages/kit/src/lib/styles/theme-yellow.css | 4 + packages/kit/src/lib/utils.ts | 5 - pnpm-lock.yaml | 197 +++++++++++++----- pnpm-workspace.yaml | 1 - start/package.json | 6 +- start/src/lib/navigation.ts | 4 +- start/vite.config.ts | 3 - tsconfig.json | 3 - 37 files changed, 265 insertions(+), 81 deletions(-) create mode 100644 .changeset/breezy-cougars-begin.md create mode 100644 .changeset/chatty-cougars-travel.md create mode 100644 .changeset/heavy-ants-breathe.md create mode 100644 .changeset/heavy-moons-explain.md create mode 100644 .changeset/polite-plums-float.md delete mode 100644 tsconfig.json diff --git a/.changeset/breezy-cougars-begin.md b/.changeset/breezy-cougars-begin.md new file mode 100644 index 0000000..6f42a83 --- /dev/null +++ b/.changeset/breezy-cougars-begin.md @@ -0,0 +1,5 @@ +--- +"@svecodocs/kit": patch +--- + +fix: theme contrast issues diff --git a/.changeset/chatty-cougars-travel.md b/.changeset/chatty-cougars-travel.md new file mode 100644 index 0000000..86167b3 --- /dev/null +++ b/.changeset/chatty-cougars-travel.md @@ -0,0 +1,5 @@ +--- +"@svecodocs/kit": minor +--- + +change: remove `createNavigation` in favor of `defineNavigation` diff --git a/.changeset/heavy-ants-breathe.md b/.changeset/heavy-ants-breathe.md new file mode 100644 index 0000000..c6801b9 --- /dev/null +++ b/.changeset/heavy-ants-breathe.md @@ -0,0 +1,5 @@ +--- +"@svecodocs/kit": minor +--- + +change: geist mono -> jet brains mono diff --git a/.changeset/heavy-moons-explain.md b/.changeset/heavy-moons-explain.md new file mode 100644 index 0000000..99bd12e --- /dev/null +++ b/.changeset/heavy-moons-explain.md @@ -0,0 +1,5 @@ +--- +"@svecodocs/kit": minor +--- + +change: use Inter as main font diff --git a/.changeset/polite-plums-float.md b/.changeset/polite-plums-float.md new file mode 100644 index 0000000..d3270b7 --- /dev/null +++ b/.changeset/polite-plums-float.md @@ -0,0 +1,5 @@ +--- +"@svecodocs/kit": minor +--- + +update tailwindcss to 4.0.0-beta.5 diff --git a/docs/package.json b/docs/package.json index 1091c1f..5144dc5 100644 --- a/docs/package.json +++ b/docs/package.json @@ -17,13 +17,13 @@ "@sveltejs/adapter-cloudflare": "^4.8.0", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.0", - "@tailwindcss/vite": "4.0.0-beta.4", + "@tailwindcss/vite": "4.0.0-beta.5", "mdsx": "^0.0.6", "phosphor-svelte": "^3.0.0", "svelte": "^5.2.11", "svelte-check": "^4.0.0", "svelte-preprocess": "^6.0.3", - "tailwindcss": "4.0.0-beta.4", + "tailwindcss": "4.0.0-beta.5", "typescript": "^5.0.0", "velite": "^0.2.1", "vite": "^5.0.11" diff --git a/docs/src/app.css b/docs/src/app.css index fc6f4c6..08ce431 100644 --- a/docs/src/app.css +++ b/docs/src/app.css @@ -1,2 +1,2 @@ -@import "@svecodocs/kit/theme-orange.css"; +@import "@svecodocs/kit/theme-fuchsia.css"; @import "@svecodocs/kit/globals.css"; diff --git a/docs/src/content/getting-started.md b/docs/src/content/getting-started.md index 5edd6da..9516e16 100644 --- a/docs/src/content/getting-started.md +++ b/docs/src/content/getting-started.md @@ -15,7 +15,7 @@ The following guide will walk you through the process of getting a Svecodocs pro Clone the Svecodocs starter template: ```bash -pnpx degit svecosystem/svecodocs/starter +pnpx degit svecosystem/svecodocs/start ``` ## Navigation @@ -23,9 +23,9 @@ pnpx degit svecosystem/svecodocs/starter The starter template comes with a basic navigation structure to get your started. To customize the navigation, adjust the `src/lib/navigation.ts` file. ```ts -import { createNavigation } from "@svecodocs/kit"; +import { defineNavigation } from "@svecodocs/kit"; -export const navigation = createNavigation({ +export const navigation = defineNavigation({ // Customize the navigation here }); ``` diff --git a/docs/src/lib/navigation.ts b/docs/src/lib/navigation.ts index bae8bb2..dbb2cd6 100644 --- a/docs/src/lib/navigation.ts +++ b/docs/src/lib/navigation.ts @@ -1,4 +1,4 @@ -import { createNavigation } from "@svecodocs/kit"; +import { defineNavigation } from "@svecodocs/kit"; import ChalkboardTeacher from "phosphor-svelte/lib/ChalkboardTeacher"; import RocketLaunch from "phosphor-svelte/lib/RocketLaunch"; import Tag from "phosphor-svelte/lib/Tag"; @@ -20,7 +20,7 @@ const configuration = allDocs href: `/docs/${doc.slug}`, })); -export const navigation = createNavigation({ +export const navigation = defineNavigation({ anchors: [ { title: "Introduction", diff --git a/packages/kit/src/lib/components/markdown/pre.svelte b/packages/kit/src/lib/components/markdown/pre.svelte index 2723cd0..c2455e7 100644 --- a/packages/kit/src/lib/components/markdown/pre.svelte +++ b/packages/kit/src/lib/components/markdown/pre.svelte @@ -26,6 +26,7 @@ class="size-7 px-0 py-0" onclick={() => copier.copyToClipboard()} data-pre-copy-btn="" + aria-label="Copy code" > {#if copier.isCopied} diff --git a/packages/kit/src/lib/index.ts b/packages/kit/src/lib/index.ts index 237c36a..5854bf2 100644 --- a/packages/kit/src/lib/index.ts +++ b/packages/kit/src/lib/index.ts @@ -16,7 +16,7 @@ export { default as Input } from "./components/ui/input/input.svelte"; export { default as Textarea } from "./components/ui/textarea/textarea.svelte"; export { default as Label } from "./components/ui/label/label.svelte"; export { default as NativeSelect } from "./components/ui/native-select/native-select.svelte"; -export { createNavigation, cn, cleanMarkdown } from "./utils.js"; +export { cn, cleanMarkdown } from "./utils.js"; export { defineSiteConfig } from "./define-site-config.js"; export { defineNavigation } from "./define-navigation.js"; export { default as Slider } from "./components/ui/slider/slider.svelte"; diff --git a/packages/kit/src/lib/styles/globals.css b/packages/kit/src/lib/styles/globals.css index a554f82..039ce55 100644 --- a/packages/kit/src/lib/styles/globals.css +++ b/packages/kit/src/lib/styles/globals.css @@ -97,6 +97,8 @@ --color-brand-border: var(--theme-color-brand-border); --color-brand-link: var(--theme-color-brand-link); --color-brand-link-hover: var(--theme-color-brand-link-hover); + --color-brand-code-link: var(--theme-color-brand-code-link); + --color-brand-code-link-hover: var(--theme-color-brand-code-link-hover); /* Background */ --color-background: var(--theme-color-background); @@ -135,7 +137,7 @@ --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono"; /* Text */ @@ -161,7 +163,7 @@ } #content code:not(pre > code):not(.custom) { - @apply dark:bg-muted bg-primary-hover text-foreground relative rounded-[5px] px-[0.375rem] py-[0.1875rem] font-mono text-[0.9em]; + @apply text-foreground relative rounded-[5px] bg-gray-200/60 px-[0.375rem] py-[0.1875rem] font-mono text-[0.9em] dark:bg-gray-100; } a:has(code) { @@ -170,12 +172,12 @@ } a > code { /* Style code inside of links differently */ - color: var(--color-brand) !important; + color: var(--color-brand-code-link) !important; } a:hover > code { /* Style code inside of links differently */ - color: var(--color-brand-hover) !important; + color: var(--color-brand-code-link-hover) !important; } [data-theme*="github-dark"] { @@ -188,7 +190,7 @@ } [data-rehype-pretty-code-figure] code { - @apply grid min-w-0 break-words rounded-none border-0 p-0; + @apply grid min-w-0 break-words rounded-none border-0 p-0 text-sm md:text-base; counter-reset: line; box-decoration-break: clone; } diff --git a/packages/kit/src/lib/styles/shared.css b/packages/kit/src/lib/styles/shared.css index 89a745a..fae4f27 100644 --- a/packages/kit/src/lib/styles/shared.css +++ b/packages/kit/src/lib/styles/shared.css @@ -1,4 +1,5 @@ -@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"); + @import "tailwindcss"; @plugin "tailwindcss-animate"; diff --git a/packages/kit/src/lib/styles/theme-amber.css b/packages/kit/src/lib/styles/theme-amber.css index f35496b..fa3c92c 100644 --- a/packages/kit/src/lib/styles/theme-amber.css +++ b/packages/kit/src/lib/styles/theme-amber.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-blue.css b/packages/kit/src/lib/styles/theme-blue.css index 33780e0..6fce06e 100644 --- a/packages/kit/src/lib/styles/theme-blue.css +++ b/packages/kit/src/lib/styles/theme-blue.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-cyan.css b/packages/kit/src/lib/styles/theme-cyan.css index 76779fd..f2d9184 100644 --- a/packages/kit/src/lib/styles/theme-cyan.css +++ b/packages/kit/src/lib/styles/theme-cyan.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-300); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-300); --theme-color-brand-link-hover: var(--theme-color-brand-200); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-emerald.css b/packages/kit/src/lib/styles/theme-emerald.css index a02a7de..3633fa7 100644 --- a/packages/kit/src/lib/styles/theme-emerald.css +++ b/packages/kit/src/lib/styles/theme-emerald.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-fuchsia.css b/packages/kit/src/lib/styles/theme-fuchsia.css index 932fe1b..017a2c3 100644 --- a/packages/kit/src/lib/styles/theme-fuchsia.css +++ b/packages/kit/src/lib/styles/theme-fuchsia.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-green.css b/packages/kit/src/lib/styles/theme-green.css index 4f68fd5..437b102 100644 --- a/packages/kit/src/lib/styles/theme-green.css +++ b/packages/kit/src/lib/styles/theme-green.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-500); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-indigo.css b/packages/kit/src/lib/styles/theme-indigo.css index 7f7ef36..c41bd93 100644 --- a/packages/kit/src/lib/styles/theme-indigo.css +++ b/packages/kit/src/lib/styles/theme-indigo.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-lime.css b/packages/kit/src/lib/styles/theme-lime.css index 2867965..4bac3e3 100644 --- a/packages/kit/src/lib/styles/theme-lime.css +++ b/packages/kit/src/lib/styles/theme-lime.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-500); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-400); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-400); --theme-color-brand-link-hover: var(--theme-color-brand-300); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-orange.css b/packages/kit/src/lib/styles/theme-orange.css index a65c47d..82f3e60 100644 --- a/packages/kit/src/lib/styles/theme-orange.css +++ b/packages/kit/src/lib/styles/theme-orange.css @@ -19,10 +19,14 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-500); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-500); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-pink.css b/packages/kit/src/lib/styles/theme-pink.css index 16ede54..74270fa 100644 --- a/packages/kit/src/lib/styles/theme-pink.css +++ b/packages/kit/src/lib/styles/theme-pink.css @@ -18,6 +18,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -26,5 +28,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-purple.css b/packages/kit/src/lib/styles/theme-purple.css index e585a1a..2bc3b65 100644 --- a/packages/kit/src/lib/styles/theme-purple.css +++ b/packages/kit/src/lib/styles/theme-purple.css @@ -18,6 +18,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -26,5 +28,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-red.css b/packages/kit/src/lib/styles/theme-red.css index ba1d928..0cdda00 100644 --- a/packages/kit/src/lib/styles/theme-red.css +++ b/packages/kit/src/lib/styles/theme-red.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-rose.css b/packages/kit/src/lib/styles/theme-rose.css index 8c62c39..eb27067 100644 --- a/packages/kit/src/lib/styles/theme-rose.css +++ b/packages/kit/src/lib/styles/theme-rose.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-sky.css b/packages/kit/src/lib/styles/theme-sky.css index 47aede6..caa4e99 100644 --- a/packages/kit/src/lib/styles/theme-sky.css +++ b/packages/kit/src/lib/styles/theme-sky.css @@ -18,6 +18,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -26,5 +28,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-teal.css b/packages/kit/src/lib/styles/theme-teal.css index 5ff1d06..843df14 100644 --- a/packages/kit/src/lib/styles/theme-teal.css +++ b/packages/kit/src/lib/styles/theme-teal.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-violet.css b/packages/kit/src/lib/styles/theme-violet.css index ce99fc8..ca2b89b 100644 --- a/packages/kit/src/lib/styles/theme-violet.css +++ b/packages/kit/src/lib/styles/theme-violet.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-700); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-600); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-500); --theme-color-brand-link-hover: var(--theme-color-brand-400); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/styles/theme-yellow.css b/packages/kit/src/lib/styles/theme-yellow.css index bad069f..93add02 100644 --- a/packages/kit/src/lib/styles/theme-yellow.css +++ b/packages/kit/src/lib/styles/theme-yellow.css @@ -19,6 +19,8 @@ --theme-color-brand-foreground: var(--theme-color-foreground); --theme-color-brand-link: var(--theme-color-brand-600); --theme-color-brand-link-hover: var(--theme-color-brand-500); + --theme-color-brand-code-link: var(--theme-color-brand-600); + --theme-color-brand-code-link-hover: var(--theme-color-brand-500); &:where(.dark) { --theme-color-brand: var(--theme-color-brand-300); @@ -27,5 +29,7 @@ --theme-color-brand-foreground: var(--theme-color-background); --theme-color-brand-link: var(--theme-color-brand-300); --theme-color-brand-link-hover: var(--theme-color-brand-200); + --theme-color-brand-code-link: var(--theme-color-brand-400); + --theme-color-brand-code-link-hover: var(--theme-color-brand-300); } } diff --git a/packages/kit/src/lib/utils.ts b/packages/kit/src/lib/utils.ts index 367aa25..273e88c 100644 --- a/packages/kit/src/lib/utils.ts +++ b/packages/kit/src/lib/utils.ts @@ -1,16 +1,11 @@ import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; -import type { Navigation } from "./types.js"; import removeMd from "remove-markdown"; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } -export function createNavigation(props: Navigation) { - return props; -} - export function cleanMarkdown(raw: string) { return removeMd(raw, { replaceLinksWithURL: true, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0c9859a..c5ff5b7 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -84,8 +84,8 @@ importers: specifier: ^4.0.0 version: 4.0.2(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) '@tailwindcss/vite': - specifier: 4.0.0-beta.4 - version: 4.0.0-beta.4(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(svelte@5.2.11)(typescript@5.7.2)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) + specifier: 4.0.0-beta.5 + version: 4.0.0-beta.5(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) mdsx: specifier: ^0.0.6 version: 0.0.6(svelte@5.2.11) @@ -102,8 +102,8 @@ importers: specifier: ^6.0.3 version: 6.0.3(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(svelte@5.2.11)(typescript@5.7.2) tailwindcss: - specifier: 4.0.0-beta.4 - version: 4.0.0-beta.4 + specifier: 4.0.0-beta.5 + version: 4.0.0-beta.5 typescript: specifier: ^5.0.0 version: 5.7.2 @@ -214,51 +214,6 @@ importers: specifier: ^5.0.11 version: 5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0) - start: - devDependencies: - '@svecodocs/kit': - specifier: workspace:* - version: link:../packages/kit - '@sveltejs/adapter-cloudflare': - specifier: ^4.8.0 - version: 4.8.0(@sveltejs/kit@2.9.0(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)))(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)))(wrangler@3.91.0(@cloudflare/workers-types@4.20241127.0)) - '@sveltejs/kit': - specifier: ^2.0.0 - version: 2.9.0(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)))(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) - '@sveltejs/vite-plugin-svelte': - specifier: ^4.0.0 - version: 4.0.2(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) - '@tailwindcss/vite': - specifier: 4.0.0-beta.4 - version: 4.0.0-beta.4(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(svelte@5.2.11)(typescript@5.7.2)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) - mdsx: - specifier: ^0.0.6 - version: 0.0.6(svelte@5.2.11) - phosphor-svelte: - specifier: ^3.0.0 - version: 3.0.0(svelte@5.2.11)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0)) - svelte: - specifier: ^5.2.11 - version: 5.2.11 - svelte-check: - specifier: ^4.0.0 - version: 4.1.0(picomatch@3.0.1)(svelte@5.2.11)(typescript@5.7.2) - svelte-preprocess: - specifier: ^6.0.3 - version: 6.0.3(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(svelte@5.2.11)(typescript@5.7.2) - tailwindcss: - specifier: 4.0.0-beta.4 - version: 4.0.0-beta.4 - typescript: - specifier: ^5.0.0 - version: 5.7.2 - velite: - specifier: ^0.2.1 - version: 0.2.1(acorn@8.14.0) - vite: - specifier: ^5.0.11 - version: 5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0) - packages: '@ampproject/remapping@2.3.0': @@ -1179,81 +1134,159 @@ packages: '@tailwindcss/node@4.0.0-beta.4': resolution: {integrity: sha512-NAPhQ6BcjXUqI+QFtzYHTcoqX4ACGNZl69NfMIDCCTvmPZ761sdvX8cy3LyeJEZDyfyoBT5vzjzfWeNZR7Y+KA==} + '@tailwindcss/node@4.0.0-beta.5': + resolution: {integrity: sha512-29Ym+rT27zmWMbqcQUdbA9h1J+6k6EcV9nSfswModSWkeJAhrY8Sqzt7uU7hOtI7ETXjy22bSSHPjt/0+cjBdg==} + '@tailwindcss/oxide-android-arm64@4.0.0-beta.4': resolution: {integrity: sha512-r/MBScgeBZXE1xkZ+mw8/QybAlTOEzSJ6Jo9W9YCaqy+6S0Iaeo6CmwOPBrtX4/nlHm/v3hcmQWnaeJDQJMkTg==} engines: {node: '>= 10'} cpu: [arm64] os: [android] + '@tailwindcss/oxide-android-arm64@4.0.0-beta.5': + resolution: {integrity: sha512-1eBq4Jo9R4CMHkrJuuHNrwBEkuSg37D/9OxsxcxvC372r8GdQ9fpy3cwYoVtqX6fG/Wg32P/n0t58QiQIlhkzg==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [android] + '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.4': resolution: {integrity: sha512-snm+1FmjU59X/2kCgryBlbGYEwJ945cC48XkN78pZIxYn/V7LNukGvDlIKgVJ6GxU4iiac7pk149ZyFZ7Ukj4Q==} engines: {node: '>= 10'} cpu: [arm64] os: [darwin] + '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.5': + resolution: {integrity: sha512-mUjChnLgul9DeKNsWNVuIykwYhKNOp8Suu4qob3T5d8joVYvt+zYM8fpQulAJDH5OzbKYoekkzquJDA6plNxEA==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [darwin] + '@tailwindcss/oxide-darwin-x64@4.0.0-beta.4': resolution: {integrity: sha512-BRbp+1WSExBCHnBK3EmTmmweM04UhpegOjjQbWDADrklhNU7juYNiu/4RN7A74ndweeopKuYB8gvMrdGlAEeuA==} engines: {node: '>= 10'} cpu: [x64] os: [darwin] + '@tailwindcss/oxide-darwin-x64@4.0.0-beta.5': + resolution: {integrity: sha512-zLD9Z6B7olFOQUVn/3wZY5IL+6x294n7N+BA1cwwZtnxZNyp3o/26KGDP8mM1TcdbXHb5DOj4OX08wwbffzJrA==} + engines: {node: '>= 10'} + cpu: [x64] + os: [darwin] + '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.4': resolution: {integrity: sha512-HO6cclVvp1JueqleUfYpLFK41lnI/5/oqwkftZQ5LNF0fwp8sQm2cEh7GTCj2hwTIUnHbxmSmrg1MZL1/yoVgA==} engines: {node: '>= 10'} cpu: [x64] os: [freebsd] + '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.5': + resolution: {integrity: sha512-FsjvHqsf/AXuEZVNA4TQlLZmanP9qjaqedjCyXv19JwfdxlEuFcGHwx6f1zATuiQnQ1DnYeoJLfjv88N59UvZQ==} + engines: {node: '>= 10'} + cpu: [x64] + os: [freebsd] + '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.4': resolution: {integrity: sha512-Z6xUcakkJZGySTce0QqfbNdLRK4cUNmilvDd69q+8Ep+Vxqy+x5bkCweAf7b+lJsUe6mjclT2EP1ouMvqegnQQ==} engines: {node: '>= 10'} cpu: [arm] os: [linux] + '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.5': + resolution: {integrity: sha512-qvtbk+AdBjd2TvwJ+nuYRHeNDnlP20QIsfnVIENiU1oRTjiWvejPwRlN7bPWn0IR41GG8NEkdhM9L6vHSzaqbw==} + engines: {node: '>= 10'} + cpu: [arm] + os: [linux] + '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.4': resolution: {integrity: sha512-hr9AbxrsAXWjZp8iIcQes7eIfMnSgUS6qA/SbcxFfvmte/BHUSuSxa21OZpFRVYFcQ/BIqLA1hU27fvfZZq4JQ==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] + '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.5': + resolution: {integrity: sha512-kcz1OP9Bocq/1wPCldBYDCsll0VLUzUTWZfmg3vh7yKGbtBqL3NrJqmq8jT7FdctgcMnrJ3x3pBchKt/n6OkeQ==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [linux] + '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.4': resolution: {integrity: sha512-b//iI94Eo29LqzAOBfFt1m3bM1CF9NU3K59o3ikAwM6kdxmPQoc7TBpcrEh3lKomJ1Ejj0M95022YqksY7O8gQ==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] + '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.5': + resolution: {integrity: sha512-wzA1w/aJBfMFplEg6vVtMwuC4AOi8wyJPwhToxZuk3uq6sgm74prMbnWPhocJK8AwySJHOWDEj4ncXrRkMPPLg==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [linux] + '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.4': resolution: {integrity: sha512-xqK6amSCZpEpWbuN0WYDlaOir7n2NjD2jtnVZ5eWpnw4kkjzu0kmVqN9PaWdejZUKVfvEy7Ldbmcos9MpQhi4g==} engines: {node: '>= 10'} cpu: [x64] os: [linux] + '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.5': + resolution: {integrity: sha512-nrk9HDW31TDpsr8Iiu0DRtMyr9Rniq/8IWqLV2NeS0EhsmpEi+Ll6PbbuZdPRLA+TCK7pWstqcTC/trxp7LGOQ==} + engines: {node: '>= 10'} + cpu: [x64] + os: [linux] + '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.4': resolution: {integrity: sha512-9V3CtBJ+oBxeppvBUvfZ2NbsrgKkLDIVrF4jUcpj3Md4rdpW6mIRWxqzEY1uT9JZlFr4YmVx6Auax+32BUtD2A==} engines: {node: '>= 10'} cpu: [x64] os: [linux] + '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.5': + resolution: {integrity: sha512-ETzuMsqiPwY1kt2i1ROTkL9zSJXCvT2Y4onIWKwKPVnEpezVouxXN9guIKoet6KkvDJgZoVtpbO6izgUqpNVwg==} + engines: {node: '>= 10'} + cpu: [x64] + os: [linux] + '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.4': resolution: {integrity: sha512-MYfGNg1nikym/F2aCx0ni5ZWKsChVwWTsjgmDo9ZOiqhWE/7yeX0Ej+lugEh4gPHyUpcMbeTZySZx0OJ8o+X1Q==} engines: {node: '>= 10'} cpu: [arm64] os: [win32] + '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.5': + resolution: {integrity: sha512-Mstca4eNIMwMr5JvjYaE7C/MmGyQeYVxYRMGCNGbW9UDzxRNNVrg9Z4YgXZ2NdnjyhQF7N6BysPMhfQjv0Czng==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [win32] + '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.4': resolution: {integrity: sha512-hCMihksJD5odhAm+SLFNk75etPRK+QjyMIPMryUI7na6kvB8OaTH4gRBIO27GvRk2q1Zm2sqn4JoYy2auuoAAA==} engines: {node: '>= 10'} cpu: [x64] os: [win32] + '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.5': + resolution: {integrity: sha512-q3B9DmTMsHpaxg1w0ZxcIL7F3Em8s42SlwDBgnWWPnc6bZMG/gpN6EEL6mWfnvNyyD2LuYLjwG/D0VDuccQdIA==} + engines: {node: '>= 10'} + cpu: [x64] + os: [win32] + '@tailwindcss/oxide@4.0.0-beta.4': resolution: {integrity: sha512-yYZ069LXAEOrQt3SwYV+PhwsGBM0qo7ofsOF5BDrju9Nsz+X0z9NCF9fvc6zJ11wX1bSVuiyLbwIS4P9rVT8hg==} engines: {node: '>= 10'} + '@tailwindcss/oxide@4.0.0-beta.5': + resolution: {integrity: sha512-m5Vc6UdnFWh1lca5XfcJhkD7peMYE5bHeqFo3Jse+q5bd/ahJqGdIdRp72XtIjhpMztNS/hu0xRzabW/Jo+U9w==} + engines: {node: '>= 10'} + '@tailwindcss/vite@4.0.0-beta.4': resolution: {integrity: sha512-VpexhM1fzmhT3KfviF3BAOeJ5p0Pc0wW6QkTUI+aiRlIHtaPI9QxNrOvLgkLSqGxucb78ERA0eI2hrcAN6gjWA==} peerDependencies: vite: ^5.2.0 + '@tailwindcss/vite@4.0.0-beta.5': + resolution: {integrity: sha512-zyPth1Zl1ChmDmNWXoaznj7HuQlEZ+V6xJfMScryCYKZHy+hzrXKwambjIb/ddE6ajR7DneSFAdALsn0WWQcwg==} + peerDependencies: + vite: ^5.2.0 || ^6 + '@types/acorn@4.0.6': resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==} @@ -2960,6 +2993,9 @@ packages: tailwindcss@4.0.0-beta.4: resolution: {integrity: sha512-mkjpwMyaHCa3L5HmRjYyY8w8D+7brxwbM7YQxH8QeEFtCURd5fvdHIC9TEpIaL1X49vhl8cuOFY6Nhi6sCsI5w==} + tailwindcss@4.0.0-beta.5: + resolution: {integrity: sha512-59zeDyaVE5z1iQnhk5cGeBJvb6Z/Iym4qSFzPddiotWbnqWcIqj0kRgZH8OyR4VZU+solTRQaWRgfDZ8PQ+p8A==} + tapable@2.2.1: resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==} engines: {node: '>=6'} @@ -4007,39 +4043,78 @@ snapshots: jiti: 2.4.1 tailwindcss: 4.0.0-beta.4 + '@tailwindcss/node@4.0.0-beta.5': + dependencies: + enhanced-resolve: 5.17.1 + jiti: 2.4.1 + tailwindcss: 4.0.0-beta.5 + '@tailwindcss/oxide-android-arm64@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-android-arm64@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-darwin-x64@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-darwin-x64@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.4': optional: true + '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.5': + optional: true + '@tailwindcss/oxide@4.0.0-beta.4': optionalDependencies: '@tailwindcss/oxide-android-arm64': 4.0.0-beta.4 @@ -4054,6 +4129,20 @@ snapshots: '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.4 '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.4 + '@tailwindcss/oxide@4.0.0-beta.5': + optionalDependencies: + '@tailwindcss/oxide-android-arm64': 4.0.0-beta.5 + '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.5 + '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.5 + '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.5 + '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.5 + '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.5 + '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.5 + '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.5 + '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.5 + '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.5 + '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.5 + '@tailwindcss/vite@4.0.0-beta.4(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(svelte@5.2.11)(typescript@5.7.2)(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0))': dependencies: '@tailwindcss/node': 4.0.0-beta.4 @@ -4075,6 +4164,14 @@ snapshots: - svelte - typescript + '@tailwindcss/vite@4.0.0-beta.5(vite@5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0))': + dependencies: + '@tailwindcss/node': 4.0.0-beta.5 + '@tailwindcss/oxide': 4.0.0-beta.5 + lightningcss: 1.28.2 + tailwindcss: 4.0.0-beta.5 + vite: 5.4.11(@types/node@22.10.1)(lightningcss@1.28.2)(terser@5.36.0) + '@types/acorn@4.0.6': dependencies: '@types/estree': 1.0.6 @@ -6173,6 +6270,8 @@ snapshots: tailwindcss@4.0.0-beta.4: {} + tailwindcss@4.0.0-beta.5: {} + tapable@2.2.1: {} term-size@2.2.1: {} diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index b1788c2..4d848b6 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -1,4 +1,3 @@ packages: - "packages/*" - "docs" - - "start" diff --git a/start/package.json b/start/package.json index 1091c1f..ef14de1 100644 --- a/start/package.json +++ b/start/package.json @@ -13,17 +13,17 @@ "check:watch": "pnpm build:content && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch" }, "devDependencies": { - "@svecodocs/kit": "workspace:*", + "@svecodocs/kit": "latest", "@sveltejs/adapter-cloudflare": "^4.8.0", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.0", - "@tailwindcss/vite": "4.0.0-beta.4", + "@tailwindcss/vite": "4.0.0-beta.5", "mdsx": "^0.0.6", "phosphor-svelte": "^3.0.0", "svelte": "^5.2.11", "svelte-check": "^4.0.0", "svelte-preprocess": "^6.0.3", - "tailwindcss": "4.0.0-beta.4", + "tailwindcss": "4.0.0-beta.5", "typescript": "^5.0.0", "velite": "^0.2.1", "vite": "^5.0.11" diff --git a/start/src/lib/navigation.ts b/start/src/lib/navigation.ts index bae8bb2..dbb2cd6 100644 --- a/start/src/lib/navigation.ts +++ b/start/src/lib/navigation.ts @@ -1,4 +1,4 @@ -import { createNavigation } from "@svecodocs/kit"; +import { defineNavigation } from "@svecodocs/kit"; import ChalkboardTeacher from "phosphor-svelte/lib/ChalkboardTeacher"; import RocketLaunch from "phosphor-svelte/lib/RocketLaunch"; import Tag from "phosphor-svelte/lib/Tag"; @@ -20,7 +20,7 @@ const configuration = allDocs href: `/docs/${doc.slug}`, })); -export const navigation = createNavigation({ +export const navigation = defineNavigation({ anchors: [ { title: "Introduction", diff --git a/start/vite.config.ts b/start/vite.config.ts index e3dc09b..2e3ad2b 100644 --- a/start/vite.config.ts +++ b/start/vite.config.ts @@ -7,9 +7,6 @@ const __dirname = new URL(".", import.meta.url).pathname; export default defineConfig({ plugins: [sveltekit(), tailwindcss()], - optimizeDeps: { - exclude: ["@svecodocs/kit"], - }, server: { fs: { allow: [resolve(__dirname, "./.velite")], diff --git a/tsconfig.json b/tsconfig.json deleted file mode 100644 index 0f422cf..0000000 --- a/tsconfig.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "./docs/.svelte-kit/tsconfig.json" -}