@epam/assets 6.4.0 → 6.4.1-alpha.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 (96) hide show
  1. package/css/theme/no-fonts/theme_electric.css.map +1 -1
  2. package/css/theme/no-fonts/theme_loveship.css.map +1 -1
  3. package/css/theme/no-fonts/theme_loveship_dark.css +4 -0
  4. package/css/theme/no-fonts/theme_loveship_dark.css.map +1 -1
  5. package/css/theme/no-fonts/theme_promo.css.map +1 -1
  6. package/css/theme/theme_eduverse_dark.css.map +1 -1
  7. package/css/theme/theme_eduverse_light.css.map +1 -1
  8. package/css/theme/theme_electric.css.map +1 -1
  9. package/css/theme/theme_electric_dark.css +4 -0
  10. package/css/theme/theme_electric_dark.css.map +1 -1
  11. package/css/theme/theme_fresh_4px.css.map +1 -1
  12. package/css/theme/theme_loveship.css.map +1 -1
  13. package/css/theme/theme_loveship_dark.css +4 -0
  14. package/css/theme/theme_loveship_dark.css.map +1 -1
  15. package/css/theme/theme_promo.css.map +1 -1
  16. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  17. package/css/theme/variables/fresh_4px.css.map +1 -1
  18. package/icons/common/radio-point-10.svg +13 -13
  19. package/icons/legacy/btn_cross.svg +22 -22
  20. package/icons/legacy/btn_tick.svg +22 -22
  21. package/icons/legacy/calendar-30.svg +12 -12
  22. package/icons/legacy/calendar-36.svg +14 -14
  23. package/icons/legacy/excel.svg +12 -12
  24. package/icons/legacy/filter-24.svg +11 -11
  25. package/icons/legacy/filter.svg +12 -12
  26. package/icons/legacy/folding-arrow.svg +14 -14
  27. package/icons/legacy/gear.svg +14 -14
  28. package/icons/legacy/help-24.svg +11 -11
  29. package/icons/legacy/help.svg +21 -21
  30. package/icons/legacy/label_info.svg +14 -14
  31. package/icons/legacy/lens.svg +17 -17
  32. package/icons/legacy/modal-close-cross.svg +22 -22
  33. package/icons/legacy/more.svg +20 -20
  34. package/icons/legacy/pencil.svg +12 -12
  35. package/icons/legacy/plus.svg +12 -12
  36. package/icons/legacy/sliders.svg +12 -12
  37. package/icons/legacy/sort-24.svg +15 -15
  38. package/icons/legacy/sort-desc-24.svg +15 -15
  39. package/icons/legacy/sort.svg +4 -4
  40. package/icons/legacy/trash.svg +12 -12
  41. package/icons/loaders/circle_loader_30.svg +69 -69
  42. package/icons/loaders/dots_loader_30.svg +39 -39
  43. package/icons/templates/generic-24.svg +40 -40
  44. package/icons/templates/generic-30.svg +43 -43
  45. package/icons/templates/generic.svg +40 -40
  46. package/icons/templates/tall.svg +69 -69
  47. package/package.json +2 -2
  48. package/readme.md +7 -7
  49. package/scss/electric/font-faces.scss +138 -138
  50. package/scss/font-faces.scss +3 -3
  51. package/scss/fonts.scss +2 -2
  52. package/scss/index.scss +4 -4
  53. package/scss/loveship/colors.scss +100 -100
  54. package/scss/loveship/font-faces.scss +186 -186
  55. package/scss/loveship/fonts.scss +23 -23
  56. package/scss/loveship/typography.scss +160 -160
  57. package/scss/loveship-colors.scss +2 -2
  58. package/scss/promo/colors.scss +100 -100
  59. package/scss/promo/font-faces.scss +168 -168
  60. package/scss/promo/fonts.scss +17 -17
  61. package/scss/promo/typography.scss +175 -175
  62. package/scss/typography.scss +2 -2
  63. package/theme/customThemeTemplate.css +646 -646
  64. package/theme/no-fonts/theme_electric.scss +7 -7
  65. package/theme/no-fonts/theme_loveship.scss +8 -8
  66. package/theme/no-fonts/theme_loveship_dark.scss +8 -8
  67. package/theme/no-fonts/theme_promo.scss +8 -8
  68. package/theme/theme_eduverse_dark.scss +876 -876
  69. package/theme/theme_eduverse_light.scss +552 -552
  70. package/theme/theme_electric.scss +8 -8
  71. package/theme/theme_electric_dark.scss +8 -8
  72. package/theme/theme_fresh_4px.scss +7 -7
  73. package/theme/theme_loveship.scss +8 -8
  74. package/theme/theme_loveship_dark.scss +8 -8
  75. package/theme/theme_promo.scss +9 -9
  76. package/theme/theme_vanilla_thunder.scss +488 -488
  77. package/theme/variables/4px_grid.scss +265 -265
  78. package/theme/variables/6px_grid.scss +347 -347
  79. package/theme/variables/6px_grid_eduverse.scss +69 -69
  80. package/theme/variables/electric.scss +545 -545
  81. package/theme/variables/electric_dark.scss +868 -861
  82. package/theme/variables/fresh_4px.scss +612 -612
  83. package/theme/variables/loveship.scss +627 -627
  84. package/theme/variables/loveship_dark.scss +861 -852
  85. package/theme/variables/promo.scss +601 -601
  86. package/theme/variables/tokens/_color_classes.scss +103 -103
  87. package/theme/variables/tokens/_theme_eduverse_dark.scss +282 -282
  88. package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss +282 -282
  89. package/theme/variables/tokens/_theme_eduverse_light.scss +282 -282
  90. package/theme/variables/tokens/_theme_eduverse_light_mobile.scss +282 -282
  91. package/theme/variables/tokens/_theme_electric_dark.scss +289 -289
  92. package/theme/variables/tokens/_theme_electric_light.scss +273 -273
  93. package/theme/variables/tokens/_theme_fresh_light_4px.scss +271 -271
  94. package/theme/variables/tokens/_theme_loveship_dark.scss +271 -271
  95. package/theme/variables/tokens/_theme_loveship_light.scss +271 -271
  96. package/theme/variables/tokens/_theme_promo.scss +271 -271
