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';