sherick-ui 2.7.1 → 2.8.0
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.
- package/dist/cjs/components/Input.cjs +1 -1
- package/dist/cjs/components/Input.cjs.map +1 -1
- package/dist/cjs/components/Textarea.cjs +1 -1
- package/dist/cjs/components/Textarea.cjs.map +1 -1
- package/dist/cjs/components/choice-row.cjs +1 -1
- package/dist/cjs/components/choice-row.cjs.map +1 -1
- package/dist/cjs/components/ui.common.cjs +57 -47
- package/dist/cjs/components/ui.common.cjs.map +1 -1
- package/dist/esm/components/Input.js +1 -1
- package/dist/esm/components/Input.js.map +1 -1
- package/dist/esm/components/Textarea.js +1 -1
- package/dist/esm/components/Textarea.js.map +1 -1
- package/dist/esm/components/choice-row.js +1 -1
- package/dist/esm/components/choice-row.js.map +1 -1
- package/dist/esm/components/ui.common.js +57 -47
- package/dist/esm/components/ui.common.js.map +1 -1
- package/dist/styles.css +38 -58
- package/dist/theme.css +3 -0
- package/dist/types/dev.d.cts +15 -16
- package/dist/types/dev.d.ts +15 -16
- package/package.json +1 -1
package/dist/types/dev.d.cts
CHANGED
|
@@ -33,8 +33,7 @@ declare const edgeTone: {
|
|
|
33
33
|
readonly rule: "border-sherick-edge/[0.075]";
|
|
34
34
|
};
|
|
35
35
|
declare const rim: {
|
|
36
|
-
readonly field: "border-[1.5px] border-transparent
|
|
37
|
-
readonly fieldError: "border-[1.5px] border-transparent border-b-sherick-danger";
|
|
36
|
+
readonly field: "border-[1.5px] border-transparent";
|
|
38
37
|
readonly dashed: string;
|
|
39
38
|
readonly dashedHover: "hover:after:bg-sherick-ink-muted";
|
|
40
39
|
readonly dashedDragging: "data-[dragging]:after:bg-sherick-primary";
|
|
@@ -56,17 +55,17 @@ declare const state: {
|
|
|
56
55
|
readonly text: "cursor-text";
|
|
57
56
|
readonly rowHover: "hover:bg-sherick-ink/[0.05]";
|
|
58
57
|
readonly field: {
|
|
59
|
-
readonly hover: "hover:bg-sherick-
|
|
60
|
-
readonly focus: "focus:bg-sherick-
|
|
61
|
-
readonly focusWithin: "[&&]:focus-within:bg-sherick-
|
|
62
|
-
readonly engaged: "bg-sherick-
|
|
63
|
-
readonly errorHover: "hover:bg-sherick-danger-soft
|
|
64
|
-
readonly errorFocus: "focus:bg-sherick-danger-soft
|
|
65
|
-
readonly errorEngaged: "bg-sherick-danger-soft
|
|
66
|
-
readonly invalid: "data-[invalid]:bg-sherick-danger-soft
|
|
67
|
-
readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft
|
|
68
|
-
readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft
|
|
69
|
-
readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft
|
|
58
|
+
readonly hover: "hover:bg-sherick-tray-deep";
|
|
59
|
+
readonly focus: "focus:bg-sherick-tray-deep";
|
|
60
|
+
readonly focusWithin: "[&&]:focus-within:bg-sherick-tray-deep";
|
|
61
|
+
readonly engaged: "bg-sherick-tray-deep";
|
|
62
|
+
readonly errorHover: "hover:bg-sherick-danger-soft";
|
|
63
|
+
readonly errorFocus: "focus:bg-sherick-danger-soft";
|
|
64
|
+
readonly errorEngaged: "bg-sherick-danger-soft";
|
|
65
|
+
readonly invalid: "data-[invalid]:bg-sherick-danger-soft";
|
|
66
|
+
readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft";
|
|
67
|
+
readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft";
|
|
68
|
+
readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft";
|
|
70
69
|
};
|
|
71
70
|
};
|
|
72
71
|
declare const stateLayerQuietComposite: string;
|
|
@@ -86,8 +85,8 @@ declare const material: {
|
|
|
86
85
|
readonly matteQuiet: "bg-sherick-surface/[0.42] text-sherick-ink";
|
|
87
86
|
readonly matte: "bg-sherick-surface/[0.78] text-sherick-ink";
|
|
88
87
|
readonly matteHigh: "bg-sherick-surface-high/[0.72] text-sherick-ink";
|
|
89
|
-
readonly control: "bg-sherick-surface-high
|
|
90
|
-
readonly controlError: "bg-sherick-danger-soft
|
|
88
|
+
readonly control: "bg-sherick-surface-high text-sherick-ink placeholder:text-sherick-ink-muted";
|
|
89
|
+
readonly controlError: "bg-sherick-danger-soft text-sherick-ink placeholder:text-sherick-danger";
|
|
91
90
|
readonly handle: "bg-sherick-ink-muted text-sherick-canvas";
|
|
92
91
|
readonly acrylic: "bg-sherick-surface-float/[var(--sui-glass-fill)] bg-[image:var(--sui-glass-gradient)] text-sherick-ink backdrop-blur-[var(--sui-glass-blur)] backdrop-saturate-[var(--sui-glass-saturation)] backdrop-brightness-[var(--sui-glass-brightness)]";
|
|
93
92
|
readonly acrylicDense: "bg-sherick-surface-float/[var(--sui-glass-dense-fill)] bg-[image:var(--sui-glass-gradient-dense)] text-sherick-ink backdrop-blur-[var(--sui-glass-dense-blur)] backdrop-saturate-[var(--sui-glass-dense-saturation)] backdrop-brightness-[var(--sui-glass-dense-brightness)]";
|
|
@@ -199,7 +198,7 @@ declare const tone: {
|
|
|
199
198
|
};
|
|
200
199
|
declare const currentDestination = "bg-sherick-primary-soft text-sherick-ink font-medium";
|
|
201
200
|
declare const puck = "bg-sherick-puck";
|
|
202
|
-
declare const selectableRowSurface
|
|
201
|
+
declare const selectableRowSurface: string;
|
|
203
202
|
declare const selectableRowSupporting = "group-has-[[data-checked]]:text-sherick-ink";
|
|
204
203
|
declare const selectable: {
|
|
205
204
|
readonly surface: string;
|
package/dist/types/dev.d.ts
CHANGED
|
@@ -33,8 +33,7 @@ declare const edgeTone: {
|
|
|
33
33
|
readonly rule: "border-sherick-edge/[0.075]";
|
|
34
34
|
};
|
|
35
35
|
declare const rim: {
|
|
36
|
-
readonly field: "border-[1.5px] border-transparent
|
|
37
|
-
readonly fieldError: "border-[1.5px] border-transparent border-b-sherick-danger";
|
|
36
|
+
readonly field: "border-[1.5px] border-transparent";
|
|
38
37
|
readonly dashed: string;
|
|
39
38
|
readonly dashedHover: "hover:after:bg-sherick-ink-muted";
|
|
40
39
|
readonly dashedDragging: "data-[dragging]:after:bg-sherick-primary";
|
|
@@ -56,17 +55,17 @@ declare const state: {
|
|
|
56
55
|
readonly text: "cursor-text";
|
|
57
56
|
readonly rowHover: "hover:bg-sherick-ink/[0.05]";
|
|
58
57
|
readonly field: {
|
|
59
|
-
readonly hover: "hover:bg-sherick-
|
|
60
|
-
readonly focus: "focus:bg-sherick-
|
|
61
|
-
readonly focusWithin: "[&&]:focus-within:bg-sherick-
|
|
62
|
-
readonly engaged: "bg-sherick-
|
|
63
|
-
readonly errorHover: "hover:bg-sherick-danger-soft
|
|
64
|
-
readonly errorFocus: "focus:bg-sherick-danger-soft
|
|
65
|
-
readonly errorEngaged: "bg-sherick-danger-soft
|
|
66
|
-
readonly invalid: "data-[invalid]:bg-sherick-danger-soft
|
|
67
|
-
readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft
|
|
68
|
-
readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft
|
|
69
|
-
readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft
|
|
58
|
+
readonly hover: "hover:bg-sherick-tray-deep";
|
|
59
|
+
readonly focus: "focus:bg-sherick-tray-deep";
|
|
60
|
+
readonly focusWithin: "[&&]:focus-within:bg-sherick-tray-deep";
|
|
61
|
+
readonly engaged: "bg-sherick-tray-deep";
|
|
62
|
+
readonly errorHover: "hover:bg-sherick-danger-soft";
|
|
63
|
+
readonly errorFocus: "focus:bg-sherick-danger-soft";
|
|
64
|
+
readonly errorEngaged: "bg-sherick-danger-soft";
|
|
65
|
+
readonly invalid: "data-[invalid]:bg-sherick-danger-soft";
|
|
66
|
+
readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft";
|
|
67
|
+
readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft";
|
|
68
|
+
readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft";
|
|
70
69
|
};
|
|
71
70
|
};
|
|
72
71
|
declare const stateLayerQuietComposite: string;
|
|
@@ -86,8 +85,8 @@ declare const material: {
|
|
|
86
85
|
readonly matteQuiet: "bg-sherick-surface/[0.42] text-sherick-ink";
|
|
87
86
|
readonly matte: "bg-sherick-surface/[0.78] text-sherick-ink";
|
|
88
87
|
readonly matteHigh: "bg-sherick-surface-high/[0.72] text-sherick-ink";
|
|
89
|
-
readonly control: "bg-sherick-surface-high
|
|
90
|
-
readonly controlError: "bg-sherick-danger-soft
|
|
88
|
+
readonly control: "bg-sherick-surface-high text-sherick-ink placeholder:text-sherick-ink-muted";
|
|
89
|
+
readonly controlError: "bg-sherick-danger-soft text-sherick-ink placeholder:text-sherick-danger";
|
|
91
90
|
readonly handle: "bg-sherick-ink-muted text-sherick-canvas";
|
|
92
91
|
readonly acrylic: "bg-sherick-surface-float/[var(--sui-glass-fill)] bg-[image:var(--sui-glass-gradient)] text-sherick-ink backdrop-blur-[var(--sui-glass-blur)] backdrop-saturate-[var(--sui-glass-saturation)] backdrop-brightness-[var(--sui-glass-brightness)]";
|
|
93
92
|
readonly acrylicDense: "bg-sherick-surface-float/[var(--sui-glass-dense-fill)] bg-[image:var(--sui-glass-gradient-dense)] text-sherick-ink backdrop-blur-[var(--sui-glass-dense-blur)] backdrop-saturate-[var(--sui-glass-dense-saturation)] backdrop-brightness-[var(--sui-glass-dense-brightness)]";
|
|
@@ -199,7 +198,7 @@ declare const tone: {
|
|
|
199
198
|
};
|
|
200
199
|
declare const currentDestination = "bg-sherick-primary-soft text-sherick-ink font-medium";
|
|
201
200
|
declare const puck = "bg-sherick-puck";
|
|
202
|
-
declare const selectableRowSurface
|
|
201
|
+
declare const selectableRowSurface: string;
|
|
203
202
|
declare const selectableRowSupporting = "group-has-[[data-checked]]:text-sherick-ink";
|
|
204
203
|
declare const selectable: {
|
|
205
204
|
readonly surface: string;
|