From 28c53264a6144e7c96988d01f47b63103b025882 Mon Sep 17 00:00:00 2001 From: Aidan Bleser <117548273+ieedan@users.noreply.github.com> Date: Fri, 10 Jan 2025 10:01:42 -0600 Subject: [PATCH 1/4] Update input-otp.md --- sites/docs/src/content/components/input-otp.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sites/docs/src/content/components/input-otp.md b/sites/docs/src/content/components/input-otp.md index e6ec354dc..2bf857cf8 100644 --- a/sites/docs/src/content/components/input-otp.md +++ b/sites/docs/src/content/components/input-otp.md @@ -57,7 +57,7 @@ Install `bits-ui`: - {#each cells.slice(0, 3) as cell} + {#each cells.slice(3, 6) as cell} {/each} From 0b920c01376135ff90871630d38f360bdd1752c7 Mon Sep 17 00:00:00 2001 From: Aidan Bleser <117548273+ieedan@users.noreply.github.com> Date: Fri, 10 Jan 2025 16:08:39 +0000 Subject: [PATCH 2/4] prettier makes me sad --- sites/docs/src/content/components/form.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/sites/docs/src/content/components/form.md b/sites/docs/src/content/components/form.md index a2d587b31..3511ca065 100644 --- a/sites/docs/src/content/components/form.md +++ b/sites/docs/src/content/components/form.md @@ -120,7 +120,8 @@ For this example, we'll be passing the `form` returned from the load function as } from "sveltekit-superforms"; import { zodClient } from "sveltekit-superforms/adapters"; - let { data }: { data: { form: SuperValidated> } } = $props(); + let { data }: { data: { form: SuperValidated> } } = + $props(); const form = superForm(data.form, { validators: zodClient(formSchema), @@ -143,6 +144,7 @@ For this example, we'll be passing the `form` returned from the load function as Submit ``` + The `name`, `id`, and all accessibility attributes are applied to the input by spreading the `attrs` object from the `Form.Control` component. The `Form.Label` will automatically be associated with the input using the `for` attribute, so you don't have to worry about that. ### Create a page component that uses the form @@ -212,4 +214,3 @@ See the following links for more examples on how to use the other `Form` compone - [Select](/docs/components/select#form) - [Switch](/docs/components/switch#form) - [Textarea](/docs/components/textarea#form) - From 23ecb3be3902e8a1fb5b5fc2e5e67d7cb143252d Mon Sep 17 00:00:00 2001 From: Aidan Bleser <117548273+ieedan@users.noreply.github.com> Date: Fri, 10 Jan 2025 16:18:23 +0000 Subject: [PATCH 3/4] update migration docs for sidebar colors --- sites/docs/src/content/migration/svelte-5/index.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/sites/docs/src/content/migration/svelte-5/index.md b/sites/docs/src/content/migration/svelte-5/index.md index 68cec3005..d43287b92 100644 --- a/sites/docs/src/content/migration/svelte-5/index.md +++ b/sites/docs/src/content/migration/svelte-5/index.md @@ -57,7 +57,7 @@ Add `tailwindcss-animate`. -Add `tailwindcss-animate` plugin and animations config. +Add `tailwindcss-animate` plugin, sidebar colors, and animations config. ```json {2} {22-43} import type { Config } from 'tailwindcss'; @@ -74,6 +74,16 @@ const config: Config = { extend: { colors: { // unchanged ... + sidebar: { + DEFAULT: "hsl(var(--sidebar-background))", + foreground: "hsl(var(--sidebar-foreground))", + primary: "hsl(var(--sidebar-primary))", + "primary-foreground": "hsl(var(--sidebar-primary-foreground))", + accent: "hsl(var(--sidebar-accent))", + "accent-foreground": "hsl(var(--sidebar-accent-foreground))", + border: "hsl(var(--sidebar-border))", + ring: "hsl(var(--sidebar-ring))", + }, }, borderRadius: { // unchanged ... From 8d06f75dc7aad6c833fe952a79ddf7dc61c2c44b Mon Sep 17 00:00:00 2001 From: Aidan Bleser <117548273+ieedan@users.noreply.github.com> Date: Fri, 10 Jan 2025 16:22:59 +0000 Subject: [PATCH 4/4] fix line numbers --- sites/docs/src/content/migration/svelte-5/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sites/docs/src/content/migration/svelte-5/index.md b/sites/docs/src/content/migration/svelte-5/index.md index d43287b92..60ad4d59d 100644 --- a/sites/docs/src/content/migration/svelte-5/index.md +++ b/sites/docs/src/content/migration/svelte-5/index.md @@ -59,7 +59,7 @@ Add `tailwindcss-animate`. Add `tailwindcss-animate` plugin, sidebar colors, and animations config. -```json {2} {22-43} +```json {2} {15-24} {32-50} {53} import type { Config } from 'tailwindcss'; import tailwindcssAnimate from 'tailwindcss-animate';