@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_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,163 @@
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
+ }
311
+ .uui-theme-electric .uui-size-18{
312
+ --uui-size:18px;
313
+ --uui-border-width:1px;
314
+ --uui-horizontal-gap:3px;
315
+ --uui-vertical-gap:3px;
316
+ --uui-horizontal-padding:3px;
317
+ --uui-vertical-padding:3px;
318
+ --uui-icon-size:12px;
319
+ --uui-line-height:12px;
320
+ --uui-font-size:10px;
321
+ }
322
+ .uui-theme-electric .uui-size-24{
323
+ --uui-size:24px;
324
+ --uui-border-width:1px;
325
+ --uui-horizontal-gap:6px;
326
+ --uui-vertical-gap:3px;
327
+ --uui-horizontal-padding:6px;
328
+ --uui-vertical-padding:3px;
329
+ --uui-icon-size:12px;
330
+ --uui-line-height:18px;
331
+ --uui-font-size:12px;
332
+ }
333
+ .uui-theme-electric .uui-size-30{
334
+ --uui-size:30px;
335
+ --uui-border-width:1px;
336
+ --uui-horizontal-gap:6px;
337
+ --uui-vertical-gap:3px;
338
+ --uui-horizontal-padding:6px;
339
+ --uui-vertical-padding:3px;
340
+ --uui-icon-size:18px;
341
+ --uui-line-height:18px;
342
+ --uui-font-size:14px;
343
+ }
344
+ .uui-theme-electric .uui-size-36{
345
+ --uui-size:36px;
346
+ --uui-border-width:1px;
347
+ --uui-horizontal-gap:6px;
348
+ --uui-vertical-gap:3px;
349
+ --uui-horizontal-padding:6px;
350
+ --uui-vertical-padding:3px;
351
+ --uui-icon-size:18px;
352
+ --uui-line-height:18px;
353
+ --uui-font-size:14px;
354
+ }
355
+ .uui-theme-electric .uui-size-42{
356
+ --uui-size:42px;
357
+ --uui-border-width:1px;
358
+ --uui-horizontal-gap:6px;
359
+ --uui-vertical-gap:3px;
360
+ --uui-horizontal-padding:12px;
361
+ --uui-vertical-padding:3px;
362
+ --uui-icon-size:18px;
363
+ --uui-line-height:24px;
364
+ --uui-font-size:16px;
365
+ }
366
+ .uui-theme-electric .uui-size-48{
367
+ --uui-size:48px;
368
+ --uui-border-width:1px;
369
+ --uui-horizontal-gap:6px;
370
+ --uui-vertical-gap:3px;
371
+ --uui-horizontal-padding:12px;
372
+ --uui-vertical-padding:3px;
373
+ --uui-icon-size:24px;
374
+ --uui-line-height:24px;
375
+ --uui-font-size:16px;
376
+ }
377
+ .uui-theme-electric .uui-size-60{
378
+ --uui-size:60px;
379
+ --uui-border-width:1px;
380
+ --uui-horizontal-gap:6px;
381
+ --uui-vertical-gap:3px;
382
+ --uui-horizontal-padding:12px;
383
+ --uui-vertical-padding:3px;
384
+ --uui-icon-size:24px;
385
+ --uui-line-height:24px;
386
+ --uui-font-size:20px;
387
+ }
388
+ .uui-theme-electric .uui-input-box.uui-size-42{
389
+ --uui-horizontal-padding:6px;
390
+ }
391
+ .uui-theme-electric .uui-input-box.uui-size-48{
392
+ --uui-horizontal-padding:6px;
393
+ }
394
+ .uui-theme-electric .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
395
+ --uui-horizontal-padding:12px;
396
+ --uui-horizontal-gap:6px;
397
+ --uui-icon-size:18px;
398
+ --uui-line-height:18px;
399
+ --uui-font-size:14px;
400
+ }
401
+ .uui-theme-electric .uui-tag.uui-size-18{
402
+ --uui-font-size:12px;
403
+ --uui-line-height:14px;
404
+ }
405
+ .uui-theme-electric .uui-tag.uui-size-24{
406
+ --uui-icon-size:18px;
407
+ }
408
+ .uui-theme-electric .uui-tag.uui-size-42{
409
+ --uui-icon-size:24px;
410
+ }
411
+ .uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48{
412
+ --uui-tag-count_indicator-margin-end:3px;
413
+ }
414
+ .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{
415
+ --uui-horizontal-gap:3px;
416
+ }
417
+ .uui-theme-electric .uui-tag.uui-size-18, .uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30{
418
+ --uui-horizontal-padding:3px;
419
+ }
420
+ .uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48{
421
+ --uui-horizontal-padding:6px;
422
+ }
423
+ .uui-theme-electric .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
424
+ --uui-horizontal-gap:3px;
425
+ }
426
+ .uui-theme-electric .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
427
+ --uui-horizontal-padding:3px;
428
+ }
429
+ .uui-theme-electric .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
430
+ --uui-horizontal-padding:6px;
431
+ }
432
+ .uui-theme-electric .uui-checkbox-container.uui-size-18, .uui-theme-electric .uui-radio-input-container.uui-size-18{
433
+ --uui-horizontal-gap:12px;
434
+ --uui-line-height:18px;
435
+ --uui-font-size:14px;
436
+ }
437
+ .uui-theme-electric .uui-switch.uui-size-18{
438
+ --uui-horizontal-gap:12px;
439
+ --uui-line-height:18px;
440
+ --uui-font-size:14px;
441
+ }
442
+ .uui-theme-electric .uui-switch.uui-size-24{
443
+ --uui-horizontal-gap:12px;
444
+ --uui-line-height:24px;
445
+ --uui-font-size:16px;
446
+ }
447
+ .uui-theme-electric .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
448
+ --uui-horizontal-gap:12px;
449
+ --uui-line-height:18px;
450
+ --uui-font-size:14px;
451
+ }
452
+ .uui-theme-electric .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
453
+ --uui-horizontal-gap:12px;
454
+ --uui-line-height:24px;
455
+ --uui-font-size:16px;
456
+ }
295
457
  .uui-theme-electric .uui-color-primary,
296
458
  .uui-theme-electric .uui-color-info{
297
459
  --uui-color-5:var(--uui-primary-5);