@haiilo/catalyst-tokens 14.5.2 → 14.6.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/variables-hex.css +48 -42
- package/dist/css/variables.css +48 -42
- package/dist/export/figma.json +72 -48
- package/dist/export/theme.json +24 -0
- package/dist/export/zeroheight.json +24 -0
- package/dist/js/variables.d.ts +262 -256
- package/dist/js/variables.js +6 -0
- package/dist/json/variables.json +6 -0
- package/dist/scss/_variables.scss +266 -254
- package/package.json +6 -5
|
@@ -3,48 +3,48 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
--cat-asset-font-lato-name:
|
|
7
|
-
--cat-asset-font-lato-woff-black:
|
|
8
|
-
--cat-asset-font-lato-woff2-black:
|
|
9
|
-
--cat-asset-font-lato-woff-black-italic:
|
|
10
|
-
--cat-asset-font-lato-woff2-black-italic:
|
|
11
|
-
--cat-asset-font-lato-woff-bold:
|
|
12
|
-
--cat-asset-font-lato-woff2-bold:
|
|
13
|
-
--cat-asset-font-lato-woff-bold-italic:
|
|
14
|
-
--cat-asset-font-lato-woff2-bold-italic:
|
|
15
|
-
--cat-asset-font-lato-woff-hairline:
|
|
16
|
-
--cat-asset-font-lato-woff2-hairline:
|
|
17
|
-
--cat-asset-font-lato-woff-hairline-italic:
|
|
18
|
-
--cat-asset-font-lato-woff2-hairline-italic:
|
|
19
|
-
--cat-asset-font-lato-woff-heavy:
|
|
20
|
-
--cat-asset-font-lato-woff2-heavy:
|
|
21
|
-
--cat-asset-font-lato-woff-heavy-italic:
|
|
22
|
-
--cat-asset-font-lato-woff2-heavy-italic:
|
|
23
|
-
--cat-asset-font-lato-woff-italic:
|
|
24
|
-
--cat-asset-font-lato-woff2-italic:
|
|
25
|
-
--cat-asset-font-lato-woff-light:
|
|
26
|
-
--cat-asset-font-lato-woff2-light:
|
|
27
|
-
--cat-asset-font-lato-woff-light-italic:
|
|
28
|
-
--cat-asset-font-lato-woff2-light-italic:
|
|
29
|
-
--cat-asset-font-lato-woff-medium:
|
|
30
|
-
--cat-asset-font-lato-woff2-medium:
|
|
31
|
-
--cat-asset-font-lato-woff-medium-italic:
|
|
32
|
-
--cat-asset-font-lato-woff2-medium-italic:
|
|
33
|
-
--cat-asset-font-lato-woff-regular:
|
|
34
|
-
--cat-asset-font-lato-woff2-regular:
|
|
35
|
-
--cat-asset-font-lato-woff-semibold:
|
|
36
|
-
--cat-asset-font-lato-woff2-semibold:
|
|
37
|
-
--cat-asset-font-lato-woff-semibold-italic:
|
|
38
|
-
--cat-asset-font-lato-woff2-semibold-italic:
|
|
39
|
-
--cat-asset-font-lato-woff-thin:
|
|
40
|
-
--cat-asset-font-lato-woff2-thin:
|
|
41
|
-
--cat-asset-font-lato-woff-thin-italic:
|
|
42
|
-
--cat-asset-font-lato-woff2-thin-italic:
|
|
43
|
-
--cat-asset-font-azeret-mono-name:
|
|
44
|
-
--cat-asset-font-azeret-mono-woff2-regular:
|
|
45
|
-
--cat-asset-font-ss3v-name:
|
|
46
|
-
--cat-asset-font-ss3v-woff:
|
|
47
|
-
--cat-asset-font-ss3v-woff2:
|
|
6
|
+
--cat-asset-font-lato-name: Lato;
|
|
7
|
+
--cat-asset-font-lato-woff-black: Lato-Black.woff;
|
|
8
|
+
--cat-asset-font-lato-woff2-black: Lato-Black.woff2;
|
|
9
|
+
--cat-asset-font-lato-woff-black-italic: Lato-BlackItalic.woff;
|
|
10
|
+
--cat-asset-font-lato-woff2-black-italic: Lato-BlackItalic.woff2;
|
|
11
|
+
--cat-asset-font-lato-woff-bold: Lato-Bold.woff;
|
|
12
|
+
--cat-asset-font-lato-woff2-bold: Lato-Bold.woff2;
|
|
13
|
+
--cat-asset-font-lato-woff-bold-italic: Lato-BoldItalic.woff;
|
|
14
|
+
--cat-asset-font-lato-woff2-bold-italic: Lato-BoldItalic.woff2;
|
|
15
|
+
--cat-asset-font-lato-woff-hairline: Lato-Hairline.woff;
|
|
16
|
+
--cat-asset-font-lato-woff2-hairline: Lato-Hairline.woff2;
|
|
17
|
+
--cat-asset-font-lato-woff-hairline-italic: Lato-HairlineItalic.woff;
|
|
18
|
+
--cat-asset-font-lato-woff2-hairline-italic: Lato-HairlineItalic.woff2;
|
|
19
|
+
--cat-asset-font-lato-woff-heavy: Lato-Heavy.woff;
|
|
20
|
+
--cat-asset-font-lato-woff2-heavy: Lato-Heavy.woff2;
|
|
21
|
+
--cat-asset-font-lato-woff-heavy-italic: Lato-HeavyItalic.woff;
|
|
22
|
+
--cat-asset-font-lato-woff2-heavy-italic: Lato-HeavyItalic.woff2;
|
|
23
|
+
--cat-asset-font-lato-woff-italic: Lato-Italic.woff;
|
|
24
|
+
--cat-asset-font-lato-woff2-italic: Lato-Italic.woff2;
|
|
25
|
+
--cat-asset-font-lato-woff-light: Lato-Light.woff;
|
|
26
|
+
--cat-asset-font-lato-woff2-light: Lato-Light.woff2;
|
|
27
|
+
--cat-asset-font-lato-woff-light-italic: Lato-LightItalic.woff;
|
|
28
|
+
--cat-asset-font-lato-woff2-light-italic: Lato-LightItalic.woff2;
|
|
29
|
+
--cat-asset-font-lato-woff-medium: Lato-Medium.woff;
|
|
30
|
+
--cat-asset-font-lato-woff2-medium: Lato-Medium.woff2;
|
|
31
|
+
--cat-asset-font-lato-woff-medium-italic: Lato-MediumItalic.woff;
|
|
32
|
+
--cat-asset-font-lato-woff2-medium-italic: Lato-MediumItalic.woff2;
|
|
33
|
+
--cat-asset-font-lato-woff-regular: Lato-Regular.woff;
|
|
34
|
+
--cat-asset-font-lato-woff2-regular: Lato-Regular.woff2;
|
|
35
|
+
--cat-asset-font-lato-woff-semibold: Lato-Semibold.woff;
|
|
36
|
+
--cat-asset-font-lato-woff2-semibold: Lato-Semibold.woff2;
|
|
37
|
+
--cat-asset-font-lato-woff-semibold-italic: Lato-SemiboldItalic.woff;
|
|
38
|
+
--cat-asset-font-lato-woff2-semibold-italic: Lato-SemiboldItalic.woff2;
|
|
39
|
+
--cat-asset-font-lato-woff-thin: Lato-Thin.woff;
|
|
40
|
+
--cat-asset-font-lato-woff2-thin: Lato-Thin.woff2;
|
|
41
|
+
--cat-asset-font-lato-woff-thin-italic: Lato-ThinItalic.woff;
|
|
42
|
+
--cat-asset-font-lato-woff2-thin-italic: Lato-ThinItalic.woff2;
|
|
43
|
+
--cat-asset-font-azeret-mono-name: Azeret Mono;
|
|
44
|
+
--cat-asset-font-azeret-mono-woff2-regular: AzeretMono-Regular.woff2;
|
|
45
|
+
--cat-asset-font-ss3v-name: Source Sans 3;
|
|
46
|
+
--cat-asset-font-ss3v-woff: SourceSans3VF-Upright.ttf.woff;
|
|
47
|
+
--cat-asset-font-ss3v-woff2: SourceSans3VF-Upright.ttf.woff2;
|
|
48
48
|
--cat-color-base-white: #ffffff;
|
|
49
49
|
--cat-color-base-black: #000000;
|
|
50
50
|
--cat-color-base-neutral-100: #f2f4f7;
|
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
--cat-color-theme-primary-bg: #008194;
|
|
97
97
|
--cat-color-theme-primary-bg-hover: #017384;
|
|
98
98
|
--cat-color-theme-primary-bg-active: #026371;
|
|
99
|
+
--cat-color-theme-primary-bg-outlined: #ffffff;
|
|
99
100
|
--cat-color-theme-primary-fill: #ffffff;
|
|
100
101
|
--cat-color-theme-primary-fill-hover: #ffffff;
|
|
101
102
|
--cat-color-theme-primary-fill-active: #ffffff;
|
|
@@ -114,6 +115,7 @@
|
|
|
114
115
|
--cat-color-theme-secondary-bg: #697687;
|
|
115
116
|
--cat-color-theme-secondary-bg-hover: #697687;
|
|
116
117
|
--cat-color-theme-secondary-bg-active: #697687;
|
|
118
|
+
--cat-color-theme-secondary-bg-outlined: #ffffff;
|
|
117
119
|
--cat-color-theme-secondary-fill: #ffffff;
|
|
118
120
|
--cat-color-theme-secondary-fill-hover: #ffffff;
|
|
119
121
|
--cat-color-theme-secondary-fill-active: #ffffff;
|
|
@@ -132,6 +134,7 @@
|
|
|
132
134
|
--cat-color-theme-info-bg: #0073e6;
|
|
133
135
|
--cat-color-theme-info-bg-hover: #006be3;
|
|
134
136
|
--cat-color-theme-info-bg-active: #0060df;
|
|
137
|
+
--cat-color-theme-info-bg-outlined: #ffffff;
|
|
135
138
|
--cat-color-theme-info-fill: #ffffff;
|
|
136
139
|
--cat-color-theme-info-fill-hover: #ffffff;
|
|
137
140
|
--cat-color-theme-info-fill-active: #ffffff;
|
|
@@ -141,6 +144,7 @@
|
|
|
141
144
|
--cat-color-theme-success-bg: #008458;
|
|
142
145
|
--cat-color-theme-success-bg-hover: #00754e;
|
|
143
146
|
--cat-color-theme-success-bg-active: #006946;
|
|
147
|
+
--cat-color-theme-success-bg-outlined: #ffffff;
|
|
144
148
|
--cat-color-theme-success-fill: #ffffff;
|
|
145
149
|
--cat-color-theme-success-fill-hover: #ffffff;
|
|
146
150
|
--cat-color-theme-success-fill-active: #ffffff;
|
|
@@ -150,6 +154,7 @@
|
|
|
150
154
|
--cat-color-theme-warning-bg: #ffce80;
|
|
151
155
|
--cat-color-theme-warning-bg-hover: #ffd694;
|
|
152
156
|
--cat-color-theme-warning-bg-active: #ffdea8;
|
|
157
|
+
--cat-color-theme-warning-bg-outlined: #ffffff;
|
|
153
158
|
--cat-color-theme-warning-fill: #000000;
|
|
154
159
|
--cat-color-theme-warning-fill-hover: #000000;
|
|
155
160
|
--cat-color-theme-warning-fill-active: #000000;
|
|
@@ -159,6 +164,7 @@
|
|
|
159
164
|
--cat-color-theme-danger-bg: #d9340d;
|
|
160
165
|
--cat-color-theme-danger-bg-hover: #c22e0b;
|
|
161
166
|
--cat-color-theme-danger-bg-active: #ae2a0a;
|
|
167
|
+
--cat-color-theme-danger-bg-outlined: #ffffff;
|
|
162
168
|
--cat-color-theme-danger-fill: #ffffff;
|
|
163
169
|
--cat-color-theme-danger-fill-hover: #ffffff;
|
|
164
170
|
--cat-color-theme-danger-fill-active: #ffffff;
|
package/dist/css/variables.css
CHANGED
|
@@ -3,48 +3,48 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
--cat-asset-font-lato-name:
|
|
7
|
-
--cat-asset-font-lato-woff-black:
|
|
8
|
-
--cat-asset-font-lato-woff2-black:
|
|
9
|
-
--cat-asset-font-lato-woff-black-italic:
|
|
10
|
-
--cat-asset-font-lato-woff2-black-italic:
|
|
11
|
-
--cat-asset-font-lato-woff-bold:
|
|
12
|
-
--cat-asset-font-lato-woff2-bold:
|
|
13
|
-
--cat-asset-font-lato-woff-bold-italic:
|
|
14
|
-
--cat-asset-font-lato-woff2-bold-italic:
|
|
15
|
-
--cat-asset-font-lato-woff-hairline:
|
|
16
|
-
--cat-asset-font-lato-woff2-hairline:
|
|
17
|
-
--cat-asset-font-lato-woff-hairline-italic:
|
|
18
|
-
--cat-asset-font-lato-woff2-hairline-italic:
|
|
19
|
-
--cat-asset-font-lato-woff-heavy:
|
|
20
|
-
--cat-asset-font-lato-woff2-heavy:
|
|
21
|
-
--cat-asset-font-lato-woff-heavy-italic:
|
|
22
|
-
--cat-asset-font-lato-woff2-heavy-italic:
|
|
23
|
-
--cat-asset-font-lato-woff-italic:
|
|
24
|
-
--cat-asset-font-lato-woff2-italic:
|
|
25
|
-
--cat-asset-font-lato-woff-light:
|
|
26
|
-
--cat-asset-font-lato-woff2-light:
|
|
27
|
-
--cat-asset-font-lato-woff-light-italic:
|
|
28
|
-
--cat-asset-font-lato-woff2-light-italic:
|
|
29
|
-
--cat-asset-font-lato-woff-medium:
|
|
30
|
-
--cat-asset-font-lato-woff2-medium:
|
|
31
|
-
--cat-asset-font-lato-woff-medium-italic:
|
|
32
|
-
--cat-asset-font-lato-woff2-medium-italic:
|
|
33
|
-
--cat-asset-font-lato-woff-regular:
|
|
34
|
-
--cat-asset-font-lato-woff2-regular:
|
|
35
|
-
--cat-asset-font-lato-woff-semibold:
|
|
36
|
-
--cat-asset-font-lato-woff2-semibold:
|
|
37
|
-
--cat-asset-font-lato-woff-semibold-italic:
|
|
38
|
-
--cat-asset-font-lato-woff2-semibold-italic:
|
|
39
|
-
--cat-asset-font-lato-woff-thin:
|
|
40
|
-
--cat-asset-font-lato-woff2-thin:
|
|
41
|
-
--cat-asset-font-lato-woff-thin-italic:
|
|
42
|
-
--cat-asset-font-lato-woff2-thin-italic:
|
|
43
|
-
--cat-asset-font-azeret-mono-name:
|
|
44
|
-
--cat-asset-font-azeret-mono-woff2-regular:
|
|
45
|
-
--cat-asset-font-ss3v-name:
|
|
46
|
-
--cat-asset-font-ss3v-woff:
|
|
47
|
-
--cat-asset-font-ss3v-woff2:
|
|
6
|
+
--cat-asset-font-lato-name: Lato;
|
|
7
|
+
--cat-asset-font-lato-woff-black: Lato-Black.woff;
|
|
8
|
+
--cat-asset-font-lato-woff2-black: Lato-Black.woff2;
|
|
9
|
+
--cat-asset-font-lato-woff-black-italic: Lato-BlackItalic.woff;
|
|
10
|
+
--cat-asset-font-lato-woff2-black-italic: Lato-BlackItalic.woff2;
|
|
11
|
+
--cat-asset-font-lato-woff-bold: Lato-Bold.woff;
|
|
12
|
+
--cat-asset-font-lato-woff2-bold: Lato-Bold.woff2;
|
|
13
|
+
--cat-asset-font-lato-woff-bold-italic: Lato-BoldItalic.woff;
|
|
14
|
+
--cat-asset-font-lato-woff2-bold-italic: Lato-BoldItalic.woff2;
|
|
15
|
+
--cat-asset-font-lato-woff-hairline: Lato-Hairline.woff;
|
|
16
|
+
--cat-asset-font-lato-woff2-hairline: Lato-Hairline.woff2;
|
|
17
|
+
--cat-asset-font-lato-woff-hairline-italic: Lato-HairlineItalic.woff;
|
|
18
|
+
--cat-asset-font-lato-woff2-hairline-italic: Lato-HairlineItalic.woff2;
|
|
19
|
+
--cat-asset-font-lato-woff-heavy: Lato-Heavy.woff;
|
|
20
|
+
--cat-asset-font-lato-woff2-heavy: Lato-Heavy.woff2;
|
|
21
|
+
--cat-asset-font-lato-woff-heavy-italic: Lato-HeavyItalic.woff;
|
|
22
|
+
--cat-asset-font-lato-woff2-heavy-italic: Lato-HeavyItalic.woff2;
|
|
23
|
+
--cat-asset-font-lato-woff-italic: Lato-Italic.woff;
|
|
24
|
+
--cat-asset-font-lato-woff2-italic: Lato-Italic.woff2;
|
|
25
|
+
--cat-asset-font-lato-woff-light: Lato-Light.woff;
|
|
26
|
+
--cat-asset-font-lato-woff2-light: Lato-Light.woff2;
|
|
27
|
+
--cat-asset-font-lato-woff-light-italic: Lato-LightItalic.woff;
|
|
28
|
+
--cat-asset-font-lato-woff2-light-italic: Lato-LightItalic.woff2;
|
|
29
|
+
--cat-asset-font-lato-woff-medium: Lato-Medium.woff;
|
|
30
|
+
--cat-asset-font-lato-woff2-medium: Lato-Medium.woff2;
|
|
31
|
+
--cat-asset-font-lato-woff-medium-italic: Lato-MediumItalic.woff;
|
|
32
|
+
--cat-asset-font-lato-woff2-medium-italic: Lato-MediumItalic.woff2;
|
|
33
|
+
--cat-asset-font-lato-woff-regular: Lato-Regular.woff;
|
|
34
|
+
--cat-asset-font-lato-woff2-regular: Lato-Regular.woff2;
|
|
35
|
+
--cat-asset-font-lato-woff-semibold: Lato-Semibold.woff;
|
|
36
|
+
--cat-asset-font-lato-woff2-semibold: Lato-Semibold.woff2;
|
|
37
|
+
--cat-asset-font-lato-woff-semibold-italic: Lato-SemiboldItalic.woff;
|
|
38
|
+
--cat-asset-font-lato-woff2-semibold-italic: Lato-SemiboldItalic.woff2;
|
|
39
|
+
--cat-asset-font-lato-woff-thin: Lato-Thin.woff;
|
|
40
|
+
--cat-asset-font-lato-woff2-thin: Lato-Thin.woff2;
|
|
41
|
+
--cat-asset-font-lato-woff-thin-italic: Lato-ThinItalic.woff;
|
|
42
|
+
--cat-asset-font-lato-woff2-thin-italic: Lato-ThinItalic.woff2;
|
|
43
|
+
--cat-asset-font-azeret-mono-name: Azeret Mono;
|
|
44
|
+
--cat-asset-font-azeret-mono-woff2-regular: AzeretMono-Regular.woff2;
|
|
45
|
+
--cat-asset-font-ss3v-name: Source Sans 3;
|
|
46
|
+
--cat-asset-font-ss3v-woff: SourceSans3VF-Upright.ttf.woff;
|
|
47
|
+
--cat-asset-font-ss3v-woff2: SourceSans3VF-Upright.ttf.woff2;
|
|
48
48
|
--cat-color-base-white: 255, 255, 255;
|
|
49
49
|
--cat-color-base-black: 0, 0, 0;
|
|
50
50
|
--cat-color-base-neutral-100: 242, 244, 247;
|
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
--cat-color-theme-primary-bg: 0, 129, 148;
|
|
97
97
|
--cat-color-theme-primary-bg-hover: 1, 115, 132;
|
|
98
98
|
--cat-color-theme-primary-bg-active: 2, 99, 113;
|
|
99
|
+
--cat-color-theme-primary-bg-outlined: 255, 255, 255;
|
|
99
100
|
--cat-color-theme-primary-fill: 255, 255, 255;
|
|
100
101
|
--cat-color-theme-primary-fill-hover: 255, 255, 255;
|
|
101
102
|
--cat-color-theme-primary-fill-active: 255, 255, 255;
|
|
@@ -114,6 +115,7 @@
|
|
|
114
115
|
--cat-color-theme-secondary-bg: 105, 118, 135;
|
|
115
116
|
--cat-color-theme-secondary-bg-hover: 105, 118, 135;
|
|
116
117
|
--cat-color-theme-secondary-bg-active: 105, 118, 135;
|
|
118
|
+
--cat-color-theme-secondary-bg-outlined: 255, 255, 255;
|
|
117
119
|
--cat-color-theme-secondary-fill: 255, 255, 255;
|
|
118
120
|
--cat-color-theme-secondary-fill-hover: 255, 255, 255;
|
|
119
121
|
--cat-color-theme-secondary-fill-active: 255, 255, 255;
|
|
@@ -132,6 +134,7 @@
|
|
|
132
134
|
--cat-color-theme-info-bg: 0, 115, 230;
|
|
133
135
|
--cat-color-theme-info-bg-hover: 0, 107, 227;
|
|
134
136
|
--cat-color-theme-info-bg-active: 0, 96, 223;
|
|
137
|
+
--cat-color-theme-info-bg-outlined: 255, 255, 255;
|
|
135
138
|
--cat-color-theme-info-fill: 255, 255, 255;
|
|
136
139
|
--cat-color-theme-info-fill-hover: 255, 255, 255;
|
|
137
140
|
--cat-color-theme-info-fill-active: 255, 255, 255;
|
|
@@ -141,6 +144,7 @@
|
|
|
141
144
|
--cat-color-theme-success-bg: 0, 132, 88;
|
|
142
145
|
--cat-color-theme-success-bg-hover: 0, 117, 78;
|
|
143
146
|
--cat-color-theme-success-bg-active: 0, 105, 70;
|
|
147
|
+
--cat-color-theme-success-bg-outlined: 255, 255, 255;
|
|
144
148
|
--cat-color-theme-success-fill: 255, 255, 255;
|
|
145
149
|
--cat-color-theme-success-fill-hover: 255, 255, 255;
|
|
146
150
|
--cat-color-theme-success-fill-active: 255, 255, 255;
|
|
@@ -150,6 +154,7 @@
|
|
|
150
154
|
--cat-color-theme-warning-bg: 255, 206, 128;
|
|
151
155
|
--cat-color-theme-warning-bg-hover: 255, 214, 148;
|
|
152
156
|
--cat-color-theme-warning-bg-active: 255, 222, 168;
|
|
157
|
+
--cat-color-theme-warning-bg-outlined: 255, 255, 255;
|
|
153
158
|
--cat-color-theme-warning-fill: 0, 0, 0;
|
|
154
159
|
--cat-color-theme-warning-fill-hover: 0, 0, 0;
|
|
155
160
|
--cat-color-theme-warning-fill-active: 0, 0, 0;
|
|
@@ -159,6 +164,7 @@
|
|
|
159
164
|
--cat-color-theme-danger-bg: 217, 52, 13;
|
|
160
165
|
--cat-color-theme-danger-bg-hover: 194, 46, 11;
|
|
161
166
|
--cat-color-theme-danger-bg-active: 174, 42, 10;
|
|
167
|
+
--cat-color-theme-danger-bg-outlined: 255, 255, 255;
|
|
162
168
|
--cat-color-theme-danger-fill: 255, 255, 255;
|
|
163
169
|
--cat-color-theme-danger-fill-hover: 255, 255, 255;
|
|
164
170
|
--cat-color-theme-danger-fill-active: 255, 255, 255;
|
package/dist/export/figma.json
CHANGED
|
@@ -224,6 +224,10 @@
|
|
|
224
224
|
"$type": "color",
|
|
225
225
|
"$value": "#026371"
|
|
226
226
|
},
|
|
227
|
+
"bgOutlined": {
|
|
228
|
+
"$type": "color",
|
|
229
|
+
"$value": "#ffffff"
|
|
230
|
+
},
|
|
227
231
|
"fill": {
|
|
228
232
|
"$type": "color",
|
|
229
233
|
"$value": "#ffffff"
|
|
@@ -300,6 +304,10 @@
|
|
|
300
304
|
"$type": "color",
|
|
301
305
|
"$value": "#697687"
|
|
302
306
|
},
|
|
307
|
+
"bgOutlined": {
|
|
308
|
+
"$type": "color",
|
|
309
|
+
"$value": "#ffffff"
|
|
310
|
+
},
|
|
303
311
|
"fill": {
|
|
304
312
|
"$type": "color",
|
|
305
313
|
"$value": "#ffffff"
|
|
@@ -376,6 +384,10 @@
|
|
|
376
384
|
"$type": "color",
|
|
377
385
|
"$value": "#0060df"
|
|
378
386
|
},
|
|
387
|
+
"bgOutlined": {
|
|
388
|
+
"$type": "color",
|
|
389
|
+
"$value": "#ffffff"
|
|
390
|
+
},
|
|
379
391
|
"fill": {
|
|
380
392
|
"$type": "color",
|
|
381
393
|
"$value": "#ffffff"
|
|
@@ -414,6 +426,10 @@
|
|
|
414
426
|
"$type": "color",
|
|
415
427
|
"$value": "#006946"
|
|
416
428
|
},
|
|
429
|
+
"bgOutlined": {
|
|
430
|
+
"$type": "color",
|
|
431
|
+
"$value": "#ffffff"
|
|
432
|
+
},
|
|
417
433
|
"fill": {
|
|
418
434
|
"$type": "color",
|
|
419
435
|
"$value": "#ffffff"
|
|
@@ -452,6 +468,10 @@
|
|
|
452
468
|
"$type": "color",
|
|
453
469
|
"$value": "#ffdea8"
|
|
454
470
|
},
|
|
471
|
+
"bgOutlined": {
|
|
472
|
+
"$type": "color",
|
|
473
|
+
"$value": "#ffffff"
|
|
474
|
+
},
|
|
455
475
|
"fill": {
|
|
456
476
|
"$type": "color",
|
|
457
477
|
"$value": "#000000"
|
|
@@ -490,6 +510,10 @@
|
|
|
490
510
|
"$type": "color",
|
|
491
511
|
"$value": "#ae2a0a"
|
|
492
512
|
},
|
|
513
|
+
"bgOutlined": {
|
|
514
|
+
"$type": "color",
|
|
515
|
+
"$value": "#ffffff"
|
|
516
|
+
},
|
|
493
517
|
"fill": {
|
|
494
518
|
"$type": "color",
|
|
495
519
|
"$value": "#ffffff"
|
|
@@ -676,15 +700,15 @@
|
|
|
676
700
|
"radius": {
|
|
677
701
|
"l": {
|
|
678
702
|
"$type": "dimension",
|
|
679
|
-
"$value":
|
|
703
|
+
"$value": "8px"
|
|
680
704
|
},
|
|
681
705
|
"m": {
|
|
682
706
|
"$type": "dimension",
|
|
683
|
-
"$value":
|
|
707
|
+
"$value": "4px"
|
|
684
708
|
},
|
|
685
709
|
"s": {
|
|
686
710
|
"$type": "dimension",
|
|
687
|
-
"$value":
|
|
711
|
+
"$value": "2px"
|
|
688
712
|
}
|
|
689
713
|
}
|
|
690
714
|
},
|
|
@@ -692,71 +716,71 @@
|
|
|
692
716
|
"head": {
|
|
693
717
|
"1": {
|
|
694
718
|
"$type": "dimension",
|
|
695
|
-
"$value":
|
|
719
|
+
"$value": "28px"
|
|
696
720
|
},
|
|
697
721
|
"2": {
|
|
698
722
|
"$type": "dimension",
|
|
699
|
-
"$value":
|
|
723
|
+
"$value": "24px"
|
|
700
724
|
},
|
|
701
725
|
"3": {
|
|
702
726
|
"$type": "dimension",
|
|
703
|
-
"$value":
|
|
727
|
+
"$value": "20px"
|
|
704
728
|
},
|
|
705
729
|
"4": {
|
|
706
730
|
"$type": "dimension",
|
|
707
|
-
"$value":
|
|
731
|
+
"$value": "18px"
|
|
708
732
|
},
|
|
709
733
|
"5": {
|
|
710
734
|
"$type": "dimension",
|
|
711
|
-
"$value":
|
|
735
|
+
"$value": "15px"
|
|
712
736
|
},
|
|
713
737
|
"6": {
|
|
714
738
|
"$type": "dimension",
|
|
715
|
-
"$value":
|
|
739
|
+
"$value": "14px"
|
|
716
740
|
}
|
|
717
741
|
},
|
|
718
742
|
"body": {
|
|
719
743
|
"xl": {
|
|
720
744
|
"$type": "dimension",
|
|
721
|
-
"$value":
|
|
745
|
+
"$value": "20px"
|
|
722
746
|
},
|
|
723
747
|
"l": {
|
|
724
748
|
"$type": "dimension",
|
|
725
|
-
"$value":
|
|
749
|
+
"$value": "18px"
|
|
726
750
|
},
|
|
727
751
|
"m": {
|
|
728
752
|
"$type": "dimension",
|
|
729
|
-
"$value":
|
|
753
|
+
"$value": "15px"
|
|
730
754
|
},
|
|
731
755
|
"s": {
|
|
732
756
|
"$type": "dimension",
|
|
733
|
-
"$value":
|
|
757
|
+
"$value": "14px"
|
|
734
758
|
},
|
|
735
759
|
"xs": {
|
|
736
760
|
"$type": "dimension",
|
|
737
|
-
"$value":
|
|
761
|
+
"$value": "12px"
|
|
738
762
|
}
|
|
739
763
|
},
|
|
740
764
|
"mono": {
|
|
741
765
|
"xl": {
|
|
742
766
|
"$type": "dimension",
|
|
743
|
-
"$value":
|
|
767
|
+
"$value": "18px"
|
|
744
768
|
},
|
|
745
769
|
"l": {
|
|
746
770
|
"$type": "dimension",
|
|
747
|
-
"$value":
|
|
771
|
+
"$value": "15px"
|
|
748
772
|
},
|
|
749
773
|
"m": {
|
|
750
774
|
"$type": "dimension",
|
|
751
|
-
"$value":
|
|
775
|
+
"$value": "14px"
|
|
752
776
|
},
|
|
753
777
|
"s": {
|
|
754
778
|
"$type": "dimension",
|
|
755
|
-
"$value":
|
|
779
|
+
"$value": "12px"
|
|
756
780
|
},
|
|
757
781
|
"xs": {
|
|
758
782
|
"$type": "dimension",
|
|
759
|
-
"$value":
|
|
783
|
+
"$value": "10px"
|
|
760
784
|
}
|
|
761
785
|
}
|
|
762
786
|
},
|
|
@@ -764,130 +788,130 @@
|
|
|
764
788
|
"head": {
|
|
765
789
|
"1": {
|
|
766
790
|
"$type": "dimension",
|
|
767
|
-
"$value":
|
|
791
|
+
"$value": "32px"
|
|
768
792
|
},
|
|
769
793
|
"2": {
|
|
770
794
|
"$type": "dimension",
|
|
771
|
-
"$value":
|
|
795
|
+
"$value": "28px"
|
|
772
796
|
},
|
|
773
797
|
"3": {
|
|
774
798
|
"$type": "dimension",
|
|
775
|
-
"$value":
|
|
799
|
+
"$value": "24px"
|
|
776
800
|
},
|
|
777
801
|
"4": {
|
|
778
802
|
"$type": "dimension",
|
|
779
|
-
"$value":
|
|
803
|
+
"$value": "24px"
|
|
780
804
|
},
|
|
781
805
|
"5": {
|
|
782
806
|
"$type": "dimension",
|
|
783
|
-
"$value":
|
|
807
|
+
"$value": "20px"
|
|
784
808
|
},
|
|
785
809
|
"6": {
|
|
786
810
|
"$type": "dimension",
|
|
787
|
-
"$value":
|
|
811
|
+
"$value": "16px"
|
|
788
812
|
}
|
|
789
813
|
},
|
|
790
814
|
"body": {
|
|
791
815
|
"xl": {
|
|
792
816
|
"$type": "dimension",
|
|
793
|
-
"$value":
|
|
817
|
+
"$value": "24px"
|
|
794
818
|
},
|
|
795
819
|
"l": {
|
|
796
820
|
"$type": "dimension",
|
|
797
|
-
"$value":
|
|
821
|
+
"$value": "24px"
|
|
798
822
|
},
|
|
799
823
|
"m": {
|
|
800
824
|
"$type": "dimension",
|
|
801
|
-
"$value":
|
|
825
|
+
"$value": "20px"
|
|
802
826
|
},
|
|
803
827
|
"s": {
|
|
804
828
|
"$type": "dimension",
|
|
805
|
-
"$value":
|
|
829
|
+
"$value": "18px"
|
|
806
830
|
},
|
|
807
831
|
"xs": {
|
|
808
832
|
"$type": "dimension",
|
|
809
|
-
"$value":
|
|
833
|
+
"$value": "16px"
|
|
810
834
|
}
|
|
811
835
|
},
|
|
812
836
|
"mono": {
|
|
813
837
|
"xl": {
|
|
814
838
|
"$type": "dimension",
|
|
815
|
-
"$value":
|
|
839
|
+
"$value": "24px"
|
|
816
840
|
},
|
|
817
841
|
"l": {
|
|
818
842
|
"$type": "dimension",
|
|
819
|
-
"$value":
|
|
843
|
+
"$value": "20px"
|
|
820
844
|
},
|
|
821
845
|
"m": {
|
|
822
846
|
"$type": "dimension",
|
|
823
|
-
"$value":
|
|
847
|
+
"$value": "18px"
|
|
824
848
|
},
|
|
825
849
|
"s": {
|
|
826
850
|
"$type": "dimension",
|
|
827
|
-
"$value":
|
|
851
|
+
"$value": "16px"
|
|
828
852
|
},
|
|
829
853
|
"xs": {
|
|
830
854
|
"$type": "dimension",
|
|
831
|
-
"$value":
|
|
855
|
+
"$value": "14px"
|
|
832
856
|
}
|
|
833
857
|
}
|
|
834
858
|
},
|
|
835
859
|
"modal": {
|
|
836
860
|
"s": {
|
|
837
861
|
"$type": "dimension",
|
|
838
|
-
"$value":
|
|
862
|
+
"$value": "400px"
|
|
839
863
|
},
|
|
840
864
|
"m": {
|
|
841
865
|
"$type": "dimension",
|
|
842
|
-
"$value":
|
|
866
|
+
"$value": "600px"
|
|
843
867
|
},
|
|
844
868
|
"l": {
|
|
845
869
|
"$type": "dimension",
|
|
846
|
-
"$value":
|
|
870
|
+
"$value": "800px"
|
|
847
871
|
}
|
|
848
872
|
},
|
|
849
873
|
"screen": {
|
|
850
874
|
"xs": {
|
|
851
875
|
"$type": "dimension",
|
|
852
|
-
"$value":
|
|
876
|
+
"$value": "540px"
|
|
853
877
|
},
|
|
854
878
|
"s": {
|
|
855
879
|
"$type": "dimension",
|
|
856
|
-
"$value":
|
|
880
|
+
"$value": "768px"
|
|
857
881
|
},
|
|
858
882
|
"m": {
|
|
859
883
|
"$type": "dimension",
|
|
860
|
-
"$value":
|
|
884
|
+
"$value": "992px"
|
|
861
885
|
},
|
|
862
886
|
"l": {
|
|
863
887
|
"$type": "dimension",
|
|
864
|
-
"$value":
|
|
888
|
+
"$value": "1200px"
|
|
865
889
|
},
|
|
866
890
|
"xl": {
|
|
867
891
|
"$type": "dimension",
|
|
868
|
-
"$value":
|
|
892
|
+
"$value": "1400px"
|
|
869
893
|
}
|
|
870
894
|
},
|
|
871
895
|
"spacing": {
|
|
872
896
|
"xl": {
|
|
873
897
|
"$type": "dimension",
|
|
874
|
-
"$value":
|
|
898
|
+
"$value": "32px"
|
|
875
899
|
},
|
|
876
900
|
"l": {
|
|
877
901
|
"$type": "dimension",
|
|
878
|
-
"$value":
|
|
902
|
+
"$value": "24px"
|
|
879
903
|
},
|
|
880
904
|
"m": {
|
|
881
905
|
"$type": "dimension",
|
|
882
|
-
"$value":
|
|
906
|
+
"$value": "16px"
|
|
883
907
|
},
|
|
884
908
|
"s": {
|
|
885
909
|
"$type": "dimension",
|
|
886
|
-
"$value":
|
|
910
|
+
"$value": "8px"
|
|
887
911
|
},
|
|
888
912
|
"xs": {
|
|
889
913
|
"$type": "dimension",
|
|
890
|
-
"$value":
|
|
914
|
+
"$value": "4px"
|
|
891
915
|
}
|
|
892
916
|
}
|
|
893
917
|
},
|
package/dist/export/theme.json
CHANGED
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
"$type": "color",
|
|
12
12
|
"$value": "#026371"
|
|
13
13
|
},
|
|
14
|
+
"primary-bg-outlined": {
|
|
15
|
+
"$type": "color",
|
|
16
|
+
"$value": "#ffffff"
|
|
17
|
+
},
|
|
14
18
|
"primary-fill": {
|
|
15
19
|
"$type": "color",
|
|
16
20
|
"$value": "#ffffff"
|
|
@@ -47,6 +51,10 @@
|
|
|
47
51
|
"$type": "color",
|
|
48
52
|
"$value": "#697687"
|
|
49
53
|
},
|
|
54
|
+
"secondary-bg-outlined": {
|
|
55
|
+
"$type": "color",
|
|
56
|
+
"$value": "#ffffff"
|
|
57
|
+
},
|
|
50
58
|
"secondary-fill": {
|
|
51
59
|
"$type": "color",
|
|
52
60
|
"$value": "#ffffff"
|
|
@@ -83,6 +91,10 @@
|
|
|
83
91
|
"$type": "color",
|
|
84
92
|
"$value": "#0060df"
|
|
85
93
|
},
|
|
94
|
+
"info-bg-outlined": {
|
|
95
|
+
"$type": "color",
|
|
96
|
+
"$value": "#ffffff"
|
|
97
|
+
},
|
|
86
98
|
"info-fill": {
|
|
87
99
|
"$type": "color",
|
|
88
100
|
"$value": "#ffffff"
|
|
@@ -119,6 +131,10 @@
|
|
|
119
131
|
"$type": "color",
|
|
120
132
|
"$value": "#006946"
|
|
121
133
|
},
|
|
134
|
+
"success-bg-outlined": {
|
|
135
|
+
"$type": "color",
|
|
136
|
+
"$value": "#ffffff"
|
|
137
|
+
},
|
|
122
138
|
"success-fill": {
|
|
123
139
|
"$type": "color",
|
|
124
140
|
"$value": "#ffffff"
|
|
@@ -155,6 +171,10 @@
|
|
|
155
171
|
"$type": "color",
|
|
156
172
|
"$value": "#ffdea8"
|
|
157
173
|
},
|
|
174
|
+
"warning-bg-outlined": {
|
|
175
|
+
"$type": "color",
|
|
176
|
+
"$value": "#ffffff"
|
|
177
|
+
},
|
|
158
178
|
"warning-fill": {
|
|
159
179
|
"$type": "color",
|
|
160
180
|
"$value": "#000000"
|
|
@@ -191,6 +211,10 @@
|
|
|
191
211
|
"$type": "color",
|
|
192
212
|
"$value": "#ae2a0a"
|
|
193
213
|
},
|
|
214
|
+
"danger-bg-outlined": {
|
|
215
|
+
"$type": "color",
|
|
216
|
+
"$value": "#ffffff"
|
|
217
|
+
},
|
|
194
218
|
"danger-fill": {
|
|
195
219
|
"$type": "color",
|
|
196
220
|
"$value": "#ffffff"
|