@epam/assets 5.8.0 → 5.8.1-beta.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 (17) hide show
  1. package/css/theme/theme_electric.css +162 -0
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +162 -0
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +162 -0
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +162 -0
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +162 -0
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/theme/theme_6px.scss +216 -0
  13. package/theme/theme_electric.scss +2 -0
  14. package/theme/theme_loveship.scss +2 -0
  15. package/theme/theme_loveship_dark.scss +2 -0
  16. package/theme/theme_promo.scss +2 -0
  17. package/theme/theme_vanilla_thunder.scss +4 -1
package/css/theme/theme_promo.css CHANGED
@@ -102,6 +102,11 @@
102
102
  font-style:italic;
103
103
  }
104
104
  .uui-theme-promo{
105
+ --uui-focus-outline-width:2px;
106
+ --uui-focus-outline-offset:2px;
107
+ --uui-focus-radius:2px;
108
+ --uui-tab-line-width:3px;
109
+ --uui-notify-size:6px;
105
110
  --amber-5:#FFFCF5;
106
111
  --amber-10:#FFF2CC;
107
112
  --amber-20:#FFE38F;
@@ -304,6 +309,163 @@
304
309
  --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);
305
310
  --uui-border-radius:0;
306
311
  }
312
+ .uui-theme-promo .uui-size-12{
313
+ --uui-size:12px;
314
+ --uui-border-width:1px;
315
+ --uui-horizontal-gap:6px;
316
+ --uui-vertical-gap:3px;
317
+ --uui-horizontal-padding:6px;
318
+ --uui-vertical-padding:3px;
319
+ --uui-icon-size:12px;
320
+ --uui-line-height:12px;
321
+ --uui-font-size:12px;
322
+ }
323
+ .uui-theme-promo .uui-size-18{
324
+ --uui-size:18px;
325
+ --uui-border-width:1px;
326
+ --uui-horizontal-gap:3px;
327
+ --uui-vertical-gap:3px;
328
+ --uui-horizontal-padding:3px;
329
+ --uui-vertical-padding:3px;
330
+ --uui-icon-size:12px;
331
+ --uui-line-height:12px;
332
+ --uui-font-size:10px;
333
+ }
334
+ .uui-theme-promo .uui-size-24{
335
+ --uui-size:24px;
336
+ --uui-border-width:1px;
337
+ --uui-horizontal-gap:6px;
338
+ --uui-vertical-gap:3px;
339
+ --uui-horizontal-padding:6px;
340
+ --uui-vertical-padding:3px;
341
+ --uui-icon-size:12px;
342
+ --uui-line-height:18px;
343
+ --uui-font-size:12px;
344
+ }
345
+ .uui-theme-promo .uui-size-30{
346
+ --uui-size:30px;
347
+ --uui-border-width:1px;
348
+ --uui-horizontal-gap:6px;
349
+ --uui-vertical-gap:3px;
350
+ --uui-horizontal-padding:6px;
351
+ --uui-vertical-padding:3px;
352
+ --uui-icon-size:18px;
353
+ --uui-line-height:18px;
354
+ --uui-font-size:14px;
355
+ }
356
+ .uui-theme-promo .uui-size-36{
357
+ --uui-size:36px;
358
+ --uui-border-width:1px;
359
+ --uui-horizontal-gap:6px;
360
+ --uui-vertical-gap:3px;
361
+ --uui-horizontal-padding:6px;
362
+ --uui-vertical-padding:3px;
363
+ --uui-icon-size:18px;
364
+ --uui-line-height:18px;
365
+ --uui-font-size:14px;
366
+ }
367
+ .uui-theme-promo .uui-size-42{
368
+ --uui-size:42px;
369
+ --uui-border-width:1px;
370
+ --uui-horizontal-gap:6px;
371
+ --uui-vertical-gap:3px;
372
+ --uui-horizontal-padding:12px;
373
+ --uui-vertical-padding:3px;
374
+ --uui-icon-size:18px;
375
+ --uui-line-height:24px;
376
+ --uui-font-size:16px;
377
+ }
378
+ .uui-theme-promo .uui-size-48{
379
+ --uui-size:48px;
380
+ --uui-border-width:1px;
381
+ --uui-horizontal-gap:6px;
382
+ --uui-vertical-gap:3px;
383
+ --uui-horizontal-padding:12px;
384
+ --uui-vertical-padding:3px;
385
+ --uui-icon-size:24px;
386
+ --uui-line-height:24px;
387
+ --uui-font-size:16px;
388
+ }
389
+ .uui-theme-promo .uui-size-60{
390
+ --uui-size:60px;
391
+ --uui-border-width:1px;
392
+ --uui-horizontal-gap:6px;
393
+ --uui-vertical-gap:3px;
394
+ --uui-horizontal-padding:12px;
395
+ --uui-vertical-padding:3px;
396
+ --uui-icon-size:24px;
397
+ --uui-line-height:24px;
398
+ --uui-font-size:20px;
399
+ }
400
+ .uui-theme-promo .uui-input-box.uui-size-42{
401
+ --uui-horizontal-padding:6px;
402
+ }
403
+ .uui-theme-promo .uui-input-box.uui-size-48{
404
+ --uui-horizontal-padding:6px;
405
+ }
406
+ .uui-theme-promo .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
407
+ --uui-horizontal-padding:12px;
408
+ --uui-horizontal-gap:6px;
409
+ --uui-icon-size:18px;
410
+ --uui-line-height:18px;
411
+ --uui-font-size:14px;
412
+ }
413
+ .uui-theme-promo .uui-tag.uui-size-18{
414
+ --uui-font-size:12px;
415
+ --uui-line-height:14px;
416
+ }
417
+ .uui-theme-promo .uui-tag.uui-size-24{
418
+ --uui-icon-size:18px;
419
+ }
420
+ .uui-theme-promo .uui-tag.uui-size-42{
421
+ --uui-icon-size:24px;
422
+ }
423
+ .uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48{
424
+ --uui-tag-count_indicator-margin-end:3px;
425
+ }
426
+ .uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30, .uui-theme-promo .uui-tag.uui-size-36{
427
+ --uui-horizontal-gap:3px;
428
+ }
429
+ .uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30{
430
+ --uui-horizontal-padding:3px;
431
+ }
432
+ .uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48{
433
+ --uui-horizontal-padding:6px;
434
+ }
435
+ .uui-theme-promo .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
436
+ --uui-horizontal-gap:3px;
437
+ }
438
+ .uui-theme-promo .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
439
+ --uui-horizontal-padding:3px;
440
+ }
441
+ .uui-theme-promo .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
442
+ --uui-horizontal-padding:6px;
443
+ }
444
+ .uui-theme-promo .uui-checkbox-container.uui-size-18, .uui-theme-promo .uui-radio-input-container.uui-size-18{
445
+ --uui-horizontal-gap:12px;
446
+ --uui-line-height:18px;
447
+ --uui-font-size:14px;
448
+ }
449
+ .uui-theme-promo .uui-switch.uui-size-18{
450
+ --uui-horizontal-gap:12px;
451
+ --uui-line-height:18px;
452
+ --uui-font-size:14px;
453
+ }
454
+ .uui-theme-promo .uui-switch.uui-size-24{
455
+ --uui-horizontal-gap:12px;
456
+ --uui-line-height:24px;
457
+ --uui-font-size:16px;
458
+ }
459
+ .uui-theme-promo .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
460
+ --uui-horizontal-gap:12px;
461
+ --uui-line-height:18px;
462
+ --uui-font-size:14px;
463
+ }
464
+ .uui-theme-promo .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
465
+ --uui-horizontal-gap:12px;
466
+ --uui-line-height:24px;
467
+ --uui-font-size:16px;
468
+ }
307
469
  .uui-theme-promo .uui-color-accent,
308
470
  .uui-theme-promo .uui-color-green{
309
471
  --uui-color-5:var(--uui-accent-5);