@epam/assets 5.8.1-alpha.0 → 5.8.1-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 (17) hide show
  1. package/css/theme/theme_electric.css +162 -0
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +162 -0
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +162 -0
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +162 -0
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +162 -0
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/theme/theme_6px.scss +216 -0
  13. package/theme/theme_electric.scss +2 -0
  14. package/theme/theme_loveship.scss +2 -0
  15. package/theme/theme_loveship_dark.scss +2 -0
  16. package/theme/theme_promo.scss +2 -0
  17. package/theme/theme_vanilla_thunder.scss +4 -1
package/css/theme/theme_loveship.css CHANGED
@@ -113,6 +113,11 @@
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
121
  --black:#000000;
117
122
  --white:#FFFFFF;
118
123
  --cobalt-5:#F8FAFF;
@@ -317,6 +322,163 @@
317
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);
318
323
  --uui-border-radius:3px;
319
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
+ }
320
482
  .uui-theme-loveship .uui-color-accent,
321
483
  .uui-theme-loveship .uui-color-grass,
322
484
  .uui-theme-loveship .uui-color-success{