@epam/assets 5.9.3 → 5.9.4-patch.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 (61) hide show
  1. package/css/theme/theme_electric.css.map +1 -1
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_loveship_dark.css.map +1 -1
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  6. package/icons/common/radio-point-10.svg +13 -13
  7. package/icons/legacy/btn_cross.svg +22 -22
  8. package/icons/legacy/btn_tick.svg +22 -22
  9. package/icons/legacy/calendar-30.svg +12 -12
  10. package/icons/legacy/calendar-36.svg +14 -14
  11. package/icons/legacy/excel.svg +12 -12
  12. package/icons/legacy/filter-24.svg +11 -11
  13. package/icons/legacy/filter.svg +12 -12
  14. package/icons/legacy/folding-arrow.svg +14 -14
  15. package/icons/legacy/gear.svg +14 -14
  16. package/icons/legacy/help-24.svg +11 -11
  17. package/icons/legacy/help.svg +21 -21
  18. package/icons/legacy/label_info.svg +14 -14
  19. package/icons/legacy/lens.svg +17 -17
  20. package/icons/legacy/modal-close-cross.svg +22 -22
  21. package/icons/legacy/more.svg +20 -20
  22. package/icons/legacy/pencil.svg +12 -12
  23. package/icons/legacy/plus.svg +12 -12
  24. package/icons/legacy/sliders.svg +12 -12
  25. package/icons/legacy/sort-24.svg +15 -15
  26. package/icons/legacy/sort-desc-24.svg +15 -15
  27. package/icons/legacy/sort.svg +4 -4
  28. package/icons/legacy/trash.svg +12 -12
  29. package/icons/loaders/circle_loader_30.svg +69 -69
  30. package/icons/loaders/dots_loader_30.svg +39 -39
  31. package/icons/templates/generic-24.svg +40 -40
  32. package/icons/templates/generic-30.svg +43 -43
  33. package/icons/templates/generic.svg +40 -40
  34. package/icons/templates/tall.svg +69 -69
  35. package/package.json +2 -2
  36. package/readme.md +6 -6
  37. package/scss/electric/font-faces.scss +138 -138
  38. package/scss/font-faces.scss +3 -3
  39. package/scss/fonts.scss +2 -2
  40. package/scss/index.scss +4 -4
  41. package/scss/loveship/colors.scss +100 -100
  42. package/scss/loveship/font-faces.scss +186 -186
  43. package/scss/loveship/fonts.scss +23 -23
  44. package/scss/loveship/typography.scss +160 -160
  45. package/scss/loveship-colors.scss +2 -2
  46. package/scss/promo/colors.scss +100 -100
  47. package/scss/promo/font-faces.scss +168 -168
  48. package/scss/promo/fonts.scss +17 -17
  49. package/scss/promo/typography.scss +175 -175
  50. package/scss/typography.scss +2 -2
  51. package/theme/theme_6px.scss +216 -216
  52. package/theme/theme_electric.scss +518 -518
  53. package/theme/theme_loveship.scss +593 -593
  54. package/theme/theme_loveship_dark.scss +823 -823
  55. package/theme/theme_promo.scss +607 -607
  56. package/theme/theme_vanilla_thunder.scss +484 -484
  57. package/theme/tokens/_color_classes.scss +103 -103
  58. package/theme/tokens/_theme_electric.scss +277 -277
  59. package/theme/tokens/_theme_loveship_dark.scss +275 -275
  60. package/theme/tokens/_theme_loveship_light.scss +275 -275
  61. package/theme/tokens/_theme_promo.scss +275 -275
