@vellira-ui/tokens 2.25.1 → 2.26.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/css/tokens.css +1217 -870
- package/dist/dark/components/button.d.ts +53 -53
- package/dist/dark/components/button.d.ts.map +1 -1
- package/dist/dark/components/button.js +58 -60
- package/dist/dark/components/checkbox.d.ts +17 -13
- package/dist/dark/components/checkbox.d.ts.map +1 -1
- package/dist/dark/components/checkbox.js +21 -10
- package/dist/dark/components/contextMenu.d.ts +89 -0
- package/dist/dark/components/contextMenu.d.ts.map +1 -0
- package/dist/dark/components/contextMenu.js +52 -0
- package/dist/dark/components/dropdown.d.ts +33 -13
- package/dist/dark/components/dropdown.d.ts.map +1 -1
- package/dist/dark/components/dropdown.js +30 -27
- package/dist/dark/components/formField.d.ts +2 -2
- package/dist/dark/components/formField.js +1 -1
- package/dist/dark/components/index.d.ts +1 -1
- package/dist/dark/components/index.d.ts.map +1 -1
- package/dist/dark/components/index.js +1 -1
- package/dist/dark/components/input.d.ts +26 -26
- package/dist/dark/components/input.js +11 -11
- package/dist/dark/components/modal.d.ts +21 -4
- package/dist/dark/components/modal.d.ts.map +1 -1
- package/dist/dark/components/modal.js +18 -4
- package/dist/dark/components/radio.d.ts +24 -19
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +19 -19
- package/dist/dark/components/select.d.ts +24 -14
- package/dist/dark/components/select.d.ts.map +1 -1
- package/dist/dark/components/select.js +31 -24
- package/dist/dark/components/tabs.d.ts +17 -12
- package/dist/dark/components/tabs.d.ts.map +1 -1
- package/dist/dark/components/tabs.js +9 -8
- package/dist/dark/components/tooltip.d.ts +2 -1
- package/dist/dark/components/tooltip.d.ts.map +1 -1
- package/dist/dark/components/tooltip.js +7 -7
- package/dist/dark/semantic/action.d.ts +30 -30
- package/dist/dark/semantic/action.d.ts.map +1 -1
- package/dist/dark/semantic/action.js +45 -45
- package/dist/dark/semantic/border.d.ts +5 -5
- package/dist/dark/semantic/border.d.ts.map +1 -1
- package/dist/dark/semantic/border.js +5 -5
- package/dist/dark/semantic/control.d.ts +21 -16
- package/dist/dark/semantic/control.d.ts.map +1 -1
- package/dist/dark/semantic/control.js +24 -19
- package/dist/dark/semantic/divider.d.ts +3 -3
- package/dist/dark/semantic/divider.js +3 -3
- package/dist/dark/semantic/focus.d.ts +6 -2
- package/dist/dark/semantic/focus.d.ts.map +1 -1
- package/dist/dark/semantic/focus.js +6 -2
- package/dist/dark/semantic/icons.d.ts +10 -11
- package/dist/dark/semantic/icons.d.ts.map +1 -1
- package/dist/dark/semantic/icons.js +10 -11
- package/dist/dark/semantic/index.d.ts +3 -0
- package/dist/dark/semantic/index.d.ts.map +1 -1
- package/dist/dark/semantic/index.js +3 -0
- package/dist/dark/{components → semantic}/menu.d.ts +14 -19
- package/dist/dark/semantic/menu.d.ts.map +1 -0
- package/dist/dark/semantic/menu.js +47 -0
- package/dist/dark/semantic/navigation.d.ts +8 -8
- package/dist/dark/semantic/navigation.d.ts.map +1 -1
- package/dist/dark/semantic/navigation.js +5 -4
- package/dist/dark/semantic/overlay.d.ts +17 -0
- package/dist/dark/semantic/overlay.d.ts.map +1 -0
- package/dist/dark/semantic/overlay.js +19 -0
- package/dist/dark/semantic/shadow.d.ts +8 -0
- package/dist/dark/semantic/shadow.d.ts.map +1 -0
- package/dist/dark/semantic/shadow.js +7 -0
- package/dist/dark/semantic/skeleton.d.ts +2 -2
- package/dist/dark/semantic/skeleton.js +2 -2
- package/dist/dark/semantic/status.d.ts +12 -8
- package/dist/dark/semantic/status.d.ts.map +1 -1
- package/dist/dark/semantic/status.js +12 -8
- package/dist/dark/semantic/surface.d.ts +4 -4
- package/dist/dark/semantic/surface.d.ts.map +1 -1
- package/dist/dark/semantic/surface.js +4 -4
- package/dist/dark/semantic/text.d.ts +6 -5
- package/dist/dark/semantic/text.d.ts.map +1 -1
- package/dist/dark/semantic/text.js +6 -5
- package/dist/generated/token-types.d.ts +5 -5
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +565 -132
- package/dist/highContrast/components/button.d.ts +70 -70
- package/dist/highContrast/components/button.d.ts.map +1 -1
- package/dist/highContrast/components/button.js +68 -69
- package/dist/highContrast/components/checkbox.d.ts +19 -15
- package/dist/highContrast/components/checkbox.d.ts.map +1 -1
- package/dist/highContrast/components/checkbox.js +22 -12
- package/dist/highContrast/components/contextMenu.d.ts +89 -0
- package/dist/highContrast/components/contextMenu.d.ts.map +1 -0
- package/dist/highContrast/components/contextMenu.js +52 -0
- package/dist/highContrast/components/dropdown.d.ts +45 -25
- package/dist/highContrast/components/dropdown.d.ts.map +1 -1
- package/dist/highContrast/components/dropdown.js +28 -37
- package/dist/highContrast/components/formField.d.ts +5 -5
- package/dist/highContrast/components/formField.js +2 -2
- package/dist/highContrast/components/index.d.ts +1 -1
- package/dist/highContrast/components/index.d.ts.map +1 -1
- package/dist/highContrast/components/index.js +1 -1
- package/dist/highContrast/components/input.d.ts +29 -29
- package/dist/highContrast/components/input.d.ts.map +1 -1
- package/dist/highContrast/components/input.js +16 -17
- package/dist/highContrast/components/modal.d.ts +22 -5
- package/dist/highContrast/components/modal.d.ts.map +1 -1
- package/dist/highContrast/components/modal.js +19 -6
- package/dist/highContrast/components/radio.d.ts +27 -22
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +20 -20
- package/dist/highContrast/components/select.d.ts +27 -17
- package/dist/highContrast/components/select.d.ts.map +1 -1
- package/dist/highContrast/components/select.js +31 -30
- package/dist/highContrast/components/tabs.d.ts +21 -16
- package/dist/highContrast/components/tabs.d.ts.map +1 -1
- package/dist/highContrast/components/tabs.js +18 -15
- package/dist/highContrast/components/tooltip.d.ts +3 -2
- package/dist/highContrast/components/tooltip.d.ts.map +1 -1
- package/dist/highContrast/components/tooltip.js +7 -7
- package/dist/highContrast/semantic/action.d.ts +48 -38
- package/dist/highContrast/semantic/action.d.ts.map +1 -1
- package/dist/highContrast/semantic/action.js +58 -49
- package/dist/highContrast/semantic/border.d.ts +4 -4
- package/dist/highContrast/semantic/border.d.ts.map +1 -1
- package/dist/highContrast/semantic/border.js +4 -4
- package/dist/highContrast/semantic/control.d.ts +23 -28
- package/dist/highContrast/semantic/control.d.ts.map +1 -1
- package/dist/highContrast/semantic/control.js +24 -29
- package/dist/highContrast/semantic/divider.d.ts +2 -2
- package/dist/highContrast/semantic/divider.js +2 -2
- package/dist/highContrast/semantic/focus.d.ts +6 -2
- package/dist/highContrast/semantic/focus.d.ts.map +1 -1
- package/dist/highContrast/semantic/focus.js +6 -2
- package/dist/highContrast/semantic/icons.d.ts +10 -11
- package/dist/highContrast/semantic/icons.d.ts.map +1 -1
- package/dist/highContrast/semantic/icons.js +11 -12
- package/dist/highContrast/semantic/index.d.ts +4 -0
- package/dist/highContrast/semantic/index.d.ts.map +1 -1
- package/dist/highContrast/semantic/index.js +4 -0
- package/dist/highContrast/{components → semantic}/menu.d.ts +20 -25
- package/dist/highContrast/semantic/menu.d.ts.map +1 -0
- package/dist/highContrast/semantic/menu.js +47 -0
- package/dist/highContrast/semantic/navigation.d.ts +14 -25
- package/dist/highContrast/semantic/navigation.d.ts.map +1 -1
- package/dist/highContrast/semantic/navigation.js +12 -23
- package/dist/highContrast/semantic/overlay.d.ts +17 -0
- package/dist/highContrast/semantic/overlay.d.ts.map +1 -0
- package/dist/highContrast/semantic/overlay.js +19 -0
- package/dist/highContrast/semantic/shadow.d.ts +8 -0
- package/dist/highContrast/semantic/shadow.d.ts.map +1 -0
- package/dist/highContrast/semantic/shadow.js +7 -0
- package/dist/highContrast/semantic/skeleton.d.ts +1 -1
- package/dist/highContrast/semantic/skeleton.js +1 -1
- package/dist/highContrast/semantic/status.d.ts +17 -13
- package/dist/highContrast/semantic/status.d.ts.map +1 -1
- package/dist/highContrast/semantic/status.js +17 -13
- package/dist/highContrast/semantic/surface.d.ts +6 -6
- package/dist/highContrast/semantic/surface.d.ts.map +1 -1
- package/dist/highContrast/semantic/surface.js +7 -7
- package/dist/highContrast/semantic/text.d.ts +7 -6
- package/dist/highContrast/semantic/text.d.ts.map +1 -1
- package/dist/highContrast/semantic/text.js +7 -6
- package/dist/light/components/button.d.ts +49 -49
- package/dist/light/components/button.d.ts.map +1 -1
- package/dist/light/components/button.js +62 -64
- package/dist/light/components/checkbox.d.ts +18 -14
- package/dist/light/components/checkbox.d.ts.map +1 -1
- package/dist/light/components/checkbox.js +16 -12
- package/dist/light/components/contextMenu.d.ts +89 -0
- package/dist/light/components/contextMenu.d.ts.map +1 -0
- package/dist/light/components/contextMenu.js +52 -0
- package/dist/light/components/dropdown.d.ts +38 -18
- package/dist/light/components/dropdown.d.ts.map +1 -1
- package/dist/light/components/dropdown.js +21 -31
- package/dist/light/components/formField.d.ts +7 -7
- package/dist/light/components/formField.js +1 -1
- package/dist/light/components/index.d.ts +1 -1
- package/dist/light/components/index.d.ts.map +1 -1
- package/dist/light/components/index.js +1 -1
- package/dist/light/components/input.d.ts +31 -31
- package/dist/light/components/input.d.ts.map +1 -1
- package/dist/light/components/input.js +14 -15
- package/dist/light/components/modal.d.ts +25 -8
- package/dist/light/components/modal.d.ts.map +1 -1
- package/dist/light/components/modal.js +19 -6
- package/dist/light/components/radio.d.ts +23 -18
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +21 -21
- package/dist/light/components/select.d.ts +28 -18
- package/dist/light/components/select.d.ts.map +1 -1
- package/dist/light/components/select.js +31 -26
- package/dist/light/components/tabs.d.ts +20 -15
- package/dist/light/components/tabs.d.ts.map +1 -1
- package/dist/light/components/tabs.js +14 -13
- package/dist/light/components/tooltip.d.ts +3 -2
- package/dist/light/components/tooltip.d.ts.map +1 -1
- package/dist/light/components/tooltip.js +7 -7
- package/dist/light/semantic/action.d.ts +30 -28
- package/dist/light/semantic/action.d.ts.map +1 -1
- package/dist/light/semantic/action.js +38 -36
- package/dist/light/semantic/border.d.ts +4 -4
- package/dist/light/semantic/border.d.ts.map +1 -1
- package/dist/light/semantic/border.js +4 -4
- package/dist/light/semantic/control.d.ts +18 -13
- package/dist/light/semantic/control.d.ts.map +1 -1
- package/dist/light/semantic/control.js +18 -13
- package/dist/light/semantic/divider.d.ts +3 -3
- package/dist/light/semantic/divider.js +3 -3
- package/dist/light/semantic/focus.d.ts +6 -2
- package/dist/light/semantic/focus.d.ts.map +1 -1
- package/dist/light/semantic/focus.js +6 -2
- package/dist/light/semantic/icons.d.ts +10 -11
- package/dist/light/semantic/icons.d.ts.map +1 -1
- package/dist/light/semantic/icons.js +10 -11
- package/dist/light/semantic/index.d.ts +3 -0
- package/dist/light/semantic/index.d.ts.map +1 -1
- package/dist/light/semantic/index.js +3 -0
- package/dist/light/{components → semantic}/menu.d.ts +17 -22
- package/dist/light/semantic/menu.d.ts.map +1 -0
- package/dist/light/semantic/menu.js +47 -0
- package/dist/light/semantic/navigation.d.ts +13 -9
- package/dist/light/semantic/navigation.d.ts.map +1 -1
- package/dist/light/semantic/navigation.js +15 -9
- package/dist/light/semantic/overlay.d.ts +17 -0
- package/dist/light/semantic/overlay.d.ts.map +1 -0
- package/dist/light/semantic/overlay.js +19 -0
- package/dist/light/semantic/shadow.d.ts +8 -0
- package/dist/light/semantic/shadow.d.ts.map +1 -0
- package/dist/light/semantic/shadow.js +7 -0
- package/dist/light/semantic/skeleton.d.ts +2 -2
- package/dist/light/semantic/skeleton.js +2 -2
- package/dist/light/semantic/status.d.ts +14 -10
- package/dist/light/semantic/status.d.ts.map +1 -1
- package/dist/light/semantic/status.js +14 -10
- package/dist/light/semantic/surface.d.ts +6 -6
- package/dist/light/semantic/surface.d.ts.map +1 -1
- package/dist/light/semantic/surface.js +7 -7
- package/dist/light/semantic/text.d.ts +7 -5
- package/dist/light/semantic/text.d.ts.map +1 -1
- package/dist/light/semantic/text.js +7 -5
- package/dist/primitives/colors.d.ts +3 -5
- package/dist/primitives/colors.d.ts.map +1 -1
- package/dist/primitives/colors.js +3 -5
- package/package.json +1 -1
- package/dist/dark/components/menu.d.ts.map +0 -1
- package/dist/dark/components/menu.js +0 -47
- package/dist/highContrast/components/menu.d.ts.map +0 -1
- package/dist/highContrast/components/menu.js +0 -48
- package/dist/light/components/menu.d.ts.map +0 -1
- package/dist/light/components/menu.js +0 -48
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
export declare const action: {
|
|
2
2
|
readonly primary: {
|
|
3
3
|
readonly default: {
|
|
4
|
-
readonly bg: "#
|
|
4
|
+
readonly bg: "#7C5CFF";
|
|
5
5
|
readonly fg: "#FFFFFF";
|
|
6
|
-
readonly border: "#
|
|
6
|
+
readonly border: "#FFFFFF";
|
|
7
7
|
};
|
|
8
8
|
readonly hover: {
|
|
9
|
-
readonly bg: "#
|
|
10
|
-
readonly fg: "#
|
|
11
|
-
readonly border: "#
|
|
9
|
+
readonly bg: "#9B7CFF";
|
|
10
|
+
readonly fg: "#000000";
|
|
11
|
+
readonly border: "#FCD34D";
|
|
12
12
|
};
|
|
13
13
|
readonly active: {
|
|
14
|
-
readonly bg: "#
|
|
14
|
+
readonly bg: "#6346E8";
|
|
15
15
|
readonly fg: "#FFFFFF";
|
|
16
|
-
readonly border: "#
|
|
16
|
+
readonly border: "#FCD34D";
|
|
17
17
|
};
|
|
18
18
|
readonly muted: {
|
|
19
|
-
readonly bg: "#
|
|
20
|
-
readonly fg: "#
|
|
19
|
+
readonly bg: "#21164F";
|
|
20
|
+
readonly fg: "#E9E6FF";
|
|
21
21
|
readonly border: "#B8A8FF";
|
|
22
22
|
};
|
|
23
23
|
readonly subtle: {
|
|
24
|
-
readonly bg: "#
|
|
25
|
-
readonly fg: "#
|
|
26
|
-
readonly border: "
|
|
24
|
+
readonly bg: "#111827";
|
|
25
|
+
readonly fg: "#D4CCFF";
|
|
26
|
+
readonly border: "transparent";
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
readonly secondary: {
|
|
30
30
|
readonly default: {
|
|
31
|
-
readonly bg: "#
|
|
31
|
+
readonly bg: "#79E8F8";
|
|
32
32
|
readonly fg: "#000000";
|
|
33
|
-
readonly border: "#
|
|
33
|
+
readonly border: "#FFFFFF";
|
|
34
34
|
};
|
|
35
35
|
readonly hover: {
|
|
36
|
-
readonly bg: "#
|
|
36
|
+
readonly bg: "#B4F4FD";
|
|
37
37
|
readonly fg: "#000000";
|
|
38
|
-
readonly border: "#
|
|
38
|
+
readonly border: "#FCD34D";
|
|
39
39
|
};
|
|
40
40
|
readonly active: {
|
|
41
|
-
readonly bg: "#
|
|
41
|
+
readonly bg: "#3ED5EE";
|
|
42
42
|
readonly fg: "#000000";
|
|
43
|
-
readonly border: "#
|
|
43
|
+
readonly border: "#FCD34D";
|
|
44
44
|
};
|
|
45
45
|
readonly muted: {
|
|
46
|
-
readonly bg: "#
|
|
47
|
-
readonly fg: "#
|
|
46
|
+
readonly bg: "#062F3B";
|
|
47
|
+
readonly fg: "#D9FBFF";
|
|
48
48
|
readonly border: "#79E8F8";
|
|
49
49
|
};
|
|
50
50
|
readonly subtle: {
|
|
51
|
-
readonly bg: "#
|
|
52
|
-
readonly fg: "#
|
|
53
|
-
readonly border: "
|
|
51
|
+
readonly bg: "#111827";
|
|
52
|
+
readonly fg: "#B4F4FD";
|
|
53
|
+
readonly border: "transparent";
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
readonly close: {
|
|
@@ -60,41 +60,51 @@ export declare const action: {
|
|
|
60
60
|
readonly border: "#FFFFFF";
|
|
61
61
|
};
|
|
62
62
|
readonly hover: {
|
|
63
|
-
readonly bg: "#
|
|
63
|
+
readonly bg: "#E5E7EB";
|
|
64
64
|
readonly fg: "#000000";
|
|
65
|
-
readonly border: "#
|
|
65
|
+
readonly border: "#FCD34D";
|
|
66
66
|
};
|
|
67
67
|
readonly active: {
|
|
68
68
|
readonly bg: "#9CA3AF";
|
|
69
69
|
readonly fg: "#000000";
|
|
70
|
-
readonly border: "#
|
|
70
|
+
readonly border: "#FCD34D";
|
|
71
|
+
};
|
|
72
|
+
readonly muted: {
|
|
73
|
+
readonly bg: "#1F2937";
|
|
74
|
+
readonly fg: "#FFFFFF";
|
|
75
|
+
readonly border: "#D1D5DB";
|
|
76
|
+
};
|
|
77
|
+
readonly subtle: {
|
|
78
|
+
readonly bg: "#111827";
|
|
79
|
+
readonly fg: "#FFFFFF";
|
|
80
|
+
readonly border: "transparent";
|
|
71
81
|
};
|
|
72
82
|
};
|
|
73
83
|
readonly danger: {
|
|
74
84
|
readonly default: {
|
|
75
|
-
readonly bg: "#
|
|
85
|
+
readonly bg: "#F43F5E";
|
|
76
86
|
readonly fg: "#FFFFFF";
|
|
77
|
-
readonly border: "#
|
|
87
|
+
readonly border: "#FFFFFF";
|
|
78
88
|
};
|
|
79
89
|
readonly hover: {
|
|
80
|
-
readonly bg: "#
|
|
81
|
-
readonly fg: "#
|
|
82
|
-
readonly border: "#
|
|
90
|
+
readonly bg: "#FB7185";
|
|
91
|
+
readonly fg: "#000000";
|
|
92
|
+
readonly border: "#FCD34D";
|
|
83
93
|
};
|
|
84
94
|
readonly active: {
|
|
85
|
-
readonly bg: "#
|
|
95
|
+
readonly bg: "#E11D48";
|
|
86
96
|
readonly fg: "#FFFFFF";
|
|
87
|
-
readonly border: "#
|
|
97
|
+
readonly border: "#FCD34D";
|
|
88
98
|
};
|
|
89
99
|
readonly muted: {
|
|
90
|
-
readonly bg: "#
|
|
91
|
-
readonly fg: "#
|
|
92
|
-
readonly border: "#
|
|
100
|
+
readonly bg: "#4C0519";
|
|
101
|
+
readonly fg: "#FECDD3";
|
|
102
|
+
readonly border: "#FDA4AF";
|
|
93
103
|
};
|
|
94
104
|
readonly subtle: {
|
|
95
|
-
readonly bg: "#
|
|
105
|
+
readonly bg: "#111827";
|
|
96
106
|
readonly fg: "#FDA4AF";
|
|
97
|
-
readonly border: "
|
|
107
|
+
readonly border: "transparent";
|
|
98
108
|
};
|
|
99
109
|
};
|
|
100
110
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/action.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/action.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHT,CAAC"}
|
|
@@ -1,102 +1,111 @@
|
|
|
1
1
|
import { colors } from '../../primitives/colors.js';
|
|
2
|
-
import { text } from './text.js';
|
|
3
2
|
export const action = {
|
|
4
3
|
primary: {
|
|
5
4
|
default: {
|
|
6
|
-
bg: colors.primary[
|
|
7
|
-
fg:
|
|
8
|
-
border: colors.
|
|
5
|
+
bg: colors.primary[500],
|
|
6
|
+
fg: colors.mono[50],
|
|
7
|
+
border: colors.mono[50],
|
|
9
8
|
},
|
|
10
9
|
hover: {
|
|
11
|
-
bg: colors.primary[
|
|
12
|
-
fg:
|
|
13
|
-
border: colors.
|
|
10
|
+
bg: colors.primary[400],
|
|
11
|
+
fg: colors.mono[950],
|
|
12
|
+
border: colors.warning[300],
|
|
14
13
|
},
|
|
15
14
|
active: {
|
|
16
|
-
bg: colors.primary[
|
|
17
|
-
fg:
|
|
18
|
-
border: colors.
|
|
15
|
+
bg: colors.primary[600],
|
|
16
|
+
fg: colors.mono[50],
|
|
17
|
+
border: colors.warning[300],
|
|
19
18
|
},
|
|
20
19
|
muted: {
|
|
21
|
-
bg: colors.primary[
|
|
22
|
-
fg: colors.
|
|
20
|
+
bg: colors.primary[950],
|
|
21
|
+
fg: colors.primary[100],
|
|
23
22
|
border: colors.primary[300],
|
|
24
23
|
},
|
|
25
24
|
subtle: {
|
|
26
|
-
bg: colors.
|
|
27
|
-
fg:
|
|
28
|
-
border:
|
|
25
|
+
bg: colors.gray[900],
|
|
26
|
+
fg: colors.primary[200],
|
|
27
|
+
border: 'transparent',
|
|
29
28
|
},
|
|
30
29
|
},
|
|
31
30
|
secondary: {
|
|
32
31
|
default: {
|
|
33
|
-
bg: colors.secondary[
|
|
34
|
-
fg:
|
|
35
|
-
border: colors.
|
|
32
|
+
bg: colors.secondary[300],
|
|
33
|
+
fg: colors.mono[950],
|
|
34
|
+
border: colors.mono[50],
|
|
36
35
|
},
|
|
37
36
|
hover: {
|
|
38
|
-
bg: colors.secondary[
|
|
39
|
-
fg:
|
|
40
|
-
border: colors.
|
|
37
|
+
bg: colors.secondary[200],
|
|
38
|
+
fg: colors.mono[950],
|
|
39
|
+
border: colors.warning[300],
|
|
41
40
|
},
|
|
42
41
|
active: {
|
|
43
|
-
bg: colors.secondary[
|
|
44
|
-
fg:
|
|
45
|
-
border: colors.
|
|
42
|
+
bg: colors.secondary[400],
|
|
43
|
+
fg: colors.mono[950],
|
|
44
|
+
border: colors.warning[300],
|
|
46
45
|
},
|
|
47
46
|
muted: {
|
|
48
|
-
bg: colors.secondary[
|
|
49
|
-
fg: colors.
|
|
47
|
+
bg: colors.secondary[950],
|
|
48
|
+
fg: colors.secondary[100],
|
|
50
49
|
border: colors.secondary[300],
|
|
51
50
|
},
|
|
52
51
|
subtle: {
|
|
53
|
-
bg: colors.
|
|
54
|
-
fg:
|
|
55
|
-
border:
|
|
52
|
+
bg: colors.gray[900],
|
|
53
|
+
fg: colors.secondary[200],
|
|
54
|
+
border: 'transparent',
|
|
56
55
|
},
|
|
57
56
|
},
|
|
58
57
|
close: {
|
|
59
58
|
default: {
|
|
60
59
|
bg: colors.mono[50],
|
|
61
|
-
fg:
|
|
60
|
+
fg: colors.mono[950],
|
|
62
61
|
border: colors.mono[50],
|
|
63
62
|
},
|
|
64
63
|
hover: {
|
|
65
|
-
bg: colors.gray[
|
|
66
|
-
fg:
|
|
67
|
-
border: colors.
|
|
64
|
+
bg: colors.gray[200],
|
|
65
|
+
fg: colors.mono[950],
|
|
66
|
+
border: colors.warning[300],
|
|
68
67
|
},
|
|
69
68
|
active: {
|
|
70
69
|
bg: colors.gray[400],
|
|
71
|
-
fg:
|
|
72
|
-
border: colors.
|
|
70
|
+
fg: colors.mono[950],
|
|
71
|
+
border: colors.warning[300],
|
|
72
|
+
},
|
|
73
|
+
muted: {
|
|
74
|
+
bg: colors.gray[800],
|
|
75
|
+
fg: colors.mono[50],
|
|
76
|
+
border: colors.gray[300],
|
|
77
|
+
},
|
|
78
|
+
subtle: {
|
|
79
|
+
bg: colors.gray[900],
|
|
80
|
+
fg: colors.mono[50],
|
|
81
|
+
border: 'transparent',
|
|
73
82
|
},
|
|
74
83
|
},
|
|
75
84
|
danger: {
|
|
76
85
|
default: {
|
|
77
|
-
bg: colors.error[
|
|
78
|
-
fg:
|
|
79
|
-
border: colors.
|
|
86
|
+
bg: colors.error[500],
|
|
87
|
+
fg: colors.mono[50],
|
|
88
|
+
border: colors.mono[50],
|
|
80
89
|
},
|
|
81
90
|
hover: {
|
|
82
|
-
bg: colors.error[
|
|
83
|
-
fg:
|
|
84
|
-
border: colors.
|
|
91
|
+
bg: colors.error[400],
|
|
92
|
+
fg: colors.mono[950],
|
|
93
|
+
border: colors.warning[300],
|
|
85
94
|
},
|
|
86
95
|
active: {
|
|
87
|
-
bg: colors.error[
|
|
88
|
-
fg:
|
|
89
|
-
border: colors.
|
|
96
|
+
bg: colors.error[600],
|
|
97
|
+
fg: colors.mono[50],
|
|
98
|
+
border: colors.warning[300],
|
|
90
99
|
},
|
|
91
100
|
muted: {
|
|
92
|
-
bg: colors.error[
|
|
93
|
-
fg: colors.error[
|
|
94
|
-
border: colors.error[
|
|
101
|
+
bg: colors.error[950],
|
|
102
|
+
fg: colors.error[200],
|
|
103
|
+
border: colors.error[300],
|
|
95
104
|
},
|
|
96
105
|
subtle: {
|
|
97
|
-
bg: colors.
|
|
106
|
+
bg: colors.gray[900],
|
|
98
107
|
fg: colors.error[300],
|
|
99
|
-
border:
|
|
108
|
+
border: 'transparent',
|
|
100
109
|
},
|
|
101
110
|
},
|
|
102
111
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const border: {
|
|
2
|
-
readonly default: "#FFFFFF";
|
|
3
|
-
readonly muted: "#4B5563";
|
|
4
2
|
readonly subtle: "#374151";
|
|
3
|
+
readonly muted: "#6B7280";
|
|
4
|
+
readonly default: "#9CA3AF";
|
|
5
|
+
readonly strong: "#FCD34D";
|
|
5
6
|
readonly elevated: "#D1D5DB";
|
|
6
|
-
readonly strong: "#F9FAFB";
|
|
7
7
|
readonly disabled: "#4B5563";
|
|
8
|
-
readonly focus: "#
|
|
8
|
+
readonly focus: "#FCD34D";
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=border.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;
|
|
1
|
+
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;CAUT,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { colors } from '../../primitives/colors.js';
|
|
2
2
|
export const border = {
|
|
3
|
-
default: colors.mono[50],
|
|
4
|
-
muted: colors.gray[600],
|
|
5
3
|
subtle: colors.gray[700],
|
|
4
|
+
muted: colors.gray[500],
|
|
5
|
+
default: colors.gray[400],
|
|
6
|
+
strong: colors.warning[300],
|
|
6
7
|
elevated: colors.gray[300],
|
|
7
|
-
strong: colors.mono[100],
|
|
8
8
|
disabled: colors.gray[600],
|
|
9
|
-
focus: colors.warning[
|
|
9
|
+
focus: colors.warning[300],
|
|
10
10
|
};
|
|
@@ -1,49 +1,44 @@
|
|
|
1
1
|
export declare const control: {
|
|
2
2
|
readonly default: {
|
|
3
|
-
readonly bg: "#
|
|
3
|
+
readonly bg: "#000000";
|
|
4
4
|
readonly fg: "#FFFFFF";
|
|
5
|
-
readonly border: "#
|
|
5
|
+
readonly border: "#9CA3AF";
|
|
6
6
|
};
|
|
7
7
|
readonly hover: {
|
|
8
|
-
readonly bg: "#
|
|
9
|
-
readonly fg: "#
|
|
10
|
-
readonly border: "#
|
|
8
|
+
readonly bg: "#374151";
|
|
9
|
+
readonly fg: "#FBBF24";
|
|
10
|
+
readonly border: "#FCD34D";
|
|
11
11
|
};
|
|
12
12
|
readonly active: {
|
|
13
|
-
readonly bg: "#
|
|
14
|
-
readonly fg: "#
|
|
15
|
-
readonly border: "#
|
|
13
|
+
readonly bg: "#374151";
|
|
14
|
+
readonly fg: "#FFFFFF";
|
|
15
|
+
readonly border: "#FDE68A";
|
|
16
16
|
};
|
|
17
|
-
readonly
|
|
17
|
+
readonly disabled: {
|
|
18
18
|
readonly bg: "#111827";
|
|
19
|
-
readonly fg: "#
|
|
20
|
-
readonly border: "#
|
|
19
|
+
readonly fg: "#6B7280";
|
|
20
|
+
readonly border: "#4B5563";
|
|
21
21
|
};
|
|
22
22
|
readonly selected: {
|
|
23
23
|
readonly default: {
|
|
24
|
-
readonly bg: "#
|
|
25
|
-
readonly fg: "#
|
|
26
|
-
readonly border: "#
|
|
24
|
+
readonly bg: "#FCD34D";
|
|
25
|
+
readonly fg: "#000000";
|
|
26
|
+
readonly border: "#FCD34D";
|
|
27
27
|
};
|
|
28
28
|
readonly hover: {
|
|
29
|
-
readonly bg: "#
|
|
30
|
-
readonly fg: "#
|
|
31
|
-
readonly border: "#
|
|
29
|
+
readonly bg: "#FDE68A";
|
|
30
|
+
readonly fg: "#000000";
|
|
31
|
+
readonly border: "#FDE68A";
|
|
32
32
|
};
|
|
33
33
|
readonly active: {
|
|
34
|
-
readonly bg: "#
|
|
35
|
-
readonly fg: "#
|
|
36
|
-
readonly border: "#
|
|
34
|
+
readonly bg: "#FBBF24";
|
|
35
|
+
readonly fg: "#000000";
|
|
36
|
+
readonly border: "#FBBF24";
|
|
37
37
|
};
|
|
38
38
|
readonly muted: {
|
|
39
|
-
readonly bg: "#
|
|
40
|
-
readonly fg: "#
|
|
41
|
-
readonly border: "#
|
|
42
|
-
};
|
|
43
|
-
readonly radioDefault: {
|
|
44
|
-
readonly bg: "#9B7CFF";
|
|
45
|
-
readonly fg: "#7C5CFF";
|
|
46
|
-
readonly border: "#B8A8FF";
|
|
39
|
+
readonly bg: "#1F2937";
|
|
40
|
+
readonly fg: "#FDE68A";
|
|
41
|
+
readonly border: "#FCD34D";
|
|
47
42
|
};
|
|
48
43
|
};
|
|
49
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/control.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/control.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDV,CAAC"}
|
|
@@ -4,50 +4,45 @@ import { surface } from './surface.js';
|
|
|
4
4
|
import { text } from './text.js';
|
|
5
5
|
export const control = {
|
|
6
6
|
default: {
|
|
7
|
-
bg: surface.
|
|
7
|
+
bg: surface.default,
|
|
8
8
|
fg: text.primary,
|
|
9
|
-
border: border.
|
|
9
|
+
border: border.default,
|
|
10
10
|
},
|
|
11
11
|
hover: {
|
|
12
|
-
bg:
|
|
13
|
-
fg: text.
|
|
14
|
-
border: colors.
|
|
12
|
+
bg: surface.hover,
|
|
13
|
+
fg: text.interactive,
|
|
14
|
+
border: colors.warning[300],
|
|
15
15
|
},
|
|
16
16
|
active: {
|
|
17
|
-
bg:
|
|
18
|
-
fg:
|
|
19
|
-
border: colors.
|
|
17
|
+
bg: surface.active,
|
|
18
|
+
fg: text.primary,
|
|
19
|
+
border: colors.warning[200],
|
|
20
20
|
},
|
|
21
|
-
|
|
22
|
-
bg:
|
|
23
|
-
fg:
|
|
24
|
-
border:
|
|
21
|
+
disabled: {
|
|
22
|
+
bg: surface.disabled,
|
|
23
|
+
fg: text.disabled,
|
|
24
|
+
border: border.disabled,
|
|
25
25
|
},
|
|
26
26
|
selected: {
|
|
27
27
|
default: {
|
|
28
|
-
bg: colors.
|
|
29
|
-
fg:
|
|
30
|
-
border: colors.
|
|
28
|
+
bg: colors.warning[300],
|
|
29
|
+
fg: colors.mono[950],
|
|
30
|
+
border: colors.warning[300],
|
|
31
31
|
},
|
|
32
32
|
hover: {
|
|
33
|
-
bg: colors.
|
|
34
|
-
fg:
|
|
35
|
-
border: colors.
|
|
33
|
+
bg: colors.warning[200],
|
|
34
|
+
fg: colors.mono[950],
|
|
35
|
+
border: colors.warning[200],
|
|
36
36
|
},
|
|
37
37
|
active: {
|
|
38
|
-
bg: colors.
|
|
39
|
-
fg:
|
|
40
|
-
border: colors.
|
|
38
|
+
bg: colors.warning[400],
|
|
39
|
+
fg: colors.mono[950],
|
|
40
|
+
border: colors.warning[400],
|
|
41
41
|
},
|
|
42
42
|
muted: {
|
|
43
|
-
bg: colors.
|
|
44
|
-
fg: colors.
|
|
45
|
-
border: colors.
|
|
46
|
-
},
|
|
47
|
-
radioDefault: {
|
|
48
|
-
bg: colors.primary[400],
|
|
49
|
-
fg: colors.primary[500],
|
|
50
|
-
border: colors.primary[300],
|
|
43
|
+
bg: colors.gray[800],
|
|
44
|
+
fg: colors.warning[200],
|
|
45
|
+
border: colors.warning[300],
|
|
51
46
|
},
|
|
52
47
|
},
|
|
53
48
|
};
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
export declare const focus: {
|
|
2
|
-
readonly ring:
|
|
3
|
-
|
|
2
|
+
readonly ring: {
|
|
3
|
+
readonly color: "#FCD34D";
|
|
4
|
+
readonly width: "2px";
|
|
5
|
+
readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
|
|
6
|
+
readonly offset: "#000000";
|
|
7
|
+
};
|
|
4
8
|
};
|
|
5
9
|
//# sourceMappingURL=focus.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { colors } from '../../primitives/colors.js';
|
|
2
2
|
export const focus = {
|
|
3
|
-
ring:
|
|
4
|
-
|
|
3
|
+
ring: {
|
|
4
|
+
color: colors.warning[300],
|
|
5
|
+
width: '2px',
|
|
6
|
+
shadow: '0 0 0 1px rgba(255, 255, 255, 0.28)',
|
|
7
|
+
offset: colors.mono[950],
|
|
8
|
+
},
|
|
5
9
|
};
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
export declare const icons: {
|
|
2
|
-
readonly default: "#
|
|
3
|
-
readonly
|
|
4
|
-
readonly secondary: "#9CA3AF";
|
|
5
|
-
readonly success: "#10B981";
|
|
2
|
+
readonly default: "#FFFFFF";
|
|
3
|
+
readonly secondary: "#E5E7EB";
|
|
6
4
|
readonly muted: "#9CA3AF";
|
|
7
|
-
readonly
|
|
8
|
-
readonly
|
|
9
|
-
readonly
|
|
10
|
-
readonly
|
|
11
|
-
readonly
|
|
12
|
-
readonly
|
|
13
|
-
readonly
|
|
5
|
+
readonly subtle: "#D1D5DB";
|
|
6
|
+
readonly disabled: "#6B7280";
|
|
7
|
+
readonly primary: "#FCD34D";
|
|
8
|
+
readonly brand: "#FCD34D";
|
|
9
|
+
readonly hover: "#FDE68A";
|
|
10
|
+
readonly success: "#6EE7B7";
|
|
11
|
+
readonly danger: "#FDA4AF";
|
|
12
|
+
readonly inverse: "#000000";
|
|
14
13
|
};
|
|
15
14
|
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;CAeR,CAAC"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { colors } from '../../primitives/colors.js';
|
|
2
2
|
export const icons = {
|
|
3
|
-
default: colors.mono[
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
brand: colors.primary[400],
|
|
3
|
+
default: colors.mono[50],
|
|
4
|
+
secondary: colors.gray[200],
|
|
5
|
+
muted: colors.gray[400],
|
|
6
|
+
subtle: colors.gray[300],
|
|
7
|
+
disabled: colors.gray[500],
|
|
8
|
+
primary: colors.warning[300],
|
|
9
|
+
brand: colors.warning[300],
|
|
10
|
+
hover: colors.warning[200],
|
|
11
|
+
success: colors.success[300],
|
|
12
|
+
danger: colors.error[300],
|
|
13
|
+
inverse: colors.mono[950],
|
|
15
14
|
};
|
|
@@ -3,7 +3,11 @@ export { border } from './border.js';
|
|
|
3
3
|
export { control } from './control.js';
|
|
4
4
|
export { divider } from './divider.js';
|
|
5
5
|
export { focus } from './focus.js';
|
|
6
|
+
export { icons } from './icons.js';
|
|
7
|
+
export { menu } from './menu.js';
|
|
6
8
|
export { navigation } from './navigation.js';
|
|
9
|
+
export { overlay } from './overlay.js';
|
|
10
|
+
export { shadow } from './shadow.js';
|
|
7
11
|
export { skeleton } from './skeleton.js';
|
|
8
12
|
export { status } from './status.js';
|
|
9
13
|
export { surface } from './surface.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -3,7 +3,11 @@ export { border } from './border.js';
|
|
|
3
3
|
export { control } from './control.js';
|
|
4
4
|
export { divider } from './divider.js';
|
|
5
5
|
export { focus } from './focus.js';
|
|
6
|
+
export { icons } from './icons.js';
|
|
7
|
+
export { menu } from './menu.js';
|
|
6
8
|
export { navigation } from './navigation.js';
|
|
9
|
+
export { overlay } from './overlay.js';
|
|
10
|
+
export { shadow } from './shadow.js';
|
|
7
11
|
export { skeleton } from './skeleton.js';
|
|
8
12
|
export { status } from './status.js';
|
|
9
13
|
export { surface } from './surface.js';
|