@epam/assets 5.2.0-rc.3 → 5.3.0-rc.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 (21) hide show
  1. package/css/theme/theme_electric.css +154 -131
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +262 -228
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +381 -301
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +249 -221
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder(old).css +805 -0
  10. package/css/theme/theme_vanilla_thunder(old).css.map +1 -0
  11. package/css/theme/theme_vanilla_thunder.css +104 -687
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/loveship/colors.scss +7 -7
  15. package/scss/promo/typography.scss +0 -2
  16. package/theme/theme_electric.scss +186 -136
  17. package/theme/theme_loveship.scss +306 -240
  18. package/theme/theme_loveship_dark.scss +456 -320
  19. package/theme/theme_promo.scss +289 -236
  20. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  21. package/theme/theme_vanilla_thunder.scss +114 -864
package/css/theme/theme_promo.css CHANGED
@@ -13,127 +13,135 @@
13
13
  --gray70:#474A59;
14
14
  --gray80:#303240;
15
15
  --gray90:#1D1E26;
16
- --blue-soft:#F5FDFF;
17
- --blue-lightest:#D6F2FF;
18
- --blue-light:#99DDFF;
19
- --blue:#007BBD;
20
- --blue-dark:#006AA3;
21
- --blue-darkest:#005685;
22
- --green-soft:#FCFFF5;
23
- --green-lightest:#EEFFCC;
24
- --green-light:#CFF486;
25
- --green:#65A300;
26
- --green-dark:#528500;
27
- --green-darkest:#446600;
28
- --amber-soft:#FFFCF5;
29
- --amber-lightest:#FFF2CC;
30
- --amber-light:#FFE38F;
31
- --amber:#FFC000;
32
- --amber-dark:#DB9D00;
33
- --amber-darkest:#9F6B04;
34
- --red-soft:#FEF7F6;
35
- --red-lightest:#FADED9;
36
- --red-light:#F5B5A8;
37
- --red:#DB3A1A;
38
- --red-dark:#C03316;
39
- --red-darkest:#A02B13;
16
+ --blue-5:#F5FDFF;
17
+ --blue-10:#D6F2FF;
18
+ --blue-20:#99DDFF;
19
+ --blue-50:#007BBD;
20
+ --blue-60:#006AA3;
21
+ --blue-70:#005685;
22
+ --green-5:#FCFFF5;
23
+ --green-10:#EEFFCC;
24
+ --green-20:#CFF486;
25
+ --green-50:#65A300;
26
+ --green-60:#528500;
27
+ --green-70:#446600;
28
+ --amber-5:#FFFCF5;
29
+ --amber-10:#FFF2CC;
30
+ --amber-20:#FFE38F;
31
+ --amber-50:#FFC000;
32
+ --amber-60:#DB9D00;
33
+ --amber-70:#9F6B04;
34
+ --red-5:#FEF7F6;
35
+ --red-10:#FADED9;
36
+ --red-20:#F5B5A8;
37
+ --red-50:#DB3A1A;
38
+ --red-60:#C03316;
39
+ --red-70:#A02B13;
40
40
  --white:#FFFFFF;
41
- --yellow-0:#FFFFF0;
41
+ --yellow-5:#FFFFF0;
42
42
  --yellow-10:#FFFECC;
43
43
  --yellow-20:#FFFCA4;
44
- --yellow-30:#FDD63B;
45
- --yellow-40:#F9B71D;
46
- --yellow-50:#D3910C;
47
- --orange-0:#FEF8F4;
44
+ --yellow-50:#FDD63B;
45
+ --yellow-60:#F9B71D;
46
+ --yellow-70:#D3910C;
47
+ --orange-5:#FEF8F4;
48
48
  --orange-10:#FFE8D7;
49
49
  --orange-20:#FFCCA7;
50
- --orange-30:#FF8B3E;
51
- --orange-40:#F76B0D;
52
- --orange-50:#BD4B00;
53
- --fuchia-0:#FFF7FB;
54
- --fuchia-10:#F9D8E7;
55
- --fuchia-20:#EDADC8;
56
- --fuchia-30:#EA4386;
57
- --fuchia-40:#D61E68;
58
- --fuchia-50:#AE1955;
59
- --purple-0:#FDF6FE;
50
+ --orange-50:#FF8B3E;
51
+ --orange-60:#F76B0D;
52
+ --orange-70:#BD4B00;
53
+ --fuchsia-5:#FFF7FB;
54
+ --fuchsia-10:#F9D8E7;
55
+ --fuchsia-20:#EDADC8;
56
+ --fuchsia-50:#EA4386;
57
+ --fuchsia-60:#D61E68;
58
+ --fuchsia-70:#AE1955;
59
+ --purple-5:#FDF6FE;
60
60
  --purple-10:#F2CCFA;
