@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.
@@ -113,11 +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
+ --uui-font:"Source Sans Pro", sans-serif;
117
+ --uui-font-mono:"Roboto Mono", monospace;
118
+ --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
119
+ --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
120
+ --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
121
121
  --black:#000000;
122
122
  --white:#FFFFFF;
123
123
  --cobalt-5:#2C3A4F;
@@ -311,169 +311,6 @@
311
311
  --uui-text-success:var(--uui-success-70);
312
312
  --uui-text-tertiary:var(--uui-neutral-20);
313
313
  --uui-text-warning:var(--uui-warning-70);
314
- --uui-font:"Source Sans Pro", sans-serif;
315
- --uui-font-mono:"Roboto Mono", monospace;
316
- --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
317
- --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
318
- --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
319
- --uui-border-radius:3px;
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
- }
332
- .uui-theme-loveship_dark .uui-size-18{
333
- --uui-size:18px;
334
- --uui-border-width:1px;
335
- --uui-horizontal-gap:3px;
336
- --uui-vertical-gap:3px;
337
- --uui-horizontal-padding:3px;
338
- --uui-vertical-padding:3px;
339
- --uui-icon-size:12px;
340
- --uui-line-height:12px;
341
- --uui-font-size:10px;
342
- }
343
- .uui-theme-loveship_dark .uui-size-24{
344
- --uui-size:24px;
345
- --uui-border-width:1px;
346
- --uui-horizontal-gap:6px;
347
- --uui-vertical-gap:3px;
348
- --uui-horizontal-padding:6px;
349
- --uui-vertical-padding:3px;
350
- --uui-icon-size:12px;
351
- --uui-line-height:18px;
352
- --uui-font-size:12px;
353
- }
354
- .uui-theme-loveship_dark .uui-size-30{
355
- --uui-size:30px;
356
- --uui-border-width:1px;
357
- --uui-horizontal-gap:6px;
358
- --uui-vertical-gap:3px;
359
- --uui-horizontal-padding:6px;
360
- --uui-vertical-padding:3px;
361
- --uui-icon-size:18px;
362
- --uui-line-height:18px;
363
- --uui-font-size:14px;
364
- }
365
- .uui-theme-loveship_dark .uui-size-36{
366
- --uui-size:36px;
367
- --uui-border-width:1px;
368
- --uui-horizontal-gap:6px;
369
- --uui-vertical-gap:3px;
370
- --uui-horizontal-padding:6px;
371
- --uui-vertical-padding:3px;
372
- --uui-icon-size:18px;
373
- --uui-line-height:18px;
374
- --uui-font-size:14px;
375
- }
376
- .uui-theme-loveship_dark .uui-size-42{
377
- --uui-size:42px;
378
- --uui-border-width:1px;
379
- --uui-horizontal-gap:6px;
380
- --uui-vertical-gap:3px;
381
- --uui-horizontal-padding:12px;
382
- --uui-vertical-padding:3px;
383
- --uui-icon-size:18px;
384
- --uui-line-height:24px;
385
- --uui-font-size:16px;
386
- }
387
- .uui-theme-loveship_dark .uui-size-48{
388
- --uui-size:48px;
389
- --uui-border-width:1px;
390
- --uui-horizontal-gap:6px;
391
- --uui-vertical-gap:3px;
392
- --uui-horizontal-padding:12px;
393
- --uui-vertical-padding:3px;
394
- --uui-icon-size:24px;
395
- --uui-line-height:24px;
396
- --uui-font-size:16px;
397
- }
398
- .uui-theme-loveship_dark .uui-size-60{
399
- --uui-size:60px;
400
- --uui-border-width:1px;
401
- --uui-horizontal-gap:6px;
402
- --uui-vertical-gap:3px;
403
- --uui-horizontal-padding:12px;
404
- --uui-vertical-padding:3px;
405
- --uui-icon-size:24px;
406
- --uui-line-height:24px;
407
- --uui-font-size:20px;
408
- }
409
- .uui-theme-loveship_dark .uui-input-box.uui-size-42{
410
- --uui-horizontal-padding:6px;
411
- }
412
- .uui-theme-loveship_dark .uui-input-box.uui-size-48{
413
- --uui-horizontal-padding:6px;
414
- }
415
- .uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
416
- --uui-horizontal-padding:12px;
417
- --uui-horizontal-gap:6px;
418
- --uui-icon-size:18px;
419
- --uui-line-height:18px;
420
- --uui-font-size:14px;
421
- }
422
- .uui-theme-loveship_dark .uui-tag.uui-size-18{
423
- --uui-font-size:12px;
424
- --uui-line-height:14px;
425
- }
426
- .uui-theme-loveship_dark .uui-tag.uui-size-24{
427
- --uui-icon-size:18px;
428
- }
429
- .uui-theme-loveship_dark .uui-tag.uui-size-42{
430
- --uui-icon-size:24px;
431
- }
432
- .uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48{
433
- --uui-tag-count_indicator-margin-end:3px;
434
- }
435
- .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{
436
- --uui-horizontal-gap:3px;
437
- }
438
- .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{
439
- --uui-horizontal-padding:3px;
440
- }
441
- .uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48{
442
- --uui-horizontal-padding:6px;
443
- }
444
- .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{
445
- --uui-horizontal-gap:3px;
446
- }
447
- .uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
448
- --uui-horizontal-padding:3px;
449
- }
450
- .uui-theme-loveship_dark .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
451
- --uui-horizontal-padding:6px;
452
- }
453
- .uui-theme-loveship_dark .uui-checkbox-container.uui-size-18, .uui-theme-loveship_dark .uui-radio-input-container.uui-size-18{
454
- --uui-horizontal-gap:12px;
455
- --uui-line-height:18px;
456
- --uui-font-size:14px;
457
- }
458
- .uui-theme-loveship_dark .uui-switch.uui-size-18{
459
- --uui-horizontal-gap:12px;
460
- --uui-line-height:18px;
461
- --uui-font-size:14px;
462
- }
463
- .uui-theme-loveship_dark .uui-switch.uui-size-24{
464
- --uui-horizontal-gap:12px;
465
- --uui-line-height:24px;
466
- --uui-font-size:16px;
467
- }
468
- .uui-theme-loveship_dark .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
469
- --uui-horizontal-gap:12px;
470
- --uui-line-height:18px;
471
- --uui-font-size:14px;
472
- }
473
- .uui-theme-loveship_dark .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
474
- --uui-horizontal-gap:12px;
475
- --uui-line-height:24px;
476
- --uui-font-size:16px;
477
314
  }
