@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_electric.css CHANGED
@@ -84,6 +84,11 @@
84
84
  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf") format("truetype");
85
85
  }
86
86
  .uui-theme-electric{
87
+ --uui-focus-outline-width:2px;
88
+ --uui-focus-outline-offset:2px;
89
+ --uui-focus-radius:2px;
90
+ --uui-tab-line-width:3px;
91
+ --uui-notify-size:6px;
87
92
  --black:#000000;
88
93
  --white:#FFFFFF;
89
94
  --cobalt-5:#F8FAFF;
@@ -292,6 +297,231 @@
292
297
  --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);
293
298
  --uui-border-radius:3px;
294
299
  }
300
+ .uui-theme-electric .uui-size-12{
301
+ --uui-size:12px;
302
+ --uui-border-width:1px;
303
+ --uui-horizontal-gap:6px;
304
+ --uui-vertical-gap:3px;
305
+ --uui-horizontal-padding:6px;
306
+ --uui-vertical-padding:3px;
307
+ --uui-icon-size:12px;
308
+ --uui-line-height:12px;
309
+ --uui-font-size:12px;
310
+ --uui-dot-size:6px;
311
+ }
312
+ .uui-theme-electric .uui-size-18{
313
+ --uui-size:18px;
314
+ --uui-border-width:1px;
315
+ --uui-horizontal-gap:3px;
316
+ --uui-vertical-gap:3px;
317
+ --uui-horizontal-padding:3px;
318
+ --uui-vertical-padding:3px;
319
+ --uui-icon-size:12px;
320
+ --uui-line-height:12px;
321
+ --uui-font-size:10px;
322
+ --uui-dot-size:6px;
323
+ }
324
+ .uui-theme-electric .uui-size-24{
325
+ --uui-size:24px;
326
+ --uui-border-width:1px;
327
+ --uui-horizontal-gap:6px;
328
+ --uui-vertical-gap:3px;
329
+ --uui-horizontal-padding:6px;
330
+ --uui-vertical-padding:3px;
331
+ --uui-icon-size:12px;
332
+ --uui-line-height:18px;
333
+ --uui-font-size:12px;
334
+ --uui-dot-size:8px;
335
+ }
336
+ .uui-theme-electric .uui-size-30{
337
+ --uui-size:30px;
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:18px;
344
+ --uui-line-height:18px;
345
+ --uui-font-size:14px;
346
+ --uui-dot-size:8px;
347
+ }
348
+ .uui-theme-electric .uui-size-36{
349
+ --uui-size:36px;
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-electric .uui-size-42{
361
+ --uui-size:42px;
362
+ --uui-border-width:1px;
363
+ --uui-horizontal-gap:6px;
364
+ --uui-vertical-gap:3px;
365
+ --uui-horizontal-padding:12px;
366
+ --uui-vertical-padding:3px;
367
+ --uui-icon-size:18px;
368
+ --uui-line-height:24px;
369
+ --uui-font-size:16px;
370
+ --uui-dot-size:10px;
371
+ }
372
+ .uui-theme-electric .uui-size-48{
373
+ --uui-size:48px;
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:24px;
380
+ --uui-line-height:24px;
381
+ --uui-font-size:16px;
382
+ --uui-dot-size:12px;
383
+ }
384
+ .uui-theme-electric .uui-size-60{
385
+ --uui-size:60px;
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:20px;
394
+ --uui-dot-size:12px;
395
+ }
396
+ .uui-theme-electric .uui-input-box.uui-size-42{
397
+ --uui-horizontal-padding:6px;
398
+ }
399
+ .uui-theme-electric .uui-input-box.uui-size-48{
400
+ --uui-horizontal-padding:6px;
401
+ }
402
+ .uui-theme-electric .uui-input-box.uui-textarea{
403
+ --uui-horizontal-padding:12px;
404
+ }
405
+ .uui-theme-electric .uui-input-box.uui-textarea.uui-size-24{
406
+ --uui-line-height:12px;
407
+ }
408
+ .uui-theme-electric .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
409
+ --uui-horizontal-padding:12px;
410
+ --uui-horizontal-gap:6px;
411
+ --uui-icon-size:18px;
412
+ --uui-line-height:18px;
413
+ --uui-font-size:14px;
414
+ }
415
+ .uui-theme-electric .uui-tag.uui-size-18{
416
+ --uui-font-size:12px;
417
+ --uui-line-height:14px;
418
+ }
419
+ .uui-theme-electric .uui-tag.uui-size-24{
420
+ --uui-icon-size:18px;
421
+ }
422
+ .uui-theme-electric .uui-tag.uui-size-42{
423
+ --uui-icon-size:24px;
424
+ }
425
+ .uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48{
426
+ --uui-tag-count_indicator-margin-end:3px;
427
+ }
428
+ .uui-theme-electric .uui-tag.uui-size-18, .uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30, .uui-theme-electric .uui-tag.uui-size-36{
429
+ --uui-horizontal-gap:3px;
430
+ }
431
+ .uui-theme-electric .uui-tag.uui-size-18, .uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30{
432
+ --uui-horizontal-padding:3px;
433
+ }
434
+ .uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48{
435
+ --uui-horizontal-padding:6px;
436
+ }
437
+ .uui-theme-electric .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
438
+ --uui-horizontal-gap:3px;
439
+ }
440
+ .uui-theme-electric .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
441
+ --uui-horizontal-padding:3px;
442
+ }
443
+ .uui-theme-electric .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
444
+ --uui-horizontal-padding:6px;
445
+ }
446
+ .uui-theme-electric .uui-checkbox-container.uui-size-18, .uui-theme-electric .uui-radio-input-container.uui-size-18{
447
+ --uui-horizontal-gap:12px;
448
+ --uui-line-height:18px;
449
+ --uui-font-size:14px;
450
+ }
451
+ .uui-theme-electric .uui-switch.uui-size-18{
452
+ --uui-horizontal-gap:12px;
453
+ --uui-line-height:18px;
454
+ --uui-font-size:14px;
455
+ }
456
+ .uui-theme-electric .uui-switch.uui-size-24{
457
+ --uui-horizontal-gap:12px;
458
+ --uui-line-height:24px;
459
+ --uui-font-size:16px;
460
+ }
461
+ .uui-theme-electric .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
462
+ --uui-horizontal-gap:12px;
463
+ --uui-line-height:18px;
464
+ --uui-font-size:14px;
465
+ }
466
+ .uui-theme-electric .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
467
+ --uui-horizontal-gap:12px;
468
+ --uui-line-height:24px;
469
+ --uui-font-size:16px;
470
+ }
471
+ .uui-theme-electric .uui-labeled-input.uui-size-30{
472
+ --uui-icon-size:12px;
473
+ --uui-font-size:12px;
474
+ }
475
+ .uui-theme-electric .uui-labeled-input.uui-size-42{
476
+ --uui-line-height:18px;
477
+ --uui-font-size:14px;
478
+ }
479
+ .uui-theme-electric .uui-labeled-input.uui-size-48{
480
+ --uui-icon-size:18px;
481
+ --uui-line-height:18px;
482
+ --uui-font-size:14px;
483
+ }
484
+ .uui-theme-electric .uui-badge.uui-size-18{
485
+ --uui-font-size:12px;
486
+ }
487
+ .uui-theme-electric .uui-badge.uui-size-24{
488
+ --uui-horizontal-padding:3px;
489
+ --uui-icon-size:18px;
490
+ --uui-line-height:12px;
491
+ }
492
+ .uui-theme-electric .uui-badge.uui-size-36{
493
+ --uui-horizontal-padding:9px;
494
+ }
495
+ .uui-theme-electric .uui-badge.uui-size-42{
496
+ --uui-icon-size:24px;
497
+ }
498
+ .uui-theme-electric .uui-status_indicator.uui-size-12{
499
+ --uui-horizontal-gap:4px;
500
+ }
501
+ .uui-theme-electric .uui-status_indicator.uui-size-18{
502
+ --uui-horizontal-gap:6px;
503
+ --uui-line-height:18px;
504
+ --uui-font-size:14px;
505
+ --uui-dot-size:8px;
506
+ }
507
+ .uui-theme-electric .uui-status_indicator.uui-size-24{
508
+ --uui-font-size:14px;
509
+ --uui-dot-size:10px;
510
+ }
511
+ .uui-theme-electric .uui-count_indicator.uui-size-12{
512
+ --uui-horizontal-padding:3px;
513
+ --uui-line-height:10px;
514
+ --uui-font-size:8px;
515
+ }
516
+ .uui-theme-electric .uui-count_indicator.uui-size-18{
517
+ --uui-horizontal-padding:6px;
518
+ --uui-line-height:16px;
519
+ --uui-font-size:12px;
520
+ }
521
+ .uui-theme-electric .uui-count_indicator.uui-size-24{
522
+ --uui-line-height:22px;
523
+ --uui-font-size:14px;
524
+ }
295
525
  .uui-theme-electric .uui-color-primary,
296
526
  .uui-theme-electric .uui-color-info{
297
527
  --uui-color-5:var(--uui-primary-5);
@@ -562,7 +792,7 @@
562
792
  .uui-theme-electric .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning){
563
793
  --uui-count_indicator-caption:var(--uui-neutral-70);
564
794
  }
565
- .uui-theme-electric .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
795
+ .uui-theme-electric .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
566
796
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
567
797
  border:1px solid var(--uui-neutral-40);
568
798
  }