@epam/assets 5.9.4 → 5.10.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 +238 -175
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +236 -173
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +238 -175
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +234 -171
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +83 -21
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/scss/loveship/typography.scss +2 -2
  13. package/theme/theme_6px.scss +112 -38
  14. package/theme/theme_electric.scss +9 -12
  15. package/theme/theme_loveship.scss +9 -9
  16. package/theme/theme_loveship_dark.scss +10 -11
  17. package/theme/theme_promo.scss +9 -10
  18. package/theme/theme_vanilla_thunder.scss +6 -2
package/css/theme/theme_loveship.css CHANGED
@@ -113,11 +113,15 @@
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
+ --uui-font:"Source Sans Pro", sans-serif;
117
+ --uui-font-mono:"Roboto Mono", monospace;
118
+ --uui-color-night100-800:#D3D7E9;
119
+ --uui-color-night100-900:#B1B9D8;
120
+ --uui-color-night700-800:#30323D;
121
+ --uui-color-night700-900:#1A1B20;
122
+ --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);
123
+ --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
124
+ --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);
121
125
  --black:#000000;
122
126
  --white:#FFFFFF;
123
127
  --cobalt-5:#F8FAFF;
@@ -311,173 +315,6 @@
311
315
  --uui-text-success:var(--uui-success-70);
312
316
  --uui-text-tertiary:var(--uui-neutral-60);
313
317
  --uui-text-warning:var(--uui-warning-70);
314
- --uui-font:"Source Sans Pro", sans-serif;
315
- --uui-font-mono:"Roboto Mono", monospace;
316
- --uui-color-night100-800:#D3D7E9;
317
- --uui-color-night100-900:#B1B9D8;
318
- --uui-color-night700-800:#30323D;
319
- --uui-color-night700-900:#1A1B20;
320
- --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
321
- --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);
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);
323
- --uui-border-radius:3px;
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
- }
336
- .uui-theme-loveship .uui-size-18{
337
- --uui-size:18px;
338
- --uui-border-width:1px;
339
- --uui-horizontal-gap:3px;
340
- --uui-vertical-gap:3px;
341
- --uui-horizontal-padding:3px;
342
- --uui-vertical-padding:3px;
343
- --uui-icon-size:12px;
344
- --uui-line-height:12px;
345
- --uui-font-size:10px;
346
- }
347
- .uui-theme-loveship .uui-size-24{
348
- --uui-size:24px;
349
- --uui-border-width:1px;
350
- --uui-horizontal-gap:6px;
351
- --uui-vertical-gap:3px;
352
- --uui-horizontal-padding:6px;
353
- --uui-vertical-padding:3px;
354
- --uui-icon-size:12px;
355
- --uui-line-height:18px;
356
- --uui-font-size:12px;
357
- }
358
- .uui-theme-loveship .uui-size-30{
359
- --uui-size:30px;
360
- --uui-border-width:1px;
361
- --uui-horizontal-gap:6px;
362
- --uui-vertical-gap:3px;
363
- --uui-horizontal-padding:6px;
364
- --uui-vertical-padding:3px;
365
- --uui-icon-size:18px;
366
- --uui-line-height:18px;
367
- --uui-font-size:14px;
368
- }
369
- .uui-theme-loveship .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
- }
380
- .uui-theme-loveship .uui-size-42{
381
- --uui-size:42px;
382
- --uui-border-width:1px;
383
- --uui-horizontal-gap:6px;
384
- --uui-vertical-gap:3px;
385
- --uui-horizontal-padding:12px;
386
- --uui-vertical-padding:3px;
387
- --uui-icon-size:18px;
388
- --uui-line-height:24px;
389
- --uui-font-size:16px;
390
- }
391
- .uui-theme-loveship .uui-size-48{
392
- --uui-size:48px;
393
- --uui-border-width:1px;
394
- --uui-horizontal-gap:6px;
395
- --uui-vertical-gap:3px;
396
- --uui-horizontal-padding:12px;
397
- --uui-vertical-padding:3px;
398
- --uui-icon-size:24px;
399
- --uui-line-height:24px;
400
- --uui-font-size:16px;
401
- }
402
- .uui-theme-loveship .uui-size-60{
403
- --uui-size:60px;
404
- --uui-border-width:1px;
405
- --uui-horizontal-gap:6px;
406
- --uui-vertical-gap:3px;
407
- --uui-horizontal-padding:12px;
408
- --uui-vertical-padding:3px;
409
- --uui-icon-size:24px;
410
- --uui-line-height:24px;
411
- --uui-font-size:20px;
412
- }
413
- .uui-theme-loveship .uui-input-box.uui-size-42{
414
- --uui-horizontal-padding:6px;
415
- }
416
- .uui-theme-loveship .uui-input-box.uui-size-48{
417
- --uui-horizontal-padding:6px;
418
- }
419
- .uui-theme-loveship .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
420
- --uui-horizontal-padding:12px;
421
- --uui-horizontal-gap:6px;
422
- --uui-icon-size:18px;
423
- --uui-line-height:18px;
424
- --uui-font-size:14px;
425
- }
426
- .uui-theme-loveship .uui-tag.uui-size-18{
427
- --uui-font-size:12px;
428
- --uui-line-height:14px;
429
- }
430
- .uui-theme-loveship .uui-tag.uui-size-24{
431
- --uui-icon-size:18px;
432
- }
433
- .uui-theme-loveship .uui-tag.uui-size-42{
434
- --uui-icon-size:24px;
435
- }
436
- .uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
437
- --uui-tag-count_indicator-margin-end:3px;
438
- }
439
- .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{
440
- --uui-horizontal-gap:3px;
441
- }
442
- .uui-theme-loveship .uui-tag.uui-size-18, .uui-theme-loveship .uui-tag.uui-size-24, .uui-theme-loveship .uui-tag.uui-size-30{
443
- --uui-horizontal-padding:3px;
444
- }
445
- .uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
446
- --uui-horizontal-padding:6px;
447
- }
448
- .uui-theme-loveship .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
449
- --uui-horizontal-gap:3px;
450
- }
451
- .uui-theme-loveship .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
452
- --uui-horizontal-padding:3px;
453
- }
454
- .uui-theme-loveship .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
455
- --uui-horizontal-padding:6px;
456
- }
457
- .uui-theme-loveship .uui-checkbox-container.uui-size-18, .uui-theme-loveship .uui-radio-input-container.uui-size-18{
458
- --uui-horizontal-gap:12px;
459
- --uui-line-height:18px;
460
- --uui-font-size:14px;
461
- }
462
- .uui-theme-loveship .uui-switch.uui-size-18{
463
- --uui-horizontal-gap:12px;
464
- --uui-line-height:18px;
465
- --uui-font-size:14px;
466
- }
467
- .uui-theme-loveship .uui-switch.uui-size-24{
468
- --uui-horizontal-gap:12px;
469
- --uui-line-height:24px;
470
- --uui-font-size:16px;
471
- }
472
- .uui-theme-loveship .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
473
- --uui-horizontal-gap:12px;
474
- --uui-line-height:18px;
475
- --uui-font-size:14px;
476
- }
477
- .uui-theme-loveship .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
478
- --uui-horizontal-gap:12px;
479
- --uui-line-height:24px;
480
- --uui-font-size:16px;
481
318
  }