61
61
  --purple-20:#E79DF5;
62
- --purple-30:#B114D1;
63
- --purple-40:#860F9E;
64
- --purple-50:#5E0B6F;
65
- --violet-0:#F8F6FE;
62
+ --purple-50:#B114D1;
63
+ --purple-60:#860F9E;
64
+ --purple-70:#5E0B6F;
65
+ --violet-5:#F8F6FE;
66
66
  --violet-10:#DBCCFA;
67
67
  --violet-20:#BB9DF5;
68
- --violet-30:#773CEC;
69
- --violet-40:#5514D6;
70
- --violet-50:#40109E;
71
- --cobalt-0:#F8FAFF;
68
+ --violet-50:#773CEC;
69
+ --violet-60:#5514D6;
70
+ --violet-70:#40109E;
71
+ --cobalt-5:#F8FAFF;
72
72
  --cobalt-10:#D9E2FC;
73
73
  --cobalt-20:#AEC0F5;
74
- --cobalt-30:#0F98FF;
75
- --cobalt-40:#006FE5;
76
- --cobalt-50:#0954A5;
77
- --cyan-0:#F5FBFF;
74
+ --cobalt-50:#0F98FF;
75
+ --cobalt-60:#006FE5;
76
+ --cobalt-70:#0954A5;
77
+ --cyan-5:#F5FBFF;
78
78
  --cyan-10:#D1FAFA;
79
79
  --cyan-20:#AAEEEE;
80
- --cyan-30:#14CCCC;
81
- --cyan-40:#0F9E9E;
82
- --cyan-50:#0B6F6F;
83
- --mint-0:#F2FCF5;
80
+ --cyan-50:#14CCCC;
81
+ --cyan-60:#0F9E9E;
82
+ --cyan-70:#0B6F6F;
83
+ --mint-5:#F2FCF5;
84
84
  --mint-10:#DDF3E4;
85
85
  --mint-20:#B4DFC4;
86
- --mint-30:#4FC48C;
87
- --mint-40:#2E9E68;
88
- --mint-50:#236E4A;
89
- --uui-accent-5:var(--green-soft);
90
- --uui-accent-10:var(--green-lightest);
91
- --uui-accent-20:var(--green-light);
92
- --uui-accent-50:var(--green);
93
- --uui-accent-60:var(--green-dark);
94
- --uui-accent-70:var(--green-darkest);
95
- --uui-primary-5:var(--blue-soft);
96
- --uui-primary-10:var(--blue-lightest);
97
- --uui-primary-20:var(--blue-light);
98
- --uui-primary-50:var(--blue);
99
- --uui-primary-60:var(--blue-dark);
100
- --uui-primary-70:var(--blue-darkest);
86
+ --mint-50:#4FC48C;
87
+ --mint-60:#2E9E68;
88
+ --mint-70:#236E4A;
89
+ --uui-accent-5:var(--green-5);
90
+ --uui-accent-10:var(--green-10);
91
+ --uui-accent-20:var(--green-20);
92
+ --uui-accent-50:var(--green-50);
93
+ --uui-accent-60:var(--green-60);
94
+ --uui-accent-70:var(--green-70);
95
+ --uui-accent-contrast:var(--white);
96
+ --uui-primary-5:var(--blue-5);
97
+ --uui-primary-10:var(--blue-10);
98
+ --uui-primary-20:var(--blue-20);
99
+ --uui-primary-50:var(--blue-50);
100
+ --uui-primary-60:var(--blue-60);
101
+ --uui-primary-70:var(--blue-70);
102
+ --uui-primary-contrast:var(--white);
101
103
  --uui-secondary-5:var(--gray20);
102
104
  --uui-secondary-10:var(--gray30);
103
105
  --uui-secondary-20:var(--gray40);
104
106
  --uui-secondary-50:var(--gray60);
105
107
  --uui-secondary-60:var(--gray70);
106
108
  --uui-secondary-70:var(--gray80);
