@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_promo.css CHANGED
@@ -102,11 +102,13 @@
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
+ --uui-font:"Source Sans Pro", sans-serif;
106
+ --uui-font-mono:"Roboto Mono", monospace;
107
+ --font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
108
+ --font-museo-slab:"Museo Slab", "Roboto Slab", Arial, sans-serif;
109
+ --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);
110
+ --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);
111
+ --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);
110
112
  --amber-5:#FFFCF5;
111
113
  --amber-10:#FFF2CC;
112
114
  --amber-20:#FFE38F;
@@ -300,171 +302,6 @@
300
302
  --uui-text-success:var(--uui-success-70);
301
303
  --uui-text-tertiary:var(--uui-neutral-60);
302
304
  --uui-text-warning:var(--uui-warning-70);
303
- --uui-font:"Source Sans Pro", sans-serif;
304
- --uui-font-mono:"Roboto Mono", monospace;
305
- --font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
306
- --font-museo-slab:"Museo Slab", "Roboto Slab", Arial, sans-serif;
307
- --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
308
- --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);
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);
310
- --uui-border-radius:0;
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
305
  }
469
306
  .uui-theme-promo .uui-color-primary{
470
307
  --uui-color-5:var(--uui-primary-5);
@@ -556,6 +393,9 @@
556
393
  --uui-color-70:var(--uui-secondary-70);
557
394
  --uui-color-contrast:var(--uui-secondary-contrast);
558
395
  }
396
+ .uui-theme-promo{
397
+ --uui-border-radius:0;
398
+ }
559
399
  .uui-theme-promo .uui-color-green{
560
400
  --uui-color-5:var(--uui-accent-5);
561
401
  --uui-color-10:var(--uui-accent-10);
@@ -819,7 +659,7 @@
819
659
  .uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning){
820
660
  --uui-count_indicator-caption:var(--uui-neutral-70);
821
661
  }
822
- .uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
662
+ .uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
823
663
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
824
664
  border:1px solid var(--uui-neutral-40);
825
665
  }
@@ -991,4 +831,227 @@
991
831
  }
