@epam/assets 5.8.1-alpha.0 → 5.8.1-y.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 (18) hide show
  1. package/css/theme/theme_electric.css +231 -1
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +231 -1
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +237 -7
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +231 -1
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +230 -0
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/readme.md +2 -2
  13. package/theme/theme_6px.scss +305 -0
  14. package/theme/theme_electric.scss +3 -1
  15. package/theme/theme_loveship.scss +3 -1
  16. package/theme/theme_loveship_dark.scss +7 -5
  17. package/theme/theme_promo.scss +3 -1
  18. package/theme/theme_vanilla_thunder.scss +4 -1
package/css/theme/theme_loveship_dark.css CHANGED
@@ -113,6 +113,11 @@
113
113
  font-style:italic;
114
114
  }
115
115
  .uui-theme-loveship_dark{
116
+ --uui-focus-outline-width:2px;
117
+ --uui-focus-outline-offset:2px;
118
+ --uui-focus-radius:2px;
119
+ --uui-tab-line-width:3px;
120
+ --uui-notify-size:6px;
116
121
  --black:#000000;
117
122
  --white:#FFFFFF;
118
123
  --cobalt-5:#2C3A4F;
@@ -313,6 +318,231 @@
313
318
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
314
319
  --uui-border-radius:3px;
315
320
  }