107
- --uui-critical-5:var(--red-soft);
108
- --uui-critical-10:var(--red-lightest);
109
- --uui-critical-20:var(--red-light);
110
- --uui-critical-50:var(--red);
111
- --uui-critical-60:var(--red-dark);
112
- --uui-critical-70:var(--red-darkest);
113
- --uui-info-5:var(--blue-soft);
114
- --uui-info-10:var(--blue-lightest);
115
- --uui-info-20:var(--blue-light);
116
- --uui-info-50:var(--blue);
117
- --uui-info-60:var(--blue-dark);
118
- --uui-info-70:var(--blue-darkest);
119
- --uui-success-5:var(--green-soft);
120
- --uui-success-10:var(--green-lightest);
121
- --uui-success-20:var(--green-light);
122
- --uui-success-50:var(--green);
123
- --uui-success-60:var(--green-dark);
124
- --uui-success-70:var(--green-darkest);
125
- --uui-warning-5:var(--amber-soft);
126
- --uui-warning-10:var(--amber-lightest);
127
- --uui-warning-20:var(--amber-light);
128
- --uui-warning-50:var(--amber);
129
- --uui-warning-60:var(--amber-dark);
130
- --uui-warning-70:var(--amber-darkest);
131
- --uui-error-5:var(--red-soft);
132
- --uui-error-10:var(--red-lightest);
133
- --uui-error-20:var(--red-light);
134
- --uui-error-50:var(--red);
135
- --uui-error-60:var(--red-dark);
136
- --uui-error-70:var(--red-darkest);
109
+ --uui-secondary-contrast:var(--white);
110
+ --uui-critical-5:var(--red-5);
111
+ --uui-critical-10:var(--red-10);
112
+ --uui-critical-20:var(--red-20);
113
+ --uui-critical-50:var(--red-50);
114
+ --uui-critical-60:var(--red-60);
115
+ --uui-critical-70:var(--red-70);
116
+ --uui-critical-contrast:var(--white);
117
+ --uui-info-5:var(--blue-5);
118
+ --uui-info-10:var(--blue-10);
119
+ --uui-info-20:var(--blue-20);
120
+ --uui-info-50:var(--blue-50);
121
+ --uui-info-60:var(--blue-60);
122
+ --uui-info-70:var(--blue-70);
123
+ --uui-info-contrast:var(--white);
124
+ --uui-success-5:var(--green-5);
125
+ --uui-success-10:var(--green-10);
126
+ --uui-success-20:var(--green-20);
127
+ --uui-success-50:var(--green-50);
128
+ --uui-success-60:var(--green-60);
129
+ --uui-success-70:var(--green-70);
130
+ --uui-success-contrast:var(--white);
131
+ --uui-warning-5:var(--amber-5);
132
+ --uui-warning-10:var(--amber-10);
133
+ --uui-warning-20:var(--amber-20);
134
+ --uui-warning-50:var(--amber-50);
135
+ --uui-warning-60:var(--amber-60);
136
+ --uui-warning-70:var(--amber-70);
137
+ --uui-warning-contrast:var(--gray80);
138
+ --uui-error-5:var(--red-5);
139
+ --uui-error-10:var(--red-10);
140
+ --uui-error-20:var(--red-20);
141
+ --uui-error-50:var(--red-50);
142
+ --uui-error-60:var(--red-60);
143
+ --uui-error-70:var(--red-70);
144
+ --uui-error-contrast:var(--white);
137
145
  --uui-neutral-0:#FFFFFF;
138
146
  --uui-neutral-5:var(--gray5);
139
147
  --uui-neutral-10:var(--gray10);
@@ -148,16 +156,10 @@
148
156
  --uui-neutral-100:#000000;
149
157
  --uui-app-bg:var(--uui-neutral-10);
150
158
  --uui-overlay:rgba(29, 30, 38, 0.8);
151
- --uui-surface:var(--uui-neutral-0);
152
- --uui-surface-low:var(--uui-neutral-5);
153
- --uui-surface-lower:var(--uui-neutral-10);
154
- --uui-surface-lowest:var(--uui-neutral-20);
155
- --uui-surface-contrast:var(--uui-neutral-70);
156
- --uui-surface-contrast-low:var(--uui-neutral-80);
157
- --uui-surface-contrast-lower:var(--uui-neutral-90);
158
- --uui-surface-active:var(--blue-lightest);
159
- --uui-surface-critical:var(--red-lightest);
160
- --uui-surface-warning:var(--amber-lightest);
159
+ --uui-surface-sunken:var(--uui-neutral-5);
160
+ --uui-surface-main:var(--uui-neutral-0);
161
+ --uui-surface-higher:var(--uui-neutral-10);
162
+ --uui-surface-highest:var(--uui-neutral-20);
161
163
  --uui-divider:var(--uui-neutral-40);
162
164
  --uui-divider-light:var(--uui-neutral-30);
163
165
  --uui-text-brand:var(--uui-neutral-90);
@@ -166,19 +168,15 @@
166
168
  --uui-text-tertiary:var(--uui-neutral-60);
167
169
  --uui-text-disabled:var(--uui-neutral-50);
168
170
  --uui-text-contrast:var(--uui-neutral-5);
