npm - @alfalab/core-components - Versions diffs - 43.2.0 → 44.1.0 - Mend

@alfalab/core-components 43.2.0 → 44.1.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 (2880) hide show

package/underlay/index.css CHANGED Viewed

@@ -1,6 +1,7 @@
-/* hash: 1i6p1 */
+/* hash: 1t8jg */
 :root {
 } /* deprecated */ :root {
+    --color-light-accent-primary: #ef3124;
     --color-light-bg-accent: #ef3124;
     --color-light-bg-attention-muted: #ffefd9;
     --color-light-bg-info: #d6e8fc;
@@ -14,22 +15,16 @@
     --color-light-bg-secondary-inverted: #1c1c1e;
     --color-light-bg-tertiary: #e7e8ea;
     --color-light-bg-tertiary-inverted: #27272a;
-    --color-light-border-accent: #ef3124;
-    --color-light-border-key: #000;
-    --color-light-border-key-inverted: #fff;
-    --color-light-border-link: #2288fa;
-    --color-light-border-primary: #d5d6dc;
-    --color-light-border-primary-inverted: #36363a;
-    --color-light-border-secondary: #e7e8ec;
-    --color-light-border-secondary-inverted: #27272a;
-    --color-light-border-tertiary: #f2f3f5;
-    --color-light-border-tertiary-inverted: #1c1c1e;
-    --color-light-border-underline: #b8b9c0;
-    --color-light-border-underline-inverted: #49494f;
-    --color-light-graphic-attention: #fa9313;
-    --color-light-graphic-link: #2288fa;
-    --color-light-graphic-negative: #ff5431;
-    --color-light-graphic-positive: #0cc44d;
+    --color-light-neutral-1500: #0e0e0e;
+    --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-200: #edeef0;
+    --color-light-neutral-200-inverted: #212124;
+    --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-300-inverted: #29292c;
+    --color-light-neutral-400: #d2d3d9;
+    --color-light-neutral-400-inverted: #353539;
+    --color-light-neutral-500: #babbc2;
+    --color-light-neutral-500-inverted: #4a4a51;
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
     --color-light-specialbg-primary-grouped: #f2f3f5;
@@ -38,7 +33,11 @@
     --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
     --color-light-specialbg-tertiary-grouped: #f2f3f5;
     --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
-    --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
+    --color-light-status-attention: #fa9313;
+    --color-light-status-info: #2288fa;
+    --color-light-status-negative: #ff5431;
+    --color-light-status-positive: #0cc44d; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -106,334 +105,363 @@
     --gap-6xl: 72px;
 } :root {
 } :root {
-} .underlay__component_1xwh5 {
+} :root {
+    --underline-border-color-accent: var(--color-light-accent-primary);
+    --underline-border-color-key: var(--color-light-neutral-1500);
+    --underline-border-color-key-inverted: var(--color-light-neutral-1500-inverted);
+    --underline-border-color-link: var(--color-light-status-info);
+    --underline-border-color-primary: var(--color-light-neutral-400);
+    --underline-border-color-primary-inverted: var(--color-light-neutral-400-inverted);
+    --underline-border-color-secondary: var(--color-light-neutral-300);
+    --underline-border-color-secondary-inverted: var(--color-light-neutral-300-inverted);
+    --underline-border-color-tertiary: var(--color-light-neutral-200);
+    --underline-border-color-tertiary-inverted: var(--color-light-neutral-200-inverted);
+    --underline-border-color-underline: var(--color-light-neutral-500);
+    --underline-border-color-underline-inverted: var(--color-light-neutral-500-inverted);
+    --underline-border-color-graphic-attention: var(--color-light-status-attention);
+    --underline-border-color-graphic-link: var(--color-light-status-info);
+    --underline-border-color-graphic-negative: var(--color-light-status-negative);
+    --underline-border-color-graphic-positive: var(--color-light-status-positive);
+    --underline-border-color-specialbg-secondary-transparent: var(
+        --color-light-neutral-translucent-200
+    );
+    --underline-border-color-specialbg-secondary-transparent-inverted: var(
+        --color-light-neutral-translucent-200-inverted
+    );
+    --underline-border-color-specialbg-tertiary-transparent: var(
+        --color-light-neutral-translucent-300
+    );
+    --underline-border-color-specialbg-tertiary-transparent-inverted: var(
+        --color-light-neutral-translucent-300-inverted
+    );
+} .underlay__component_1lvu2 {
     display: flex;
     box-sizing: border-box;
-} .underlay__content_1xwh5 {
+} .underlay__content_1lvu2 {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-} .underlay__overflowHide_1xwh5 {
+} .underlay__overflowHide_1lvu2 {
     overflow: hidden;
-} .underlay__background-accent_1xwh5 {
+} .underlay__background-accent_1lvu2 {
             background-color: var(--color-light-bg-accent);
-        } .underlay__background-info_1xwh5 {
+        } .underlay__background-info_1lvu2 {
             background-color: var(--color-light-bg-info);
-        } .underlay__background-attention-muted_1xwh5 {
+        } .underlay__background-attention-muted_1lvu2 {
             background-color: var(--color-light-bg-attention-muted);
-        } .underlay__background-positive-muted_1xwh5 {
+        } .underlay__background-positive-muted_1lvu2 {
             background-color: var(--color-light-bg-positive-muted);
-        } .underlay__background-negative-muted_1xwh5 {
+        } .underlay__background-negative-muted_1lvu2 {
             background-color: var(--color-light-bg-negative-muted);
-        } .underlay__background-primary_1xwh5 {
+        } .underlay__background-primary_1lvu2 {
             background-color: var(--color-light-bg-primary);
-        } .underlay__background-primary-inverted_1xwh5 {
+        } .underlay__background-primary-inverted_1lvu2 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .underlay__background-secondary_1xwh5 {
+        } .underlay__background-secondary_1lvu2 {
             background-color: var(--color-light-bg-secondary);
-        } .underlay__background-secondary-inverted_1xwh5 {
+        } .underlay__background-secondary-inverted_1lvu2 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .underlay__background-tertiary_1xwh5 {
+        } .underlay__background-tertiary_1lvu2 {
             background-color: var(--color-light-bg-tertiary);
-        } .underlay__background-tertiary-inverted_1xwh5 {
+        } .underlay__background-tertiary-inverted_1lvu2 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .underlay__background-quaternary_1xwh5 {
+        } .underlay__background-quaternary_1lvu2 {
             background-color: var(--color-light-bg-quaternary);
-        } .underlay__background-quaternary-inverted_1xwh5 {
+        } .underlay__background-quaternary-inverted_1lvu2 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .underlay__background-specialbg-component_1xwh5 {
+        } .underlay__background-specialbg-component_1lvu2 {
             background-color: var(--color-light-specialbg-component);
-        } .underlay__background-specialbg-component-inverted_1xwh5 {
+        } .underlay__background-specialbg-component-inverted_1lvu2 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .underlay__background-specialbg-primary-grouped_1xwh5 {
+        } .underlay__background-specialbg-primary-grouped_1lvu2 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .underlay__background-specialbg-secondary-grouped_1xwh5 {
+        } .underlay__background-specialbg-secondary-grouped_1lvu2 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .underlay__background-specialbg-tertiary-grouped_1xwh5 {
+        } .underlay__background-specialbg-tertiary-grouped_1lvu2 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .underlay__background-specialbg-secondary-transparent_1xwh5 {
+        } .underlay__background-specialbg-secondary-transparent_1lvu2 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .underlay__background-specialbg-secondary-transparent-inverted_1xwh5 {
+        } .underlay__background-specialbg-secondary-transparent-inverted_1lvu2 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .underlay__background-specialbg-tertiary-transparent_1xwh5 {
+        } .underlay__background-specialbg-tertiary-transparent_1lvu2 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_1xwh5 {
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1lvu2 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        } .underlay__padding-top-3xs_1xwh5 {
+        } .underlay__padding-top-3xs_1lvu2 {
         padding-top: var(--gap-3xs);
-    } .underlay__padding-right-3xs_1xwh5 {
+    } .underlay__padding-right-3xs_1lvu2 {
         padding-right: var(--gap-3xs);
-    } .underlay__padding-bottom-3xs_1xwh5 {
+    } .underlay__padding-bottom-3xs_1lvu2 {
         padding-bottom: var(--gap-3xs);
-    } .underlay__padding-left-3xs_1xwh5 {
+    } .underlay__padding-left-3xs_1lvu2 {
         padding-left: var(--gap-3xs);
-    } .underlay__padding-top-2xs_1xwh5 {
+    } .underlay__padding-top-2xs_1lvu2 {
         padding-top: var(--gap-2xs);
-    } .underlay__padding-right-2xs_1xwh5 {
+    } .underlay__padding-right-2xs_1lvu2 {
         padding-right: var(--gap-2xs);
-    } .underlay__padding-bottom-2xs_1xwh5 {
+    } .underlay__padding-bottom-2xs_1lvu2 {
         padding-bottom: var(--gap-2xs);
-    } .underlay__padding-left-2xs_1xwh5 {
+    } .underlay__padding-left-2xs_1lvu2 {
         padding-left: var(--gap-2xs);
-    } .underlay__padding-top-xs_1xwh5 {
+    } .underlay__padding-top-xs_1lvu2 {
         padding-top: var(--gap-xs);
-    } .underlay__padding-right-xs_1xwh5 {
+    } .underlay__padding-right-xs_1lvu2 {
         padding-right: var(--gap-xs);
-    } .underlay__padding-bottom-xs_1xwh5 {
+    } .underlay__padding-bottom-xs_1lvu2 {
         padding-bottom: var(--gap-xs);
-    } .underlay__padding-left-xs_1xwh5 {
+    } .underlay__padding-left-xs_1lvu2 {
         padding-left: var(--gap-xs);
-    } .underlay__padding-top-s_1xwh5 {
+    } .underlay__padding-top-s_1lvu2 {
         padding-top: var(--gap-s);
-    } .underlay__padding-right-s_1xwh5 {
+    } .underlay__padding-right-s_1lvu2 {
         padding-right: var(--gap-s);
-    } .underlay__padding-bottom-s_1xwh5 {
+    } .underlay__padding-bottom-s_1lvu2 {
         padding-bottom: var(--gap-s);
-    } .underlay__padding-left-s_1xwh5 {
+    } .underlay__padding-left-s_1lvu2 {
         padding-left: var(--gap-s);
-    } .underlay__padding-top-m_1xwh5 {
+    } .underlay__padding-top-m_1lvu2 {
         padding-top: var(--gap-m);
-    } .underlay__padding-right-m_1xwh5 {
+    } .underlay__padding-right-m_1lvu2 {
         padding-right: var(--gap-m);
-    } .underlay__padding-bottom-m_1xwh5 {
+    } .underlay__padding-bottom-m_1lvu2 {
         padding-bottom: var(--gap-m);
-    } .underlay__padding-left-m_1xwh5 {
+    } .underlay__padding-left-m_1lvu2 {
         padding-left: var(--gap-m);
-    } .underlay__padding-top-l_1xwh5 {
+    } .underlay__padding-top-l_1lvu2 {
         padding-top: var(--gap-l);
-    } .underlay__padding-right-l_1xwh5 {
+    } .underlay__padding-right-l_1lvu2 {
         padding-right: var(--gap-l);
-    } .underlay__padding-bottom-l_1xwh5 {
+    } .underlay__padding-bottom-l_1lvu2 {
         padding-bottom: var(--gap-l);
-    } .underlay__padding-left-l_1xwh5 {
+    } .underlay__padding-left-l_1lvu2 {
         padding-left: var(--gap-l);
-    } .underlay__padding-top-xl_1xwh5 {
+    } .underlay__padding-top-xl_1lvu2 {
         padding-top: var(--gap-xl);
-    } .underlay__padding-right-xl_1xwh5 {
+    } .underlay__padding-right-xl_1lvu2 {
         padding-right: var(--gap-xl);
-    } .underlay__padding-bottom-xl_1xwh5 {
+    } .underlay__padding-bottom-xl_1lvu2 {
         padding-bottom: var(--gap-xl);
-    } .underlay__padding-left-xl_1xwh5 {
+    } .underlay__padding-left-xl_1lvu2 {
         padding-left: var(--gap-xl);
-    } .underlay__padding-top-2xl_1xwh5 {
+    } .underlay__padding-top-2xl_1lvu2 {
         padding-top: var(--gap-2xl);
-    } .underlay__padding-right-2xl_1xwh5 {
+    } .underlay__padding-right-2xl_1lvu2 {
         padding-right: var(--gap-2xl);
-    } .underlay__padding-bottom-2xl_1xwh5 {
+    } .underlay__padding-bottom-2xl_1lvu2 {
         padding-bottom: var(--gap-2xl);
-    } .underlay__padding-left-2xl_1xwh5 {
+    } .underlay__padding-left-2xl_1lvu2 {
         padding-left: var(--gap-2xl);
-    } .underlay__padding-top-3xl_1xwh5 {
+    } .underlay__padding-top-3xl_1lvu2 {
         padding-top: var(--gap-3xl);
-    } .underlay__padding-right-3xl_1xwh5 {
+    } .underlay__padding-right-3xl_1lvu2 {
         padding-right: var(--gap-3xl);
-    } .underlay__padding-bottom-3xl_1xwh5 {
+    } .underlay__padding-bottom-3xl_1lvu2 {
         padding-bottom: var(--gap-3xl);
-    } .underlay__padding-left-3xl_1xwh5 {
+    } .underlay__padding-left-3xl_1lvu2 {
         padding-left: var(--gap-3xl);
-    } .underlay__padding-top-4xl_1xwh5 {
+    } .underlay__padding-top-4xl_1lvu2 {
         padding-top: var(--gap-4xl);
-    } .underlay__padding-right-4xl_1xwh5 {
+    } .underlay__padding-right-4xl_1lvu2 {
         padding-right: var(--gap-4xl);
-    } .underlay__padding-bottom-4xl_1xwh5 {
+    } .underlay__padding-bottom-4xl_1lvu2 {
         padding-bottom: var(--gap-4xl);
-    } .underlay__padding-left-4xl_1xwh5 {
+    } .underlay__padding-left-4xl_1lvu2 {
         padding-left: var(--gap-4xl);
-    } .underlay__padding-top-5xl_1xwh5 {
+    } .underlay__padding-top-5xl_1lvu2 {
         padding-top: var(--gap-5xl);
-    } .underlay__padding-right-5xl_1xwh5 {
+    } .underlay__padding-right-5xl_1lvu2 {
         padding-right: var(--gap-5xl);
-    } .underlay__padding-bottom-5xl_1xwh5 {
+    } .underlay__padding-bottom-5xl_1lvu2 {
         padding-bottom: var(--gap-5xl);
-    } .underlay__padding-left-5xl_1xwh5 {
+    } .underlay__padding-left-5xl_1lvu2 {
         padding-left: var(--gap-5xl);
-    } .underlay__padding-top-6xl_1xwh5 {
+    } .underlay__padding-top-6xl_1lvu2 {
         padding-top: var(--gap-6xl);
-    } .underlay__padding-right-6xl_1xwh5 {
+    } .underlay__padding-right-6xl_1lvu2 {
         padding-right: var(--gap-6xl);
-    } .underlay__padding-bottom-6xl_1xwh5 {
+    } .underlay__padding-bottom-6xl_1lvu2 {
         padding-bottom: var(--gap-6xl);
-    } .underlay__padding-left-6xl_1xwh5 {
+    } .underlay__padding-left-6xl_1lvu2 {
         padding-left: var(--gap-6xl);
-    } .underlay__border-bottom-left-xs_1xwh5 {
+    } .underlay__border-bottom-left-xs_1lvu2 {
         border-bottom-left-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-right-xs_1xwh5 {
+    } .underlay__border-bottom-right-xs_1lvu2 {
         border-bottom-right-radius: var(--border-radius-xs);
-    } .underlay__border-top-left-xs_1xwh5 {
+    } .underlay__border-top-left-xs_1lvu2 {
         border-top-left-radius: var(--border-radius-xs);
-    } .underlay__border-top-right-xs_1xwh5 {
+    } .underlay__border-top-right-xs_1lvu2 {
         border-top-right-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-left-s_1xwh5 {
+    } .underlay__border-bottom-left-s_1lvu2 {
         border-bottom-left-radius: var(--border-radius-s);
-    } .underlay__border-bottom-right-s_1xwh5 {
+    } .underlay__border-bottom-right-s_1lvu2 {
         border-bottom-right-radius: var(--border-radius-s);
-    } .underlay__border-top-left-s_1xwh5 {
+    } .underlay__border-top-left-s_1lvu2 {
         border-top-left-radius: var(--border-radius-s);
-    } .underlay__border-top-right-s_1xwh5 {
+    } .underlay__border-top-right-s_1lvu2 {
         border-top-right-radius: var(--border-radius-s);
-    } .underlay__border-bottom-left-m_1xwh5 {
+    } .underlay__border-bottom-left-m_1lvu2 {
         border-bottom-left-radius: var(--border-radius-m);
-    } .underlay__border-bottom-right-m_1xwh5 {
+    } .underlay__border-bottom-right-m_1lvu2 {
         border-bottom-right-radius: var(--border-radius-m);
-    } .underlay__border-top-left-m_1xwh5 {
+    } .underlay__border-top-left-m_1lvu2 {
         border-top-left-radius: var(--border-radius-m);
-    } .underlay__border-top-right-m_1xwh5 {
+    } .underlay__border-top-right-m_1lvu2 {
         border-top-right-radius: var(--border-radius-m);
-    } .underlay__border-bottom-left-l_1xwh5 {
+    } .underlay__border-bottom-left-l_1lvu2 {
         border-bottom-left-radius: var(--border-radius-l);
-    } .underlay__border-bottom-right-l_1xwh5 {
+    } .underlay__border-bottom-right-l_1lvu2 {
         border-bottom-right-radius: var(--border-radius-l);
-    } .underlay__border-top-left-l_1xwh5 {
+    } .underlay__border-top-left-l_1lvu2 {
         border-top-left-radius: var(--border-radius-l);
-    } .underlay__border-top-right-l_1xwh5 {
+    } .underlay__border-top-right-l_1lvu2 {
         border-top-right-radius: var(--border-radius-l);
-    } .underlay__border-bottom-left-xl_1xwh5 {
+    } .underlay__border-bottom-left-xl_1lvu2 {
         border-bottom-left-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-right-xl_1xwh5 {
+    } .underlay__border-bottom-right-xl_1lvu2 {
         border-bottom-right-radius: var(--border-radius-xl);
-    } .underlay__border-top-left-xl_1xwh5 {
+    } .underlay__border-top-left-xl_1lvu2 {
         border-top-left-radius: var(--border-radius-xl);
-    } .underlay__border-top-right-xl_1xwh5 {
+    } .underlay__border-top-right-xl_1lvu2 {
         border-top-right-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-left-xxl_1xwh5 {
+    } .underlay__border-bottom-left-xxl_1lvu2 {
         border-bottom-left-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-right-xxl_1xwh5 {
+    } .underlay__border-bottom-right-xxl_1lvu2 {
         border-bottom-right-radius: var(--border-radius-xxl);
-    } .underlay__border-top-left-xxl_1xwh5 {
+    } .underlay__border-top-left-xxl_1lvu2 {
         border-top-left-radius: var(--border-radius-xxl);
-    } .underlay__border-top-right-xxl_1xwh5 {
+    } .underlay__border-top-right-xxl_1lvu2 {
         border-top-right-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-left-3xl_1xwh5 {
+    } .underlay__border-bottom-left-3xl_1lvu2 {
         border-bottom-left-radius: var(--border-radius-3xl);
-    } .underlay__border-bottom-right-3xl_1xwh5 {
+    } .underlay__border-bottom-right-3xl_1lvu2 {
         border-bottom-right-radius: var(--border-radius-3xl);
-    } .underlay__border-top-left-3xl_1xwh5 {
+    } .underlay__border-top-left-3xl_1lvu2 {
         border-top-left-radius: var(--border-radius-3xl);
-    } .underlay__border-top-right-3xl_1xwh5 {
+    } .underlay__border-top-right-3xl_1lvu2 {
         border-top-right-radius: var(--border-radius-3xl);
-    } .underlay__shadow-xs_1xwh5 {
+    } .underlay__shadow-xs_1lvu2 {
         box-shadow: var(--shadow-xs);
-    } .underlay__shadow-s_1xwh5 {
+    } .underlay__shadow-s_1lvu2 {
         box-shadow: var(--shadow-s);
-    } .underlay__shadow-m_1xwh5 {
+    } .underlay__shadow-m_1lvu2 {
         box-shadow: var(--shadow-m);
-    } .underlay__shadow-l_1xwh5 {
+    } .underlay__shadow-l_1lvu2 {
         box-shadow: var(--shadow-l);
-    } .underlay__shadow-xl_1xwh5 {
+    } .underlay__shadow-xl_1lvu2 {
         box-shadow: var(--shadow-xl);
-    } .underlay__shadow-xs-hard_1xwh5 {
+    } .underlay__shadow-xs-hard_1lvu2 {
         box-shadow: var(--shadow-xs-hard);
-    } .underlay__shadow-s-hard_1xwh5 {
+    } .underlay__shadow-s-hard_1lvu2 {
         box-shadow: var(--shadow-s-hard);
-    } .underlay__shadow-m-hard_1xwh5 {
+    } .underlay__shadow-m-hard_1lvu2 {
         box-shadow: var(--shadow-m-hard);
-    } .underlay__shadow-l-hard_1xwh5 {
+    } .underlay__shadow-l-hard_1lvu2 {
         box-shadow: var(--shadow-l-hard);
-    } .underlay__shadow-xl-hard_1xwh5 {
+    } .underlay__shadow-xl-hard_1lvu2 {
         box-shadow: var(--shadow-xl-hard);
-    } .underlay__shadow-xs-up_1xwh5 {
+    } .underlay__shadow-xs-up_1lvu2 {
         box-shadow: var(--shadow-xs-up);
-    } .underlay__shadow-s-up_1xwh5 {
+    } .underlay__shadow-s-up_1lvu2 {
         box-shadow: var(--shadow-s-up);
-    } .underlay__shadow-m-up_1xwh5 {
+    } .underlay__shadow-m-up_1lvu2 {
         box-shadow: var(--shadow-m-up);
-    } .underlay__shadow-l-up_1xwh5 {
+    } .underlay__shadow-l-up_1lvu2 {
         box-shadow: var(--shadow-l-up);
-    } .underlay__shadow-xl-up_1xwh5 {
+    } .underlay__shadow-xl-up_1lvu2 {
         box-shadow: var(--shadow-xl-up);
-    } .underlay__shadow-xs-hard-up_1xwh5 {
+    } .underlay__shadow-xs-hard-up_1lvu2 {
         box-shadow: var(--shadow-xs-hard-up);
-    } .underlay__shadow-s-hard-up_1xwh5 {
+    } .underlay__shadow-s-hard-up_1lvu2 {
         box-shadow: var(--shadow-s-hard-up);
-    } .underlay__shadow-m-hard-up_1xwh5 {
+    } .underlay__shadow-m-hard-up_1lvu2 {
         box-shadow: var(--shadow-m-hard-up);
-    } .underlay__shadow-l-hard-up_1xwh5 {
+    } .underlay__shadow-l-hard-up_1lvu2 {
         box-shadow: var(--shadow-l-hard-up);
-    } .underlay__shadow-xl-hard-up_1xwh5 {
+    } .underlay__shadow-xl-hard-up_1lvu2 {
         box-shadow: var(--shadow-xl-hard-up);
-    } .underlay__border-color-accent_1xwh5 {
-        border-color: var(--color-light-border-accent);
-    } .underlay__border-color-key_1xwh5 {
-        border-color: var(--color-light-border-key);
-    } .underlay__border-color-key-inverted_1xwh5 {
-        border-color: var(--color-light-border-key-inverted);
-    } .underlay__border-color-link_1xwh5 {
-        border-color: var(--color-light-border-link);
-    } .underlay__border-color-primary_1xwh5 {
-        border-color: var(--color-light-border-primary);
-    } .underlay__border-color-primary-inverted_1xwh5 {
-        border-color: var(--color-light-border-primary-inverted);
-    } .underlay__border-color-secondary_1xwh5 {
-        border-color: var(--color-light-border-secondary);
-    } .underlay__border-color-secondary-inverted_1xwh5 {
-        border-color: var(--color-light-border-secondary-inverted);
-    } .underlay__border-color-tertiary_1xwh5 {
-        border-color: var(--color-light-border-tertiary);
-    } .underlay__border-color-tertiary-inverted_1xwh5 {
-        border-color: var(--color-light-border-tertiary-inverted);
-    } .underlay__border-color-underline_1xwh5 {
-        border-color: var(--color-light-border-underline);
-    } .underlay__border-color-underline-inverted_1xwh5 {
-        border-color: var(--color-light-border-underline-inverted);
-    } .underlay__border-color-graphic-attention_1xwh5 {
-        border-color: var(--color-light-graphic-attention);
-    } .underlay__border-color-graphic-link_1xwh5 {
-        border-color: var(--color-light-graphic-link);
-    } .underlay__border-color-graphic-negative_1xwh5 {
-        border-color: var(--color-light-graphic-negative);
-    } .underlay__border-color-graphic-positive_1xwh5 {
-        border-color: var(--color-light-graphic-positive);
-    } .underlay__border-color-specialbg-secondary-transparent_1xwh5 {
-        border-color: var(--color-light-specialbg-secondary-transparent);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_1xwh5 {
-        border-color: var(--color-light-specialbg-secondary-transparent-inverted);
-    } .underlay__border-color-specialbg-tertiary-transparent_1xwh5 {
-        border-color: var(--color-light-specialbg-tertiary-transparent);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1xwh5 {
-        border-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-    } .underlay__border-radius-xs_1xwh5 {
+    } .underlay__border-color-accent_1lvu2 {
+        border-color: var(--underline-border-color-accent);
+    } .underlay__border-color-key_1lvu2 {
+        border-color: var(--underline-border-color-key);
+    } .underlay__border-color-key-inverted_1lvu2 {
+        border-color: var(--underline-border-color-key-inverted);
+    } .underlay__border-color-link_1lvu2 {
+        border-color: var(--underline-border-color-link);
+    } .underlay__border-color-primary_1lvu2 {
+        border-color: var(--underline-border-color-primary);
+    } .underlay__border-color-primary-inverted_1lvu2 {
+        border-color: var(--underline-border-color-primary-inverted);
+    } .underlay__border-color-secondary_1lvu2 {
+        border-color: var(--underline-border-color-secondary);
+    } .underlay__border-color-secondary-inverted_1lvu2 {
+        border-color: var(--underline-border-color-secondary-inverted);
+    } .underlay__border-color-tertiary_1lvu2 {
+        border-color: var(--underline-border-color-tertiary);
+    } .underlay__border-color-tertiary-inverted_1lvu2 {
+        border-color: var(--underline-border-color-tertiary-inverted);
+    } .underlay__border-color-underline_1lvu2 {
+        border-color: var(--underline-border-color-underline);
+    } .underlay__border-color-underline-inverted_1lvu2 {
+        border-color: var(--underline-border-color-underline-inverted);
+    } .underlay__border-color-graphic-attention_1lvu2 {
+        border-color: var(--underline-border-color-graphic-attention);
+    } .underlay__border-color-graphic-link_1lvu2 {
+        border-color: var(--underline-border-color-graphic-link);
+    } .underlay__border-color-graphic-negative_1lvu2 {
+        border-color: var(--underline-border-color-graphic-negative);
+    } .underlay__border-color-graphic-positive_1lvu2 {
+        border-color: var(--underline-border-color-graphic-positive);
+    } .underlay__border-color-specialbg-secondary-transparent_1lvu2 {
+        border-color: var(--underline-border-color-specialbg-secondary-transparent);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1lvu2 {
+        border-color: var(--underline-border-color-specialbg-secondary-transparent-inverted);
+    } .underlay__border-color-specialbg-tertiary-transparent_1lvu2 {
+        border-color: var(--underline-border-color-specialbg-tertiary-transparent);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1lvu2 {
+        border-color: var(--underline-border-color-specialbg-tertiary-transparent-inverted);
+    } .underlay__border-radius-xs_1lvu2 {
         border-radius: var(--border-radius-xs);
-    } .underlay__border-radius-s_1xwh5 {
+    } .underlay__border-radius-s_1lvu2 {
         border-radius: var(--border-radius-s);
-    } .underlay__border-radius-m_1xwh5 {
+    } .underlay__border-radius-m_1lvu2 {
         border-radius: var(--border-radius-m);
-    } .underlay__border-radius-l_1xwh5 {
+    } .underlay__border-radius-l_1lvu2 {
         border-radius: var(--border-radius-l);
-    } .underlay__border-radius-xl_1xwh5 {
+    } .underlay__border-radius-xl_1lvu2 {
         border-radius: var(--border-radius-xl);
-    } .underlay__border-radius-xxl_1xwh5 {
+    } .underlay__border-radius-xxl_1lvu2 {
         border-radius: var(--border-radius-xxl);
-    } .underlay__border-radius-3xl_1xwh5 {
+    } .underlay__border-radius-3xl_1lvu2 {
         border-radius: var(--border-radius-3xl);
-    } /* prettier-ignore */ .underlay__border-width-1_1xwh5 {
+    } /* prettier-ignore */ .underlay__border-width-1_1lvu2 {
         border-width: 1px;
         border-style: solid;
-    } .underlay__border-width-2_1xwh5 {
+    } .underlay__border-width-2_1lvu2 {
         border-width: 2px;
         border-style: solid;
-    } .underlay__border-width-4_1xwh5 {
+    } .underlay__border-width-4_1lvu2 {
         border-width: 4px;
         border-style: solid;
-    } .underlay__direction-vertical_1xwh5 {
+    } .underlay__direction-vertical_1lvu2 {
     flex-direction: column;
-} .underlay__direction-horizontal_1xwh5 {
+} .underlay__direction-horizontal_1lvu2 {
     flex-direction: row;
-} .underlay__align-start_1xwh5 {
+} .underlay__align-start_1lvu2 {
     align-items: flex-start;
-} .underlay__align-center_1xwh5 {
+} .underlay__align-center_1lvu2 {
     align-items: center;
-} .underlay__align-end_1xwh5 {
+} .underlay__align-end_1lvu2 {
     align-items: flex-end;
-} .underlay__align-fill_1xwh5 {
+} .underlay__align-fill_1lvu2 {
     align-items: stretch;
-} .underlay__justify-start_1xwh5 {
+} .underlay__justify-start_1lvu2 {
     justify-content: flex-start;
-} .underlay__justify-center_1xwh5 {
+} .underlay__justify-center_1lvu2 {
     justify-content: center;
-} .underlay__justify-end_1xwh5 {
+} .underlay__justify-end_1lvu2 {
     justify-content: flex-end;
-} .underlay__backgroundImage_1xwh5 {
+} .underlay__backgroundImage_1lvu2 {
     background-size: cover;
     background-repeat: no-repeat;
 }

package/underlay/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./utils/getBorderCorners.js');
-require('./index.module-fcbe6585.js');
+require('./index.module-3b95730b.js');
 require('./utils/getClasses.js');
 require('./constants.js');