@epam/assets 5.11.0-rc.0 → 5.11.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 (25) hide show
  1. package/css/theme/theme_eduverse_dark.css +59 -11
  2. package/css/theme/theme_eduverse_dark.css.map +1 -1
  3. package/css/theme/theme_eduverse_light.css +60 -22
  4. package/css/theme/theme_eduverse_light.css.map +1 -1
  5. package/css/theme/theme_electric.css +17 -11
  6. package/css/theme/theme_electric.css.map +1 -1
  7. package/css/theme/theme_loveship.css +17 -2
  8. package/css/theme/theme_loveship.css.map +1 -1
  9. package/css/theme/theme_loveship_dark.css +17 -2
  10. package/css/theme/theme_loveship_dark.css.map +1 -1
  11. package/css/theme/theme_promo.css +17 -2
  12. package/css/theme/theme_promo.css.map +1 -1
  13. package/css/theme/theme_vanilla_thunder.css +17 -1
  14. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  15. package/package.json +2 -2
  16. package/theme/theme_eduverse_dark.scss +46 -7
  17. package/theme/theme_eduverse_light.scss +50 -22
  18. package/theme/variables/6px_grid.scss +25 -1
  19. package/theme/variables/electric.scss +1 -11
  20. package/theme/variables/tokens/_theme_eduverse_dark.scss +3 -3
  21. package/theme/variables/tokens/_theme_eduverse_light.scss +2 -2
  22. package/theme/variables/tokens/_theme_electric.scss +0 -3
  23. package/theme/variables/tokens/_theme_loveship_dark.scss +0 -3
  24. package/theme/variables/tokens/_theme_loveship_light.scss +0 -3
  25. package/theme/variables/tokens/_theme_promo.scss +0 -3
package/theme/variables/6px_grid.scss CHANGED
@@ -139,9 +139,18 @@
139
139
  --uui-font-size: 14px;
140
140
  }
141
141
 
142
+ .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {
143
+ --uui-horizontal-padding: 12px;
144
+ --uui-horizontal-gap: 6px;
145
+ }
146
+
142
147
  .uui-tag {
143
148
  &.uui-size-18 {
144
149
  --uui-font-size: 12px;
150
+
151
+ .uui-caption {
152
+ --uui-tag-horizontal-gap: 0;
153
+ }
145
154
  }
146
155
 
147
156
  &.uui-size-24 {
@@ -213,10 +222,12 @@
213
222
  .uui-badge {
214
223
  &.uui-size-18 {
215
224
  --uui-font-size: 12px;
225
+ --uui-horizontal-padding: 6px;
226
+ --uui-badge-caption-horizontal-padding: 0;
227
+ --uui-badge-indicator-padding: 3px;
216
228
  }
217
229
 
218
230
  &.uui-size-24 {
219
- --uui-horizontal-padding: 3px;
220
231
  --uui-icon-size: 18px;
221
232
  --uui-line-height: 12px;
222
233
  }
@@ -227,6 +238,19 @@
227
238
 
228
239
  &.uui-size-42 {
229
240
  --uui-icon-size: 24px;
241
+ --uui-horizontal-padding: 15px;
242
+ }
243
+
244
+ &.uui-size-48 {
245
+ --uui-horizontal-padding: 15px;
246
+ }
247
+
248
+ &.uui-size-24,
249
+ &.uui-size-30,
250
+ &.uui-size-36,
251
+ &.uui-size-42,
252
+ &.uui-size-48 {
253
+ --uui-horizontal-gap: 3px;
230
254
  }
231
255
  }
232
256
 
package/theme/variables/electric.scss CHANGED
@@ -270,16 +270,6 @@
270
270
 
271
271
  /* IconButton */
272
272
 
273
- .uui-icon_button.uui-color-neutral {
274
- --uui-color-5: var(--uui-secondary-5);
275
- --uui-color-10: var(--uui-secondary-10);
276
- --uui-color-20: var(--uui-secondary-20);
277
- --uui-color-50: var(--uui-secondary-50);
278
- --uui-color-60: var(--uui-secondary-60);
279
- --uui-color-70: var(--uui-secondary-70);
280
- --uui-color-contrast: var(--white);
281
- }
282
-
283
273
  .uui-icon_button.uui-color-white {
284
274
  --uui-icon_btn-hover: var(--uui-neutral-20);
285
275
  --uui-icon_btn-active: var(--uui-neutral-30);
@@ -505,4 +495,4 @@
505
495
  font-size: 18px;
506
496
  }
507
497
  }
508
- }
498
+ }
package/theme/variables/tokens/_theme_eduverse_dark.scss CHANGED
@@ -118,7 +118,7 @@
118
118
  --violet-20: #573088;
