@vellira-ui/tokens 2.103.0 → 2.103.1
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/dark/components/button.d.ts +15 -15
- package/dist/dark/components/button.d.ts.map +1 -1
- package/dist/dark/components/button.js +3 -3
- package/dist/dark/components/checkbox.d.ts +15 -15
- package/dist/dark/components/checkbox.d.ts.map +1 -1
- package/dist/dark/components/checkbox.js +3 -3
- package/dist/dark/components/dropdown.d.ts.map +1 -1
- package/dist/dark/components/dropdown.js +4 -4
- package/dist/dark/components/input.d.ts +45 -45
- package/dist/dark/components/input.d.ts.map +1 -1
- package/dist/dark/components/input.js +3 -3
- package/dist/dark/components/radio.d.ts +15 -15
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +3 -3
- package/dist/dark/components/select.d.ts +135 -135
- package/dist/dark/components/select.d.ts.map +1 -1
- package/dist/dark/components/select.js +4 -4
- package/dist/factories/createButtonTokens.d.ts +5 -0
- package/dist/factories/createButtonTokens.d.ts.map +1 -0
- package/dist/factories/createButtonTokens.js +4 -0
- package/dist/factories/createCheckboxTokens.d.ts +5 -0
- package/dist/factories/createCheckboxTokens.d.ts.map +1 -0
- package/dist/factories/createCheckboxTokens.js +4 -0
- package/dist/factories/createDropdownTokens.d.ts +4 -0
- package/dist/factories/createDropdownTokens.d.ts.map +1 -0
- package/dist/factories/createDropdownTokens.js +4 -0
- package/dist/factories/createFormFieldTokens.d.ts +2 -0
- package/dist/factories/createFormFieldTokens.d.ts.map +1 -1
- package/dist/factories/createFormFieldTokens.js +4 -1
- package/dist/factories/createInputTokens.d.ts +5 -0
- package/dist/factories/createInputTokens.d.ts.map +1 -0
- package/dist/factories/createInputTokens.js +4 -0
- package/dist/factories/createRadioTokens.d.ts +5 -0
- package/dist/factories/createRadioTokens.d.ts.map +1 -0
- package/dist/factories/createRadioTokens.js +4 -0
- package/dist/factories/createSelectTokens.d.ts +4 -0
- package/dist/factories/createSelectTokens.d.ts.map +1 -0
- package/dist/factories/createSelectTokens.js +4 -0
- package/dist/factories/index.d.ts +9 -4
- package/dist/factories/index.d.ts.map +1 -1
- package/dist/factories/index.js +9 -4
- package/dist/factories/{createButtonPalette.d.ts → palettes/createButtonIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createButtonIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createButtonPalette.js → palettes/createButtonIntentPalette.js} +1 -1
- package/dist/factories/{createCheckboxPalette.d.ts → palettes/createCheckboxIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createCheckboxIntentPalette.d.ts.map +1 -0
- package/dist/factories/palettes/createCheckboxIntentPalette.js +6 -0
- package/dist/factories/{createDropdownPalette.d.ts → palettes/createDropdownIntentPalette.d.ts} +3 -3
- package/dist/factories/palettes/createDropdownIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createDropdownPalette.js → palettes/createDropdownIntentPalette.js} +1 -1
- package/dist/factories/{createInputPalette.d.ts → palettes/createInputIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createInputIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createInputPalette.js → palettes/createInputIntentPalette.js} +2 -2
- package/dist/factories/{createRadioPalette.d.ts → palettes/createRadioIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createRadioIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createRadioPalette.js → palettes/createRadioIntentPalette.js} +2 -2
- package/dist/factories/{createSelectPalette.d.ts → palettes/createSelectIntentPalette.d.ts} +30 -30
- package/dist/factories/palettes/createSelectIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createSelectPalette.js → palettes/createSelectIntentPalette.js} +1 -1
- package/dist/highContrast/components/button.d.ts +15 -15
- package/dist/highContrast/components/button.d.ts.map +1 -1
- package/dist/highContrast/components/button.js +3 -3
- package/dist/highContrast/components/checkbox.d.ts +15 -15
- package/dist/highContrast/components/checkbox.d.ts.map +1 -1
- package/dist/highContrast/components/checkbox.js +3 -3
- package/dist/highContrast/components/dropdown.d.ts.map +1 -1
- package/dist/highContrast/components/dropdown.js +4 -4
- package/dist/highContrast/components/input.d.ts +45 -45
- package/dist/highContrast/components/input.d.ts.map +1 -1
- package/dist/highContrast/components/input.js +3 -3
- package/dist/highContrast/components/radio.d.ts +15 -15
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +3 -3
- package/dist/highContrast/components/select.d.ts +135 -135
- package/dist/highContrast/components/select.d.ts.map +1 -1
- package/dist/highContrast/components/select.js +4 -4
- package/dist/light/components/button.d.ts +15 -15
- package/dist/light/components/button.d.ts.map +1 -1
- package/dist/light/components/button.js +3 -3
- package/dist/light/components/checkbox.d.ts +15 -15
- package/dist/light/components/checkbox.d.ts.map +1 -1
- package/dist/light/components/checkbox.js +3 -3
- package/dist/light/components/dropdown.d.ts.map +1 -1
- package/dist/light/components/dropdown.js +4 -4
- package/dist/light/components/input.d.ts +45 -45
- package/dist/light/components/input.d.ts.map +1 -1
- package/dist/light/components/input.js +3 -3
- package/dist/light/components/radio.d.ts +15 -15
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +3 -3
- package/dist/light/components/select.d.ts +135 -135
- package/dist/light/components/select.d.ts.map +1 -1
- package/dist/light/components/select.js +4 -4
- package/dist/preservation/token-migrations.d.ts +4 -4
- package/dist/token-architecture.d.ts +14 -14
- package/dist/token-architecture.js +14 -14
- package/package.json +1 -1
- package/dist/factories/createButtonPalette.d.ts.map +0 -1
- package/dist/factories/createCheckboxPalette.d.ts.map +0 -1
- package/dist/factories/createCheckboxPalette.js +0 -6
- package/dist/factories/createDropdownPalette.d.ts.map +0 -1
- package/dist/factories/createInputPalette.d.ts.map +0 -1
- package/dist/factories/createRadioPalette.d.ts.map +0 -1
- package/dist/factories/createSelectPalette.d.ts.map +0 -1
|
@@ -2,9 +2,9 @@ export declare const button: {
|
|
|
2
2
|
readonly primary: {
|
|
3
3
|
readonly ring: string;
|
|
4
4
|
readonly solid: {
|
|
5
|
-
default: import("../../factories/
|
|
6
|
-
hover: import("../../factories/
|
|
7
|
-
pressed: import("../../factories/
|
|
5
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
6
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
7
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
8
8
|
};
|
|
9
9
|
readonly outline: {
|
|
10
10
|
readonly default: {
|
|
@@ -78,9 +78,9 @@ export declare const button: {
|
|
|
78
78
|
readonly neutral: {
|
|
79
79
|
readonly ring: string;
|
|
80
80
|
readonly solid: {
|
|
81
|
-
default: import("../../factories/
|
|
82
|
-
hover: import("../../factories/
|
|
83
|
-
pressed: import("../../factories/
|
|
81
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
82
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
83
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
84
84
|
};
|
|
85
85
|
readonly outline: {
|
|
86
86
|
readonly default: {
|
|
@@ -154,9 +154,9 @@ export declare const button: {
|
|
|
154
154
|
readonly success: {
|
|
155
155
|
readonly ring: string;
|
|
156
156
|
readonly solid: {
|
|
157
|
-
default: import("../../factories/
|
|
158
|
-
hover: import("../../factories/
|
|
159
|
-
pressed: import("../../factories/
|
|
157
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
158
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
159
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
160
160
|
};
|
|
161
161
|
readonly outline: {
|
|
162
162
|
readonly default: {
|
|
@@ -230,9 +230,9 @@ export declare const button: {
|
|
|
230
230
|
readonly warning: {
|
|
231
231
|
readonly ring: string;
|
|
232
232
|
readonly solid: {
|
|
233
|
-
default: import("../../factories/
|
|
234
|
-
hover: import("../../factories/
|
|
235
|
-
pressed: import("../../factories/
|
|
233
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
234
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
235
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
236
236
|
};
|
|
237
237
|
readonly outline: {
|
|
238
238
|
readonly default: {
|
|
@@ -306,9 +306,9 @@ export declare const button: {
|
|
|
306
306
|
readonly danger: {
|
|
307
307
|
readonly ring: string;
|
|
308
308
|
readonly solid: {
|
|
309
|
-
default: import("../../factories/
|
|
310
|
-
hover: import("../../factories/
|
|
311
|
-
pressed: import("../../factories/
|
|
309
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
310
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
311
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
312
312
|
};
|
|
313
313
|
readonly outline: {
|
|
314
314
|
readonly default: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/dark/components/button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/dark/components/button.ts"],"names":[],"mappings":"AA8KA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createButtonPalette } from '../../factories/
|
|
1
|
+
import { createButtonPalette, createButtonTokens, } from '../../factories/createButtonTokens.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { surface } from '../semantic/surface.js';
|
|
@@ -148,7 +148,7 @@ const danger = createButtonPalette({
|
|
|
148
148
|
pressedBg: colors.error[800],
|
|
149
149
|
pressedBorder: colors.error[700],
|
|
150
150
|
});
|
|
151
|
-
export const button = {
|
|
151
|
+
export const button = createButtonTokens({
|
|
152
152
|
primary,
|
|
153
153
|
neutral,
|
|
154
154
|
success,
|
|
@@ -159,4 +159,4 @@ export const button = {
|
|
|
159
159
|
fg: text.disabled,
|
|
160
160
|
border: border.disabled,
|
|
161
161
|
},
|
|
162
|
-
};
|
|
162
|
+
});
|
|
@@ -12,33 +12,33 @@ export declare const checkbox: {
|
|
|
12
12
|
};
|
|
13
13
|
readonly primary: {
|
|
14
14
|
readonly ring: string;
|
|
15
|
-
readonly default: import("../../factories/
|
|
16
|
-
readonly hover: import("../../factories/
|
|
17
|
-
readonly pressed: import("../../factories/
|
|
15
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
16
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
17
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
18
18
|
};
|
|
19
19
|
readonly neutral: {
|
|
20
20
|
readonly ring: string;
|
|
21
|
-
readonly default: import("../../factories/
|
|
22
|
-
readonly hover: import("../../factories/
|
|
23
|
-
readonly pressed: import("../../factories/
|
|
21
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
22
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
23
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
24
24
|
};
|
|
25
25
|
readonly success: {
|
|
26
26
|
readonly ring: string;
|
|
27
|
-
readonly default: import("../../factories/
|
|
28
|
-
readonly hover: import("../../factories/
|
|
29
|
-
readonly pressed: import("../../factories/
|
|
27
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
28
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
29
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
30
30
|
};
|
|
31
31
|
readonly warning: {
|
|
32
32
|
readonly ring: string;
|
|
33
|
-
readonly default: import("../../factories/
|
|
34
|
-
readonly hover: import("../../factories/
|
|
35
|
-
readonly pressed: import("../../factories/
|
|
33
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
34
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
35
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
36
36
|
};
|
|
37
37
|
readonly danger: {
|
|
38
38
|
readonly ring: string;
|
|
39
|
-
readonly default: import("../../factories/
|
|
40
|
-
readonly hover: import("../../factories/
|
|
41
|
-
readonly pressed: import("../../factories/
|
|
39
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
40
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
41
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
42
42
|
};
|
|
43
43
|
readonly focus: {
|
|
44
44
|
readonly ring: "#B8A8FF";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/dark/components/checkbox.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/dark/components/checkbox.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCnB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createCheckboxPalette } from '../../factories/
|
|
1
|
+
import { createCheckboxPalette, createCheckboxTokens, } from '../../factories/createCheckboxTokens.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { control } from '../semantic/control.js';
|
|
@@ -111,7 +111,7 @@ const danger = createCheckboxPalette({
|
|
|
111
111
|
labelFg: colors.error[600],
|
|
112
112
|
},
|
|
113
113
|
});
|
|
114
|
-
export const checkbox = {
|
|
114
|
+
export const checkbox = createCheckboxTokens({
|
|
115
115
|
default: {
|
|
116
116
|
bg: surface.elevated,
|
|
117
117
|
fg: text.primary,
|
|
@@ -139,4 +139,4 @@ export const checkbox = {
|
|
|
139
139
|
border: status.error.border,
|
|
140
140
|
ring: status.error.ring,
|
|
141
141
|
},
|
|
142
|
-
};
|
|
142
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/dark/components/dropdown.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/dark/components/dropdown.ts"],"names":[],"mappings":"AA4EA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwInB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createComponentFocusRing } from '../../factories/componentFocusRing.js';
|
|
2
|
-
import { createDropdownPalette } from '../../factories/
|
|
3
|
-
import { createInputColorPalette } from '../../factories/
|
|
2
|
+
import { createDropdownPalette, createDropdownTokens, } from '../../factories/createDropdownTokens.js';
|
|
3
|
+
import { createInputColorPalette } from '../../factories/createInputTokens.js';
|
|
4
4
|
import { createComponentShadowIntent } from '../../platform-output/component-token-intents.js';
|
|
5
5
|
import { colors } from '../../primitives/colors.js';
|
|
6
6
|
import { withAlpha } from '../../utils/color.js';
|
|
@@ -64,7 +64,7 @@ const danger = createInputColorPalette({
|
|
|
64
64
|
hoverBg: colors.error[950],
|
|
65
65
|
ring: colors.error[500],
|
|
66
66
|
});
|
|
67
|
-
export const dropdown = {
|
|
67
|
+
export const dropdown = createDropdownTokens({
|
|
68
68
|
primary: createDropdownPalette(primary, {
|
|
69
69
|
contentBorder: 'transparent',
|
|
70
70
|
itemActiveBg: withAlpha(colors.primary[400], 0.18),
|
|
@@ -184,4 +184,4 @@ export const dropdown = {
|
|
|
184
184
|
bg: border.muted,
|
|
185
185
|
fg: text.muted,
|
|
186
186
|
},
|
|
187
|
-
};
|
|
187
|
+
});
|
|
@@ -2,91 +2,91 @@ export declare const input: {
|
|
|
2
2
|
readonly primary: {
|
|
3
3
|
readonly ring: string;
|
|
4
4
|
readonly outline: {
|
|
5
|
-
default: import("../../factories/
|
|
6
|
-
hover: import("../../factories/
|
|
7
|
-
focus: import("../../factories/
|
|
5
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
6
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
7
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
8
8
|
};
|
|
9
9
|
readonly filled: {
|
|
10
|
-
default: import("../../factories/
|
|
11
|
-
hover: import("../../factories/
|
|
12
|
-
focus: import("../../factories/
|
|
10
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
11
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
12
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
13
13
|
};
|
|
14
14
|
readonly soft: {
|
|
15
|
-
default: import("../../factories/
|
|
16
|
-
hover: import("../../factories/
|
|
17
|
-
focus: import("../../factories/
|
|
15
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
16
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
17
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
readonly neutral: {
|
|
21
21
|
readonly ring: string;
|
|
22
22
|
readonly outline: {
|
|
23
|
-
default: import("../../factories/
|
|
24
|
-
hover: import("../../factories/
|
|
25
|
-
focus: import("../../factories/
|
|
23
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
24
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
25
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
26
26
|
};
|
|
27
27
|
readonly filled: {
|
|
28
|
-
default: import("../../factories/
|
|
29
|
-
hover: import("../../factories/
|
|
30
|
-
focus: import("../../factories/
|
|
28
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
29
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
30
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
31
31
|
};
|
|
32
32
|
readonly soft: {
|
|
33
|
-
default: import("../../factories/
|
|
34
|
-
hover: import("../../factories/
|
|
35
|
-
focus: import("../../factories/
|
|
33
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
34
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
35
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
38
|
readonly success: {
|
|
39
39
|
readonly ring: string;
|
|
40
40
|
readonly outline: {
|
|
41
|
-
default: import("../../factories/
|
|
42
|
-
hover: import("../../factories/
|
|
43
|
-
focus: import("../../factories/
|
|
41
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
42
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
43
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
44
44
|
};
|
|
45
45
|
readonly filled: {
|
|
46
|
-
default: import("../../factories/
|
|
47
|
-
hover: import("../../factories/
|
|
48
|
-
focus: import("../../factories/
|
|
46
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
47
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
48
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
49
49
|
};
|
|
50
50
|
readonly soft: {
|
|
51
|
-
default: import("../../factories/
|
|
52
|
-
hover: import("../../factories/
|
|
53
|
-
focus: import("../../factories/
|
|
51
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
52
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
53
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
readonly warning: {
|
|
57
57
|
readonly ring: string;
|
|
58
58
|
readonly outline: {
|
|
59
|
-
default: import("../../factories/
|
|
60
|
-
hover: import("../../factories/
|
|
61
|
-
focus: import("../../factories/
|
|
59
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
60
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
61
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
62
62
|
};
|
|
63
63
|
readonly filled: {
|
|
64
|
-
default: import("../../factories/
|
|
65
|
-
hover: import("../../factories/
|
|
66
|
-
focus: import("../../factories/
|
|
64
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
65
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
66
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
67
67
|
};
|
|
68
68
|
readonly soft: {
|
|
69
|
-
default: import("../../factories/
|
|
70
|
-
hover: import("../../factories/
|
|
71
|
-
focus: import("../../factories/
|
|
69
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
70
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
71
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
72
72
|
};
|
|
73
73
|
};
|
|
74
74
|
readonly danger: {
|
|
75
75
|
readonly ring: string;
|
|
76
76
|
readonly outline: {
|
|
77
|
-
default: import("../../factories/
|
|
78
|
-
hover: import("../../factories/
|
|
79
|
-
focus: import("../../factories/
|
|
77
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
78
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
79
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
80
80
|
};
|
|
81
81
|
readonly filled: {
|
|
82
|
-
default: import("../../factories/
|
|
83
|
-
hover: import("../../factories/
|
|
84
|
-
focus: import("../../factories/
|
|
82
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
83
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
84
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
85
85
|
};
|
|
86
86
|
readonly soft: {
|
|
87
|
-
default: import("../../factories/
|
|
88
|
-
hover: import("../../factories/
|
|
89
|
-
focus: import("../../factories/
|
|
87
|
+
default: import("../../factories/createInputTokens.js").InputState;
|
|
88
|
+
hover: import("../../factories/createInputTokens.js").InputState;
|
|
89
|
+
focus: import("../../factories/createInputTokens.js").InputState;
|
|
90
90
|
};
|
|
91
91
|
};
|
|
92
92
|
readonly default: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FhB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createInputColorPalette } from '../../factories/
|
|
1
|
+
import { createInputColorPalette, createInputTokens, } from '../../factories/createInputTokens.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { focus } from '../semantic/focus.js';
|
|
@@ -61,7 +61,7 @@ const danger = createInputColorPalette({
|
|
|
61
61
|
hoverBg: colors.error[950],
|
|
62
62
|
ring: colors.error[500],
|
|
63
63
|
});
|
|
64
|
-
export const input = {
|
|
64
|
+
export const input = createInputTokens({
|
|
65
65
|
primary,
|
|
66
66
|
neutral,
|
|
67
67
|
success,
|
|
@@ -143,4 +143,4 @@ export const input = {
|
|
|
143
143
|
spinner: {
|
|
144
144
|
fg: icons.muted,
|
|
145
145
|
},
|
|
146
|
-
};
|
|
146
|
+
});
|
|
@@ -50,33 +50,33 @@ export declare const radio: {
|
|
|
50
50
|
};
|
|
51
51
|
readonly primary: {
|
|
52
52
|
readonly ring: string;
|
|
53
|
-
readonly default: import("../../factories/
|
|
54
|
-
readonly hover: import("../../factories/
|
|
55
|
-
readonly pressed: import("../../factories/
|
|
53
|
+
readonly default: import("../../factories/createRadioTokens.js").RadioState;
|
|
54
|
+
readonly hover: import("../../factories/createRadioTokens.js").RadioState;
|
|
55
|
+
readonly pressed: import("../../factories/createRadioTokens.js").RadioState;
|
|
56
56
|
};
|
|
57
57
|
readonly neutral: {
|
|
58
58
|
readonly ring: string;
|
|
59
|
-
readonly default: import("../../factories/
|
|
60
|
-
readonly hover: import("../../factories/
|
|
61
|
-
readonly pressed: import("../../factories/
|
|
59
|
+
readonly default: import("../../factories/createRadioTokens.js").RadioState;
|
|
60
|
+
readonly hover: import("../../factories/createRadioTokens.js").RadioState;
|
|
61
|
+
readonly pressed: import("../../factories/createRadioTokens.js").RadioState;
|
|
62
62
|
};
|
|
63
63
|
readonly success: {
|
|
64
64
|
readonly ring: string;
|
|
65
|
-
readonly default: import("../../factories/
|
|
66
|
-
readonly hover: import("../../factories/
|
|
67
|
-
readonly pressed: import("../../factories/
|
|
65
|
+
readonly default: import("../../factories/createRadioTokens.js").RadioState;
|
|
66
|
+
readonly hover: import("../../factories/createRadioTokens.js").RadioState;
|
|
67
|
+
readonly pressed: import("../../factories/createRadioTokens.js").RadioState;
|
|
68
68
|
};
|
|
69
69
|
readonly warning: {
|
|
70
70
|
readonly ring: string;
|
|
71
|
-
readonly default: import("../../factories/
|
|
72
|
-
readonly hover: import("../../factories/
|
|
73
|
-
readonly pressed: import("../../factories/
|
|
71
|
+
readonly default: import("../../factories/createRadioTokens.js").RadioState;
|
|
72
|
+
readonly hover: import("../../factories/createRadioTokens.js").RadioState;
|
|
73
|
+
readonly pressed: import("../../factories/createRadioTokens.js").RadioState;
|
|
74
74
|
};
|
|
75
75
|
readonly danger: {
|
|
76
76
|
readonly ring: string;
|
|
77
|
-
readonly default: import("../../factories/
|
|
78
|
-
readonly hover: import("../../factories/
|
|
79
|
-
readonly pressed: import("../../factories/
|
|
77
|
+
readonly default: import("../../factories/createRadioTokens.js").RadioState;
|
|
78
|
+
readonly hover: import("../../factories/createRadioTokens.js").RadioState;
|
|
79
|
+
readonly pressed: import("../../factories/createRadioTokens.js").RadioState;
|
|
80
80
|
};
|
|
81
81
|
readonly focus: {
|
|
82
82
|
readonly ring: "#B8A8FF";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AA2HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createRadioPalette, radioMotionTokens, radioSizeTokens, } from '../../factories/
|
|
1
|
+
import { createRadioPalette, createRadioTokens, radioMotionTokens, radioSizeTokens, } from '../../factories/createRadioTokens.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { control } from '../semantic/control.js';
|
|
@@ -110,7 +110,7 @@ const danger = createRadioPalette({
|
|
|
110
110
|
labelFg: colors.error[600],
|
|
111
111
|
},
|
|
112
112
|
});
|
|
113
|
-
export const radio = {
|
|
113
|
+
export const radio = createRadioTokens({
|
|
114
114
|
size: radioSizeTokens,
|
|
115
115
|
motion: radioMotionTokens,
|
|
116
116
|
default: control.default,
|
|
@@ -137,4 +137,4 @@ export const radio = {
|
|
|
137
137
|
border: border.disabled,
|
|
138
138
|
labelFg: text.disabled,
|
|
139
139
|
},
|
|
140
|
-
};
|
|
140
|
+
});
|