321
+ .uui-theme-loveship_dark .uui-size-12{
322
+ --uui-size:12px;
323
+ --uui-border-width:1px;
324
+ --uui-horizontal-gap:6px;
325
+ --uui-vertical-gap:3px;
326
+ --uui-horizontal-padding:6px;
327
+ --uui-vertical-padding:3px;
328
+ --uui-icon-size:12px;
329
+ --uui-line-height:12px;
330
+ --uui-font-size:12px;
331
+ --uui-dot-size:6px;
332
+ }
333
+ .uui-theme-loveship_dark .uui-size-18{
334
+ --uui-size:18px;
335
+ --uui-border-width:1px;
336
+ --uui-horizontal-gap:3px;
337
+ --uui-vertical-gap:3px;
338
+ --uui-horizontal-padding:3px;
339
+ --uui-vertical-padding:3px;
340
+ --uui-icon-size:12px;
341
+ --uui-line-height:12px;
342
+ --uui-font-size:10px;
343
+ --uui-dot-size:6px;
344
+ }
345
+ .uui-theme-loveship_dark .uui-size-24{
346
+ --uui-size:24px;
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:12px;
353
+ --uui-line-height:18px;
354
+ --uui-font-size:12px;
355
+ --uui-dot-size:8px;
356
+ }
357
+ .uui-theme-loveship_dark .uui-size-30{
358
+ --uui-size:30px;
359
+ --uui-border-width:1px;
360
+ --uui-horizontal-gap:6px;
361
+ --uui-vertical-gap:3px;
362
+ --uui-horizontal-padding:6px;
363
+ --uui-vertical-padding:3px;
364
+ --uui-icon-size:18px;
365
+ --uui-line-height:18px;
366
+ --uui-font-size:14px;
367
+ --uui-dot-size:8px;
368
+ }
369
+ .uui-theme-loveship_dark .uui-size-36{
370
+ --uui-size:36px;
371
+ --uui-border-width:1px;
372
+ --uui-horizontal-gap:6px;
373
+ --uui-vertical-gap:3px;
374
+ --uui-horizontal-padding:6px;
375
+ --uui-vertical-padding:3px;
376
+ --uui-icon-size:18px;
377
+ --uui-line-height:18px;
378
+ --uui-font-size:14px;
379
+ --uui-dot-size:8px;
380
+ }
381
+ .uui-theme-loveship_dark .uui-size-42{
382
+ --uui-size:42px;
383
+ --uui-border-width:1px;
384
+ --uui-horizontal-gap:6px;
385
+ --uui-vertical-gap:3px;
386
+ --uui-horizontal-padding:12px;
387
+ --uui-vertical-padding:3px;
388
+ --uui-icon-size:18px;
389
+ --uui-line-height:24px;
390
+ --uui-font-size:16px;
391
+ --uui-dot-size:10px;
392
+ }
393
+ .uui-theme-loveship_dark .uui-size-48{
394
+ --uui-size:48px;
395
+ --uui-border-width:1px;
396
+ --uui-horizontal-gap:6px;
397
+ --uui-vertical-gap:3px;
398
+ --uui-horizontal-padding:12px;
399
+ --uui-vertical-padding:3px;
400
+ --uui-icon-size:24px;
401
+ --uui-line-height:24px;
402
+ --uui-font-size:16px;
403
+ --uui-dot-size:12px;
404
+ }
405
+ .uui-theme-loveship_dark .uui-size-60{
406
+ --uui-size:60px;
407
+ --uui-border-width:1px;
408
+ --uui-horizontal-gap:6px;
409
+ --uui-vertical-gap:3px;
410
+ --uui-horizontal-padding:12px;
411
+ --uui-vertical-padding:3px;
412
+ --uui-icon-size:24px;
413
+ --uui-line-height:24px;
414
+ --uui-font-size:20px;
415
+ --uui-dot-size:12px;
416
+ }
417
+ .uui-theme-loveship_dark .uui-input-box.uui-size-42{
418
+ --uui-horizontal-padding:6px;
419
+ }
420
+ .uui-theme-loveship_dark .uui-input-box.uui-size-48{
421
+ --uui-horizontal-padding:6px;
422
+ }
423
+ .uui-theme-loveship_dark .uui-input-box.uui-textarea{
424
+ --uui-horizontal-padding:12px;
425
+ }
426
+ .uui-theme-loveship_dark .uui-input-box.uui-textarea.uui-size-24{
427
+ --uui-line-height:12px;
428
+ }
429
+ .uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
430
+ --uui-horizontal-padding:12px;
431
+ --uui-horizontal-gap:6px;
432
+ --uui-icon-size:18px;
433
+ --uui-line-height:18px;
434
+ --uui-font-size:14px;
435
+ }
436
+ .uui-theme-loveship_dark .uui-tag.uui-size-18{
437
+ --uui-font-size:12px;
438
+ --uui-line-height:14px;
439
+ }
440
+ .uui-theme-loveship_dark .uui-tag.uui-size-24{
441
+ --uui-icon-size:18px;
442
+ }
443
+ .uui-theme-loveship_dark .uui-tag.uui-size-42{
444
+ --uui-icon-size:24px;
445
+ }
446
+ .uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48{
447
+ --uui-tag-count_indicator-margin-end:3px;
448
+ }
449
+ .uui-theme-loveship_dark .uui-tag.uui-size-18, .uui-theme-loveship_dark .uui-tag.uui-size-24, .uui-theme-loveship_dark .uui-tag.uui-size-30, .uui-theme-loveship_dark .uui-tag.uui-size-36{
450
+ --uui-horizontal-gap:3px;
451
+ }
452
+ .uui-theme-loveship_dark .uui-tag.uui-size-18, .uui-theme-loveship_dark .uui-tag.uui-size-24, .uui-theme-loveship_dark .uui-tag.uui-size-30{
453
+ --uui-horizontal-padding:3px;
454
+ }
455
+ .uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48{
456
+ --uui-horizontal-padding:6px;
457
+ }
458
+ .uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
459
+ --uui-horizontal-gap:3px;
460
+ }
461
+ .uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
462
+ --uui-horizontal-padding:3px;
463
+ }
464
+ .uui-theme-loveship_dark .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
465
+ --uui-horizontal-padding:6px;
466
+ }
467
+ .uui-theme-loveship_dark .uui-checkbox-container.uui-size-18, .uui-theme-loveship_dark .uui-radio-input-container.uui-size-18{
468
+ --uui-horizontal-gap:12px;
469
+ --uui-line-height:18px;
470
+ --uui-font-size:14px;
471
+ }
472
+ .uui-theme-loveship_dark .uui-switch.uui-size-18{
473
+ --uui-horizontal-gap:12px;
474
+ --uui-line-height:18px;
475
+ --uui-font-size:14px;
476
+ }
477
+ .uui-theme-loveship_dark .uui-switch.uui-size-24{
478
+ --uui-horizontal-gap:12px;
479
+ --uui-line-height:24px;
480
+ --uui-font-size:16px;
481
+ }
482
+ .uui-theme-loveship_dark .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
483
+ --uui-horizontal-gap:12px;
484
+ --uui-line-height:18px;
485
+ --uui-font-size:14px;
486
+ }
487
+ .uui-theme-loveship_dark .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
488
+ --uui-horizontal-gap:12px;
489
+ --uui-line-height:24px;
490
+ --uui-font-size:16px;
491
+ }
492
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-30{
493
+ --uui-icon-size:12px;
494
+ --uui-font-size:12px;
495
+ }
496
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-42{
497
+ --uui-line-height:18px;
498
+ --uui-font-size:14px;
499
+ }
500
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-48{
501
+ --uui-icon-size:18px;
502
+ --uui-line-height:18px;
503
+ --uui-font-size:14px;
504
+ }
505
+ .uui-theme-loveship_dark .uui-badge.uui-size-18{
506
+ --uui-font-size:12px;
507
+ }
508
+ .uui-theme-loveship_dark .uui-badge.uui-size-24{
509
+ --uui-horizontal-padding:3px;
510
+ --uui-icon-size:18px;
511
+ --uui-line-height:12px;
512
+ }
513
+ .uui-theme-loveship_dark .uui-badge.uui-size-36{
514
+ --uui-horizontal-padding:9px;
515
+ }
516
+ .uui-theme-loveship_dark .uui-badge.uui-size-42{
517
+ --uui-icon-size:24px;
518
+ }
519
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-12{
520
+ --uui-horizontal-gap:4px;
521
+ }
522
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-18{
523
+ --uui-horizontal-gap:6px;
524
+ --uui-line-height:18px;
525
+ --uui-font-size:14px;
526
+ --uui-dot-size:8px;
527
+ }
528
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-24{
529
+ --uui-font-size:14px;
530
+ --uui-dot-size:10px;
531
+ }
532
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-12{
533
+ --uui-horizontal-padding:3px;
534
+ --uui-line-height:10px;
535
+ --uui-font-size:8px;
536
+ }
537
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-18{
538
+ --uui-horizontal-padding:6px;
539
+ --uui-line-height:16px;
540
+ --uui-font-size:12px;
541
+ }
542
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-24{
543
+ --uui-line-height:22px;
544
+ --uui-font-size:14px;
545
+ }
316
546
  .uui-theme-loveship_dark .uui-color-neutral,