169
- --uui-text-white:var(--white);
170
- --uui-text-dark:var(--uui-neutral-80);
171
- --uui-text-info:var(--uui-info-50);
172
- --uui-text-warning:var(--uui-warning-50);
173
- --uui-text-error:var(--uui-error-50);
174
- --uui-text-success:var(--uui-success-50);
175
- --uui-disabled:var(--uui-neutral-30);
176
- --uui-link:var(--blue);
177
- --uui-link-soft:var(--blue-soft);
178
- --uui-link-hover:var(--blue-dark);
179
- --uui-link-wite-hover:var(--uui-neutral-40);
180
- --uui-link-black-hover:var(--uui-neutral-80);
181
- --uui-link-visited:#5214CC;
171
+ --uui-text-info:var(--uui-info-70);
172
+ --uui-text-warning:var(--uui-warning-70);
173
+ --uui-text-critical:var(--uui-critical-70);
174
+ --uui-text-success:var(--uui-success-70);
175
+ --uui-link:var(--blue-50);
176
+ --uui-link-soft:var(--blue-5);
177
+ --uui-link-hover:var(--blue-60);
178
+ --uui-link-visited:#8018A0;
179
+ --uui-link-visited-hover:#601278;
182
180
  --uui-link-disabled:var(--uui-neutral-50);
183
181
  --uui-icon:var(--uui-neutral-60);
184
182
  --uui-icon-hover:var(--uui-neutral-70);
@@ -204,8 +202,8 @@
204
202
  --uui-control-icon:var(--uui-neutral-50);
205
203
  --uui-control-icon-disabled:var(--uui-neutral-50);
206
204
  --uui-control-checkbox-icon:var(--uui-neutral-0);
207
- --uui-control-focus:#008ACE80;
208
- --uui-search-result-highlight:var(--uui-warning-10);
205
+ --uui-outline-focus:#008ACE80;
206
+ --uui-search_result-bg-highlight:var(--uui-warning-10);
209
207
  --uui-skeleton:var(--uui-neutral-40);
210
208
  --uui-skeleton-gradient:linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);
211
209
  --uui-border-radius:0;
@@ -213,9 +211,6 @@
213
211
  --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
214
212
  --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
215
213
  }
216
- .uui-theme-promo .uui-accordion-container{
217
- --uui-accordion-border-radius:0;
218
- }
219
214
  .uui-theme-promo .uui-color-accent,
220
215
  .uui-theme-promo .uui-color-green{
221
216
  --uui-color-5:var(--uui-accent-5);
@@ -224,8 +219,7 @@
224
219
  --uui-color-50:var(--uui-accent-50);
225
220
  --uui-color-60:var(--uui-accent-60);
226
221
  --uui-color-70:var(--uui-accent-70);
227
- --uui-color-text:var(--uui-accent-50);
228
- --uui-color-contrast-text:var(--uui-text-white);
222
+ --uui-color-contrast:var(--uui-accent-contrast);
229
223
  }
230
224
  .uui-theme-promo .uui-color-primary,
231
225
  .uui-theme-promo .uui-color-blue{
@@ -235,10 +229,10 @@
235
229
  --uui-color-50:var(--uui-primary-50);
236
230
  --uui-color-60:var(--uui-primary-60);
237
231
  --uui-color-70:var(--uui-primary-70);
238
- --uui-color-text:var(--uui-primary-50);
239
- --uui-color-contrast-text:var(--uui-text-white);
232
+ --uui-color-contrast:var(--uui-primary-contrast);
240
233
  }
241
234
  .uui-theme-promo .uui-color-secondary,
235
+ .uui-theme-promo .uui-color-neutral,
242
236
  .uui-theme-promo .uui-color-gray{
243
237
  --uui-color-5:var(--uui-secondary-5);
244
238
  --uui-color-10:var(--uui-secondary-10);
@@ -246,8 +240,7 @@
246
240
  --uui-color-50:var(--uui-secondary-50);
247
241
  --uui-color-60:var(--uui-secondary-60);
248
242
  --uui-color-70:var(--uui-secondary-70);
249
- --uui-color-text:var(--uui-secondary-50);
250
- --uui-color-contrast-text:var(--uui-text-white);
243
+ --uui-color-contrast:var(--uui-secondary-contrast);
251
244
  }
252
245
  .uui-theme-promo .uui-color-critical,
253
246
  .uui-theme-promo .uui-color-red{
@@ -257,8 +250,7 @@
257
250
  --uui-color-50:var(--uui-critical-50);
258
251
  --uui-color-60:var(--uui-critical-60);
259
252
  --uui-color-70:var(--uui-critical-70);
260
- --uui-color-text:var(--uui-critical-50);
261
- --uui-color-contrast-text:var(--uui-text-white);
253
+ --uui-color-contrast:var(--uui-critical-contrast);
262
254
  }
