@epam/assets 5.8.1 → 5.8.3

package/css/theme/theme_loveship.css

@@ -113,6 +113,11 @@
   font-style:italic;
 }
 .uui-theme-loveship{
+  --uui-focus-outline-width:2px;
+  --uui-focus-outline-offset:2px;
+  --uui-focus-radius:2px;
+  --uui-tab-line-width:3px;
+  --uui-notify-size:6px;
   --black:#000000;
   --white:#FFFFFF;
   --cobalt-5:#F8FAFF;
@@ -203,48 +208,56 @@
   --uui-accent-50:var(--grass-50);
   --uui-accent-60:var(--grass-60);
   --uui-accent-70:var(--grass-70);
+  --uui-accent-contrast:var(--white);
   --uui-critical-5:var(--fire-5);
   --uui-critical-10:var(--fire-10);
   --uui-critical-20:var(--fire-20);
   --uui-critical-50:var(--fire-50);
   --uui-critical-60:var(--fire-60);
   --uui-critical-70:var(--fire-70);
+  --uui-critical-contrast:var(--white);
   --uui-error-5:var(--fire-5);
   --uui-error-10:var(--fire-10);
   --uui-error-20:var(--fire-20);
   --uui-error-50:var(--fire-50);
   --uui-error-60:var(--fire-60);
   --uui-error-70:var(--fire-70);
+  --uui-error-contrast:var(--white);
   --uui-info-5:var(--sky-5);
   --uui-info-10:var(--sky-10);
   --uui-info-20:var(--sky-20);
   --uui-info-50:var(--sky-50);
   --uui-info-60:var(--sky-60);
   --uui-info-70:var(--sky-70);
+  --uui-info-contrast:var(--white);
   --uui-primary-5:var(--sky-5);
   --uui-primary-10:var(--sky-10);
   --uui-primary-20:var(--sky-20);
   --uui-primary-50:var(--sky-50);
   --uui-primary-60:var(--sky-60);
   --uui-primary-70:var(--sky-70);
+  --uui-primary-contrast:var(--white);
   --uui-secondary-5:var(--night100);
   --uui-secondary-10:var(--night200);
   --uui-secondary-20:var(--night300);
   --uui-secondary-50:var(--night600);
   --uui-secondary-60:var(--night700);
   --uui-secondary-70:var(--night800);
+  --uui-secondary-contrast:var(--white);
   --uui-success-5:var(--grass-5);
   --uui-success-10:var(--grass-10);
   --uui-success-20:var(--grass-20);
   --uui-success-50:var(--grass-50);
   --uui-success-60:var(--grass-60);
   --uui-success-70:var(--grass-70);
+  --uui-success-contrast:var(--white);
   --uui-warning-5:var(--sun-5);
   --uui-warning-10:var(--sun-10);
   --uui-warning-20:var(--sun-20);
   --uui-warning-50:var(--sun-50);
   --uui-warning-60:var(--sun-60);
   --uui-warning-70:var(--sun-70);
+  --uui-warning-contrast:var(--night800);
   --uui-neutral-0:var(--white);
   --uui-neutral-5:var(--night50);
   --uui-neutral-10:var(--night100);
@@ -304,22 +317,187 @@
   --uui-color-night100-900:#B1B9D8;
   --uui-color-night700-800:#30323D;
   --uui-color-night700-900:#1A1B20;
-  --uui-primary-contrast:var(--white);
-  --uui-accent-contrast:var(--white);
-  --uui-secondary-contrast:var(--white);
-  --uui-critical-contrast:var(--white);
-  --uui-info-contrast:var(--white);
-  --uui-success-contrast:var(--white);
-  --uui-warning-contrast:var(--night800);
-  --uui-error-contrast:var(--white);
   --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
   --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
   --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);
   --uui-border-radius:3px;
 }