package/theme/variables/tokens/_theme_electric_dark.scss CHANGED
@@ -1,289 +1,289 @@
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: #2C3A4F;
16
- --cobalt-10: #29405D;
17
- --cobalt-20: #20517F;
18
- --cobalt-50: #0091FF;
19
- --cobalt-60: #40ACFF;
20
- --cobalt-70: #7AC5FF;
21
-
22
- // "palette-additional/cyan"
23
- --cyan-5: #2E3E4B;
24
- --cyan-10: #2C4955;
25
- --cyan-20: #27656E;
26
- --cyan-50: #14CCCC;
27
- --cyan-60: #70E0E0;
28
- --cyan-70: #A1EBEB;
29
-
30
- // "palette/electric"
31
- --electric-5: #19233A;
32
- --electric-10: #1D2A4B;
33
- --electric-20: #253669;
34
- --electric-50: #4D73FF;
35
- --electric-60: #7593FF;
36
- --electric-70: #859FFF;
37
-
38
- // "palette/emerald"
39
- --emerald-5: #14262B;
40
- --emerald-10: #1B312D;
41
- --emerald-20: #14432B;
42
- --emerald-50: #159D47;
43
- --emerald-60: #22C55E;
44
- --emerald-70: #4ADE80;
45
-
46
- // "palette/fire"
47
- --fire-5: #27202D;
48
- --fire-10: #37202B;
49
- --fire-20: #501F28;
50
- --fire-50: #DC2626;
51
- --fire-60: #F75E5E;
52
- --fire-70: #FC9797;
53
-
54
- // "palette-additional/fuchsia"
55
- --fuchsia-5: #413346;
56
- --fuchsia-10: #51344C;
57
- --fuchsia-20: #713657;
58
- --fuchsia-50: #E93D82;
59
- --fuchsia-60: #ED5F98;
60
- --fuchsia-70: #F183AF;
61
-
62
- // "palette/grass"
63
- --grass-5: #343A3B;
64
- --grass-10: #39443D;
65
- --grass-20: #505F49;
66
- --grass-50: #669900;
67
- --grass-60: #83B918;
68
- --grass-70: #A6D151;
69
-
70
- // "palette-additional/mint"
71
- --mint-5: #323E46;
72
- --mint-10: #34484B;
73
- --mint-20: #396258;
74
- --mint-50: #4CC38A;
75
- --mint-60: #79D2A7;
76
- --mint-70: #A6E1C5;
77
-
78
- // "palette/night"
79
- --night50: #FAFAFC;
80
- --night100: #E1E5EB;
81
- --night200: #ACB3BF;
82
- --night300: #576479;
83
- --night400: #4F5C72;
84
- --night500: #3B485D;
85
- --night600: #2A3548;
86
- --night700: #262F3F;
87
- --night800: #192333;
88
- --night900: #141C29;
89
- --night950: #0B0D18;
90
-
91
- // "palette-additional/orange"
92
- --orange-5: #413940;
93
- --orange-10: #4F3F40;
94
- --orange-20: #744F3F;
95
- --orange-50: #FF8B3E;
96
- --orange-60: #FFAA70;
97
- --orange-70: #FFBF95;
98
-
99
- // "palette-additional/purple"
100
- --purple-5: #3E2F4F;
101
- --purple-10: #4A2C5D;
102
- --purple-20: #68267F;
103
- --purple-50: #B915DA;
104
- --purple-60: #D34EEE;
105
- --purple-70: #D68AE5;
106
-
107
- // "palette/sky"
108
- --sky-5: #2C394B;
109
- --sky-10: #334052;
110
- --sky-20: #3E586F;
111
- --sky-50: #008ACE;
112
- --sky-60: #48A4D0;
113
- --sky-70: #7DBCDB;
114
-
115
- // "palette/sun"
116
- --sun-5: #262227;
117
- --sun-10: #392924;
118
- --sun-20: #593420;
119
- --sun-50: #F86C0B;
120
- --sun-60: #FA8F37;
121
- --sun-70: #FCB66D;
122
-
123
- // "palette-additional/violet"
124
- --violet-5: #393251;
125
- --violet-10: #443166;
126
- --violet-20: #573088;
127
- --violet-50: #8E32EB;
128
- --violet-60: #A55CEF;
129
- --violet-70: #AE8BF4;
130
-
131
- // "palette-additional/yellow"
132
- --yellow-5: #403F40;
133
- --yellow-10: #4F4B3F;
134
- --yellow-20: #74683E;
135
- --yellow-50: #FDD63B;
136
- --yellow-60: #FEE376;
137
- --yellow-70: #FEEA9D;
138
-
139
- /*********************/
140
- /*** Core Semantic ***/
141
- /*********************/
142
-
143
- // "core/semantic/accent-"
144
- --uui-accent-5: var(--emerald-5);
145
- --uui-accent-10: var(--emerald-10);
146
- --uui-accent-20: var(--emerald-20);
147
- --uui-accent-50: var(--emerald-50);
148
- --uui-accent-60: var(--emerald-60);
149
- --uui-accent-70: var(--emerald-70);
150
- --uui-accent-contrast: var(--white);
151
-
152
- // "core/semantic/critical-"
153
- --uui-critical-5: var(--fire-5);
154
- --uui-critical-10: var(--fire-10);
155
- --uui-critical-20: var(--fire-20);
156
- --uui-critical-50: var(--fire-50);
157
- --uui-critical-60: var(--fire-60);
158
- --uui-critical-70: var(--fire-70);
159
- --uui-critical-contrast: var(--white);
160
-
161
- // "core/semantic/error-"
162
- --uui-error-5: var(--fire-5);
163
- --uui-error-10: var(--fire-10);
164
- --uui-error-20: var(--fire-20);
165
- --uui-error-50: var(--fire-50);
166
- --uui-error-60: var(--fire-60);
167
- --uui-error-70: var(--fire-70);
168
- --uui-error-contrast: var(--white);
169
-
170
- // "core/semantic/info-"
171
- --uui-info-5: var(--electric-5);
172
- --uui-info-10: var(--electric-10);
173
- --uui-info-20: var(--electric-20);
174
- --uui-info-50: var(--electric-50);
175
- --uui-info-60: var(--electric-60);
176
- --uui-info-70: var(--electric-70);
177
- --uui-info-contrast: var(--white);
178
-
179
- // "core/semantic/primary-"
180
- --uui-primary-5: var(--electric-5);
181
- --uui-primary-10: var(--electric-10);
182
- --uui-primary-20: var(--electric-20);
183
- --uui-primary-50: var(--electric-50);
184
- --uui-primary-60: var(--electric-60);
185
- --uui-primary-70: var(--electric-70);
186
- --uui-primary-contrast: var(--white);
187
-
188
- // "core/semantic/secondary-"
189
- --uui-secondary-5: var(--night800);
190
- --uui-secondary-10: var(--night700);
191
- --uui-secondary-20: var(--night600);
192
- --uui-secondary-50: var(--night500);
193
- --uui-secondary-60: var(--night400);
194
- --uui-secondary-70: var(--night300);
195
- --uui-secondary-contrast: var(--white);
196
-
197
- // "core/semantic/success-"
198
- --uui-success-5: var(--emerald-5);
199
- --uui-success-10: var(--emerald-10);
200
- --uui-success-20: var(--emerald-20);
201
- --uui-success-50: var(--emerald-50);
202
- --uui-success-60: var(--emerald-60);
203
- --uui-success-70: var(--emerald-70);
204
- --uui-success-contrast: var(--white);
205
-
206
- // "core/semantic/warning-"
207
- --uui-warning-5: var(--sun-5);
208
- --uui-warning-10: var(--sun-10);
209
- --uui-warning-20: var(--sun-20);
210
- --uui-warning-50: var(--sun-50);
211
- --uui-warning-60: var(--sun-60);
212
- --uui-warning-70: var(--sun-70);
213
- --uui-warning-contrast: var(--white);
214
-
215
- /********************/
216
- /*** Core Neutral ***/
217
- /********************/
218
-
219
- --uui-neutral-0: var(--white);
220
- --uui-neutral-5: var(--night50);
221
- --uui-neutral-10: var(--night100);
222
- --uui-neutral-20: var(--night200);
223
- --uui-neutral-30: var(--night300);
224
- --uui-neutral-40: var(--night400);
225
- --uui-neutral-50: var(--night500);
226
- --uui-neutral-60: var(--night600);
227
- --uui-neutral-70: var(--night700);
228
- --uui-neutral-80: var(--night800);
229
- --uui-neutral-90: var(--night900);
230
- --uui-neutral-95: var(--night950);
231
- --uui-neutral-100: var(--black);
232
-
233
- /************/
234
- /*** Core ***/
235
- /************/
236
-
237
- // "core/surfaces"
238
- --uui-app-bg: var(--uui-neutral-95);
239
- --uui-divider: var(--uui-neutral-50);
240
- --uui-divider-light: var(--uui-neutral-60);
241
- --uui-overlay: #060606CC;
242
- --uui-surface-higher: var(--uui-neutral-70);
243
- --uui-surface-highest: var(--uui-neutral-60);
244
- --uui-surface-main: var(--uui-neutral-90);
245
-
246
- // "core/controls"
247
- --uui-control-bg: var(--uui-surface-main);
248
- --uui-control-bg-disabled: var(--uui-neutral-60);
249
- --uui-control-bg-hover: var(--uui-neutral-60);
250
- --uui-control-border: var(--uui-neutral-40);
251
- --uui-control-border-disabled: var(--uui-neutral-40);
252
- --uui-control-border-focus: var(--uui-primary-60);
253
- --uui-control-border-hover: var(--uui-neutral-20);
254
- --uui-control-icon: var(--uui-neutral-30);
255
- --uui-control-icon-disabled: var(--uui-neutral-30);
256
- --uui-control-placeholder: var(--uui-text-tertiary);
257
- --uui-control-placeholder-disabled: var(--uui-text-disabled);
258
- --uui-control-text: var(--uui-text-primary);
259
- --uui-control-text-disabled: var(--uui-text-tertiary);
260
-
261
- // "core/icons"
262
- --uui-icon: var(--uui-neutral-10);
263
- --uui-icon-active: var(--uui-neutral-5);
264
- --uui-icon-disabled: var(--uui-neutral-30);
265
- --uui-icon-hover: var(--uui-neutral-5);
266
-
267
- // "core/links"
268
- --uui-link: var(--uui-info-60);
269
- --uui-link-hover: var(--uui-info-70);
270
- --uui-link-visited: var(--violet-60);
271
- --uui-link-visited-hover: var(--violet-70);
272
-
273
- // "core/other"
274
- --uui-outline-focus: #008ACE7F;
275
- --uui-skeleton: var(--uui-neutral-30);
276
-
277
- // "core/text"
278
- --uui-text-bg-highlight: var(--uui-warning-20);
279
- --uui-text-critical: var(--uui-critical-70);
280
- --uui-text-disabled: var(--uui-neutral-30);
281
- --uui-text-info: var(--uui-info-70);
282
- --uui-text-primary: var(--uui-neutral-5);
283
- --uui-text-secondary: var(--uui-neutral-10);
284
- --uui-text-success: var(--uui-success-70);
285
- --uui-text-tertiary: var(--uui-neutral-20);
286
- --uui-text-warning: var(--uui-warning-70);
287
-
288
- @include colorClasses.theme-color-classes;
289
- }
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: #2C3A4F;
16
+ --cobalt-10: #29405D;
17
+ --cobalt-20: #20517F;
18
+ --cobalt-50: #0091FF;
19
+ --cobalt-60: #40ACFF;
20
+ --cobalt-70: #7AC5FF;
21
+
22
+ // "palette-additional/cyan"
23
+ --cyan-5: #2E3E4B;
24
+ --cyan-10: #2C4955;
25
+ --cyan-20: #27656E;
26
+ --cyan-50: #14CCCC;
27
+ --cyan-60: #70E0E0;
28
+ --cyan-70: #A1EBEB;
29
+
30
+ // "palette/electric"
31
+ --electric-5: #19233A;
32
+ --electric-10: #1D2A4B;
33
+ --electric-20: #253669;
34
+ --electric-50: #4D73FF;
35
+ --electric-60: #7593FF;
36
+ --electric-70: #859FFF;
37
+
38
+ // "palette/emerald"
39
+ --emerald-5: #14262B;
40
+ --emerald-10: #1B312D;
41
+ --emerald-20: #14432B;
42
+ --emerald-50: #159D47;
43
+ --emerald-60: #22C55E;
44
+ --emerald-70: #4ADE80;
45
+
46
+ // "palette/fire"
47
+ --fire-5: #27202D;
48
+ --fire-10: #37202B;
49
+ --fire-20: #501F28;
50
+ --fire-50: #DC2626;
51
+ --fire-60: #F75E5E;
52
+ --fire-70: #FC9797;
53
+
54
+ // "palette-additional/fuchsia"
55
+ --fuchsia-5: #413346;
56
+ --fuchsia-10: #51344C;
57
+ --fuchsia-20: #713657;
58
+ --fuchsia-50: #E93D82;
59
+ --fuchsia-60: #ED5F98;
60
+ --fuchsia-70: #F183AF;
61
+
62
+ // "palette/grass"
63
+ --grass-5: #343A3B;
64
+ --grass-10: #39443D;
65
+ --grass-20: #505F49;
66
+ --grass-50: #669900;
67
+ --grass-60: #83B918;
68
+ --grass-70: #A6D151;
69
+
70
+ // "palette-additional/mint"
71
+ --mint-5: #323E46;
72
+ --mint-10: #34484B;
73
+ --mint-20: #396258;
74
+ --mint-50: #4CC38A;
75
+ --mint-60: #79D2A7;
76
+ --mint-70: #A6E1C5;
77
+
78
+ // "palette/night"
79
+ --night50: #FAFAFC;
80
+ --night100: #E1E5EB;
81
+ --night200: #ACB3BF;
82
+ --night300: #576479;
83
+ --night400: #4F5C72;
84
+ --night500: #3B485D;
85
+ --night600: #2A3548;
86
+ --night700: #262F3F;
87
+ --night800: #192333;
88
+ --night900: #141C29;
89
+ --night950: #0B0D18;
90
+
91
+ // "palette-additional/orange"
92
+ --orange-5: #413940;
93
+ --orange-10: #4F3F40;
94
+ --orange-20: #744F3F;
95
+ --orange-50: #FF8B3E;
96
+ --orange-60: #FFAA70;
97
+ --orange-70: #FFBF95;
98
+
99
+ // "palette-additional/purple"
100
+ --purple-5: #3E2F4F;
101
+ --purple-10: #4A2C5D;
102
+ --purple-20: #68267F;
103
+ --purple-50: #B915DA;
104
+ --purple-60: #D34EEE;
105
+ --purple-70: #D68AE5;
106
+
107
+ // "palette/sky"
108
+ --sky-5: #2C394B;
109
+ --sky-10: #334052;
110
+ --sky-20: #3E586F;
111
+ --sky-50: #008ACE;
112
+ --sky-60: #48A4D0;
113
+ --sky-70: #7DBCDB;
114
+
115
+ // "palette/sun"
116
+ --sun-5: #262227;
117
+ --sun-10: #392924;
118
+ --sun-20: #593420;
119
+ --sun-50: #F86C0B;
120
+ --sun-60: #FA8F37;
121
+ --sun-70: #FCB66D;
122
+
123
+ // "palette-additional/violet"
124
+ --violet-5: #393251;
125
+ --violet-10: #443166;
126
+ --violet-20: #573088;
127
+ --violet-50: #8E32EB;
128
+ --violet-60: #A55CEF;
129
+ --violet-70: #AE8BF4;
130
+
131
+ // "palette-additional/yellow"
132
+ --yellow-5: #403F40;
133
+ --yellow-10: #4F4B3F;
134
+ --yellow-20: #74683E;
135
+ --yellow-50: #FDD63B;
136
+ --yellow-60: #FEE376;
137
+ --yellow-70: #FEEA9D;
138
+
139
+ /*********************/
140
+ /*** Core Semantic ***/
141
+ /*********************/
142
+
143
+ // "core/semantic/accent-"
144
+ --uui-accent-5: var(--emerald-5);
145
+ --uui-accent-10: var(--emerald-10);
146
+ --uui-accent-20: var(--emerald-20);
147
+ --uui-accent-50: var(--emerald-50);
148
+ --uui-accent-60: var(--emerald-60);
149
+ --uui-accent-70: var(--emerald-70);
150
+ --uui-accent-contrast: var(--white);
151
+
152
+ // "core/semantic/critical-"
153
+ --uui-critical-5: var(--fire-5);
154
+ --uui-critical-10: var(--fire-10);
155
+ --uui-critical-20: var(--fire-20);
156
+ --uui-critical-50: var(--fire-50);
157
+ --uui-critical-60: var(--fire-60);
158
+ --uui-critical-70: var(--fire-70);
159
+ --uui-critical-contrast: var(--white);
160
+
161
+ // "core/semantic/error-"
162
+ --uui-error-5: var(--fire-5);
163
+ --uui-error-10: var(--fire-10);
164
+ --uui-error-20: var(--fire-20);
165
+ --uui-error-50: var(--fire-50);
166
+ --uui-error-60: var(--fire-60);
167
+ --uui-error-70: var(--fire-70);
168
+ --uui-error-contrast: var(--white);
169
+
170
+ // "core/semantic/info-"
171
+ --uui-info-5: var(--electric-5);
172
+ --uui-info-10: var(--electric-10);
173
+ --uui-info-20: var(--electric-20);
174
+ --uui-info-50: var(--electric-50);
175
+ --uui-info-60: var(--electric-60);
176
+ --uui-info-70: var(--electric-70);
177
+ --uui-info-contrast: var(--white);
178
+
179
+ // "core/semantic/primary-"
180
+ --uui-primary-5: var(--electric-5);
181
+ --uui-primary-10: var(--electric-10);
182
+ --uui-primary-20: var(--electric-20);
183
+ --uui-primary-50: var(--electric-50);
184
+ --uui-primary-60: var(--electric-60);
185
+ --uui-primary-70: var(--electric-70);
186
+ --uui-primary-contrast: var(--white);
187
+
188
+ // "core/semantic/secondary-"
189
+ --uui-secondary-5: var(--night800);
190
+ --uui-secondary-10: var(--night700);
191
+ --uui-secondary-20: var(--night600);
192
+ --uui-secondary-50: var(--night500);
193
+ --uui-secondary-60: var(--night400);
194
+ --uui-secondary-70: var(--night300);
195
+ --uui-secondary-contrast: var(--white);
196
+
197
+ // "core/semantic/success-"
198
+ --uui-success-5: var(--emerald-5);
199
+ --uui-success-10: var(--emerald-10);
200
+ --uui-success-20: var(--emerald-20);
201
+ --uui-success-50: var(--emerald-50);
202
+ --uui-success-60: var(--emerald-60);
203
+ --uui-success-70: var(--emerald-70);
204
+ --uui-success-contrast: var(--white);
205
+
206
+ // "core/semantic/warning-"
207
+ --uui-warning-5: var(--sun-5);
208
+ --uui-warning-10: var(--sun-10);
209
+ --uui-warning-20: var(--sun-20);
210
+ --uui-warning-50: var(--sun-50);
211
+ --uui-warning-60: var(--sun-60);
212
+ --uui-warning-70: var(--sun-70);
213
+ --uui-warning-contrast: var(--white);
214
+
215
+ /********************/
216
+ /*** Core Neutral ***/
217
+ /********************/
218
+
219
+ --uui-neutral-0: var(--white);
220
+ --uui-neutral-5: var(--night50);
221
+ --uui-neutral-10: var(--night100);
222
+ --uui-neutral-20: var(--night200);
223
+ --uui-neutral-30: var(--night300);
224
+ --uui-neutral-40: var(--night400);
225
+ --uui-neutral-50: var(--night500);
226
+ --uui-neutral-60: var(--night600);
227
+ --uui-neutral-70: var(--night700);
228
+ --uui-neutral-80: var(--night800);
229
+ --uui-neutral-90: var(--night900);
230
+ --uui-neutral-95: var(--night950);
231
+ --uui-neutral-100: var(--black);
232
+
233
+ /************/
234
+ /*** Core ***/
235
+ /************/
236
+
237
+ // "core/surfaces"
238
+ --uui-app-bg: var(--uui-neutral-95);
239
+ --uui-divider: var(--uui-neutral-50);
240
+ --uui-divider-light: var(--uui-neutral-60);
241
+ --uui-overlay: #060606CC;
242
+ --uui-surface-higher: var(--uui-neutral-70);
243
+ --uui-surface-highest: var(--uui-neutral-60);
244
+ --uui-surface-main: var(--uui-neutral-90);
245
+
246
+ // "core/controls"
247
+ --uui-control-bg: var(--uui-surface-main);
248
+ --uui-control-bg-disabled: var(--uui-neutral-60);
249
+ --uui-control-bg-hover: var(--uui-neutral-60);
250
+ --uui-control-border: var(--uui-neutral-40);
251
+ --uui-control-border-disabled: var(--uui-neutral-40);
252
+ --uui-control-border-focus: var(--uui-primary-60);
253
+ --uui-control-border-hover: var(--uui-neutral-20);
254
+ --uui-control-icon: var(--uui-neutral-30);
255
+ --uui-control-icon-disabled: var(--uui-neutral-30);
256
+ --uui-control-placeholder: var(--uui-text-tertiary);
257
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
258
+ --uui-control-text: var(--uui-text-primary);
259
+ --uui-control-text-disabled: var(--uui-text-tertiary);
260
+
261
+ // "core/icons"
262
+ --uui-icon: var(--uui-neutral-10);
263
+ --uui-icon-active: var(--uui-neutral-5);
264
+ --uui-icon-disabled: var(--uui-neutral-30);
265
+ --uui-icon-hover: var(--uui-neutral-5);
266
+
267
+ // "core/links"
268
+ --uui-link: var(--uui-info-60);
269
+ --uui-link-hover: var(--uui-info-70);
270
+ --uui-link-visited: var(--violet-60);
271
+ --uui-link-visited-hover: var(--violet-70);
272
+
273
+ // "core/other"
274
+ --uui-outline-focus: #008ACE7F;
275
+ --uui-skeleton: var(--uui-neutral-30);
276
+
277
+ // "core/text"
278
+ --uui-text-bg-highlight: var(--uui-warning-20);
279
+ --uui-text-critical: var(--uui-critical-70);
280
+ --uui-text-disabled: var(--uui-neutral-30);
281
+ --uui-text-info: var(--uui-info-70);
282
+ --uui-text-primary: var(--uui-neutral-5);
283
+ --uui-text-secondary: var(--uui-neutral-10);
284
+ --uui-text-success: var(--uui-success-70);
285
+ --uui-text-tertiary: var(--uui-neutral-20);
286
+ --uui-text-warning: var(--uui-warning-70);
287
+
288
+ @include colorClasses.theme-color-classes;
289
+ }