@epam/assets 5.7.1 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/css/theme/theme_electric.css +51 -20
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +48 -81
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +131 -104
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +52 -45
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  10. package/icons/common/radio-point-10.svg +13 -13
  11. package/icons/legacy/btn_cross.svg +22 -22
  12. package/icons/legacy/btn_tick.svg +22 -22
  13. package/icons/legacy/calendar-30.svg +12 -12
  14. package/icons/legacy/calendar-36.svg +14 -14
  15. package/icons/legacy/excel.svg +12 -12
  16. package/icons/legacy/filter-24.svg +11 -11
  17. package/icons/legacy/filter.svg +12 -12
  18. package/icons/legacy/folding-arrow.svg +14 -14
  19. package/icons/legacy/gear.svg +14 -14
  20. package/icons/legacy/help-24.svg +11 -11
  21. package/icons/legacy/help.svg +21 -21
  22. package/icons/legacy/label_info.svg +14 -14
  23. package/icons/legacy/lens.svg +17 -17
  24. package/icons/legacy/modal-close-cross.svg +22 -22
  25. package/icons/legacy/more.svg +20 -20
  26. package/icons/legacy/pencil.svg +12 -12
  27. package/icons/legacy/plus.svg +12 -12
  28. package/icons/legacy/sliders.svg +12 -12
  29. package/icons/legacy/sort-24.svg +15 -15
  30. package/icons/legacy/sort-desc-24.svg +15 -15
  31. package/icons/legacy/sort.svg +4 -4
  32. package/icons/legacy/trash.svg +12 -12
  33. package/icons/loaders/circle_loader_30.svg +69 -69
  34. package/icons/loaders/dots_loader_30.svg +39 -39
  35. package/icons/templates/generic-24.svg +40 -40
  36. package/icons/templates/generic-30.svg +43 -43
  37. package/icons/templates/generic.svg +40 -40
  38. package/icons/templates/tall.svg +69 -69
  39. package/package.json +3 -3
  40. package/readme.md +6 -6
  41. package/scss/electric/font-faces.scss +138 -138
  42. package/scss/font-faces.scss +3 -3
  43. package/scss/fonts.scss +2 -2
  44. package/scss/index.scss +4 -4
  45. package/scss/loveship/colors.scss +100 -100
  46. package/scss/loveship/font-faces.scss +186 -186
  47. package/scss/loveship/fonts.scss +23 -23
  48. package/scss/loveship/typography.scss +160 -160
  49. package/scss/loveship-colors.scss +2 -2
  50. package/scss/promo/colors.scss +100 -100
  51. package/scss/promo/font-faces.scss +168 -168
  52. package/scss/promo/fonts.scss +17 -17
  53. package/scss/promo/typography.scss +175 -175
  54. package/scss/typography.scss +2 -2
  55. package/theme/theme_electric.scss +576 -539
  56. package/theme/theme_loveship.scss +607 -644
  57. package/theme/theme_loveship_dark.scss +853 -817
  58. package/theme/theme_promo.scss +653 -636
  59. package/theme/theme_vanilla_thunder.scss +480 -480
  60. package/theme/tokens/_theme_electric.scss +265 -265
  61. package/theme/tokens/_theme_loveship_dark.scss +263 -263
  62. package/theme/tokens/{_theme_loveship.scss → _theme_loveship_light.scss} +263 -263
  63. package/theme/tokens/_theme_promo.scss +263 -263