992
832
  .uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3){
993
833
  font-family:var(--font-museo-sans);
834
+ }
835
+ .uui-theme-promo{
836
+ --uui-grid-unit:6px;
837
+ --uui-focus-outline-width:2px;
838
+ --uui-focus-outline-offset:2px;
839
+ --uui-focus-radius:2px;
840
+ --uui-tab-line-width:3px;
841
+ --uui-notify-size:6px;
842
+ }
843
+ .uui-theme-promo .uui-size-12{
844
+ --uui-size:12px;
845
+ --uui-border-width:1px;
846
+ --uui-horizontal-gap:6px;
847
+ --uui-vertical-gap:3px;
848
+ --uui-horizontal-padding:6px;
849
+ --uui-vertical-padding:3px;
850
+ --uui-icon-size:12px;
851
+ --uui-line-height:12px;
852
+ --uui-font-size:12px;
853
+ --uui-dot-size:6px;
854
+ }
855
+ .uui-theme-promo .uui-size-18{
856
+ --uui-size:18px;
857
+ --uui-border-width:1px;
858
+ --uui-horizontal-gap:3px;
859
+ --uui-vertical-gap:3px;
860
+ --uui-horizontal-padding:3px;
861
+ --uui-vertical-padding:3px;
862
+ --uui-icon-size:12px;
863
+ --uui-line-height:12px;
864
+ --uui-font-size:10px;
865
+ --uui-dot-size:6px;
866
+ }
867
+ .uui-theme-promo .uui-size-24{
868
+ --uui-size:24px;
869
+ --uui-border-width:1px;
870
+ --uui-horizontal-gap:6px;
871
+ --uui-vertical-gap:3px;
872
+ --uui-horizontal-padding:6px;
873
+ --uui-vertical-padding:3px;
874
+ --uui-icon-size:12px;
875
+ --uui-line-height:18px;
876
+ --uui-font-size:12px;
877
+ --uui-dot-size:8px;
878
+ }
879
+ .uui-theme-promo .uui-size-30{
880
+ --uui-size:30px;
881
+ --uui-border-width:1px;
882
+ --uui-horizontal-gap:6px;
883
+ --uui-vertical-gap:3px;
884
+ --uui-horizontal-padding:6px;
885
+ --uui-vertical-padding:3px;
886
+ --uui-icon-size:18px;
887
+ --uui-line-height:18px;
888
+ --uui-font-size:14px;
889
+ --uui-dot-size:8px;
890
+ }
891
+ .uui-theme-promo .uui-size-36{
892
+ --uui-size:36px;
893
+ --uui-border-width:1px;
894
+ --uui-horizontal-gap:6px;
895
+ --uui-vertical-gap:3px;
896
+ --uui-horizontal-padding:6px;
897
+ --uui-vertical-padding:3px;
898
+ --uui-icon-size:18px;
899
+ --uui-line-height:18px;
900
+ --uui-font-size:14px;
901
+ --uui-dot-size:8px;
902
+ }
903
+ .uui-theme-promo .uui-size-42{
904
+ --uui-size:42px;
905
+ --uui-border-width:1px;
906
+ --uui-horizontal-gap:6px;
907
+ --uui-vertical-gap:3px;
908
+ --uui-horizontal-padding:12px;
909
+ --uui-vertical-padding:3px;
910
+ --uui-icon-size:18px;
911
+ --uui-line-height:24px;
912
+ --uui-font-size:16px;
913
+ --uui-dot-size:10px;
914
+ }
915
+ .uui-theme-promo .uui-size-48{
916
+ --uui-size:48px;
917
+ --uui-border-width:1px;
918
+ --uui-horizontal-gap:6px;
919
+ --uui-vertical-gap:3px;
920
+ --uui-horizontal-padding:12px;
921
+ --uui-vertical-padding:3px;
922
+ --uui-icon-size:24px;
923
+ --uui-line-height:24px;
924
+ --uui-font-size:16px;
925
+ --uui-dot-size:12px;
926
+ }
927
+ .uui-theme-promo .uui-size-60{
928
+ --uui-size:60px;
929
+ --uui-border-width:1px;
930
+ --uui-horizontal-gap:6px;
931
+ --uui-vertical-gap:3px;
932
+ --uui-horizontal-padding:12px;
933
+ --uui-vertical-padding:3px;
934
+ --uui-icon-size:24px;
935
+ --uui-line-height:24px;
936
+ --uui-font-size:20px;
937
+ --uui-dot-size:12px;
938
+ }
939
+ .uui-theme-promo .uui-input-box.uui-size-42{
940
+ --uui-horizontal-padding:6px;
941
+ }
942
+ .uui-theme-promo .uui-input-box.uui-size-48{
943
+ --uui-horizontal-padding:6px;
944
+ }
945
+ .uui-theme-promo .uui-input-box.uui-textarea{
946
+ --uui-horizontal-padding:12px;
947
+ }
948
+ .uui-theme-promo .uui-input-box.uui-textarea.uui-size-24{
949
+ --uui-line-height:12px;
950
+ }
951
+ .uui-theme-promo .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
952
+ --uui-horizontal-padding:6px;
953
+ --uui-horizontal-gap:3px;
954
+ --uui-icon-size:18px;
955
+ --uui-line-height:18px;
956
+ --uui-font-size:14px;
957
+ }
958
+ .uui-theme-promo .uui-tag.uui-size-18{
959
+ --uui-font-size:12px;
960
+ --uui-line-height:14px;
961
+ }
962
+ .uui-theme-promo .uui-tag.uui-size-24{
963
+ --uui-icon-size:18px;
964
+ }
965
+ .uui-theme-promo .uui-tag.uui-size-42{
966
+ --uui-icon-size:24px;
967
+ }
968
+ .uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48{
969
+ --uui-tag-count_indicator-margin-end:3px;
970
+ }
971
+ .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{
972
+ --uui-horizontal-gap:3px;
973
+ }
974
+ .uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30{
975
+ --uui-horizontal-padding:3px;
976
+ }
977
+ .uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48{
978
+ --uui-horizontal-padding:6px;
979
+ }
980
+ .uui-theme-promo .uui-checkbox-container.uui-size-18, .uui-theme-promo .uui-radio-input-container.uui-size-18{
981
+ --uui-horizontal-gap:12px;
982
+ --uui-line-height:18px;
983
+ --uui-font-size:14px;
984
+ }
985
+ .uui-theme-promo .uui-switch.uui-size-18{
986
+ --uui-horizontal-gap:12px;
987
+ --uui-line-height:18px;
988
+ --uui-font-size:14px;
989
+ }
990
+ .uui-theme-promo .uui-switch.uui-size-24{
991
+ --uui-horizontal-gap:12px;
992
+ --uui-line-height:24px;
993
+ --uui-font-size:16px;
994
+ }
995
+ .uui-theme-promo .uui-labeled-input.uui-size-30{
996
+ --uui-icon-size:12px;
997
+ --uui-font-size:12px;
998
+ }
999
+ .uui-theme-promo .uui-labeled-input.uui-size-42{
1000
+ --uui-line-height:18px;
1001
+ --uui-font-size:14px;
1002
+ }
1003
+ .uui-theme-promo .uui-labeled-input.uui-size-48{
1004
+ --uui-icon-size:18px;
1005
+ --uui-line-height:18px;
1006
+ --uui-font-size:14px;
1007
+ }
1008
+ .uui-theme-promo .uui-badge.uui-size-18{
1009
+ --uui-font-size:12px;
1010
+ }
1011
+ .uui-theme-promo .uui-badge.uui-size-24{
1012
+ --uui-horizontal-padding:3px;
1013
+ --uui-icon-size:18px;
1014
+ --uui-line-height:12px;
1015
+ }
1016
+ .uui-theme-promo .uui-badge.uui-size-36{
1017
+ --uui-horizontal-padding:9px;
1018
+ }
1019
+ .uui-theme-promo .uui-badge.uui-size-42{
1020
+ --uui-icon-size:24px;
1021
+ }
1022
+ .uui-theme-promo .uui-status_indicator.uui-size-12{
1023
+ --uui-horizontal-gap:4px;
1024
+ }
1025
+ .uui-theme-promo .uui-status_indicator.uui-size-18{
1026
+ --uui-horizontal-gap:6px;
1027
+ --uui-line-height:18px;
1028
+ --uui-font-size:14px;
1029
+ --uui-dot-size:8px;
1030
+ }
1031
+ .uui-theme-promo .uui-status_indicator.uui-size-24{
1032
+ --uui-font-size:14px;
1033
+ --uui-dot-size:10px;
1034
+ }
1035
+ .uui-theme-promo .uui-count_indicator.uui-size-12{
1036
+ --uui-horizontal-padding:3px;
1037
+ --uui-line-height:10px;
1038
+ --uui-font-size:8px;
1039
+ }
1040
+ .uui-theme-promo .uui-count_indicator.uui-size-18{
1041
+ --uui-horizontal-padding:6px;
1042
+ --uui-line-height:16px;
1043
+ --uui-font-size:12px;
1044
+ }
1045
+ .uui-theme-promo .uui-count_indicator.uui-size-24{
1046
+ --uui-line-height:22px;
1047
+ --uui-font-size:14px;
1048
+ }
1049
+ .uui-theme-promo .uui-table-header-cell.uui-size-36{
1050
+ --uui-horizontal-gap:12px;
1051
+ }
1052
+ .uui-theme-promo .uui-table-header-cell.uui-size-48{
1053
+ --uui-horizontal-gap:12px;
1054
+ }
1055
+ .uui-theme-promo .uui-table-header-cell.uui-size-60{
1056
+ --uui-horizontal-gap:12px;
994
1057
  }