-.uui-theme-loveship .uui-color-accent,
-.uui-theme-loveship .uui-color-grass,
-.uui-theme-loveship .uui-color-success{
+.uui-theme-loveship .uui-size-12{
+  --uui-size:12px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:12px;
+  --uui-line-height:12px;
+  --uui-font-size:12px;
+}
+.uui-theme-loveship .uui-size-18{
+  --uui-size:18px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:3px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:3px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:12px;
+  --uui-line-height:12px;
+  --uui-font-size:10px;
+}
+.uui-theme-loveship .uui-size-24{
+  --uui-size:24px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:12px;
+  --uui-line-height:18px;
+  --uui-font-size:12px;
+}
+.uui-theme-loveship .uui-size-30{
+  --uui-size:30px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-loveship .uui-size-36{
+  --uui-size:36px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-loveship .uui-size-42{
+  --uui-size:42px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:12px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:18px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+}
+.uui-theme-loveship .uui-size-48{
+  --uui-size:48px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:12px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:24px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+}
+.uui-theme-loveship .uui-size-60{
+  --uui-size:60px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:12px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:24px;
+  --uui-line-height:24px;
+  --uui-font-size:20px;
+}
+.uui-theme-loveship .uui-input-box.uui-size-42{
+  --uui-horizontal-padding:6px;
+}
+.uui-theme-loveship .uui-input-box.uui-size-48{
+  --uui-horizontal-padding:6px;
+}
+.uui-theme-loveship .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
+  --uui-horizontal-padding:12px;
+  --uui-horizontal-gap:6px;
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-loveship .uui-tag.uui-size-18{
+  --uui-font-size:12px;
+  --uui-line-height:14px;
+}
+.uui-theme-loveship .uui-tag.uui-size-24{
+  --uui-icon-size:18px;
+}
+.uui-theme-loveship .uui-tag.uui-size-42{
+  --uui-icon-size:24px;
+}
+.uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
+  --uui-tag-count_indicator-margin-end:3px;
+}
+.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{
+  --uui-horizontal-gap:3px;
+}
+.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-horizontal-padding:3px;
+}
+.uui-theme-loveship .uui-tag.uui-size-42, .uui-theme-loveship .uui-tag.uui-size-48{
+  --uui-horizontal-padding:6px;
+}
+.uui-theme-loveship .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit{
+  --uui-horizontal-gap:3px;
+}
+.uui-theme-loveship .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit{
+  --uui-horizontal-padding:3px;
+}
+.uui-theme-loveship .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit{
+  --uui-horizontal-padding:6px;
+}
+.uui-theme-loveship .uui-checkbox-container.uui-size-18, .uui-theme-loveship .uui-radio-input-container.uui-size-18{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-loveship .uui-switch.uui-size-18{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-loveship .uui-switch.uui-size-24{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+}
+.uui-theme-loveship .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-loveship .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+}
+.uui-theme-loveship .uui-color-primary{
+  --uui-color-5:var(--uui-primary-5);
+  --uui-color-10:var(--uui-primary-10);
+  --uui-color-20:var(--uui-primary-20);
+  --uui-color-50:var(--uui-primary-50);
+  --uui-color-60:var(--uui-primary-60);
+  --uui-color-70:var(--uui-primary-70);
+  --uui-color-contrast:var(--uui-primary-contrast);
+}
+.uui-theme-loveship .uui-color-secondary{
+  --uui-color-5:var(--uui-secondary-5);
+  --uui-color-10:var(--uui-secondary-10);
+  --uui-color-20:var(--uui-secondary-20);
+  --uui-color-50:var(--uui-secondary-50);
+  --uui-color-60:var(--uui-secondary-60);
+  --uui-color-70:var(--uui-secondary-70);
+  --uui-color-contrast:var(--uui-secondary-contrast);
+}
+.uui-theme-loveship .uui-color-accent{
   --uui-color-5:var(--uui-accent-5);
   --uui-color-10:var(--uui-accent-10);
   --uui-color-20:var(--uui-accent-20);
@@ -328,20 +506,43 @@
   --uui-color-70:var(--uui-accent-70);
   --uui-color-contrast:var(--uui-accent-contrast);
 }
-.uui-theme-loveship .uui-color-primary,
-.uui-theme-loveship .uui-color-sky,
 .uui-theme-loveship .uui-color-info{
-  --uui-color-5:var(--uui-primary-5);
-  --uui-color-10:var(--uui-primary-10);
-  --uui-color-20:var(--uui-primary-20);
-  --uui-color-50:var(--uui-primary-50);
-  --uui-color-60:var(--uui-primary-60);
-  --uui-color-70:var(--uui-primary-70);
-  --uui-color-contrast:var(--uui-primary-contrast);
+  --uui-color-5:var(--uui-info-5);
+  --uui-color-10:var(--uui-info-10);
+  --uui-color-20:var(--uui-info-20);
+  --uui-color-50:var(--uui-info-50);
+  --uui-color-60:var(--uui-info-60);
+  --uui-color-70:var(--uui-info-70);
+  --uui-color-contrast:var(--uui-info-contrast);
+}
+.uui-theme-loveship .uui-color-success{
+  --uui-color-5:var(--uui-success-5);
+  --uui-color-10:var(--uui-success-10);
+  --uui-color-20:var(--uui-success-20);
+  --uui-color-50:var(--uui-success-50);
+  --uui-color-60:var(--uui-success-60);
+  --uui-color-70:var(--uui-success-70);
+  --uui-color-contrast:var(--uui-success-contrast);
+}
+.uui-theme-loveship .uui-color-warning{
+  --uui-color-5:var(--uui-warning-5);
+  --uui-color-10:var(--uui-warning-10);
+  --uui-color-20:var(--uui-warning-20);
+  --uui-color-50:var(--uui-warning-50);
+  --uui-color-60:var(--uui-warning-60);
+  --uui-color-70:var(--uui-warning-70);
+  --uui-color-contrast:var(--uui-warning-contrast);
 }
-.uui-theme-loveship .uui-color-fire,
-.uui-theme-loveship .uui-color-critical,
 .uui-theme-loveship .uui-color-error{
+  --uui-color-5:var(--uui-error-5);
+  --uui-color-10:var(--uui-error-10);
+  --uui-color-20:var(--uui-error-20);
+  --uui-color-50:var(--uui-error-50);
+  --uui-color-60:var(--uui-error-60);
+  --uui-color-70:var(--uui-error-70);
+  --uui-color-contrast:var(--uui-error-contrast);
+}
+.uui-theme-loveship .uui-color-critical{
   --uui-color-5:var(--uui-critical-5);
   --uui-color-10:var(--uui-critical-10);
   --uui-color-20:var(--uui-critical-20);
@@ -359,6 +560,42 @@
   --uui-color-70:var(--uui-neutral-20);
   --uui-color-contrast:var(--uui-neutral-70);
 }
+.uui-theme-loveship .uui-color-neutral{
+  --uui-color-5:var(--uui-secondary-5);
+  --uui-color-10:var(--uui-secondary-10);
+  --uui-color-20:var(--uui-secondary-20);
+  --uui-color-50:var(--uui-secondary-50);
+  --uui-color-60:var(--uui-secondary-60);
+  --uui-color-70:var(--uui-secondary-70);
+  --uui-color-contrast:var(--uui-secondary-contrast);
+}
+.uui-theme-loveship .uui-color-grass{
+  --uui-color-5:var(--uui-accent-5);
+  --uui-color-10:var(--uui-accent-10);
+  --uui-color-20:var(--uui-accent-20);
+  --uui-color-50:var(--uui-accent-50);
+  --uui-color-60:var(--uui-accent-60);
+  --uui-color-70:var(--uui-accent-70);
+  --uui-color-contrast:var(--uui-accent-contrast);
+}
+.uui-theme-loveship .uui-color-sky{
+  --uui-color-5:var(--uui-primary-5);
+  --uui-color-10:var(--uui-primary-10);
+  --uui-color-20:var(--uui-primary-20);
+  --uui-color-50:var(--uui-primary-50);
+  --uui-color-60:var(--uui-primary-60);
+  --uui-color-70:var(--uui-primary-70);
+  --uui-color-contrast:var(--uui-primary-contrast);
+}
+.uui-theme-loveship .uui-color-fire{
+  --uui-color-5:var(--uui-critical-5);
+  --uui-color-10:var(--uui-critical-10);
+  --uui-color-20:var(--uui-critical-20);
+  --uui-color-50:var(--uui-critical-50);
+  --uui-color-60:var(--uui-critical-60);
+  --uui-color-70:var(--uui-critical-70);
+  --uui-color-contrast:var(--uui-critical-contrast);
+}
 .uui-theme-loveship .uui-color-night100{
   --uui-color-5:var(--white);
   --uui-color-10:var(--white);
@@ -387,9 +624,7 @@
   --uui-color-contrast:var(--white);
 }
 .uui-theme-loveship .uui-color-night600,
-.uui-theme-loveship .uui-color-neutral,
-.uui-theme-loveship .uui-color-gray,
-.uui-theme-loveship .uui-color-secondary{
+.uui-theme-loveship .uui-color-gray{
   --uui-color-5:var(--uui-secondary-5);
   --uui-color-10:var(--uui-secondary-10);
   --uui-color-20:var(--uui-secondary-20);
@@ -407,7 +642,6 @@
   --uui-color-70:var(--uui-color-night700-900);
   --uui-color-contrast:var(--white);
 }
-.uui-theme-loveship .uui-color-warning,
 .uui-theme-loveship .uui-color-sun{
   --uui-color-5:var(--uui-warning-5);
   --uui-color-10:var(--uui-warning-10);