119
119
  --violet-50: #8E32EB;
120
120
  --violet-60: #A55CEF;
121
- --violet-70: #40109E;
121
+ --violet-70: #AE8BF4;
122
122
 
123
123
  // "palette-additional/yellow"
124
124
  --yellow-5: #403F40;
@@ -231,8 +231,8 @@
231
231
  --uui-divider: var(--uui-neutral-50);
232
232
  --uui-divider-light: var(--uui-neutral-60);
233
233
  --uui-overlay: #1D1E26CC;
234
- --uui-surface-higher: var(--uui-neutral-70);
235
- --uui-surface-highest: var(--uui-neutral-60);
234
+ --uui-surface-higher: var(--uui-neutral-80);
235
+ --uui-surface-highest: var(--uui-neutral-70);
236
236
  --uui-surface-main: var(--uui-neutral-90);
237
237
  --uui-surface-sunken: var(--uui-neutral-60);
238
238
 
package/theme/variables/tokens/_theme_eduverse_light.scss CHANGED
@@ -228,8 +228,8 @@
228
228
 
229
229
  // "core/surfaces"
230
230
  --uui-app-bg: var(--uui-neutral-0);
231
- --uui-divider: var(--uui-neutral-40);
232
- --uui-divider-light: var(--uui-neutral-30);
231
+ --uui-divider: var(--uui-neutral-60);
232
+ --uui-divider-light: var(--uui-neutral-50);
233
233
  --uui-overlay: #1D1E26CC;
234
234
  --uui-surface-higher: var(--uui-neutral-10);
235
235
  --uui-surface-highest: var(--uui-neutral-20);
package/theme/variables/tokens/_theme_electric.scss CHANGED
@@ -228,9 +228,6 @@
228
228
  --uui-surface-main: var(--uui-neutral-0);
229
229
  --uui-surface-sunken: var(--uui-neutral-20);
230
230
 
231
- // ""
232
- --uui-border-radius: 3;
233
-
234
231
  // "core/controls"
235
232
  --uui-control-bg: var(--uui-surface-main);
236
233
  --uui-control-bg-disabled: var(--uui-neutral-5);
package/theme/variables/tokens/_theme_loveship_dark.scss CHANGED
@@ -226,9 +226,6 @@
226
226
  --uui-surface-main: var(--uui-neutral-80);
227
227
  --uui-surface-sunken: var(--uui-neutral-60);
228
228
 
229
- // ""
230
- --uui-border-radius: 3;
231
-
232
229
  // "core/controls"
233
230
  --uui-control-bg: var(--uui-surface-main);
234
231
  --uui-control-bg-disabled: var(--uui-neutral-60);
package/theme/variables/tokens/_theme_loveship_light.scss CHANGED
@@ -226,9 +226,6 @@
226
226
  --uui-surface-main: var(--uui-neutral-0);
227
227
  --uui-surface-sunken: var(--uui-neutral-20);
228
228
 
229
- // ""
230
- --uui-border-radius: 3;
231
-
232
229
  // "core/controls"
233
230
  --uui-control-bg: var(--uui-surface-main);
234
231
  --uui-control-bg-disabled: var(--uui-neutral-5);
package/theme/variables/tokens/_theme_promo.scss CHANGED
@@ -226,9 +226,6 @@
226
226
  --uui-surface-main: var(--uui-neutral-0);
227
227
  --uui-surface-sunken: var(--uui-neutral-20);
228
228
 
229
- // ""
230
- --uui-border-radius: 0;
231
-
232
229
  // "core/controls"
233
230
  --uui-control-bg: var(--uui-surface-main);
234
231
  --uui-control-bg-disabled: var(--uui-neutral-5);