@vellira-ui/tokens 2.20.0 → 2.21.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 +1002 -967
- package/dist/dark/components/button.d.ts +74 -74
- package/dist/dark/components/button.d.ts.map +1 -1
- package/dist/dark/components/button.js +34 -33
- package/dist/dark/components/checkbox.d.ts +14 -14
- package/dist/dark/components/dropdown.d.ts +19 -19
- package/dist/dark/components/formField.d.ts +8 -8
- package/dist/dark/components/input.d.ts +15 -15
- package/dist/dark/components/menu.d.ts +8 -8
- package/dist/dark/components/modal.d.ts +6 -6
- package/dist/dark/components/radio.d.ts +17 -17
- package/dist/dark/components/select.d.ts +19 -19
- package/dist/dark/components/tabs.d.ts +14 -14
- package/dist/dark/components/tooltip.d.ts +1 -1
- package/dist/dark/semantic/action.d.ts +52 -31
- package/dist/dark/semantic/action.d.ts.map +1 -1
- package/dist/dark/semantic/action.js +43 -22
- package/dist/dark/semantic/border.d.ts +6 -6
- package/dist/dark/semantic/border.js +4 -4
- package/dist/dark/semantic/control.d.ts +11 -11
- package/dist/dark/semantic/focus.d.ts +1 -1
- package/dist/dark/semantic/navigation.d.ts +10 -10
- package/dist/dark/semantic/status.d.ts +9 -9
- package/dist/dark/semantic/surface.d.ts +7 -7
- package/dist/dark/semantic/text.d.ts +5 -5
- package/dist/dark/theme.d.ts +74 -73
- package/dist/dark/theme.d.ts.map +1 -1
- package/dist/generated/token-types.d.ts +6 -6
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +60 -0
- package/dist/highContrast/components/button.d.ts +50 -50
- package/dist/highContrast/components/button.d.ts.map +1 -1
- package/dist/highContrast/components/button.js +29 -28
- package/dist/highContrast/components/checkbox.d.ts +11 -11
- package/dist/highContrast/components/dropdown.d.ts +11 -11
- package/dist/highContrast/components/formField.d.ts +5 -5
- package/dist/highContrast/components/input.d.ts +9 -9
- package/dist/highContrast/components/input.js +1 -1
- package/dist/highContrast/components/menu.d.ts +7 -7
- package/dist/highContrast/components/modal.d.ts +1 -1
- package/dist/highContrast/components/radio.d.ts +11 -11
- package/dist/highContrast/components/select.d.ts +13 -13
- package/dist/highContrast/components/select.js +2 -2
- package/dist/highContrast/components/tabs.d.ts +11 -11
- package/dist/highContrast/semantic/action.d.ts +38 -26
- package/dist/highContrast/semantic/action.d.ts.map +1 -1
- package/dist/highContrast/semantic/action.js +34 -22
- package/dist/highContrast/semantic/border.d.ts +2 -2
- package/dist/highContrast/semantic/border.js +2 -2
- package/dist/highContrast/semantic/control.d.ts +14 -14
- package/dist/highContrast/semantic/control.js +3 -3
- package/dist/highContrast/semantic/focus.d.ts +1 -1
- package/dist/highContrast/semantic/navigation.d.ts +5 -5
- package/dist/highContrast/semantic/navigation.js +2 -2
- package/dist/highContrast/semantic/skeleton.d.ts +1 -1
- package/dist/highContrast/semantic/status.d.ts +12 -12
- package/dist/highContrast/semantic/status.js +5 -5
- package/dist/highContrast/semantic/surface.d.ts +2 -2
- package/dist/highContrast/semantic/surface.js +2 -2
- package/dist/highContrast/semantic/text.d.ts +1 -1
- package/dist/highContrast/theme.d.ts +74 -73
- package/dist/highContrast/theme.d.ts.map +1 -1
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/light/components/button.d.ts +76 -76
- package/dist/light/components/button.d.ts.map +1 -1
- package/dist/light/components/button.js +19 -18
- package/dist/light/components/checkbox.d.ts +16 -16
- package/dist/light/components/dropdown.d.ts +18 -18
- package/dist/light/components/dropdown.js +2 -2
- package/dist/light/components/formField.d.ts +8 -8
- package/dist/light/components/formField.js +1 -1
- package/dist/light/components/input.d.ts +17 -17
- package/dist/light/components/menu.d.ts +12 -12
- package/dist/light/components/modal.d.ts +7 -7
- package/dist/light/components/modal.js +1 -1
- package/dist/light/components/radio.d.ts +17 -17
- package/dist/light/components/select.d.ts +20 -20
- package/dist/light/components/select.js +4 -4
- package/dist/light/components/tabs.d.ts +12 -12
- package/dist/light/components/tooltip.d.ts +3 -3
- package/dist/light/semantic/action.d.ts +53 -33
- package/dist/light/semantic/action.d.ts.map +1 -1
- package/dist/light/semantic/action.js +39 -19
- package/dist/light/semantic/border.d.ts +5 -5
- package/dist/light/semantic/border.js +1 -1
- package/dist/light/semantic/control.d.ts +11 -11
- package/dist/light/semantic/focus.d.ts +1 -1
- package/dist/light/semantic/navigation.d.ts +8 -8
- package/dist/light/semantic/status.d.ts +13 -13
- package/dist/light/semantic/status.js +1 -1
- package/dist/light/semantic/surface.d.ts +7 -6
- package/dist/light/semantic/surface.d.ts.map +1 -1
- package/dist/light/semantic/surface.js +6 -5
- package/dist/light/semantic/text.d.ts +4 -4
- package/dist/light/theme.d.ts +74 -73
- package/dist/light/theme.d.ts.map +1 -1
- package/dist/primitives/colors.d.ts +73 -71
- package/dist/primitives/colors.d.ts.map +1 -1
- package/dist/primitives/colors.js +73 -71
- package/dist/semantic/selection.d.ts +1 -1
- package/dist/tokens/radius.d.ts +5 -4
- package/dist/tokens/radius.d.ts.map +1 -1
- package/dist/tokens/radius.js +5 -4
- package/package.json +1 -1
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
export declare const status: {
|
|
2
2
|
readonly success: {
|
|
3
|
-
readonly fg: "#
|
|
3
|
+
readonly fg: "#6EE7B7";
|
|
4
4
|
readonly bg: "#111827";
|
|
5
|
-
readonly border: "#
|
|
6
|
-
readonly strong: "#
|
|
5
|
+
readonly border: "#6EE7B7";
|
|
6
|
+
readonly strong: "#6EE7B7";
|
|
7
7
|
};
|
|
8
8
|
readonly error: {
|
|
9
|
-
readonly fg: "#
|
|
9
|
+
readonly fg: "#FB7185";
|
|
10
10
|
readonly bg: "#111827";
|
|
11
|
-
readonly border: "#
|
|
12
|
-
readonly strong: "#
|
|
11
|
+
readonly border: "#FB7185";
|
|
12
|
+
readonly strong: "#FDA4AF";
|
|
13
13
|
};
|
|
14
14
|
readonly warning: {
|
|
15
|
-
readonly fg: "#
|
|
15
|
+
readonly fg: "#FBBF24";
|
|
16
16
|
readonly bg: "#111827";
|
|
17
|
-
readonly border: "#
|
|
18
|
-
readonly strong: "#
|
|
17
|
+
readonly border: "#FBBF24";
|
|
18
|
+
readonly strong: "#FBBF24";
|
|
19
19
|
};
|
|
20
20
|
readonly info: {
|
|
21
|
-
readonly fg: "#
|
|
21
|
+
readonly fg: "#0284C7";
|
|
22
22
|
readonly bg: "#111827";
|
|
23
|
-
readonly border: "#
|
|
24
|
-
readonly strong: "#
|
|
23
|
+
readonly border: "#0284C7";
|
|
24
|
+
readonly strong: "#0284C7";
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=status.d.ts.map
|
|
@@ -7,16 +7,16 @@ export const status = {
|
|
|
7
7
|
strong: colors.success[300],
|
|
8
8
|
},
|
|
9
9
|
error: {
|
|
10
|
-
fg: colors.error[
|
|
10
|
+
fg: colors.error[400],
|
|
11
11
|
bg: colors.gray[900],
|
|
12
|
-
border: colors.error[
|
|
12
|
+
border: colors.error[400],
|
|
13
13
|
strong: colors.error[300],
|
|
14
14
|
},
|
|
15
15
|
warning: {
|
|
16
|
-
fg: colors.warning[
|
|
16
|
+
fg: colors.warning[400],
|
|
17
17
|
bg: colors.gray[900],
|
|
18
|
-
border: colors.warning[
|
|
19
|
-
strong: colors.warning[
|
|
18
|
+
border: colors.warning[400],
|
|
19
|
+
strong: colors.warning[400],
|
|
20
20
|
},
|
|
21
21
|
info: {
|
|
22
22
|
fg: colors.info[400],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const surface: {
|
|
2
2
|
readonly default: "#000000";
|
|
3
|
-
readonly muted: "#
|
|
4
|
-
readonly subtle: "#
|
|
3
|
+
readonly muted: "#1F2937";
|
|
4
|
+
readonly subtle: "#111827";
|
|
5
5
|
readonly elevated: "#374151";
|
|
6
6
|
readonly pressed: "#111827";
|
|
7
7
|
readonly hover: "#1F2937";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { colors } from '../../primitives/colors.js';
|
|
2
2
|
export const surface = {
|
|
3
3
|
default: colors.mono[950],
|
|
4
|
-
muted: colors.gray[
|
|
5
|
-
subtle: colors.gray[
|
|
4
|
+
muted: colors.gray[800],
|
|
5
|
+
subtle: colors.gray[900],
|
|
6
6
|
elevated: colors.gray[700],
|
|
7
7
|
pressed: colors.gray[900],
|
|
8
8
|
hover: colors.gray[800],
|
|
@@ -4,100 +4,100 @@ export declare const highContrastTheme: {
|
|
|
4
4
|
readonly name: "high-contrast";
|
|
5
5
|
readonly colors: {
|
|
6
6
|
readonly primary: {
|
|
7
|
-
readonly 50: "#
|
|
8
|
-
readonly 100: "#
|
|
9
|
-
readonly 200: "#
|
|
10
|
-
readonly 300: "#
|
|
11
|
-
readonly 400: "#
|
|
12
|
-
readonly 500: "#
|
|
13
|
-
readonly 600: "#
|
|
14
|
-
readonly 700: "#
|
|
15
|
-
readonly 800: "#
|
|
16
|
-
readonly 900: "#
|
|
17
|
-
readonly 950: "#
|
|
7
|
+
readonly 50: "#F4F3FF";
|
|
8
|
+
readonly 100: "#E9E6FF";
|
|
9
|
+
readonly 200: "#D4CCFF";
|
|
10
|
+
readonly 300: "#B8A8FF";
|
|
11
|
+
readonly 400: "#9B7CFF";
|
|
12
|
+
readonly 500: "#7C5CFF";
|
|
13
|
+
readonly 600: "#6346E8";
|
|
14
|
+
readonly 700: "#5037C8";
|
|
15
|
+
readonly 800: "#402C9F";
|
|
16
|
+
readonly 900: "#342580";
|
|
17
|
+
readonly 950: "#21164F";
|
|
18
18
|
};
|
|
19
19
|
readonly secondary: {
|
|
20
|
-
readonly 50: "#
|
|
21
|
-
readonly 100: "#
|
|
22
|
-
readonly 200: "#
|
|
23
|
-
readonly 300: "#
|
|
24
|
-
readonly 400: "#
|
|
25
|
-
readonly 500: "#
|
|
26
|
-
readonly 600: "#
|
|
27
|
-
readonly 700: "#
|
|
28
|
-
readonly 800: "#
|
|
29
|
-
readonly 900: "#
|
|
30
|
-
readonly 950: "#
|
|
20
|
+
readonly 50: "#F2FDFF";
|
|
21
|
+
readonly 100: "#D9FBFF";
|
|
22
|
+
readonly 200: "#B4F4FD";
|
|
23
|
+
readonly 300: "#79E8F8";
|
|
24
|
+
readonly 400: "#3ED5EE";
|
|
25
|
+
readonly 500: "#1FBEDB";
|
|
26
|
+
readonly 600: "#0F9BB8";
|
|
27
|
+
readonly 700: "#0B7D95";
|
|
28
|
+
readonly 800: "#0A6175";
|
|
29
|
+
readonly 900: "#094C5E";
|
|
30
|
+
readonly 950: "#062F3B";
|
|
31
31
|
};
|
|
32
32
|
readonly vellira: {
|
|
33
33
|
readonly 25: "#FDFCFF";
|
|
34
34
|
readonly 50: "#FAF8FF";
|
|
35
35
|
readonly 100: "#F4F1FB";
|
|
36
36
|
readonly 150: "#EEE8FA";
|
|
37
|
-
readonly 200: "#
|
|
38
|
-
readonly 250: "#
|
|
39
|
-
readonly 300: "#
|
|
40
|
-
readonly 400: "#
|
|
41
|
-
readonly 500: "#
|
|
42
|
-
readonly 600: "#
|
|
43
|
-
readonly 700: "#
|
|
44
|
-
readonly 800: "#
|
|
45
|
-
readonly 900: "#
|
|
46
|
-
readonly 950: "#
|
|
37
|
+
readonly 200: "#E4DDF4";
|
|
38
|
+
readonly 250: "#D4CEE8";
|
|
39
|
+
readonly 300: "#BBB2D2";
|
|
40
|
+
readonly 400: "#958CB0";
|
|
41
|
+
readonly 500: "#6B6386";
|
|
42
|
+
readonly 600: "#4F4867";
|
|
43
|
+
readonly 700: "#3D3754";
|
|
44
|
+
readonly 800: "#2F2A42";
|
|
45
|
+
readonly 900: "#231F31";
|
|
46
|
+
readonly 950: "#181521";
|
|
47
47
|
};
|
|
48
48
|
readonly info: {
|
|
49
49
|
readonly 50: "#F0F9FF";
|
|
50
|
-
readonly 100: "#
|
|
51
|
-
readonly 150: "#
|
|
52
|
-
readonly 200: "#
|
|
53
|
-
readonly 250: "#
|
|
54
|
-
readonly 300: "#
|
|
55
|
-
readonly 400: "#
|
|
56
|
-
readonly 500: "#
|
|
57
|
-
readonly 600: "#
|
|
58
|
-
readonly 700: "#
|
|
59
|
-
readonly 800: "#
|
|
60
|
-
readonly 900: "#
|
|
61
|
-
readonly 950: "#
|
|
50
|
+
readonly 100: "#E0F2FE";
|
|
51
|
+
readonly 150: "#BAE6FD";
|
|
52
|
+
readonly 200: "#7DD3FC";
|
|
53
|
+
readonly 250: "#38BDF8";
|
|
54
|
+
readonly 300: "#0EA5E9";
|
|
55
|
+
readonly 400: "#0284C7";
|
|
56
|
+
readonly 500: "#0369A1";
|
|
57
|
+
readonly 600: "#075985";
|
|
58
|
+
readonly 700: "#0C4A6E";
|
|
59
|
+
readonly 800: "#082F49";
|
|
60
|
+
readonly 900: "#0B2538";
|
|
61
|
+
readonly 950: "#071927";
|
|
62
62
|
};
|
|
63
63
|
readonly success: {
|
|
64
64
|
readonly 50: "#ECFDF5";
|
|
65
65
|
readonly 100: "#D1FAE5";
|
|
66
66
|
readonly 200: "#A7F3D0";
|
|
67
|
-
readonly 300: "#
|
|
68
|
-
readonly 400: "#
|
|
69
|
-
readonly 500: "#
|
|
70
|
-
readonly 600: "#
|
|
71
|
-
readonly 700: "#
|
|
72
|
-
readonly 800: "#
|
|
73
|
-
readonly 900: "#
|
|
74
|
-
readonly 950: "#
|
|
67
|
+
readonly 300: "#6EE7B7";
|
|
68
|
+
readonly 400: "#34D399";
|
|
69
|
+
readonly 500: "#10B981";
|
|
70
|
+
readonly 600: "#059669";
|
|
71
|
+
readonly 700: "#047857";
|
|
72
|
+
readonly 800: "#065F46";
|
|
73
|
+
readonly 900: "#064E3B";
|
|
74
|
+
readonly 950: "#022C22";
|
|
75
75
|
};
|
|
76
76
|
readonly error: {
|
|
77
|
-
readonly 50: "#
|
|
78
|
-
readonly 100: "#
|
|
79
|
-
readonly 200: "#
|
|
80
|
-
readonly 300: "#
|
|
77
|
+
readonly 50: "#FFF1F2";
|
|
78
|
+
readonly 100: "#FFE4E6";
|
|
79
|
+
readonly 200: "#FECDD3";
|
|
80
|
+
readonly 300: "#FDA4AF";
|
|
81
81
|
readonly 400: "#FB7185";
|
|
82
82
|
readonly 500: "#F43F5E";
|
|
83
83
|
readonly 600: "#E11D48";
|
|
84
|
-
readonly 700: "#
|
|
85
|
-
readonly 800: "#
|
|
86
|
-
readonly 900: "#
|
|
84
|
+
readonly 700: "#BE123C";
|
|
85
|
+
readonly 800: "#9F1239";
|
|
86
|
+
readonly 900: "#881337";
|
|
87
87
|
readonly 950: "#4C0519";
|
|
88
88
|
};
|
|
89
89
|
readonly warning: {
|
|
90
|
-
readonly 50: "#
|
|
91
|
-
readonly 100: "#
|
|
92
|
-
readonly 200: "#
|
|
90
|
+
readonly 50: "#FFFBEB";
|
|
91
|
+
readonly 100: "#FEF3C7";
|
|
92
|
+
readonly 200: "#FDE68A";
|
|
93
93
|
readonly 300: "#FCD34D";
|
|
94
|
-
readonly 400: "#
|
|
95
|
-
readonly 500: "#
|
|
96
|
-
readonly 600: "#
|
|
97
|
-
readonly 700: "#
|
|
98
|
-
readonly 800: "#
|
|
99
|
-
readonly 900: "#
|
|
100
|
-
readonly 950: "#
|
|
94
|
+
readonly 400: "#FBBF24";
|
|
95
|
+
readonly 500: "#F59E0B";
|
|
96
|
+
readonly 600: "#D97706";
|
|
97
|
+
readonly 700: "#B45309";
|
|
98
|
+
readonly 800: "#92400E";
|
|
99
|
+
readonly 900: "#78350F";
|
|
100
|
+
readonly 950: "#451A03";
|
|
101
101
|
};
|
|
102
102
|
readonly gray: {
|
|
103
103
|
readonly 50: "#F9FAFB";
|
|
@@ -143,10 +143,11 @@ export declare const highContrastTheme: {
|
|
|
143
143
|
readonly components: typeof components;
|
|
144
144
|
readonly tokens: {
|
|
145
145
|
readonly radius: {
|
|
146
|
-
readonly
|
|
147
|
-
readonly
|
|
148
|
-
readonly
|
|
149
|
-
readonly
|
|
146
|
+
readonly xs: 4;
|
|
147
|
+
readonly sm: 8;
|
|
148
|
+
readonly md: 12;
|
|
149
|
+
readonly lg: 16;
|
|
150
|
+
readonly xl: 20;
|
|
150
151
|
readonly full: 999;
|
|
151
152
|
};
|
|
152
153
|
readonly shadows: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -10,10 +10,11 @@ export declare const theme: {
|
|
|
10
10
|
readonly components: typeof import("./dark/components/index.js");
|
|
11
11
|
readonly tokens: {
|
|
12
12
|
readonly radius: {
|
|
13
|
-
readonly
|
|
14
|
-
readonly
|
|
15
|
-
readonly
|
|
16
|
-
readonly
|
|
13
|
+
readonly xs: 4;
|
|
14
|
+
readonly sm: 8;
|
|
15
|
+
readonly md: 12;
|
|
16
|
+
readonly lg: 16;
|
|
17
|
+
readonly xl: 20;
|
|
17
18
|
readonly full: 999;
|
|
18
19
|
};
|
|
19
20
|
readonly shadows: {
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
|
|
@@ -2,52 +2,52 @@ export declare const button: {
|
|
|
2
2
|
readonly primary: {
|
|
3
3
|
readonly solid: {
|
|
4
4
|
readonly default: {
|
|
5
|
-
readonly bg: "#
|
|
5
|
+
readonly bg: "#6346E8";
|
|
6
6
|
readonly fg: "#FFFFFF";
|
|
7
|
-
readonly border: "#
|
|
7
|
+
readonly border: "#6346E8";
|
|
8
8
|
};
|
|
9
9
|
readonly hover: {
|
|
10
|
-
readonly bg: "#
|
|
10
|
+
readonly bg: "#5037C8";
|
|
11
11
|
readonly fg: "#FFFFFF";
|
|
12
|
-
readonly border: "#
|
|
12
|
+
readonly border: "#5037C8";
|
|
13
13
|
};
|
|
14
14
|
readonly pressed: {
|
|
15
|
-
readonly bg: "#
|
|
15
|
+
readonly bg: "#402C9F";
|
|
16
16
|
readonly fg: "#FFFFFF";
|
|
17
|
-
readonly border: "#
|
|
17
|
+
readonly border: "#402C9F";
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
readonly outline: {
|
|
21
21
|
readonly default: {
|
|
22
|
-
readonly fg: "#
|
|
23
|
-
readonly border: "#
|
|
22
|
+
readonly fg: "#6346E8";
|
|
23
|
+
readonly border: "#6346E8";
|
|
24
24
|
readonly bg: string;
|
|
25
25
|
};
|
|
26
26
|
readonly hover: {
|
|
27
|
-
readonly bg: "#
|
|
28
|
-
readonly fg: "#
|
|
29
|
-
readonly border: "#
|
|
27
|
+
readonly bg: "#EEE8FA";
|
|
28
|
+
readonly fg: "#5037C8";
|
|
29
|
+
readonly border: "#5037C8";
|
|
30
30
|
};
|
|
31
31
|
readonly pressed: {
|
|
32
|
-
readonly bg: "#
|
|
33
|
-
readonly fg: "#
|
|
34
|
-
readonly border: "#
|
|
32
|
+
readonly bg: "#E4DDF4";
|
|
33
|
+
readonly fg: "#402C9F";
|
|
34
|
+
readonly border: "#402C9F";
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
37
|
readonly ghost: {
|
|
38
38
|
readonly default: {
|
|
39
|
-
readonly fg: "#
|
|
39
|
+
readonly fg: "#6346E8";
|
|
40
40
|
readonly border: "transparent";
|
|
41
41
|
readonly bg: string;
|
|
42
42
|
};
|
|
43
43
|
readonly hover: {
|
|
44
|
-
readonly bg: "#
|
|
45
|
-
readonly fg: "#
|
|
44
|
+
readonly bg: "#F4F3FF";
|
|
45
|
+
readonly fg: "#5037C8";
|
|
46
46
|
readonly border: "transparent";
|
|
47
47
|
};
|
|
48
48
|
readonly pressed: {
|
|
49
|
-
readonly bg: "#
|
|
50
|
-
readonly fg: "#
|
|
49
|
+
readonly bg: "#F4F3FF";
|
|
50
|
+
readonly fg: "#402C9F";
|
|
51
51
|
readonly border: "transparent";
|
|
52
52
|
};
|
|
53
53
|
};
|
|
@@ -55,52 +55,52 @@ export declare const button: {
|
|
|
55
55
|
readonly secondary: {
|
|
56
56
|
readonly solid: {
|
|
57
57
|
readonly default: {
|
|
58
|
-
readonly bg: "#
|
|
58
|
+
readonly bg: "#0B7D95";
|
|
59
59
|
readonly fg: "#FFFFFF";
|
|
60
|
-
readonly border: "#
|
|
60
|
+
readonly border: "#0B7D95";
|
|
61
61
|
};
|
|
62
62
|
readonly hover: {
|
|
63
|
-
readonly bg: "#
|
|
63
|
+
readonly bg: "#0A6175";
|
|
64
64
|
readonly fg: "#FFFFFF";
|
|
65
|
-
readonly border: "#
|
|
65
|
+
readonly border: "#0A6175";
|
|
66
66
|
};
|
|
67
67
|
readonly pressed: {
|
|
68
|
-
readonly bg: "#
|
|
68
|
+
readonly bg: "#094C5E";
|
|
69
69
|
readonly fg: "#FFFFFF";
|
|
70
|
-
readonly border: "#
|
|
70
|
+
readonly border: "#094C5E";
|
|
71
71
|
};
|
|
72
72
|
};
|
|
73
73
|
readonly outline: {
|
|
74
74
|
readonly default: {
|
|
75
|
-
readonly fg: "#
|
|
76
|
-
readonly border: "#
|
|
75
|
+
readonly fg: "#0B7D95";
|
|
76
|
+
readonly border: "#0B7D95";
|
|
77
77
|
readonly bg: string;
|
|
78
78
|
};
|
|
79
79
|
readonly hover: {
|
|
80
|
-
readonly bg: "#
|
|
81
|
-
readonly fg: "#
|
|
82
|
-
readonly border: "#
|
|
80
|
+
readonly bg: "#D9FBFF";
|
|
81
|
+
readonly fg: "#0A6175";
|
|
82
|
+
readonly border: "#0A6175";
|
|
83
83
|
};
|
|
84
84
|
readonly pressed: {
|
|
85
|
-
readonly bg: "#
|
|
86
|
-
readonly fg: "#
|
|
87
|
-
readonly border: "#
|
|
85
|
+
readonly bg: "#E4DDF4";
|
|
86
|
+
readonly fg: "#094C5E";
|
|
87
|
+
readonly border: "#094C5E";
|
|
88
88
|
};
|
|
89
89
|
};
|
|
90
90
|
readonly ghost: {
|
|
91
91
|
readonly default: {
|
|
92
|
-
readonly fg: "#
|
|
92
|
+
readonly fg: "#0B7D95";
|
|
93
93
|
readonly border: "transparent";
|
|
94
94
|
readonly bg: string;
|
|
95
95
|
};
|
|
96
96
|
readonly hover: {
|
|
97
|
-
readonly bg: "#
|
|
98
|
-
readonly fg: "#
|
|
97
|
+
readonly bg: "#D9FBFF";
|
|
98
|
+
readonly fg: "#0A6175";
|
|
99
99
|
readonly border: "transparent";
|
|
100
100
|
};
|
|
101
101
|
readonly pressed: {
|
|
102
|
-
readonly bg: "#
|
|
103
|
-
readonly fg: "#
|
|
102
|
+
readonly bg: "#E4DDF4";
|
|
103
|
+
readonly fg: "#094C5E";
|
|
104
104
|
readonly border: "transparent";
|
|
105
105
|
};
|
|
106
106
|
};
|
|
@@ -108,52 +108,52 @@ export declare const button: {
|
|
|
108
108
|
readonly close: {
|
|
109
109
|
readonly solid: {
|
|
110
110
|
readonly default: {
|
|
111
|
-
readonly bg: "#
|
|
111
|
+
readonly bg: "#D8E4F2";
|
|
112
112
|
readonly fg: "#0F0F0F";
|
|
113
|
-
readonly border: "#
|
|
113
|
+
readonly border: "#D8E4F2";
|
|
114
114
|
};
|
|
115
115
|
readonly hover: {
|
|
116
|
-
readonly bg: "#
|
|
116
|
+
readonly bg: "#C4D0DD";
|
|
117
117
|
readonly fg: "#0F0F0F";
|
|
118
|
-
readonly border: "#
|
|
118
|
+
readonly border: "#C4D0DD";
|
|
119
119
|
};
|
|
120
120
|
readonly pressed: {
|
|
121
|
-
readonly bg: "#
|
|
121
|
+
readonly bg: "#98A8BD";
|
|
122
122
|
readonly fg: "#0F0F0F";
|
|
123
|
-
readonly border: "#
|
|
123
|
+
readonly border: "#98A8BD";
|
|
124
124
|
};
|
|
125
125
|
};
|
|
126
126
|
readonly outline: {
|
|
127
127
|
readonly default: {
|
|
128
|
-
readonly fg: "#
|
|
129
|
-
readonly border: "#
|
|
128
|
+
readonly fg: "#4B5F7A";
|
|
129
|
+
readonly border: "#4B5F7A";
|
|
130
130
|
readonly bg: string;
|
|
131
131
|
};
|
|
132
132
|
readonly hover: {
|
|
133
133
|
readonly bg: "#EEE8FA";
|
|
134
|
-
readonly fg: "#
|
|
135
|
-
readonly border: "#
|
|
134
|
+
readonly fg: "#6B7F99";
|
|
135
|
+
readonly border: "#6B7F99";
|
|
136
136
|
};
|
|
137
137
|
readonly pressed: {
|
|
138
|
-
readonly bg: "#
|
|
139
|
-
readonly fg: "#
|
|
140
|
-
readonly border: "#
|
|
138
|
+
readonly bg: "#E4DDF4";
|
|
139
|
+
readonly fg: "#98A8BD";
|
|
140
|
+
readonly border: "#98A8BD";
|
|
141
141
|
};
|
|
142
142
|
};
|
|
143
143
|
readonly ghost: {
|
|
144
144
|
readonly default: {
|
|
145
|
-
readonly fg: "#
|
|
145
|
+
readonly fg: "#4F4867";
|
|
146
146
|
readonly border: "transparent";
|
|
147
147
|
readonly bg: string;
|
|
148
148
|
};
|
|
149
149
|
readonly hover: {
|
|
150
|
-
readonly bg: "#
|
|
151
|
-
readonly fg: "#
|
|
150
|
+
readonly bg: "#F4F3FF";
|
|
151
|
+
readonly fg: "#4F4867";
|
|
152
152
|
readonly border: "transparent";
|
|
153
153
|
};
|
|
154
154
|
readonly pressed: {
|
|
155
|
-
readonly bg: "#
|
|
156
|
-
readonly fg: "#
|
|
155
|
+
readonly bg: "#F4F3FF";
|
|
156
|
+
readonly fg: "#4F4867";
|
|
157
157
|
readonly border: "transparent";
|
|
158
158
|
};
|
|
159
159
|
};
|
|
@@ -161,52 +161,52 @@ export declare const button: {
|
|
|
161
161
|
readonly danger: {
|
|
162
162
|
readonly solid: {
|
|
163
163
|
readonly default: {
|
|
164
|
-
readonly bg: "#
|
|
164
|
+
readonly bg: "#BE123C";
|
|
165
165
|
readonly fg: "#FFFFFF";
|
|
166
|
-
readonly border: "#
|
|
166
|
+
readonly border: "#BE123C";
|
|
167
167
|
};
|
|
168
168
|
readonly hover: {
|
|
169
|
-
readonly bg: "#
|
|
169
|
+
readonly bg: "#9F1239";
|
|
170
170
|
readonly fg: "#FFFFFF";
|
|
171
|
-
readonly border: "#
|
|
171
|
+
readonly border: "#9F1239";
|
|
172
172
|
};
|
|
173
173
|
readonly pressed: {
|
|
174
|
-
readonly bg: "#
|
|
174
|
+
readonly bg: "#881337";
|
|
175
175
|
readonly fg: "#FFFFFF";
|
|
176
|
-
readonly border: "#
|
|
176
|
+
readonly border: "#881337";
|
|
177
177
|
};
|
|
178
178
|
};
|
|
179
179
|
readonly outline: {
|
|
180
180
|
readonly default: {
|
|
181
|
-
readonly fg: "#
|
|
182
|
-
readonly border: "#
|
|
181
|
+
readonly fg: "#BE123C";
|
|
182
|
+
readonly border: "#BE123C";
|
|
183
183
|
readonly bg: string;
|
|
184
184
|
};
|
|
185
185
|
readonly hover: {
|
|
186
|
-
readonly bg: "#
|
|
187
|
-
readonly fg: "#
|
|
188
|
-
readonly border: "#
|
|
186
|
+
readonly bg: "#FFE4E6";
|
|
187
|
+
readonly fg: "#9F1239";
|
|
188
|
+
readonly border: "#9F1239";
|
|
189
189
|
};
|
|
190
190
|
readonly pressed: {
|
|
191
|
-
readonly bg: "#
|
|
192
|
-
readonly fg: "#
|
|
193
|
-
readonly border: "#
|
|
191
|
+
readonly bg: "#FFE4E6";
|
|
192
|
+
readonly fg: "#881337";
|
|
193
|
+
readonly border: "#881337";
|
|
194
194
|
};
|
|
195
195
|
};
|
|
196
196
|
readonly ghost: {
|
|
197
197
|
readonly default: {
|
|
198
|
-
readonly fg: "#
|
|
198
|
+
readonly fg: "#BE123C";
|
|
199
199
|
readonly border: "transparent";
|
|
200
200
|
readonly bg: string;
|
|
201
201
|
};
|
|
202
202
|
readonly hover: {
|
|
203
|
-
readonly bg: "#
|
|
204
|
-
readonly fg: "#
|
|
203
|
+
readonly bg: "#FFE4E6";
|
|
204
|
+
readonly fg: "#9F1239";
|
|
205
205
|
readonly border: "transparent";
|
|
206
206
|
};
|
|
207
207
|
readonly pressed: {
|
|
208
|
-
readonly bg: "#
|
|
209
|
-
readonly fg: "#
|
|
208
|
+
readonly bg: "#FFE4E6";
|
|
209
|
+
readonly fg: "#881337";
|
|
210
210
|
readonly border: "transparent";
|
|
211
211
|
};
|
|
212
212
|
};
|
|
@@ -214,7 +214,7 @@ export declare const button: {
|
|
|
214
214
|
readonly disabled: {
|
|
215
215
|
readonly bg: "#F4F1FB";
|
|
216
216
|
readonly fg: "#9CA3AF";
|
|
217
|
-
readonly border: "#
|
|
217
|
+
readonly border: "#EEE8FA";
|
|
218
218
|
};
|
|
219
219
|
};
|
|
220
220
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}
|