478
315
  .uui-theme-loveship_dark .uui-color-primary{
479
316
  --uui-color-5:var(--uui-primary-5);
@@ -565,6 +402,9 @@
565
402
  --uui-color-70:var(--uui-secondary-70);
566
403
  --uui-color-contrast:var(--uui-secondary-contrast);
567
404
  }
405
+ .uui-theme-loveship_dark{
406
+ --uui-border-radius:3px;
407
+ }
568
408
  .uui-theme-loveship_dark .uui-color-gray{
569
409
  --uui-color-5:var(--uui-secondary-5);
570
410
  --uui-color-10:var(--uui-secondary-10);
@@ -934,16 +774,16 @@
934
774
  .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{
935
775
  --uui-count_indicator-caption:var(--uui-neutral-10);
936
776
  }
937
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
777
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
938
778
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
939
779
  border:1px solid var(--white);
940
780
  }
941
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,
942
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot{
781
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,
782
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot{
943
783
  background-color:var(--uui-neutral-30);
944
784
  }
945
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,
946
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot{
785
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,
786
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot{
947
787
  background-color:color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);
948
788
  border:1px solid var(--uui-neutral-30);
949
789
  }
@@ -1090,8 +930,8 @@
1090
930
  .uui-theme-loveship_dark .uui-dropdownMenu-body{
1091
931
  --uui-dropdown-selected_mark:var(--uui-info-60);
1092
932
  }
1093
- .uui-theme-loveship_dark .uui-pickerInput-body{
1094
- --uui-pickerInput-selected_mark:var(--uui-info-60);
933
+ .uui-theme-loveship_dark .uui-picker_input-body{
934
+ --uui-picker_input-selected_mark:var(--uui-info-60);
1095
935
  }
1096
936
  .uui-theme-loveship_dark .uui-font-sans{
1097
937
  --uui-text-font:var(--uui-font);
@@ -1157,4 +997,227 @@
1157
997
  font-size:72px;
1158
998
  line-height:72px;
1159
999
  font-weight:700;
1000
+ }
1001
+ .uui-theme-loveship_dark{
1002
+ --uui-grid-unit:6px;
1003
+ --uui-focus-outline-width:2px;
1004
+ --uui-focus-outline-offset:2px;
1005
+ --uui-focus-radius:2px;
1006
+ --uui-tab-line-width:3px;
1007
+ --uui-notify-size:6px;
1008
+ }
1009
+ .uui-theme-loveship_dark .uui-size-12{
1010
+ --uui-size:12px;
1011
+ --uui-border-width:1px;
1012
+ --uui-horizontal-gap:6px;
1013
+ --uui-vertical-gap:3px;
1014
+ --uui-horizontal-padding:6px;
1015
+ --uui-vertical-padding:3px;
1016
+ --uui-icon-size:12px;
1017
+ --uui-line-height:12px;
1018
+ --uui-font-size:12px;
1019
+ --uui-dot-size:6px;
1020
+ }
1021
+ .uui-theme-loveship_dark .uui-size-18{
1022
+ --uui-size:18px;
1023
+ --uui-border-width:1px;
1024
+ --uui-horizontal-gap:3px;
1025
+ --uui-vertical-gap:3px;
1026
+ --uui-horizontal-padding:3px;
1027
+ --uui-vertical-padding:3px;
1028
+ --uui-icon-size:12px;
1029
+ --uui-line-height:12px;
1030
+ --uui-font-size:10px;
1031
+ --uui-dot-size:6px;
1032
+ }
1033
+ .uui-theme-loveship_dark .uui-size-24{
1034
+ --uui-size:24px;
1035
+ --uui-border-width:1px;
1036
+ --uui-horizontal-gap:6px;
1037
+ --uui-vertical-gap:3px;
1038
+ --uui-horizontal-padding:6px;
1039
+ --uui-vertical-padding:3px;
1040
+ --uui-icon-size:12px;
1041
+ --uui-line-height:18px;
1042
+ --uui-font-size:12px;
1043
+ --uui-dot-size:8px;
1044
+ }
1045
+ .uui-theme-loveship_dark .uui-size-30{
1046
+ --uui-size:30px;
1047
+ --uui-border-width:1px;
1048
+ --uui-horizontal-gap:6px;
1049
+ --uui-vertical-gap:3px;
1050
+ --uui-horizontal-padding:6px;
1051
+ --uui-vertical-padding:3px;
1052
+ --uui-icon-size:18px;
1053
+ --uui-line-height:18px;
1054
+ --uui-font-size:14px;
1055
+ --uui-dot-size:8px;
1056
+ }
1057
+ .uui-theme-loveship_dark .uui-size-36{
1058
+ --uui-size:36px;
1059
+ --uui-border-width:1px;
1060
+ --uui-horizontal-gap:6px;
1061
+ --uui-vertical-gap:3px;
1062
+ --uui-horizontal-padding:6px;
1063
+ --uui-vertical-padding:3px;
1064
+ --uui-icon-size:18px;
1065
+ --uui-line-height:18px;
1066
+ --uui-font-size:14px;
1067
+ --uui-dot-size:8px;
1068
+ }
1069
+ .uui-theme-loveship_dark .uui-size-42{
1070
+ --uui-size:42px;
1071
+ --uui-border-width:1px;
1072
+ --uui-horizontal-gap:6px;
1073
+ --uui-vertical-gap:3px;
1074
+ --uui-horizontal-padding:12px;
1075
+ --uui-vertical-padding:3px;
1076
+ --uui-icon-size:18px;
1077
+ --uui-line-height:24px;
1078
+ --uui-font-size:16px;
1079
+ --uui-dot-size:10px;
1080
+ }
1081
+ .uui-theme-loveship_dark .uui-size-48{
1082
+ --uui-size:48px;
1083
+ --uui-border-width:1px;
1084
+ --uui-horizontal-gap:6px;
1085
+ --uui-vertical-gap:3px;
1086
+ --uui-horizontal-padding:12px;
1087
+ --uui-vertical-padding:3px;
1088
+ --uui-icon-size:24px;
1089
+ --uui-line-height:24px;
1090
+ --uui-font-size:16px;
1091
+ --uui-dot-size:12px;
1092
+ }
1093
+ .uui-theme-loveship_dark .uui-size-60{
1094
+ --uui-size:60px;
1095
+ --uui-border-width:1px;
1096
+ --uui-horizontal-gap:6px;
1097
+ --uui-vertical-gap:3px;
1098
+ --uui-horizontal-padding:12px;
1099
+ --uui-vertical-padding:3px;
1100
+ --uui-icon-size:24px;
1101
+ --uui-line-height:24px;
1102
+ --uui-font-size:20px;
1103
+ --uui-dot-size:12px;
1104
+ }
1105
+ .uui-theme-loveship_dark .uui-input-box.uui-size-42{
1106
+ --uui-horizontal-padding:6px;
1107
+ }
1108
+ .uui-theme-loveship_dark .uui-input-box.uui-size-48{
1109
+ --uui-horizontal-padding:6px;
1110
+ }
1111
+ .uui-theme-loveship_dark .uui-input-box.uui-textarea{
1112
+ --uui-horizontal-padding:12px;
1113
+ }
1114
+ .uui-theme-loveship_dark .uui-input-box.uui-textarea.uui-size-24{
1115
+ --uui-line-height:12px;
1116
+ }
1117
+ .uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
1118
+ --uui-horizontal-padding:6px;
1119
+ --uui-horizontal-gap:3px;
1120
+ --uui-icon-size:18px;
1121
+ --uui-line-height:18px;
1122
+ --uui-font-size:14px;
1123
+ }
1124
+ .uui-theme-loveship_dark .uui-tag.uui-size-18{
1125
+ --uui-font-size:12px;
1126
+ --uui-line-height:14px;
1127
+ }
1128
+ .uui-theme-loveship_dark .uui-tag.uui-size-24{
1129
+ --uui-icon-size:18px;
1130
+ }
1131
+ .uui-theme-loveship_dark .uui-tag.uui-size-42{
1132
+ --uui-icon-size:24px;
1133
+ }
1134
+ .uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48{
1135
+ --uui-tag-count_indicator-margin-end:3px;
1136
+ }
1137
+ .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{
1138
+ --uui-horizontal-gap:3px;
1139
+ }
1140
+ .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{
1141
+ --uui-horizontal-padding:3px;
1142
+ }
1143
+ .uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48{
1144
+ --uui-horizontal-padding:6px;
1145
+ }
1146
+ .uui-theme-loveship_dark .uui-checkbox-container.uui-size-18, .uui-theme-loveship_dark .uui-radio-input-container.uui-size-18{
1147
+ --uui-horizontal-gap:12px;
1148
+ --uui-line-height:18px;
1149
+ --uui-font-size:14px;
1150
+ }
1151
+ .uui-theme-loveship_dark .uui-switch.uui-size-18{
1152
+ --uui-horizontal-gap:12px;
1153
+ --uui-line-height:18px;
1154
+ --uui-font-size:14px;
1155
+ }
1156
+ .uui-theme-loveship_dark .uui-switch.uui-size-24{
1157
+ --uui-horizontal-gap:12px;
1158
+ --uui-line-height:24px;
1159
+ --uui-font-size:16px;
1160
+ }
1161
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-30{
1162
+ --uui-icon-size:12px;
1163
+ --uui-font-size:12px;
1164
+ }
1165
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-42{
1166
+ --uui-line-height:18px;
1167
+ --uui-font-size:14px;
1168
+ }
1169
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-48{
1170
+ --uui-icon-size:18px;
1171
+ --uui-line-height:18px;
1172
+ --uui-font-size:14px;
1173
+ }
1174
+ .uui-theme-loveship_dark .uui-badge.uui-size-18{
1175
+ --uui-font-size:12px;
1176
+ }
1177
+ .uui-theme-loveship_dark .uui-badge.uui-size-24{
1178
+ --uui-horizontal-padding:3px;
1179
+ --uui-icon-size:18px;
1180
+ --uui-line-height:12px;
1181
+ }
1182
+ .uui-theme-loveship_dark .uui-badge.uui-size-36{
1183
+ --uui-horizontal-padding:9px;
1184
+ }
1185
+ .uui-theme-loveship_dark .uui-badge.uui-size-42{
1186
+ --uui-icon-size:24px;
1187
+ }
1188
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-12{
1189
+ --uui-horizontal-gap:4px;
1190
+ }
1191
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-18{
1192
+ --uui-horizontal-gap:6px;
1193
+ --uui-line-height:18px;
1194
+ --uui-font-size:14px;
1195
+ --uui-dot-size:8px;
1196
+ }
1197
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-24{
1198
+ --uui-font-size:14px;
1199
+ --uui-dot-size:10px;
1200
+ }
1201
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-12{
1202
+ --uui-horizontal-padding:3px;
1203
+ --uui-line-height:10px;
1204
+ --uui-font-size:8px;
1205
+ }
1206
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-18{
1207
+ --uui-horizontal-padding:6px;
1208
+ --uui-line-height:16px;
1209
+ --uui-font-size:12px;
1210
+ }
1211
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-24{
1212
+ --uui-line-height:22px;
1213
+ --uui-font-size:14px;
1214
+ }
1215
+ .uui-theme-loveship_dark .uui-table-header-cell.uui-size-36{
1216
+ --uui-horizontal-gap:12px;
1217
+ }
1218
+ .uui-theme-loveship_dark .uui-table-header-cell.uui-size-48{
1219
+ --uui-horizontal-gap:12px;
1220
+ }
1221
+ .uui-theme-loveship_dark .uui-table-header-cell.uui-size-60{
1222
+ --uui-horizontal-gap:12px;
1160
1223
  }