263
255
  .uui-theme-promo .uui-color-info{
264
256
  --uui-color-5:var(--uui-info-5);
@@ -267,8 +259,7 @@
267
259
  --uui-color-50:var(--uui-info-50);
268
260
  --uui-color-60:var(--uui-info-60);
269
261
  --uui-color-70:var(--uui-info-70);
270
- --uui-color-text:var(--uui-info-50);
271
- --uui-color-contrast-text:var(--uui-text-white);
262
+ --uui-color-contrast:var(--uui-info-contrast);
272
263
  }
273
264
  .uui-theme-promo .uui-color-success{
274
265
  --uui-color-5:var(--uui-success-5);
@@ -277,8 +268,7 @@
277
268
  --uui-color-50:var(--uui-success-50);
278
269
  --uui-color-60:var(--uui-success-60);
279
270
  --uui-color-70:var(--uui-success-70);
280
- --uui-color-text:var(--uui-success-50);
281
- --uui-color-contrast-text:var(--uui-text-white);
271
+ --uui-color-contrast:var(--uui-success-contrast);
282
272
  }
283
273
  .uui-theme-promo .uui-color-warning,
284
274
  .uui-theme-promo .uui-color-amber{
@@ -288,8 +278,7 @@
288
278
  --uui-color-50:var(--uui-warning-50);
289
279
  --uui-color-60:var(--uui-warning-60);
290
280
  --uui-color-70:var(--uui-warning-70);
291
- --uui-color-text:var(--uui-warning-50);
292
- --uui-color-contrast-text:var(--uui-text-dark);
281
+ --uui-color-contrast:var(--uui-warning-contrast);
293
282
  }
294
283
  .uui-theme-promo .uui-color-error{
295
284
  --uui-color-5:var(--uui-error-5);
@@ -298,8 +287,7 @@
298
287
  --uui-color-50:var(--uui-error-50);
299
288
  --uui-color-60:var(--uui-error-60);
300
289
  --uui-color-70:var(--uui-error-70);
301
- --uui-color-text:var(--uui-error-50);
302
- --uui-color-contrast-text:var(--uui-text-white);
290
+ --uui-color-contrast:var(--uui-error-contrast);
303
291
  }
304
292
  .uui-theme-promo .uui-color-white{
305
293
  --uui-color-5:var(--white);
@@ -308,8 +296,7 @@
308
296
  --uui-color-50:var(--white);
309
297
  --uui-color-60:var(--gray10);
310
298
  --uui-color-70:var(--gray20);
311
- --uui-color-text:var(--white);
312
- --uui-color-contrast-text:var(--uui-text-dark);
299
+ --uui-color-contrast:var(--gray80);
313
300
  }
314
301
  .uui-theme-promo .uui-color-gray5{
315
302
  --uui-color-5:var(--white);
@@ -318,8 +305,7 @@
318
305
  --uui-color-50:var(--gray5);
319
306
  --uui-color-60:var(--gray10);
320
307
  --uui-color-70:var(--gray20);
321
- --uui-color-text:var(--gray5);
322
- --uui-color-contrast-text:var(--uui-text-dark);
308
+ --uui-color-contrast:var(--gray80);
323
309
  }
324
310
  .uui-theme-promo .uui-link_button.uui-color-contrast,
325
311
  .uui-theme-promo .uui-color-gray10{
@@ -329,10 +315,8 @@
329
315
  --uui-color-50:var(--gray10);
330
316
  --uui-color-60:var(--gray20);
331
317
  --uui-color-70:var(--gray30);
332
- --uui-color-text:var(--gray10);
333
- --uui-color-contrast-text:var(--uui-text-dark);
318
+ --uui-color-contrast:var(--gray80);
334
319
  }
335
- .uui-theme-promo .uui-badge.uui-color-neutral,
336
320
  .uui-theme-promo .uui-color-gray30{
337
321
  --uui-color-5:var(--gray20);
338
322
  --uui-color-10:var(--gray30);
@@ -340,8 +324,7 @@
340
324
  --uui-color-50:var(--gray30);
341
325
  --uui-color-60:var(--gray40);
342
326
  --uui-color-70:var(--gray50);
343
- --uui-color-text:var(--gray70);
344
- --uui-color-contrast-text:var(--uui-text-dark);
327
+ --uui-color-contrast:var(--gray80);
345
328
  }