317
547
  .uui-theme-loveship_dark .uui-color-gray,
318
548
  .uui-theme-loveship_dark .uui-color-secondary{
@@ -741,16 +971,16 @@
741
971
  .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray{
742
972
  --uui-count_indicator-caption:var(--uui-neutral-10);
743
973
  }
744
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
974
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
745
975
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
746
976
  border:1px solid var(--white);
747
977
  }
748
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,
749
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot{
978
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,
979
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot{
750
980
  background-color:var(--uui-neutral-30);
751
981
  }
752
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,
753
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot{
982
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,
983
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot{
754
984
  background-color:color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);
755
985
  border:1px solid var(--uui-neutral-30);
756
986
  }
@@ -897,8 +1127,8 @@
897
1127
  .uui-theme-loveship_dark .uui-dropdownMenu-body{
898
1128
  --uui-dropdown-selected_mark:var(--uui-info-60);
899
1129
  }
900
- .uui-theme-loveship_dark .uui-pickerInput-body{
901
- --uui-pickerInput-selected_mark:var(--uui-info-60);
1130
+ .uui-theme-loveship_dark .uui-picker_input-body{
1131
+ --uui-picker_input-selected_mark:var(--uui-info-60);
902
1132
  }
903
1133
  .uui-theme-loveship_dark .uui-font-sans{
904
1134
  --uui-text-font:var(--uui-font);