@spaethtech/svelte-ui 0.3.1-dev.7.3dc4fbb → 0.3.1-dev.9.88889c6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
* Border + radius come from the shared tint tokens (the same scheme Input/DataTable use, so surfaces
|
|
8
8
|
* match): the OUTER frame is the variant token at `--ui-tint-border` (rest) / `--ui-tint-border-hover`
|
|
9
9
|
* (hover) — one calc for every variant, no `secondary` special case — while inset Header/Footer
|
|
10
|
-
* separators stay soft (`--ui-border-color`)
|
|
10
|
+
* separators stay soft (`--ui-border-color`), matching the library's other internal dividers.
|
|
11
|
+
* `variant` sets the border colour; `size` the padding.
|
|
11
12
|
*
|
|
12
13
|
* Background comes from `--ui-color-background` so the card reads as a raised panel over the page
|
|
13
14
|
* body (matches Input, Dialog, tooltip surface tokens). Themes remap this token to their own
|
|
@@ -30,7 +30,9 @@
|
|
|
30
30
|
} & Omit<HTMLAttributes<HTMLDivElement>, "class"> = $props();
|
|
31
31
|
|
|
32
32
|
const space: Record<Size, string> = { sm: "pt-2 mt-2", md: "pt-3 mt-3", lg: "pt-4 mt-4" };
|
|
33
|
-
//
|
|
33
|
+
// The separator is a SOFT internal divider, consistent with the other section splits/footers in the
|
|
34
|
+
// library (DatePicker/TimePicker/TimeRangeInput) — deliberately lighter than the Card frame + fields.
|
|
35
|
+
// Default (secondary) → the shared `--ui-border-color`; any other variant → that accent's tint.
|
|
34
36
|
const sepColor = $derived(
|
|
35
37
|
variant === "secondary"
|
|
36
38
|
? "var(--ui-border-color)"
|
|
@@ -30,7 +30,9 @@
|
|
|
30
30
|
} & Omit<HTMLAttributes<HTMLDivElement>, "class"> = $props();
|
|
31
31
|
|
|
32
32
|
const space: Record<Size, string> = { sm: "pb-2 mb-2", md: "pb-3 mb-3", lg: "pb-4 mb-4" };
|
|
33
|
-
//
|
|
33
|
+
// The separator is a SOFT internal divider, consistent with the other section splits/footers in the
|
|
34
|
+
// library (DatePicker/TimePicker/TimeRangeInput) — deliberately lighter than the Card frame + fields.
|
|
35
|
+
// Default (secondary) → the shared `--ui-border-color`; any other variant → that accent's tint.
|
|
34
36
|
const sepColor = $derived(
|
|
35
37
|
variant === "secondary"
|
|
36
38
|
? "var(--ui-border-color)"
|