346
329
  .uui-theme-promo .uui-color-gray50{
347
330
  --uui-color-5:var(--gray5);
@@ -350,8 +333,7 @@
350
333
  --uui-color-50:var(--gray50);
351
334
  --uui-color-60:var(--gray60);
352
335
  --uui-color-70:var(--gray70);
353
- --uui-color-text:var(--gray70);
354
- --uui-color-contrast-text:var(--uui-text-dark);
336
+ --uui-color-contrast:var(--gray80);
355
337
  }
356
338
  .uui-theme-promo .uui-button.uui-color-gray50,
357
339
  .uui-theme-promo .uui-color-gray60{
@@ -361,18 +343,16 @@
361
343
  --uui-color-50:var(--gray60);
362
344
  --uui-color-60:var(--gray70);
363
345
  --uui-color-70:var(--gray80);
364
- --uui-color-text:var(--gray70);
365
- --uui-color-contrast-text:var(--uui-text-white);
346
+ --uui-color-contrast:var(--white);
366
347
  }
367
348
  .uui-theme-promo .uui-color-gray80{
368
349
  --uui-color-5:var(--white);
369
350
  --uui-color-10:var(--gray10);
370
351
  --uui-color-20:var(--gray20);
371
352
  --uui-color-50:var(--gray80);
372
- --uui-color-60:var(--gray40);
373
- --uui-color-70:var(--gray50);
374
- --uui-color-text:var(--gray50);
375
- --uui-color-contrast-text:var(--uui-text-dark);
353
+ --uui-color-60:var(--gray80);
354
+ --uui-color-70:var(--gray80);
355
+ --uui-color-contrast:var(--white);
376
356
  }
377
357
  .uui-theme-promo .uui-color-gray90{
378
358
  --uui-color-5:var(--gray60);
@@ -381,116 +361,164 @@
381
361
  --uui-color-50:var(--gray90);
382
362
  --uui-color-60:var(--gray90);
383
363
  --uui-color-70:var(--gray90);
384
- --uui-color-text:var(--gray90);
385
- --uui-color-contrast-text:var(--uui-text-white);
364
+ --uui-color-contrast:var(--white);
386
365
  }
387
366
  .uui-theme-promo .uui-color-yellow{
388
367
  --uui-color-5:var(--yellow-5);
389
368
  --uui-color-10:var(--yellow-10);
390
369
  --uui-color-20:var(--yellow-20);
391
- --uui-color-50:var(--yellow-30);
392
- --uui-color-60:var(--yellow-40);
393
- --uui-color-70:var(--yellow-50);
394
- --uui-color-text:var(--yellow-50);
395
- --uui-color-contrast-text:var(--uui-text-white);
370
+ --uui-color-50:var(--yellow-50);
371
+ --uui-color-60:var(--yellow-60);
372
+ --uui-color-70:var(--yellow-70);
373
+ --uui-color-contrast:var(--gray80);
396
374
  }
397
375
  .uui-theme-promo .uui-color-orange{
398
376
  --uui-color-5:var(--orange-5);
399
377
  --uui-color-10:var(--orange-10);
400
378
  --uui-color-20:var(--orange-20);
401
- --uui-color-50:var(--orange-30);
402
- --uui-color-60:var(--orange-40);
403
- --uui-color-70:var(--orange-50);
404
- --uui-color-text:var(--orange-50);
405
- --uui-color-contrast-text:var(--uui-text-white);
379
+ --uui-color-50:var(--orange-50);
380
+ --uui-color-60:var(--orange-60);
381
+ --uui-color-70:var(--orange-70);
382
+ --uui-color-contrast:var(--gray80);
406
383
  }
407
384
  .uui-theme-promo .uui-color-fuchsia{
408
385
  --uui-color-5:var(--fuchsia-5);
409
386
  --uui-color-10:var(--fuchsia-10);
410
387
  --uui-color-20:var(--fuchsia-20);
411
- --uui-color-50:var(--fuchsia-30);
412
- --uui-color-60:var(--fuchsia-40);
413
- --uui-color-70:var(--fuchsia-50);
414
- --uui-color-text:var(--fuchsia-50);
415
- --uui-color-contrast-text:var(--uui-text-white);
388
+ --uui-color-50:var(--fuchsia-50);
389
+ --uui-color-60:var(--fuchsia-60);
390
+ --uui-color-70:var(--fuchsia-70);
391
+ --uui-color-contrast:var(--white);
416
392
  }
417
393
  .uui-theme-promo .uui-color-purple{
418
394
  --uui-color-5:var(--purple-5);
419
395
  --uui-color-10:var(--purple-10);
420
396
  --uui-color-20:var(--purple-20);
421
- --uui-color-50:var(--purple-30);
422
- --uui-color-60:var(--purple-40);
423
- --uui-color-70:var(--purple-50);
424
- --uui-color-text:var(--purple-50);
425
- --uui-color-contrast-text:var(--uui-text-white);
397
+ --uui-color-50:var(--purple-50);
398
+ --uui-color-60:var(--purple-60);
399
+ --uui-color-70:var(--purple-70);
400
+ --uui-color-contrast:var(--white);
426
401
  }