@@ -1,264 +1,264 @@
1
- // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
-
3
- @mixin theme-tokens {
4
-
5
- /***************/
6
- /*** Palette ***/
7
- /***************/
8
-
9
- // ""
10
- --black: #000000;
11
- --white: #FFFFFF;
12
-
13
- // "palette-additional/cobalt"
14
- --cobalt-5: #2C3A4F;
15
- --cobalt-10: #29405D;
16
- --cobalt-20: #20517F;
17
- --cobalt-50: #0091FF;
18
- --cobalt-60: #40ACFF;
19
- --cobalt-70: #7AC5FF;
20
-
21
- // "palette-additional/cyan"
22
- --cyan-5: #2E3E4B;
23
- --cyan-10: #2C4955;
24
- --cyan-20: #27656E;
25
- --cyan-50: #14CCCC;
26
- --cyan-60: #70E0E0;
27
- --cyan-70: #A1EBEB;
28
-
29
- // "palette/fire"
30
- --fire-5: #3C343E;
31
- --fire-10: #473943;
32
- --fire-20: #6B4447;
33
- --fire-50: #CC482D;
34
- --fire-60: #E56248;
35
- --fire-70: #F78C77;
36
-
37
- // "palette-additional/fuchsia"
38
- --fuchsia-5: #413346;
39
- --fuchsia-10: #51344C;
40
- --fuchsia-20: #713657;
41
- --fuchsia-50: #E93D82;
42
- --fuchsia-60: #ED5F98;
43
- --fuchsia-70: #F183AF;
44
-
45
- // "palette/grass"
46
- --grass-5: #343A3B;
47
- --grass-10: #39443D;
48
- --grass-20: #505F49;
49
- --grass-50: #669900;
50
- --grass-60: #83B918;
51
- --grass-70: #A6D151;
52
-
53
- // "palette-additional/mint"
54
- --mint-5: #323E46;
55
- --mint-10: #34484B;
56
- --mint-20: #396258;
57
- --mint-50: #4CC38A;
58
- --mint-60: #79D2A7;
59
- --mint-70: #A6E1C5;
60
-
61
- // "palette/night"
62
- --night50: #FAFAFC;
63
- --night100: #E1E3EB;
64
- --night200: #ACAFBF;
65
- --night300: #6C6F80;
66
- --night400: #585B69;
67
- --night500: #474A59;
68
- --night600: #383B4A;
69
- --night700: #303240;
70
- --night800: #272833;
71
- --night900: #1D1E26;
72
-
73
- // "palette-additional/orange"
74
- --orange-5: #413940;
75
- --orange-10: #4F3F40;
76
- --orange-20: #744F3F;
77
- --orange-50: #FF8B3E;
78
- --orange-60: #FFAA70;
79
- --orange-70: #FFBF95;
80
-
81
- // "palette-additional/purple"
82
- --purple-5: #3E2F4F;
83
- --purple-10: #4A2C5D;
84
- --purple-20: #68267F;
85
- --purple-50: #B915DA;
86
- --purple-60: #D34EEE;
87
- --purple-70: #D68AE5;
88
-
89
- // "palette/sky"
90
- --sky-5: #2C394B;
91
- --sky-10: #334052;
92
- --sky-20: #3E586F;
93
- --sky-50: #008ACE;
94
- --sky-60: #48A4D0;
95
- --sky-70: #7DBCDB;
96
-
97
- // "palette/sun"
98
- --sun-5: #3F3B3B;
99
- --sun-10: #47433D;
100
- --sun-20: #625747;
101
- --sun-50: #F1A105;
102
- --sun-60: #F4B83A;
103
- --sun-70: #FFD06D;
104
-
105
- // "palette-additional/violet"
106
- --violet-5: #393251;
107
- --violet-10: #443166;
108
- --violet-20: #573088;
109
- --violet-50: #8E32EB;
110
- --violet-60: #A55CEF;
111
- --violet-70: #AE8BF4;
112
-
113
- // "palette-additional/yellow"
114
- --yellow-5: #403F40;
115
- --yellow-10: #4F4B3F;
116
- --yellow-20: #74683E;
117
- --yellow-50: #FDD63B;
118
- --yellow-60: #FEE376;
119
- --yellow-70: #FEEA9D;
120
-
121
- /*********************/
122
- /*** Core Semantic ***/
123
- /*********************/
124
-
125
- // "core/semantic/accent-"
126
- --uui-accent-5: var(--grass-5);
127
- --uui-accent-10: var(--grass-10);
128
- --uui-accent-20: var(--grass-20);
129
- --uui-accent-50: var(--grass-50);
130
- --uui-accent-60: var(--grass-60);
131
- --uui-accent-70: var(--grass-70);
132
-
133
- // "core/semantic/critical-"
134
- --uui-critical-5: var(--fire-5);
135
- --uui-critical-10: var(--fire-10);
136
- --uui-critical-20: var(--fire-20);
137
- --uui-critical-50: var(--fire-50);
138
- --uui-critical-60: var(--fire-60);
139
- --uui-critical-70: var(--fire-70);
140
-
141
- // "core/semantic/error-"
142
- --uui-error-5: var(--fire-5);
143
- --uui-error-10: var(--fire-10);
144
- --uui-error-20: var(--fire-20);
145
- --uui-error-50: var(--fire-50);
146
- --uui-error-60: var(--fire-60);
147
- --uui-error-70: var(--fire-70);
148
-
149
- // "core/semantic/info-"
150
- --uui-info-5: var(--sky-5);
151
- --uui-info-10: var(--sky-10);
152
- --uui-info-20: var(--sky-20);
153
- --uui-info-50: var(--sky-50);
154
- --uui-info-60: var(--sky-60);
155
- --uui-info-70: var(--sky-70);
156
-
157
- // "core/semantic/primary-"
158
- --uui-primary-5: var(--sky-5);
159
- --uui-primary-10: var(--sky-10);
160
- --uui-primary-20: var(--sky-20);
161
- --uui-primary-50: var(--sky-50);
162
- --uui-primary-60: var(--sky-60);
163
- --uui-primary-70: var(--sky-70);
164
-
165
- // "core/semantic/secondary-"
166
- --uui-secondary-5: var(--night800);
167
- --uui-secondary-10: var(--night700);
168
- --uui-secondary-20: var(--night600);
169
- --uui-secondary-50: var(--night500);
170
- --uui-secondary-60: var(--night400);
171
- --uui-secondary-70: var(--night300);
172
-
173
- // "core/semantic/success-"
174
- --uui-success-5: var(--grass-5);
175
- --uui-success-10: var(--grass-10);
176
- --uui-success-20: var(--grass-20);
177
- --uui-success-50: var(--grass-50);
178
- --uui-success-60: var(--grass-60);
179
- --uui-success-70: var(--grass-70);
180
-
181
- // "core/semantic/warning-"
182
- --uui-warning-5: var(--sun-5);
183
- --uui-warning-10: var(--sun-10);
184
- --uui-warning-20: var(--sun-20);
185
- --uui-warning-50: var(--sun-50);
186
- --uui-warning-60: var(--sun-60);
187
- --uui-warning-70: var(--sun-70);
188
-
189
- /********************/
190
- /*** Core Neutral ***/
191
- /********************/
192
-
193
- --uui-neutral-0: var(--white);
194
- --uui-neutral-5: var(--night50);
195
- --uui-neutral-10: var(--night100);
196
- --uui-neutral-20: var(--night200);
197
- --uui-neutral-30: var(--night300);
198
- --uui-neutral-40: var(--night400);
199
- --uui-neutral-50: var(--night500);
200
- --uui-neutral-60: var(--night600);
201
- --uui-neutral-70: var(--night700);
202
- --uui-neutral-80: var(--night800);
203
- --uui-neutral-90: var(--night900);
204
- --uui-neutral-100: var(--black);
205
-
206
- /************/
207
- /*** Core ***/
208
- /************/
209
-
210
- // "core/surfaces"
211
- --uui-app-bg: var(--uui-neutral-90);
212
- --uui-divider: var(--uui-neutral-40);
213
- --uui-divider-light: var(--uui-neutral-50);
214
- --uui-overlay: #1D1E26CC;
215
- --uui-surface-higher: var(--uui-neutral-60);
216
- --uui-surface-highest: var(--uui-neutral-50);
217
- --uui-surface-main: var(--uui-neutral-70);
218
- --uui-surface-sunken: var(--uui-neutral-80);
219
-
220
- // ""
221
- --uui-border-radius: 3;
222
-
223
- // "core/controls"
224
- --uui-control-bg: var(--uui-surface-main);
225
- --uui-control-bg-disabled: var(--uui-neutral-60);
226
- --uui-control-bg-hover: var(--uui-neutral-60);
227
- --uui-control-border: var(--uui-neutral-40);
228
- --uui-control-border-disabled: var(--uui-neutral-40);
229
- --uui-control-border-focus: var(--uui-primary-60);
230
- --uui-control-border-hover: var(--uui-neutral-20);
231
- --uui-control-icon: var(--uui-neutral-30);
232
- --uui-control-icon-disabled: var(--uui-neutral-30);
233
- --uui-control-placeholder: var(--uui-text-tertiary);
234
- --uui-control-placeholder-disabled: var(--uui-text-disabled);
235
- --uui-control-text: var(--uui-text-primary);
236
- --uui-control-text-disabled: var(--uui-text-tertiary);
237
-
238
- // "core/icons"
239
- --uui-icon: var(--uui-neutral-10);
240
- --uui-icon-active: var(--uui-neutral-5);
241
- --uui-icon-disabled: var(--uui-neutral-30);
242
- --uui-icon-hover: var(--uui-neutral-5);
243
-
244
- // "core/links"
245
- --uui-link: var(--sky-60);
246
- --uui-link-hover: var(--sky-70);
247
- --uui-link-visited: var(--violet-60);
248
- --uui-link-visited-hover: var(--violet-70);
249
-
250
- // "core/other"
251
- --uui-outline-focus: #008ACE7F;
252
- --uui-skeleton: var(--uui-neutral-30);
253
-
254
- // "core/text"
255
- --uui-text-bg-highlight: var(--uui-warning-20);
256
- --uui-text-critical: var(--uui-critical-70);
257
- --uui-text-disabled: var(--uui-neutral-30);
258
- --uui-text-info: var(--uui-info-70);
259
- --uui-text-primary: var(--uui-neutral-5);
260
- --uui-text-secondary: var(--uui-neutral-10);
261
- --uui-text-success: var(--uui-success-70);
262
- --uui-text-tertiary: var(--uui-neutral-20);
263
- --uui-text-warning: var(--uui-warning-70);
1
+ // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
+
3
+ @mixin theme-tokens {
4
+
5
+ /***************/
6
+ /*** Palette ***/
7
+ /***************/
8
+
9
+ // ""
10
+ --black: #000000;
11
+ --white: #FFFFFF;
12
+
13
+ // "palette-additional/cobalt"
14
+ --cobalt-5: #2C3A4F;
15
+ --cobalt-10: #29405D;
16
+ --cobalt-20: #20517F;
17
+ --cobalt-50: #0091FF;
18
+ --cobalt-60: #40ACFF;
19
+ --cobalt-70: #7AC5FF;
20
+
21
+ // "palette-additional/cyan"
22
+ --cyan-5: #2E3E4B;
23
+ --cyan-10: #2C4955;
24
+ --cyan-20: #27656E;
25
+ --cyan-50: #14CCCC;
26
+ --cyan-60: #70E0E0;
27
+ --cyan-70: #A1EBEB;
28
+
29
+ // "palette/fire"
30
+ --fire-5: #3C343E;
31
+ --fire-10: #473943;
32
+ --fire-20: #6B4447;
33
+ --fire-50: #CC482D;
34
+ --fire-60: #E56248;
35
+ --fire-70: #F78C77;
36
+
37
+ // "palette-additional/fuchsia"
38
+ --fuchsia-5: #413346;
39
+ --fuchsia-10: #51344C;
40
+ --fuchsia-20: #713657;
41
+ --fuchsia-50: #E93D82;
42
+ --fuchsia-60: #ED5F98;
43
+ --fuchsia-70: #F183AF;
44
+
45
+ // "palette/grass"
46
+ --grass-5: #343A3B;
47
+ --grass-10: #39443D;
48
+ --grass-20: #505F49;
49
+ --grass-50: #669900;
50
+ --grass-60: #83B918;
51
+ --grass-70: #A6D151;
52
+
53
+ // "palette-additional/mint"
54
+ --mint-5: #323E46;
55
+ --mint-10: #34484B;
56
+ --mint-20: #396258;
57
+ --mint-50: #4CC38A;
58
+ --mint-60: #79D2A7;
59
+ --mint-70: #A6E1C5;
60
+
61
+ // "palette/night"
62
+ --night50: #FAFAFC;
63
+ --night100: #E1E3EB;
64
+ --night200: #ACAFBF;
65
+ --night300: #6C6F80;
66
+ --night400: #585B69;
67
+ --night500: #474A59;
68
+ --night600: #383B4A;
69
+ --night700: #303240;
70
+ --night800: #272833;
71
+ --night900: #1D1E26;
72
+
73
+ // "palette-additional/orange"
74
+ --orange-5: #413940;
75
+ --orange-10: #4F3F40;
76
+ --orange-20: #744F3F;
77
+ --orange-50: #FF8B3E;
78
+ --orange-60: #FFAA70;
79
+ --orange-70: #FFBF95;
80
+
81
+ // "palette-additional/purple"
82
+ --purple-5: #3E2F4F;
83
+ --purple-10: #4A2C5D;
84
+ --purple-20: #68267F;
85
+ --purple-50: #B915DA;
86
+ --purple-60: #D34EEE;
87
+ --purple-70: #D68AE5;
88
+
89
+ // "palette/sky"
90
+ --sky-5: #2C394B;
91
+ --sky-10: #334052;
92
+ --sky-20: #3E586F;
93
+ --sky-50: #008ACE;
94
+ --sky-60: #48A4D0;
95
+ --sky-70: #7DBCDB;
96
+
97
+ // "palette/sun"
98
+ --sun-5: #3F3B3B;
99
+ --sun-10: #47433D;
100
+ --sun-20: #625747;
101
+ --sun-50: #F1A105;
102
+ --sun-60: #F4B83A;
103
+ --sun-70: #FFD06D;
104
+
105
+ // "palette-additional/violet"
106
+ --violet-5: #393251;
107
+ --violet-10: #443166;
108
+ --violet-20: #573088;
109
+ --violet-50: #8E32EB;
110
+ --violet-60: #A55CEF;
111
+ --violet-70: #AE8BF4;
112
+
113
+ // "palette-additional/yellow"
114
+ --yellow-5: #403F40;
115
+ --yellow-10: #4F4B3F;
116
+ --yellow-20: #74683E;
117
+ --yellow-50: #FDD63B;
118
+ --yellow-60: #FEE376;
119
+ --yellow-70: #FEEA9D;
120
+
121
+ /*********************/
122
+ /*** Core Semantic ***/
123
+ /*********************/
124
+
125
+ // "core/semantic/accent-"
126
+ --uui-accent-5: var(--grass-5);
127
+ --uui-accent-10: var(--grass-10);
128
+ --uui-accent-20: var(--grass-20);
129
+ --uui-accent-50: var(--grass-50);
130
+ --uui-accent-60: var(--grass-60);
131
+ --uui-accent-70: var(--grass-70);
132
+
133
+ // "core/semantic/critical-"
134
+ --uui-critical-5: var(--fire-5);
135
+ --uui-critical-10: var(--fire-10);
136
+ --uui-critical-20: var(--fire-20);
137
+ --uui-critical-50: var(--fire-50);
138
+ --uui-critical-60: var(--fire-60);
139
+ --uui-critical-70: var(--fire-70);
140
+
141
+ // "core/semantic/error-"
142
+ --uui-error-5: var(--fire-5);
143
+ --uui-error-10: var(--fire-10);
144
+ --uui-error-20: var(--fire-20);
145
+ --uui-error-50: var(--fire-50);
146
+ --uui-error-60: var(--fire-60);
147
+ --uui-error-70: var(--fire-70);
148
+
149
+ // "core/semantic/info-"
150
+ --uui-info-5: var(--sky-5);
151
+ --uui-info-10: var(--sky-10);
152
+ --uui-info-20: var(--sky-20);
153
+ --uui-info-50: var(--sky-50);
154
+ --uui-info-60: var(--sky-60);
155
+ --uui-info-70: var(--sky-70);
156
+
157
+ // "core/semantic/primary-"
158
+ --uui-primary-5: var(--sky-5);
159
+ --uui-primary-10: var(--sky-10);
160
+ --uui-primary-20: var(--sky-20);
161
+ --uui-primary-50: var(--sky-50);
162
+ --uui-primary-60: var(--sky-60);
163
+ --uui-primary-70: var(--sky-70);
164
+
165
+ // "core/semantic/secondary-"
166
+ --uui-secondary-5: var(--night800);
167
+ --uui-secondary-10: var(--night700);
168
+ --uui-secondary-20: var(--night600);
169
+ --uui-secondary-50: var(--night500);
170
+ --uui-secondary-60: var(--night400);
171
+ --uui-secondary-70: var(--night300);
172
+
173
+ // "core/semantic/success-"
174
+ --uui-success-5: var(--grass-5);
175
+ --uui-success-10: var(--grass-10);
176
+ --uui-success-20: var(--grass-20);
177
+ --uui-success-50: var(--grass-50);
178
+ --uui-success-60: var(--grass-60);
179
+ --uui-success-70: var(--grass-70);
180
+
181
+ // "core/semantic/warning-"
182
+ --uui-warning-5: var(--sun-5);
183
+ --uui-warning-10: var(--sun-10);
184
+ --uui-warning-20: var(--sun-20);
185
+ --uui-warning-50: var(--sun-50);
186
+ --uui-warning-60: var(--sun-60);
187
+ --uui-warning-70: var(--sun-70);
188
+
189
+ /********************/
190
+ /*** Core Neutral ***/
191
+ /********************/
192
+
193
+ --uui-neutral-0: var(--white);
194
+ --uui-neutral-5: var(--night50);
195
+ --uui-neutral-10: var(--night100);
196
+ --uui-neutral-20: var(--night200);
197
+ --uui-neutral-30: var(--night300);
198
+ --uui-neutral-40: var(--night400);
199
+ --uui-neutral-50: var(--night500);
200
+ --uui-neutral-60: var(--night600);
201
+ --uui-neutral-70: var(--night700);
202
+ --uui-neutral-80: var(--night800);
203
+ --uui-neutral-90: var(--night900);
204
+ --uui-neutral-100: var(--black);
205
+
206
+ /************/
207
+ /*** Core ***/
208
+ /************/
209
+
210
+ // "core/surfaces"
211
+ --uui-app-bg: var(--uui-neutral-90);
212
+ --uui-divider: var(--uui-neutral-50);
213
+ --uui-divider-light: var(--uui-neutral-60);
214
+ --uui-overlay: #1D1E26CC;
215
+ --uui-surface-higher: var(--uui-neutral-70);
216
+ --uui-surface-highest: var(--uui-neutral-60);
217
+ --uui-surface-main: var(--uui-neutral-80);
218
+ --uui-surface-sunken: var(--uui-neutral-60);
219
+
220
+ // ""
221
+ --uui-border-radius: 3;
222
+
223
+ // "core/controls"
224
+ --uui-control-bg: var(--uui-surface-main);
225
+ --uui-control-bg-disabled: var(--uui-neutral-60);
226
+ --uui-control-bg-hover: var(--uui-neutral-60);
227
+ --uui-control-border: var(--uui-neutral-40);
228
+ --uui-control-border-disabled: var(--uui-neutral-40);
229
+ --uui-control-border-focus: var(--uui-primary-60);
230
+ --uui-control-border-hover: var(--uui-neutral-20);
231
+ --uui-control-icon: var(--uui-neutral-30);
232
+ --uui-control-icon-disabled: var(--uui-neutral-30);
233
+ --uui-control-placeholder: var(--uui-text-tertiary);
234
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
235
+ --uui-control-text: var(--uui-text-primary);
236
+ --uui-control-text-disabled: var(--uui-text-tertiary);
237
+
238
+ // "core/icons"
239
+ --uui-icon: var(--uui-neutral-10);
240
+ --uui-icon-active: var(--uui-neutral-5);
241
+ --uui-icon-disabled: var(--uui-neutral-30);
242
+ --uui-icon-hover: var(--uui-neutral-5);
243
+
244
+ // "core/links"
245
+ --uui-link: var(--sky-60);
246
+ --uui-link-hover: var(--sky-70);
247
+ --uui-link-visited: var(--violet-60);
248
+ --uui-link-visited-hover: var(--violet-70);
249
+
250
+ // "core/other"
251
+ --uui-outline-focus: #008ACE7F;
252
+ --uui-skeleton: var(--uui-neutral-30);
253
+
254
+ // "core/text"
255
+ --uui-text-bg-highlight: var(--uui-warning-20);
256
+ --uui-text-critical: var(--uui-critical-70);
257
+ --uui-text-disabled: var(--uui-neutral-30);
258
+ --uui-text-info: var(--uui-info-70);
259
+ --uui-text-primary: var(--uui-neutral-5);
260
+ --uui-text-secondary: var(--uui-neutral-10);
261
+ --uui-text-success: var(--uui-success-70);
262
+ --uui-text-tertiary: var(--uui-neutral-20);
263
+ --uui-text-warning: var(--uui-warning-70);
264
264
  }