482
319
  .uui-theme-loveship .uui-color-primary{
483
320
  --uui-color-5:var(--uui-primary-5);
@@ -569,6 +406,9 @@
569
406
  --uui-color-70:var(--uui-secondary-70);
570
407
  --uui-color-contrast:var(--uui-secondary-contrast);
571
408
  }
409
+ .uui-theme-loveship{
410
+ --uui-border-radius:3px;
411
+ }
572
412
  .uui-theme-loveship .uui-color-grass{
573
413
  --uui-color-5:var(--uui-accent-5);
574
414
  --uui-color-10:var(--uui-accent-10);
@@ -829,7 +669,7 @@
829
669
  .uui-theme-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning){
830
670
  --uui-count_indicator-caption:var(--uui-neutral-70);
831
671
  }
832
- .uui-theme-loveship .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
672
+ .uui-theme-loveship .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
833
673
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
834
674
  border:1px solid var(--uui-neutral-40);
835
675
  }
@@ -989,4 +829,227 @@
989
829
  font-size:72px;
990
830
  line-height:72px;
991
831
  font-weight:700;
832
+ }
833
+ .uui-theme-loveship{
834
+ --uui-grid-unit:6px;
835
+ --uui-focus-outline-width:2px;
836
+ --uui-focus-outline-offset:2px;
837
+ --uui-focus-radius:2px;
838
+ --uui-tab-line-width:3px;
839
+ --uui-notify-size:6px;
840
+ }
841
+ .uui-theme-loveship .uui-size-12{
842
+ --uui-size:12px;
843
+ --uui-border-width:1px;
844
+ --uui-horizontal-gap:6px;
845
+ --uui-vertical-gap:3px;
846
+ --uui-horizontal-padding:6px;
847
+ --uui-vertical-padding:3px;
848
+ --uui-icon-size:12px;
849
+ --uui-line-height:12px;
850
+ --uui-font-size:12px;
851
+ --uui-dot-size:6px;
852
+ }
853
+ .uui-theme-loveship .uui-size-18{
854
+ --uui-size:18px;
855
+ --uui-border-width:1px;
856
+ --uui-horizontal-gap:3px;
857
+ --uui-vertical-gap:3px;
858
+ --uui-horizontal-padding:3px;
859
+ --uui-vertical-padding:3px;
860
+ --uui-icon-size:12px;
861
+ --uui-line-height:12px;
862
+ --uui-font-size:10px;
863
+ --uui-dot-size:6px;
864
+ }
865
+ .uui-theme-loveship .uui-size-24{
866
+ --uui-size:24px;
867
+ --uui-border-width:1px;
868
+ --uui-horizontal-gap:6px;
869
+ --uui-vertical-gap:3px;
870
+ --uui-horizontal-padding:6px;
871
+ --uui-vertical-padding:3px;
872
+ --uui-icon-size:12px;
873
+ --uui-line-height:18px;
874
+ --uui-font-size:12px;
875
+ --uui-dot-size:8px;
876
+ }
877
+ .uui-theme-loveship .uui-size-30{
878
+ --uui-size:30px;
879
+ --uui-border-width:1px;
880
+ --uui-horizontal-gap:6px;
881
+ --uui-vertical-gap:3px;
882
+ --uui-horizontal-padding:6px;
883
+ --uui-vertical-padding:3px;
884
+ --uui-icon-size:18px;
885
+ --uui-line-height:18px;
886
+ --uui-font-size:14px;
887
+ --uui-dot-size:8px;
888
+ }
889
+ .uui-theme-loveship .uui-size-36{
890
+ --uui-size:36px;
891
+ --uui-border-width:1px;
892
+ --uui-horizontal-gap:6px;
893
+ --uui-vertical-gap:3px;
894
+ --uui-horizontal-padding:6px;
895
+ --uui-vertical-padding:3px;
896
+ --uui-icon-size:18px;
897
+ --uui-line-height:18px;
898
+ --uui-font-size:14px;
899
+ --uui-dot-size:8px;
900
+ }
901
+ .uui-theme-loveship .uui-size-42{
902
+ --uui-size:42px;
903
+ --uui-border-width:1px;
904
+ --uui-horizontal-gap:6px;
905
+ --uui-vertical-gap:3px;
906
+ --uui-horizontal-padding:12px;
907
+ --uui-vertical-padding:3px;
908
+ --uui-icon-size:18px;
909
+ --uui-line-height:24px;
910
+ --uui-font-size:16px;
911
+ --uui-dot-size:10px;
912
+ }
913
+ .uui-theme-loveship .uui-size-48{
914
+ --uui-size:48px;
915
+ --uui-border-width:1px;
916
+ --uui-horizontal-gap:6px;
917
+ --uui-vertical-gap:3px;
918
+ --uui-horizontal-padding:12px;
919
+ --uui-vertical-padding:3px;
920
+ --uui-icon-size:24px;
921
+ --uui-line-height:24px;
922
+ --uui-font-size:16px;
923
+ --uui-dot-size:12px;
924
+ }
925
+ .uui-theme-loveship .uui-size-60{
926
+ --uui-size:60px;
927
+ --uui-border-width:1px;
928
+ --uui-horizontal-gap:6px;
929
+ --uui-vertical-gap:3px;
930
+ --uui-horizontal-padding:12px;
931
+ --uui-vertical-padding:3px;
932
+ --uui-icon-size:24px;
933
+ --uui-line-height:24px;
934
+ --uui-font-size:20px;
935
+ --uui-dot-size:12px;
936
+ }
937
+ .uui-theme-loveship .uui-input-box.uui-size-42{
938
+ --uui-horizontal-padding:6px;
939
+ }
940
+ .uui-theme-loveship .uui-input-box.uui-size-48{
941
+ --uui-horizontal-padding:6px;
942
+ }
943
+ .uui-theme-loveship .uui-input-box.uui-textarea{
944
+ --uui-horizontal-padding:12px;
945
+ }
946
+ .uui-theme-loveship .uui-input-box.uui-textarea.uui-size-24{
947
+ --uui-line-height:12px;
948
+ }
949
+ .uui-theme-loveship .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
950
+ --uui-horizontal-padding:6px;
951
+ --uui-horizontal-gap:3px;
952
+ --uui-icon-size:18px;
953
+ --uui-line-height:18px;
954
+ --uui-font-size:14px;
955
+ }
956
+ .uui-theme-loveship .uui-tag.uui-size-18{
957
+ --uui-font-size:12px;
958
+ --uui-line-height:14px;
959
+ }
960
+ .uui-theme-loveship .uui-tag.uui-size-24{
961
+ --uui-icon-size:18px;
962
+ }
963
+ .uui-theme-loveship .uui-tag.uui-size-42{
964
+ --uui-icon-size:24px;
965
+ }
966
+ .uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
967
+ --uui-tag-count_indicator-margin-end:3px;
968
+ }
969
+ .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{
970
+ --uui-horizontal-gap:3px;
971
+ }
972
+ .uui-theme-loveship .uui-tag.uui-size-18, .uui-theme-loveship .uui-tag.uui-size-24, .uui-theme-loveship .uui-tag.uui-size-30{
973
+ --uui-horizontal-padding:3px;
974
+ }
975
+ .uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
976
+ --uui-horizontal-padding:6px;
977
+ }
978
+ .uui-theme-loveship .uui-checkbox-container.uui-size-18, .uui-theme-loveship .uui-radio-input-container.uui-size-18{
979
+ --uui-horizontal-gap:12px;
980
+ --uui-line-height:18px;
981
+ --uui-font-size:14px;
982
+ }
983
+ .uui-theme-loveship .uui-switch.uui-size-18{
984
+ --uui-horizontal-gap:12px;
985
+ --uui-line-height:18px;
986
+ --uui-font-size:14px;
987
+ }
988
+ .uui-theme-loveship .uui-switch.uui-size-24{
989
+ --uui-horizontal-gap:12px;
990
+ --uui-line-height:24px;
991
+ --uui-font-size:16px;
992
+ }
993
+ .uui-theme-loveship .uui-labeled-input.uui-size-30{
994
+ --uui-icon-size:12px;
995
+ --uui-font-size:12px;
996
+ }
997
+ .uui-theme-loveship .uui-labeled-input.uui-size-42{
998
+ --uui-line-height:18px;
999
+ --uui-font-size:14px;
1000
+ }
1001
+ .uui-theme-loveship .uui-labeled-input.uui-size-48{
1002
+ --uui-icon-size:18px;
1003
+ --uui-line-height:18px;
1004
+ --uui-font-size:14px;
1005
+ }
1006
+ .uui-theme-loveship .uui-badge.uui-size-18{
1007
+ --uui-font-size:12px;
1008
+ }
1009
+ .uui-theme-loveship .uui-badge.uui-size-24{
1010
+ --uui-horizontal-padding:3px;
1011
+ --uui-icon-size:18px;
1012
+ --uui-line-height:12px;
1013
+ }
1014
+ .uui-theme-loveship .uui-badge.uui-size-36{
1015
+ --uui-horizontal-padding:9px;
1016
+ }
1017
+ .uui-theme-loveship .uui-badge.uui-size-42{
1018
+ --uui-icon-size:24px;
1019
+ }
1020
+ .uui-theme-loveship .uui-status_indicator.uui-size-12{
1021
+ --uui-horizontal-gap:4px;
1022
+ }
1023
+ .uui-theme-loveship .uui-status_indicator.uui-size-18{
1024
+ --uui-horizontal-gap:6px;
1025
+ --uui-line-height:18px;
1026
+ --uui-font-size:14px;
1027
+ --uui-dot-size:8px;
1028
+ }
1029
+ .uui-theme-loveship .uui-status_indicator.uui-size-24{
1030
+ --uui-font-size:14px;
1031
+ --uui-dot-size:10px;
1032
+ }
1033
+ .uui-theme-loveship .uui-count_indicator.uui-size-12{
1034
+ --uui-horizontal-padding:3px;
1035
+ --uui-line-height:10px;
1036
+ --uui-font-size:8px;
1037
+ }
1038
+ .uui-theme-loveship .uui-count_indicator.uui-size-18{
1039
+ --uui-horizontal-padding:6px;
1040
+ --uui-line-height:16px;
1041
+ --uui-font-size:12px;
1042
+ }
1043
+ .uui-theme-loveship .uui-count_indicator.uui-size-24{
1044
+ --uui-line-height:22px;
1045
+ --uui-font-size:14px;
1046
+ }
1047
+ .uui-theme-loveship .uui-table-header-cell.uui-size-36{
1048
+ --uui-horizontal-gap:12px;
1049
+ }
1050
+ .uui-theme-loveship .uui-table-header-cell.uui-size-48{
1051
+ --uui-horizontal-gap:12px;
1052
+ }
1053
+ .uui-theme-loveship .uui-table-header-cell.uui-size-60{
1054
+ --uui-horizontal-gap:12px;
992
1055
  }