@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.css CHANGED
@@ -113,6 +113,11 @@
113
113
  font-style:italic;
114
114
  }
115
115
  .uui-theme-loveship{
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:#F8FAFF;
@@ -317,6 +322,231 @@
317
322
  --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);
318
323
  --uui-border-radius:3px;
319
324
  }
325
+ .uui-theme-loveship .uui-size-12{
326
+ --uui-size:12px;
327
+ --uui-border-width:1px;
328
+ --uui-horizontal-gap:6px;
329
+ --uui-vertical-gap:3px;
330
+ --uui-horizontal-padding:6px;
331
+ --uui-vertical-padding:3px;
332
+ --uui-icon-size:12px;
333
+ --uui-line-height:12px;
334
+ --uui-font-size:12px;
335
+ --uui-dot-size:6px;
336
+ }
337
+ .uui-theme-loveship .uui-size-18{
338
+ --uui-size:18px;
339
+ --uui-border-width:1px;
340
+ --uui-horizontal-gap:3px;
341
+ --uui-vertical-gap:3px;
342
+ --uui-horizontal-padding:3px;
343
+ --uui-vertical-padding:3px;
344
+ --uui-icon-size:12px;
345
+ --uui-line-height:12px;
346
+ --uui-font-size:10px;
347
+ --uui-dot-size:6px;
348
+ }
349
+ .uui-theme-loveship .uui-size-24{
350
+ --uui-size:24px;
351
+ --uui-border-width:1px;
352
+ --uui-horizontal-gap:6px;
353
+ --uui-vertical-gap:3px;
354
+ --uui-horizontal-padding:6px;
355
+ --uui-vertical-padding:3px;
356
+ --uui-icon-size:12px;
357
+ --uui-line-height:18px;
358
+ --uui-font-size:12px;
359
+ --uui-dot-size:8px;
360
+ }
361
+ .uui-theme-loveship .uui-size-30{
362
+ --uui-size:30px;
363
+ --uui-border-width:1px;
364
+ --uui-horizontal-gap:6px;
365
+ --uui-vertical-gap:3px;
366
+ --uui-horizontal-padding:6px;
367
+ --uui-vertical-padding:3px;
368
+ --uui-icon-size:18px;
369
+ --uui-line-height:18px;
370
+ --uui-font-size:14px;
371
+ --uui-dot-size:8px;
372
+ }
373
+ .uui-theme-loveship .uui-size-36{
374
+ --uui-size:36px;
375
+ --uui-border-width:1px;
376
+ --uui-horizontal-gap:6px;
377
+ --uui-vertical-gap:3px;
378
+ --uui-horizontal-padding:6px;
379
+ --uui-vertical-padding:3px;
380
+ --uui-icon-size:18px;
381
+ --uui-line-height:18px;
382
+ --uui-font-size:14px;
383
+ --uui-dot-size:8px;
384
+ }
385
+ .uui-theme-loveship .uui-size-42{
386
+ --uui-size:42px;
387
+ --uui-border-width:1px;
388
+ --uui-horizontal-gap:6px;
389
+ --uui-vertical-gap:3px;
390
+ --uui-horizontal-padding:12px;
391
+ --uui-vertical-padding:3px;
392
+ --uui-icon-size:18px;
393
+ --uui-line-height:24px;
394
+ --uui-font-size:16px;
395
+ --uui-dot-size:10px;
396
+ }
397
+ .uui-theme-loveship .uui-size-48{
398
+ --uui-size:48px;
399
+ --uui-border-width:1px;
400
+ --uui-horizontal-gap:6px;
401
+ --uui-vertical-gap:3px;
402
+ --uui-horizontal-padding:12px;
403
+ --uui-vertical-padding:3px;
404
+ --uui-icon-size:24px;
405
+ --uui-line-height:24px;
406
+ --uui-font-size:16px;
407
+ --uui-dot-size:12px;
408
+ }
409
+ .uui-theme-loveship .uui-size-60{
410
+ --uui-size:60px;
411
+ --uui-border-width:1px;
412
+ --uui-horizontal-gap:6px;
413
+ --uui-vertical-gap:3px;
414
+ --uui-horizontal-padding:12px;
415
+ --uui-vertical-padding:3px;
416
+ --uui-icon-size:24px;
417
+ --uui-line-height:24px;
418
+ --uui-font-size:20px;
419
+ --uui-dot-size:12px;
420
+ }
421
+ .uui-theme-loveship .uui-input-box.uui-size-42{
422
+ --uui-horizontal-padding:6px;
423
+ }
424
+ .uui-theme-loveship .uui-input-box.uui-size-48{
425
+ --uui-horizontal-padding:6px;
426
+ }
427
+ .uui-theme-loveship .uui-input-box.uui-textarea{
428
+ --uui-horizontal-padding:12px;
429
+ }
430
+ .uui-theme-loveship .uui-input-box.uui-textarea.uui-size-24{
431
+ --uui-line-height:12px;
432
+ }
433
+ .uui-theme-loveship .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
434
+ --uui-horizontal-padding:12px;
435
+ --uui-horizontal-gap:6px;
436
+ --uui-icon-size:18px;
437
+ --uui-line-height:18px;
438
+ --uui-font-size:14px;
439
+ }
440
+ .uui-theme-loveship .uui-tag.uui-size-18{
441
+ --uui-font-size:12px;
442
+ --uui-line-height:14px;
443
+ }
444
+ .uui-theme-loveship .uui-tag.uui-size-24{
445
+ --uui-icon-size:18px;
446
+ }
447
+ .uui-theme-loveship .uui-tag.uui-size-42{
448
+ --uui-icon-size:24px;
449
+ }
450
+ .uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
451
+ --uui-tag-count_indicator-margin-end:3px;
452
+ }
453
+ .uui-theme-loveship .uui-tag.uui-size-18, .uui-theme-loveship .uui-tag.uui-size-24, .uui-theme-loveship .uui-tag.uui-size-30, .uui-theme-loveship .uui-tag.uui-size-36{
454
+ --uui-horizontal-gap:3px;
455
+ }
456
+ .uui-theme-loveship .uui-tag.uui-size-18, .uui-theme-loveship .uui-tag.uui-size-24, .uui-theme-loveship .uui-tag.uui-size-30{
457
+ --uui-horizontal-padding:3px;
458
+ }
459
+ .uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
460
+ --uui-horizontal-padding:6px;
461
+ }
462
+ .uui-theme-loveship .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
463
+ --uui-horizontal-gap:3px;
464
+ }
465
+ .uui-theme-loveship .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
466
+ --uui-horizontal-padding:3px;
467
+ }
468
+ .uui-theme-loveship .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
469
+ --uui-horizontal-padding:6px;
470
+ }
471
+ .uui-theme-loveship .uui-checkbox-container.uui-size-18, .uui-theme-loveship .uui-radio-input-container.uui-size-18{
472
+ --uui-horizontal-gap:12px;
473
+ --uui-line-height:18px;
474
+ --uui-font-size:14px;
475
+ }
476
+ .uui-theme-loveship .uui-switch.uui-size-18{
477
+ --uui-horizontal-gap:12px;
478
+ --uui-line-height:18px;
479
+ --uui-font-size:14px;
480
+ }
481
+ .uui-theme-loveship .uui-switch.uui-size-24{
482
+ --uui-horizontal-gap:12px;
483
+ --uui-line-height:24px;
484
+ --uui-font-size:16px;
485
+ }
486
+ .uui-theme-loveship .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
487
+ --uui-horizontal-gap:12px;
488
+ --uui-line-height:18px;
489
+ --uui-font-size:14px;
490
+ }
491
+ .uui-theme-loveship .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
492
+ --uui-horizontal-gap:12px;
493
+ --uui-line-height:24px;
494
+ --uui-font-size:16px;
495
+ }
496
+ .uui-theme-loveship .uui-labeled-input.uui-size-30{
497
+ --uui-icon-size:12px;
498
+ --uui-font-size:12px;
499
+ }
500
+ .uui-theme-loveship .uui-labeled-input.uui-size-42{
501
+ --uui-line-height:18px;
502
+ --uui-font-size:14px;
503
+ }
504
+ .uui-theme-loveship .uui-labeled-input.uui-size-48{
505
+ --uui-icon-size:18px;
506
+ --uui-line-height:18px;
507
+ --uui-font-size:14px;
508
+ }
509
+ .uui-theme-loveship .uui-badge.uui-size-18{
510
+ --uui-font-size:12px;
511
+ }
512
+ .uui-theme-loveship .uui-badge.uui-size-24{
513
+ --uui-horizontal-padding:3px;
514
+ --uui-icon-size:18px;
515
+ --uui-line-height:12px;
516
+ }
517
+ .uui-theme-loveship .uui-badge.uui-size-36{
518
+ --uui-horizontal-padding:9px;
519
+ }
520
+ .uui-theme-loveship .uui-badge.uui-size-42{
521
+ --uui-icon-size:24px;
522
+ }
523
+ .uui-theme-loveship .uui-status_indicator.uui-size-12{
524
+ --uui-horizontal-gap:4px;
525
+ }
526
+ .uui-theme-loveship .uui-status_indicator.uui-size-18{
527
+ --uui-horizontal-gap:6px;
528
+ --uui-line-height:18px;
529
+ --uui-font-size:14px;
530
+ --uui-dot-size:8px;
531
+ }
532
+ .uui-theme-loveship .uui-status_indicator.uui-size-24{
533
+ --uui-font-size:14px;
534
+ --uui-dot-size:10px;
535
+ }
536
+ .uui-theme-loveship .uui-count_indicator.uui-size-12{
537
+ --uui-horizontal-padding:3px;
538
+ --uui-line-height:10px;
539
+ --uui-font-size:8px;
540
+ }
541
+ .uui-theme-loveship .uui-count_indicator.uui-size-18{
542
+ --uui-horizontal-padding:6px;
543
+ --uui-line-height:16px;
544
+ --uui-font-size:12px;
545
+ }
546
+ .uui-theme-loveship .uui-count_indicator.uui-size-24{
547
+ --uui-line-height:22px;
548
+ --uui-font-size:14px;
549
+ }
320
550
  .uui-theme-loveship .uui-color-accent,
321
551
  .uui-theme-loveship .uui-color-grass,
322
552
  .uui-theme-loveship .uui-color-success{
@@ -595,7 +825,7 @@
595
825
  .uui-theme-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning){
596
826
  --uui-count_indicator-caption:var(--uui-neutral-70);
597
827
  }
598
- .uui-theme-loveship .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
828
+ .uui-theme-loveship .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
599
829
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
600
830
  border:1px solid var(--uui-neutral-40);
601
831
  }