427
402
  .uui-theme-promo .uui-color-violet{
428
403
  --uui-color-5:var(--violet-5);
429
404
  --uui-color-10:var(--violet-10);
430
405
  --uui-color-20:var(--violet-20);
431
- --uui-color-50:var(--violet-30);
432
- --uui-color-60:var(--violet-40);
433
- --uui-color-70:var(--violet-50);
434
- --uui-color-text:var(--violet-50);
435
- --uui-color-contrast-text:var(--uui-text-white);
406
+ --uui-color-50:var(--violet-50);
407
+ --uui-color-60:var(--violet-60);
408
+ --uui-color-70:var(--violet-70);
409
+ --uui-color-contrast:var(--white);
436
410
  }
437
411
  .uui-theme-promo .uui-color-cobalt{
412
+ --uui-color-5:var(--cobalt-5);
438
413
  --uui-color-10:var(--cobalt-10);
439
414
  --uui-color-20:var(--cobalt-20);
440
- --uui-color-50:var(--cobalt-30);
441
- --uui-color-60:var(--cobalt-40);
442
- --uui-color-70:var(--cobalt-50);
443
- --uui-color-text:var(--cobalt-50);
444
- --uui-color-contrast-text:var(--uui-text-white);
415
+ --uui-color-50:var(--cobalt-50);
416
+ --uui-color-60:var(--cobalt-60);
417
+ --uui-color-70:var(--cobalt-70);
418
+ --uui-color-contrast:var(--white);
445
419
  }
446
420
  .uui-theme-promo .uui-color-cyan{
421
+ --uui-color-5:var(--cyan-5);
447
422
  --uui-color-10:var(--cyan-10);
448
423
  --uui-color-20:var(--cyan-20);
449
- --uui-color-50:var(--cyan-30);
450
- --uui-color-60:var(--cyan-40);
451
- --uui-color-70:var(--cyan-50);
452
- --uui-color-text:var(--cyan-50);
453
- --uui-color-contrast-text:var(--uui-text-white);
424
+ --uui-color-50:var(--cyan-50);
425
+ --uui-color-60:var(--cyan-60);
426
+ --uui-color-70:var(--cyan-70);
427
+ --uui-color-contrast:var(--gray80);
454
428
  }
455
429
  .uui-theme-promo .uui-color-mint{
430
+ --uui-color-5:var(--mint-5);
456
431
  --uui-color-10:var(--mint-10);
457
432
  --uui-color-20:var(--mint-20);
458
- --uui-color-50:var(--mint-30);
459
- --uui-color-60:var(--mint-40);
460
- --uui-color-70:var(--mint-50);
461
- --uui-color-text:var(--mint-50);
462
- --uui-color-contrast-text:var(--uui-text-white);
433
+ --uui-color-50:var(--mint-50);
434
+ --uui-color-60:var(--mint-60);
435
+ --uui-color-70:var(--mint-70);
436
+ --uui-color-contrast:var(--gray80);
437
+ }
438
+ .uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline{
439
+ --uui-badge-bg-hover:var(--uui-neutral-10);
440
+ --uui-badge-border:var(--uui-neutral-30);
441
+ --uui-badge-border-hover:var(--uui-neutral-30);
442
+ --uui-badge-caption:var(--uui-neutral-80);
443
+ --uui-badge-caption-hover:var(--uui-neutral-80);
444
+ }
445
+ .uui-theme-promo .uui-badge.uui-color-neutral,
446
+ .uui-theme-promo .uui-badge.uui-color-gray30{
447
+ --uui-badge-bg:var(--uui-neutral-30);
448
+ --uui-badge-bg-hover:var(--uui-neutral-40);
449
+ --uui-badge-border:var(--uui-neutral-30);
450
+ --uui-badge-border-hover:var(--uui-neutral-40);
451
+ --uui-badge-caption:var(--uui-neutral-80);
452
+ --uui-badge-caption-hover:var(--uui-neutral-80);
453
+ }
454
+ .uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-outline,
455
+ .uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline{
456
+ --uui-badge-bg:var(--uui-neutral-20);
457
+ --uui-badge-bg-hover:var(--uui-neutral-30);
458
+ --uui-badge-border:var(--uui-neutral-40);
459
+ --uui-badge-caption:var(--uui-neutral-80);
460
+ --uui-badge-caption-hover:var(--uui-neutral-80);
461
+ }
462
+ .uui-theme-promo .uui-badge.uui-color-gray10{
463
+ --uui-badge-bg:var(--uui-neutral-10);
464
+ --uui-badge-bg-hover:var(--uui-neutral-20);
465
+ --uui-badge-border:var(--uui-neutral-10);
466
+ --uui-badge-border-hover:var(--uui-neutral-20);
467
+ }
468
+ .uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline{
469
+ --uui-badge-border:var(--uui-neutral-30);
470
+ --uui-badge-caption:var(--uui-neutral-80);
471
+ --uui-badge-caption-hover:var(--uui-neutral-80);
472
+ }
473
+ .uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline{
474
+ --uui-badge-bg-hover:var(--uui-neutral-30);
475
+ --uui-badge-border:var(--uui-neutral-60);
476
+ --uui-badge-border-hover:var(--uui-neutral-60);
477
+ --uui-badge-caption:var(--uui-neutral-80);
478
+ --uui-badge-caption-hover:var(--uui-neutral-80);
479
+ }
480
+ .uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline{
481
+ --uui-badge-border:var(--yellow-20);
482
+ }
483
+ .uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost){
484
+ --uui-btn-caption:var(--uui-neutral-70);
463
485
  }
