@epam/assets 5.8.1 → 5.9.0-beta.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_promo.css CHANGED
@@ -102,6 +102,11 @@
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
110
  --amber-5:#FFFCF5;
106
111
  --amber-10:#FFF2CC;
107
112
  --amber-20:#FFE38F;
@@ -304,6 +309,231 @@
304
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);
305
310
  --uui-border-radius:0;
306
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
+ --uui-dot-size:6px;
323
+ }
324
+ .uui-theme-promo .uui-size-18{
325
+ --uui-size:18px;
326
+ --uui-border-width:1px;
327
+ --uui-horizontal-gap:3px;
328
+ --uui-vertical-gap:3px;
329
+ --uui-horizontal-padding:3px;
330
+ --uui-vertical-padding:3px;
331
+ --uui-icon-size:12px;
332
+ --uui-line-height:12px;
333
+ --uui-font-size:10px;
334
+ --uui-dot-size:6px;
335
+ }
336
+ .uui-theme-promo .uui-size-24{
337
+ --uui-size:24px;
338
+ --uui-border-width:1px;
339
+ --uui-horizontal-gap:6px;
340
+ --uui-vertical-gap:3px;
341
+ --uui-horizontal-padding:6px;
342
+ --uui-vertical-padding:3px;
343
+ --uui-icon-size:12px;
344
+ --uui-line-height:18px;
345
+ --uui-font-size:12px;
346
+ --uui-dot-size:8px;
347
+ }
348
+ .uui-theme-promo .uui-size-30{
349
+ --uui-size:30px;
350
+ --uui-border-width:1px;
351
+ --uui-horizontal-gap:6px;
352
+ --uui-vertical-gap:3px;
353
+ --uui-horizontal-padding:6px;
354
+ --uui-vertical-padding:3px;
355
+ --uui-icon-size:18px;
356
+ --uui-line-height:18px;
357
+ --uui-font-size:14px;
358
+ --uui-dot-size:8px;
359
+ }
360
+ .uui-theme-promo .uui-size-36{
361
+ --uui-size:36px;
362
+ --uui-border-width:1px;
363
+ --uui-horizontal-gap:6px;
364
+ --uui-vertical-gap:3px;
365
+ --uui-horizontal-padding:6px;
366
+ --uui-vertical-padding:3px;
367
+ --uui-icon-size:18px;
368
+ --uui-line-height:18px;
369
+ --uui-font-size:14px;
370
+ --uui-dot-size:8px;
371
+ }
372
+ .uui-theme-promo .uui-size-42{
373
+ --uui-size:42px;
374
+ --uui-border-width:1px;
375
+ --uui-horizontal-gap:6px;
376
+ --uui-vertical-gap:3px;
377
+ --uui-horizontal-padding:12px;
378
+ --uui-vertical-padding:3px;
379
+ --uui-icon-size:18px;
380
+ --uui-line-height:24px;
381
+ --uui-font-size:16px;
382
+ --uui-dot-size:10px;
383
+ }
384
+ .uui-theme-promo .uui-size-48{
385
+ --uui-size:48px;
386
+ --uui-border-width:1px;
387
+ --uui-horizontal-gap:6px;
388
+ --uui-vertical-gap:3px;
389
+ --uui-horizontal-padding:12px;
390
+ --uui-vertical-padding:3px;
391
+ --uui-icon-size:24px;
392
+ --uui-line-height:24px;
393
+ --uui-font-size:16px;
394
+ --uui-dot-size:12px;
395
+ }
396
+ .uui-theme-promo .uui-size-60{
397
+ --uui-size:60px;
398
+ --uui-border-width:1px;
399
+ --uui-horizontal-gap:6px;
400
+ --uui-vertical-gap:3px;
401
+ --uui-horizontal-padding:12px;
402
+ --uui-vertical-padding:3px;
403
+ --uui-icon-size:24px;
404
+ --uui-line-height:24px;
405
+ --uui-font-size:20px;
406
+ --uui-dot-size:12px;
407
+ }
408
+ .uui-theme-promo .uui-input-box.uui-size-42{
409
+ --uui-horizontal-padding:6px;
410
+ }
411
+ .uui-theme-promo .uui-input-box.uui-size-48{
412
+ --uui-horizontal-padding:6px;
413
+ }
414
+ .uui-theme-promo .uui-input-box.uui-textarea{
415
+ --uui-horizontal-padding:12px;
416
+ }
417
+ .uui-theme-promo .uui-input-box.uui-textarea.uui-size-24{
418
+ --uui-line-height:12px;
419
+ }
420
+ .uui-theme-promo .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
421
+ --uui-horizontal-padding:12px;
422
+ --uui-horizontal-gap:6px;
423
+ --uui-icon-size:18px;
424
+ --uui-line-height:18px;
425
+ --uui-font-size:14px;
426
+ }
427
+ .uui-theme-promo .uui-tag.uui-size-18{
428
+ --uui-font-size:12px;
429
+ --uui-line-height:14px;
430
+ }
431
+ .uui-theme-promo .uui-tag.uui-size-24{
432
+ --uui-icon-size:18px;
433
+ }
434
+ .uui-theme-promo .uui-tag.uui-size-42{
435
+ --uui-icon-size:24px;
436
+ }
437
+ .uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48{
438
+ --uui-tag-count_indicator-margin-end:3px;
439
+ }
440
+ .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{
441
+ --uui-horizontal-gap:3px;
442
+ }
443
+ .uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30{
444
+ --uui-horizontal-padding:3px;
445
+ }
446
+ .uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48{
447
+ --uui-horizontal-padding:6px;
448
+ }
449
+ .uui-theme-promo .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
450
+ --uui-horizontal-gap:3px;
451
+ }
452
+ .uui-theme-promo .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
453
+ --uui-horizontal-padding:3px;
454
+ }
455
+ .uui-theme-promo .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
456
+ --uui-horizontal-padding:6px;
457
+ }
458
+ .uui-theme-promo .uui-checkbox-container.uui-size-18, .uui-theme-promo .uui-radio-input-container.uui-size-18{
459
+ --uui-horizontal-gap:12px;
460
+ --uui-line-height:18px;
461
+ --uui-font-size:14px;
462
+ }
463
+ .uui-theme-promo .uui-switch.uui-size-18{
464
+ --uui-horizontal-gap:12px;
465
+ --uui-line-height:18px;
466
+ --uui-font-size:14px;
467
+ }
468
+ .uui-theme-promo .uui-switch.uui-size-24{
469
+ --uui-horizontal-gap:12px;
470
+ --uui-line-height:24px;
471
+ --uui-font-size:16px;
472
+ }
473
+ .uui-theme-promo .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
474
+ --uui-horizontal-gap:12px;
475
+ --uui-line-height:18px;
476
+ --uui-font-size:14px;
477
+ }
478
+ .uui-theme-promo .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
479
+ --uui-horizontal-gap:12px;
480
+ --uui-line-height:24px;
481
+ --uui-font-size:16px;
482
+ }
483
+ .uui-theme-promo .uui-labeled-input.uui-size-30{
484
+ --uui-icon-size:12px;
485
+ --uui-font-size:12px;
486
+ }
487
+ .uui-theme-promo .uui-labeled-input.uui-size-42{
488
+ --uui-line-height:18px;
489
+ --uui-font-size:14px;
490
+ }
491
+ .uui-theme-promo .uui-labeled-input.uui-size-48{
492
+ --uui-icon-size:18px;
493
+ --uui-line-height:18px;
494
+ --uui-font-size:14px;
495
+ }
496
+ .uui-theme-promo .uui-badge.uui-size-18{
497
+ --uui-font-size:12px;
498
+ }
499
+ .uui-theme-promo .uui-badge.uui-size-24{
500
+ --uui-horizontal-padding:3px;
501
+ --uui-icon-size:18px;
502
+ --uui-line-height:12px;
503
+ }
504
+ .uui-theme-promo .uui-badge.uui-size-36{
505
+ --uui-horizontal-padding:9px;
506
+ }
507
+ .uui-theme-promo .uui-badge.uui-size-42{
508
+ --uui-icon-size:24px;
509
+ }
510
+ .uui-theme-promo .uui-status_indicator.uui-size-12{
511
+ --uui-horizontal-gap:4px;
512
+ }
513
+ .uui-theme-promo .uui-status_indicator.uui-size-18{
514
+ --uui-horizontal-gap:6px;
515
+ --uui-line-height:18px;
516
+ --uui-font-size:14px;
517
+ --uui-dot-size:8px;
518
+ }
519
+ .uui-theme-promo .uui-status_indicator.uui-size-24{
520
+ --uui-font-size:14px;
521
+ --uui-dot-size:10px;
522
+ }
523
+ .uui-theme-promo .uui-count_indicator.uui-size-12{
524
+ --uui-horizontal-padding:3px;
525
+ --uui-line-height:10px;
526
+ --uui-font-size:8px;
527
+ }
528
+ .uui-theme-promo .uui-count_indicator.uui-size-18{
529
+ --uui-horizontal-padding:6px;
530
+ --uui-line-height:16px;
531
+ --uui-font-size:12px;
532
+ }
533
+ .uui-theme-promo .uui-count_indicator.uui-size-24{
534
+ --uui-line-height:22px;
535
+ --uui-font-size:14px;
536
+ }
307
537
  .uui-theme-promo .uui-color-accent,
308
538
  .uui-theme-promo .uui-color-green{
309
539
  --uui-color-5:var(--uui-accent-5);
@@ -609,7 +839,7 @@
609
839
  .uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning){
610
840
  --uui-count_indicator-caption:var(--uui-neutral-70);
611
841
  }
612
- .uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
842
+ .uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
613
843
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
614
844
  border:1px solid var(--uui-neutral-40);
615
845
  }