package/theme/tokens/_theme_loveship_light.scss CHANGED
@@ -1,275 +1,275 @@
1
- // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
- @use './_color_classes.scss' as colorClasses;
3
-
4
- @mixin theme-tokens {
5
-
6
- /***************/
7
- /*** Palette ***/
8
- /***************/
9
-
10
- // ""
11
- --black: #000000;
12
- --white: #FFFFFF;
13
-
14
- // "palette-additional/cobalt"
15
- --cobalt-5: #F8FAFF;
16
- --cobalt-10: #D9E2FC;
17
- --cobalt-20: #AEC0F5;
18
- --cobalt-50: #0F98FF;
19
- --cobalt-60: #006FE5;
20
- --cobalt-70: #0954A5;
21
-
22
- // "palette-additional/cyan"
23
- --cyan-5: #F6FEFE;
24
- --cyan-10: #D1FAFA;
25
- --cyan-20: #AAEEEE;
26
- --cyan-50: #14CCCC;
27
- --cyan-60: #12B5B5;
28
- --cyan-70: #0B6F6F;
29
-
30
- // "palette/fire"
31
- --fire-5: #FEF6F6;
32
- --fire-10: #FDE1E1;
33
- --fire-20: #FBB6B6;
34
- --fire-50: #FF4242;
35
- --fire-60: #E22A2A;
36
- --fire-70: #AD0000;
37
-
38
- // "palette-additional/fuchsia"
39
- --fuchsia-5: #FFF7FB;
40
- --fuchsia-10: #F9D8E7;
41
- --fuchsia-20: #EDADC8;
42
- --fuchsia-50: #EA4386;
43
- --fuchsia-60: #D61E68;
44
- --fuchsia-70: #AE1955;
45
-
46
- // "palette/grass"
47
- --grass-5: #FCFFF5;
48
- --grass-10: #EBF3D8;
49
- --grass-20: #C1E288;
50
- --grass-50: #67A300;
51
- --grass-60: #528500;
52
- --grass-70: #396F1F;
53
-
54
- // "palette-additional/mint"
55
- --mint-5: #F2FCF5;
56
- --mint-10: #DDF3E4;
57
- --mint-20: #B4DFC4;
58
- --mint-50: #4FC48C;
59
- --mint-60: #31AA70;
60
- --mint-70: #236E4A;
61
-
62
- // "palette/night"
63
- --night50: #FAFAFC;
64
- --night100: #F5F6FA;
65
- --night200: #EBEDF5;
66
- --night300: #E1E3EB;
67
- --night400: #CED0DB;
68
- --night500: #ACAFBF;
69
- --night600: #6C6F80;
70
- --night700: #474A59;
71
- --night800: #303240;
72
- --night900: #1D1E26;
73
-
74
- // "palette-additional/orange"
75
- --orange-5: #FEF8F4;
76
- --orange-10: #FFE8D7;
77
- --orange-20: #FFCCA7;
78
- --orange-50: #FF8B3E;
79
- --orange-60: #F76B0D;
80
- --orange-70: #BD4B00;
81
-
82
- // "palette-additional/purple"
83
- --purple-5: #FDF6FE;
84
- --purple-10: #F2CCFA;
85
- --purple-20: #E79DF5;
86
- --purple-50: #B114D1;
87
- --purple-60: #860F9E;
88
- --purple-70: #5E0B6F;
89
-
90
- // "palette/sky"
91
- --sky-5: #F5FDFF;
92
- --sky-10: #E1F4FA;
93
- --sky-20: #A0DDEE;
94
- --sky-50: #009ECC;
95
- --sky-60: #0086AD;
96
- --sky-70: #006B8A;
97
-
98
- // "palette/sun"
99
- --sun-5: #FFFCF5;
100
- --sun-10: #FFEDC9;
101
- --sun-20: #FFD785;
102
- --sun-50: #FCAA00;
103
- --sun-60: #FF9000;
104
- --sun-70: #BD5800;
105
-
106
- // "palette-additional/violet"
107
- --violet-5: #F8F6FE;
108
- --violet-10: #DBCCFA;
109
- --violet-20: #BB9DF5;
110
- --violet-50: #773CEC;
111
- --violet-60: #5514D6;
112
- --violet-70: #40109E;
113
-
114
- // "palette-additional/yellow"
115
- --yellow-5: #FFFFF5;
116
- --yellow-10: #FFFFE5;
117
- --yellow-20: #FFFCA4;
118
- --yellow-50: #FDD63B;
119
- --yellow-60: #EDBE02;
120
- --yellow-70: #BC7E02;
121
-
122
- /*********************/
123
- /*** Core Semantic ***/
124
- /*********************/
125
-
126
- // "core/semantic/accent-"
127
- --uui-accent-5: var(--grass-5);
128
- --uui-accent-10: var(--grass-10);
129
- --uui-accent-20: var(--grass-20);
130
- --uui-accent-50: var(--grass-50);
131
- --uui-accent-60: var(--grass-60);
132
- --uui-accent-70: var(--grass-70);
133
- --uui-accent-contrast: var(--white);
134
-
135
- // "core/semantic/critical-"
136
- --uui-critical-5: var(--fire-5);
137
- --uui-critical-10: var(--fire-10);
138
- --uui-critical-20: var(--fire-20);
139
- --uui-critical-50: var(--fire-50);
140
- --uui-critical-60: var(--fire-60);
141
- --uui-critical-70: var(--fire-70);
142
- --uui-critical-contrast: var(--white);
143
-
144
- // "core/semantic/error-"
145
- --uui-error-5: var(--fire-5);
146
- --uui-error-10: var(--fire-10);
147
- --uui-error-20: var(--fire-20);
148
- --uui-error-50: var(--fire-50);
149
- --uui-error-60: var(--fire-60);
150
- --uui-error-70: var(--fire-70);
151
- --uui-error-contrast: var(--white);
152
-
153
- // "core/semantic/info-"
154
- --uui-info-5: var(--sky-5);
155
- --uui-info-10: var(--sky-10);
156
- --uui-info-20: var(--sky-20);
157
- --uui-info-50: var(--sky-50);
158
- --uui-info-60: var(--sky-60);
159
- --uui-info-70: var(--sky-70);
160
- --uui-info-contrast: var(--white);
161
-
162
- // "core/semantic/primary-"
163
- --uui-primary-5: var(--sky-5);
164
- --uui-primary-10: var(--sky-10);
165
- --uui-primary-20: var(--sky-20);
166
- --uui-primary-50: var(--sky-50);
167
- --uui-primary-60: var(--sky-60);
168
- --uui-primary-70: var(--sky-70);
169
- --uui-primary-contrast: var(--white);
170
-
171
- // "core/semantic/secondary-"
172
- --uui-secondary-5: var(--night100);
173
- --uui-secondary-10: var(--night200);
174
- --uui-secondary-20: var(--night300);
175
- --uui-secondary-50: var(--night600);
176
- --uui-secondary-60: var(--night700);
177
- --uui-secondary-70: var(--night800);
178
- --uui-secondary-contrast: var(--white);
179
-
180
- // "core/semantic/success-"
181
- --uui-success-5: var(--grass-5);
182
- --uui-success-10: var(--grass-10);
183
- --uui-success-20: var(--grass-20);
184
- --uui-success-50: var(--grass-50);
185
- --uui-success-60: var(--grass-60);
186
- --uui-success-70: var(--grass-70);
187
- --uui-success-contrast: var(--white);
188
-
189
- // "core/semantic/warning-"
190
- --uui-warning-5: var(--sun-5);
191
- --uui-warning-10: var(--sun-10);
192
- --uui-warning-20: var(--sun-20);
193
- --uui-warning-50: var(--sun-50);
194
- --uui-warning-60: var(--sun-60);
195
- --uui-warning-70: var(--sun-70);
196
- --uui-warning-contrast: var(--night800);
197
-
198
- /********************/
199
- /*** Core Neutral ***/
200
- /********************/
201
-
202
- --uui-neutral-0: var(--white);
203
- --uui-neutral-5: var(--night50);
204
- --uui-neutral-10: var(--night100);
205
- --uui-neutral-20: var(--night200);
206
- --uui-neutral-30: var(--night300);
207
- --uui-neutral-40: var(--night400);
208
- --uui-neutral-50: var(--night500);
209
- --uui-neutral-60: var(--night600);
210
- --uui-neutral-70: var(--night700);
211
- --uui-neutral-80: var(--night800);
212
- --uui-neutral-90: var(--night900);
213
- --uui-neutral-100: var(--black);
214
-
215
- /************/
216
- /*** Core ***/
217
- /************/
218
-
219
- // "core/surfaces"
220
- --uui-app-bg: var(--uui-neutral-10);
221
- --uui-divider: var(--uui-neutral-40);
222
- --uui-divider-light: var(--uui-neutral-30);
223
- --uui-overlay: #1D1E26CC;
224
- --uui-surface-higher: var(--uui-neutral-10);
225
- --uui-surface-highest: var(--uui-neutral-20);
226
- --uui-surface-main: var(--uui-neutral-0);
227
- --uui-surface-sunken: var(--uui-neutral-20);
228
-
229
- // ""
230
- --uui-border-radius: 3;
231
-
232
- // "core/controls"
233
- --uui-control-bg: var(--uui-surface-main);
234
- --uui-control-bg-disabled: var(--uui-neutral-5);
235
- --uui-control-bg-hover: var(--uui-neutral-60);
236
- --uui-control-border: var(--uui-neutral-40);
237
- --uui-control-border-disabled: var(--uui-neutral-30);
238
- --uui-control-border-focus: var(--uui-primary-50);
239
- --uui-control-border-hover: var(--uui-neutral-60);
240
- --uui-control-icon: var(--uui-neutral-50);
241
- --uui-control-icon-disabled: var(--uui-neutral-50);
242
- --uui-control-placeholder: var(--uui-neutral-50);
243
- --uui-control-placeholder-disabled: var(--uui-text-disabled);
244
- --uui-control-text: var(--uui-neutral-80);
245
- --uui-control-text-disabled: var(--uui-text-tertiary);
246
-
247
- // "core/icons"
248
- --uui-icon: var(--uui-neutral-60);
249
- --uui-icon-active: var(--uui-neutral-80);
250
- --uui-icon-disabled: var(--uui-neutral-50);
251
- --uui-icon-hover: var(--uui-neutral-70);
252
-
253
- // "core/links"
254
- --uui-link: var(--uui-primary-50);
255
- --uui-link-hover: var(--uui-primary-60);
256
- --uui-link-visited: var(--purple-60);
257
- --uui-link-visited-hover: var(--purple-70);
258
-
259
- // "core/other"
260
- --uui-outline-focus: #009ECC7F;
261
- --uui-skeleton: var(--uui-neutral-40);
262
-
263
- // "core/text"
264
- --uui-text-bg-highlight: var(--uui-warning-10);
265
- --uui-text-critical: var(--uui-critical-70);
266
- --uui-text-disabled: var(--uui-neutral-50);
267
- --uui-text-info: var(--uui-info-70);
268
- --uui-text-primary: var(--uui-neutral-80);
269
- --uui-text-secondary: var(--uui-neutral-70);
270
- --uui-text-success: var(--uui-success-70);
271
- --uui-text-tertiary: var(--uui-neutral-60);
272
- --uui-text-warning: var(--uui-warning-70);
273
-
274
- @include colorClasses.theme-color-classes;
275
- }
1
+ // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
+ @use './_color_classes.scss' as colorClasses;
3
+
4
+ @mixin theme-tokens {
5
+
6
+ /***************/
7
+ /*** Palette ***/
8
+ /***************/
9
+
10
+ // ""
11
+ --black: #000000;
12
+ --white: #FFFFFF;
13
+
14
+ // "palette-additional/cobalt"
15
+ --cobalt-5: #F8FAFF;
16
+ --cobalt-10: #D9E2FC;
17
+ --cobalt-20: #AEC0F5;
18
+ --cobalt-50: #0F98FF;
19
+ --cobalt-60: #006FE5;
20
+ --cobalt-70: #0954A5;
21
+
22
+ // "palette-additional/cyan"
23
+ --cyan-5: #F6FEFE;
24
+ --cyan-10: #D1FAFA;
25
+ --cyan-20: #AAEEEE;
26
+ --cyan-50: #14CCCC;
27
+ --cyan-60: #12B5B5;
28
+ --cyan-70: #0B6F6F;
29
+
30
+ // "palette/fire"
31
+ --fire-5: #FEF6F6;
32
+ --fire-10: #FDE1E1;
33
+ --fire-20: #FBB6B6;
34
+ --fire-50: #FF4242;
35
+ --fire-60: #E22A2A;
36
+ --fire-70: #AD0000;
37
+
38
+ // "palette-additional/fuchsia"
39
+ --fuchsia-5: #FFF7FB;
40
+ --fuchsia-10: #F9D8E7;
41
+ --fuchsia-20: #EDADC8;
42
+ --fuchsia-50: #EA4386;
43
+ --fuchsia-60: #D61E68;
44
+ --fuchsia-70: #AE1955;
45
+
46
+ // "palette/grass"
47
+ --grass-5: #FCFFF5;
48
+ --grass-10: #EBF3D8;
49
+ --grass-20: #C1E288;
50
+ --grass-50: #67A300;
51
+ --grass-60: #528500;
52
+ --grass-70: #396F1F;
53
+
54
+ // "palette-additional/mint"
55
+ --mint-5: #F2FCF5;
56
+ --mint-10: #DDF3E4;
57
+ --mint-20: #B4DFC4;
58
+ --mint-50: #4FC48C;
59
+ --mint-60: #31AA70;
60
+ --mint-70: #236E4A;
61
+
62
+ // "palette/night"
63
+ --night50: #FAFAFC;
64
+ --night100: #F5F6FA;
65
+ --night200: #EBEDF5;
66
+ --night300: #E1E3EB;
67
+ --night400: #CED0DB;
68
+ --night500: #ACAFBF;
69
+ --night600: #6C6F80;
70
+ --night700: #474A59;
71
+ --night800: #303240;
72
+ --night900: #1D1E26;
73
+
74
+ // "palette-additional/orange"
75
+ --orange-5: #FEF8F4;
76
+ --orange-10: #FFE8D7;
77
+ --orange-20: #FFCCA7;
78
+ --orange-50: #FF8B3E;
79
+ --orange-60: #F76B0D;
80
+ --orange-70: #BD4B00;
81
+
82
+ // "palette-additional/purple"
83
+ --purple-5: #FDF6FE;
84
+ --purple-10: #F2CCFA;
85
+ --purple-20: #E79DF5;
86
+ --purple-50: #B114D1;
87
+ --purple-60: #860F9E;
88
+ --purple-70: #5E0B6F;
89
+
90
+ // "palette/sky"
91
+ --sky-5: #F5FDFF;
92
+ --sky-10: #E1F4FA;
93
+ --sky-20: #A0DDEE;
94
+ --sky-50: #009ECC;
95
+ --sky-60: #0086AD;
96
+ --sky-70: #006B8A;
97
+
98
+ // "palette/sun"
99
+ --sun-5: #FFFCF5;
100
+ --sun-10: #FFEDC9;
101
+ --sun-20: #FFD785;
102
+ --sun-50: #FCAA00;
103
+ --sun-60: #FF9000;
104
+ --sun-70: #BD5800;
105
+
106
+ // "palette-additional/violet"
107
+ --violet-5: #F8F6FE;
108
+ --violet-10: #DBCCFA;
109
+ --violet-20: #BB9DF5;
110
+ --violet-50: #773CEC;
111
+ --violet-60: #5514D6;
112
+ --violet-70: #40109E;
113
+
114
+ // "palette-additional/yellow"
115
+ --yellow-5: #FFFFF5;
116
+ --yellow-10: #FFFFE5;
117
+ --yellow-20: #FFFCA4;
118
+ --yellow-50: #FDD63B;
119
+ --yellow-60: #EDBE02;
120
+ --yellow-70: #BC7E02;
121
+
122
+ /*********************/
123
+ /*** Core Semantic ***/
124
+ /*********************/
125
+
126
+ // "core/semantic/accent-"
127
+ --uui-accent-5: var(--grass-5);
128
+ --uui-accent-10: var(--grass-10);
129
+ --uui-accent-20: var(--grass-20);
130
+ --uui-accent-50: var(--grass-50);
131
+ --uui-accent-60: var(--grass-60);
132
+ --uui-accent-70: var(--grass-70);
133
+ --uui-accent-contrast: var(--white);
134
+
135
+ // "core/semantic/critical-"
136
+ --uui-critical-5: var(--fire-5);
137
+ --uui-critical-10: var(--fire-10);
138
+ --uui-critical-20: var(--fire-20);
139
+ --uui-critical-50: var(--fire-50);
140
+ --uui-critical-60: var(--fire-60);
141
+ --uui-critical-70: var(--fire-70);
142
+ --uui-critical-contrast: var(--white);
143
+
144
+ // "core/semantic/error-"
145
+ --uui-error-5: var(--fire-5);
146
+ --uui-error-10: var(--fire-10);
147
+ --uui-error-20: var(--fire-20);
148
+ --uui-error-50: var(--fire-50);
149
+ --uui-error-60: var(--fire-60);
150
+ --uui-error-70: var(--fire-70);
151
+ --uui-error-contrast: var(--white);
152
+
153
+ // "core/semantic/info-"
154
+ --uui-info-5: var(--sky-5);
155
+ --uui-info-10: var(--sky-10);
156
+ --uui-info-20: var(--sky-20);
157
+ --uui-info-50: var(--sky-50);
158
+ --uui-info-60: var(--sky-60);
159
+ --uui-info-70: var(--sky-70);
160
+ --uui-info-contrast: var(--white);
161
+
162
+ // "core/semantic/primary-"
163
+ --uui-primary-5: var(--sky-5);
164
+ --uui-primary-10: var(--sky-10);
165
+ --uui-primary-20: var(--sky-20);
166
+ --uui-primary-50: var(--sky-50);
167
+ --uui-primary-60: var(--sky-60);
168
+ --uui-primary-70: var(--sky-70);
169
+ --uui-primary-contrast: var(--white);
170
+
171
+ // "core/semantic/secondary-"
172
+ --uui-secondary-5: var(--night100);
173
+ --uui-secondary-10: var(--night200);
174
+ --uui-secondary-20: var(--night300);
175
+ --uui-secondary-50: var(--night600);
176
+ --uui-secondary-60: var(--night700);
177
+ --uui-secondary-70: var(--night800);
178
+ --uui-secondary-contrast: var(--white);
179
+
180
+ // "core/semantic/success-"
181
+ --uui-success-5: var(--grass-5);
182
+ --uui-success-10: var(--grass-10);
183
+ --uui-success-20: var(--grass-20);
184
+ --uui-success-50: var(--grass-50);
185
+ --uui-success-60: var(--grass-60);
186
+ --uui-success-70: var(--grass-70);
187
+ --uui-success-contrast: var(--white);
188
+
189
+ // "core/semantic/warning-"
190
+ --uui-warning-5: var(--sun-5);
191
+ --uui-warning-10: var(--sun-10);
192
+ --uui-warning-20: var(--sun-20);
193
+ --uui-warning-50: var(--sun-50);
194
+ --uui-warning-60: var(--sun-60);
195
+ --uui-warning-70: var(--sun-70);
196
+ --uui-warning-contrast: var(--night800);
197
+
198
+ /********************/
199
+ /*** Core Neutral ***/
200
+ /********************/
201
+
202
+ --uui-neutral-0: var(--white);
203
+ --uui-neutral-5: var(--night50);
204
+ --uui-neutral-10: var(--night100);
205
+ --uui-neutral-20: var(--night200);
206
+ --uui-neutral-30: var(--night300);
207
+ --uui-neutral-40: var(--night400);
208
+ --uui-neutral-50: var(--night500);
209
+ --uui-neutral-60: var(--night600);
210
+ --uui-neutral-70: var(--night700);
211
+ --uui-neutral-80: var(--night800);
212
+ --uui-neutral-90: var(--night900);
213
+ --uui-neutral-100: var(--black);
214
+
215
+ /************/
216
+ /*** Core ***/
217
+ /************/
218
+
219
+ // "core/surfaces"
220
+ --uui-app-bg: var(--uui-neutral-10);
221
+ --uui-divider: var(--uui-neutral-40);
222
+ --uui-divider-light: var(--uui-neutral-30);
223
+ --uui-overlay: #1D1E26CC;
224
+ --uui-surface-higher: var(--uui-neutral-10);
225
+ --uui-surface-highest: var(--uui-neutral-20);
226
+ --uui-surface-main: var(--uui-neutral-0);
227
+ --uui-surface-sunken: var(--uui-neutral-20);
228
+
229
+ // ""
230
+ --uui-border-radius: 3;
231
+
232
+ // "core/controls"
233
+ --uui-control-bg: var(--uui-surface-main);
234
+ --uui-control-bg-disabled: var(--uui-neutral-5);
235
+ --uui-control-bg-hover: var(--uui-neutral-60);
236
+ --uui-control-border: var(--uui-neutral-40);
237
+ --uui-control-border-disabled: var(--uui-neutral-30);
238
+ --uui-control-border-focus: var(--uui-primary-50);
239
+ --uui-control-border-hover: var(--uui-neutral-60);
240
+ --uui-control-icon: var(--uui-neutral-50);
241
+ --uui-control-icon-disabled: var(--uui-neutral-50);
242
+ --uui-control-placeholder: var(--uui-neutral-50);
243
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
244
+ --uui-control-text: var(--uui-neutral-80);
245
+ --uui-control-text-disabled: var(--uui-text-tertiary);
246
+
247
+ // "core/icons"
248
+ --uui-icon: var(--uui-neutral-60);
249
+ --uui-icon-active: var(--uui-neutral-80);
250
+ --uui-icon-disabled: var(--uui-neutral-50);
251
+ --uui-icon-hover: var(--uui-neutral-70);
252
+
253
+ // "core/links"
254
+ --uui-link: var(--uui-primary-50);
255
+ --uui-link-hover: var(--uui-primary-60);
256
+ --uui-link-visited: var(--purple-60);
257
+ --uui-link-visited-hover: var(--purple-70);
258
+
259
+ // "core/other"
260
+ --uui-outline-focus: #009ECC7F;
261
+ --uui-skeleton: var(--uui-neutral-40);
262
+
263
+ // "core/text"
264
+ --uui-text-bg-highlight: var(--uui-warning-10);
265
+ --uui-text-critical: var(--uui-critical-70);
266
+ --uui-text-disabled: var(--uui-neutral-50);
267
+ --uui-text-info: var(--uui-info-70);
268
+ --uui-text-primary: var(--uui-neutral-80);
269
+ --uui-text-secondary: var(--uui-neutral-70);
270
+ --uui-text-success: var(--uui-success-70);
271
+ --uui-text-tertiary: var(--uui-neutral-60);
272
+ --uui-text-warning: var(--uui-warning-70);
273
+
274
+ @include colorClasses.theme-color-classes;
275
+ }