@epam/assets 5.8.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_dark.css CHANGED
@@ -113,6 +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
121
  --black:#000000;
117
122
  --white:#FFFFFF;
118
123
  --cobalt-5:#2C3A4F;
@@ -313,6 +318,163 @@
313
318
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
314
319
  --uui-border-radius:3px;
315
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
+ }
316
478
  .uui-theme-loveship_dark .uui-color-neutral,
317
479
  .uui-theme-loveship_dark .uui-color-gray,
318
480
  .uui-theme-loveship_dark .uui-color-secondary{