464
486
  .uui-theme-promo .uui-icon_button.uui-color-neutral,
465
- .uui-theme-promo .uui-icon_button.uui-color-gray60,
487
+ .uui-theme-promo .uui-icon_button.uui-color-gray60{
488
+ --uui-icon-btn:var(--uui-neutral-60);
489
+ --uui-icon-btn-hover:var(--uui-neutral-70);
490
+ --uui-icon-btn-active:var(--uui-neutral-80);
491
+ }
466
492
  .uui-theme-promo .uui-icon_button.uui-color-secondary{
467
- --uui-color-5:var(--uui-secondary-5);
468
- --uui-color-10:var(--uui-secondary-10);
469
- --uui-color-20:var(--uui-secondary-20);
470
- --uui-color-50:var(--uui-secondary-50);
471
- --uui-color-60:var(--uui-secondary-60);
472
- --uui-color-70:var(--uui-secondary-70);
473
- --uui-color-text:var(--uui-secondary-60);
474
- --uui-color-contrast-text:var(--uui-text-white);
493
+ --uui-icon-btn:var(--uui-neutral-50);
494
+ --uui-icon-btn-hover:var(--uui-neutral-60);
495
+ --uui-icon-btn-active:var(--uui-neutral-70);
475
496
  }
476
497
  .uui-theme-promo .uui-tooltip-container.uui-color-white,
477
498
  .uui-theme-promo .uui-tooltip-container.uui-color-neutral{
478
- --uui-color-50:var(--white);
479
- --uui-color-contrast-text:var(--uui-text-dark);
499
+ --uui-tooltip-bg:var(--white);
500
+ --uui-tooltip-text:var(--uui-neutral-80);
480
501
  }
481
502
  .uui-theme-promo .uui-tooltip-container.uui-color-red,
482
503
  .uui-theme-promo .uui-tooltip-container.uui-color-critical{
483
- --uui-color-50:var(--uui-critical-60);
504
+ --uui-tooltip-bg:var(--uui-critical-60);
484
505
  }
485
506
  .uui-theme-promo .uui-tooltip-container.uui-color-gray,
486
507
  .uui-theme-promo .uui-tooltip-container.uui-color-contrast{
487
- --uui-color-50:var(--gray80);
488
- --uui-color-contrast-text:var(--uui-text-white);
508
+ --uui-tooltip-bg:var(--uui-neutral-80);
509
+ --uui-tooltip-text:var(--white);
510
+ }
511
+ .uui-theme-promo .uui-count_indicator.uui-color-gray,
512
+ .uui-theme-promo .uui-count_indicator.uui-color-neutral{
513
+ --uui-count_indicator-bg:var(--uui-neutral-30);
514
+ --uui-count_indicator-border:var(--uui-neutral-30);
515
+ }
516
+ .uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning){
517
+ --uui-count_indicator-caption:var(--uui-neutral-70);
489
518
  }
490
- .uui-theme-promo .uui-informer.uui-color-gray,
491
- .uui-theme-promo .uui-informer.uui-color-neutral{
492
- --uui-color-50:var(--uui-neutral-30);
493
- --uui-informer-caption:var(--uui-text-dark);
519
+ .uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
520
+ background-color:color-mix(in srgb, var(--white) 20%, transparent);
521
+ border:1px solid var(--uui-neutral-40);
494
522
  }
495
523
  .uui-theme-promo .uui-flex-row.uui-color-none{
496
524
  --uui-flex-row-bg:transparent;