@alfalab/core-components 47.4.0 → 47.6.0

package/underlay/index.css

@@ -91,18 +91,20 @@
     --border-radius-xxl: 20px;
     --border-radius-3xl: 24px;
 } :root {
-    --gap-3xs: 2px;
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-l: 20px;
-    --gap-xl: 24px;
-    --gap-2xl: 32px;
-    --gap-3xl: 40px;
-    --gap-4xl: 48px;
-    --gap-5xl: 64px;
-    --gap-6xl: 72px;
+    --gap-3xs: 2px; /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
+    --gap-xs: 8px; /* deprecated */
+    --gap-s: 12px; /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */
+    --gap-l: 20px; /* deprecated */
+    --gap-xl: 24px; /* deprecated */
+    --gap-2xl: 32px; /* deprecated */
+    --gap-3xl: 40px; /* deprecated */
+    --gap-4xl: 48px; /* deprecated */
+    --gap-5xl: 64px; /* deprecated */
+    --gap-6xl: 72px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root {
 } :root {
 } :root {
@@ -134,334 +136,334 @@
     --underline-border-color-specialbg-tertiary-transparent-inverted: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .underlay__component_1a5zm {
+} .underlay__component_g5tla {
     display: flex;
     box-sizing: border-box;
-} .underlay__content_1a5zm {
+} .underlay__content_g5tla {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-} .underlay__overflowHide_1a5zm {
+} .underlay__overflowHide_g5tla {
     overflow: hidden;
-} .underlay__background-accent_1a5zm {
+} .underlay__background-accent_g5tla {
             background-color: var(--color-light-bg-accent);
-        } .underlay__background-info_1a5zm {
+        } .underlay__background-info_g5tla {
             background-color: var(--color-light-bg-info);
-        } .underlay__background-attention-muted_1a5zm {
+        } .underlay__background-attention-muted_g5tla {
             background-color: var(--color-light-bg-attention-muted);
-        } .underlay__background-positive-muted_1a5zm {
+        } .underlay__background-positive-muted_g5tla {
             background-color: var(--color-light-bg-positive-muted);
-        } .underlay__background-negative-muted_1a5zm {
+        } .underlay__background-negative-muted_g5tla {
             background-color: var(--color-light-bg-negative-muted);
-        } .underlay__background-primary_1a5zm {
+        } .underlay__background-primary_g5tla {
             background-color: var(--color-light-bg-primary);
-        } .underlay__background-primary-inverted_1a5zm {
+        } .underlay__background-primary-inverted_g5tla {
             background-color: var(--color-light-bg-primary-inverted);
-        } .underlay__background-secondary_1a5zm {
+        } .underlay__background-secondary_g5tla {
             background-color: var(--color-light-bg-secondary);
-        } .underlay__background-secondary-inverted_1a5zm {
+        } .underlay__background-secondary-inverted_g5tla {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .underlay__background-tertiary_1a5zm {
+        } .underlay__background-tertiary_g5tla {
             background-color: var(--color-light-bg-tertiary);
-        } .underlay__background-tertiary-inverted_1a5zm {
+        } .underlay__background-tertiary-inverted_g5tla {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .underlay__background-quaternary_1a5zm {
+        } .underlay__background-quaternary_g5tla {
             background-color: var(--color-light-bg-quaternary);
-        } .underlay__background-quaternary-inverted_1a5zm {
+        } .underlay__background-quaternary-inverted_g5tla {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .underlay__background-specialbg-component_1a5zm {
+        } .underlay__background-specialbg-component_g5tla {
             background-color: var(--color-light-specialbg-component);
-        } .underlay__background-specialbg-component-inverted_1a5zm {
+        } .underlay__background-specialbg-component-inverted_g5tla {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .underlay__background-specialbg-primary-grouped_1a5zm {
+        } .underlay__background-specialbg-primary-grouped_g5tla {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .underlay__background-specialbg-secondary-grouped_1a5zm {
+        } .underlay__background-specialbg-secondary-grouped_g5tla {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .underlay__background-specialbg-tertiary-grouped_1a5zm {
+        } .underlay__background-specialbg-tertiary-grouped_g5tla {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .underlay__background-specialbg-secondary-transparent_1a5zm {
+        } .underlay__background-specialbg-secondary-transparent_g5tla {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .underlay__background-specialbg-secondary-transparent-inverted_1a5zm {
+        } .underlay__background-specialbg-secondary-transparent-inverted_g5tla {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .underlay__background-specialbg-tertiary-transparent_1a5zm {
+        } .underlay__background-specialbg-tertiary-transparent_g5tla {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_1a5zm {
+        } .underlay__background-specialbg-tertiary-transparent-inverted_g5tla {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        } .underlay__padding-top-3xs_1a5zm {
+        } .underlay__padding-top-3xs_g5tla {
         padding-top: var(--gap-3xs);
-    } .underlay__padding-right-3xs_1a5zm {
+    } .underlay__padding-right-3xs_g5tla {
         padding-right: var(--gap-3xs);
-    } .underlay__padding-bottom-3xs_1a5zm {
+    } .underlay__padding-bottom-3xs_g5tla {
         padding-bottom: var(--gap-3xs);
-    } .underlay__padding-left-3xs_1a5zm {
+    } .underlay__padding-left-3xs_g5tla {
         padding-left: var(--gap-3xs);
-    } .underlay__padding-top-2xs_1a5zm {
+    } .underlay__padding-top-2xs_g5tla {
         padding-top: var(--gap-2xs);
-    } .underlay__padding-right-2xs_1a5zm {
+    } .underlay__padding-right-2xs_g5tla {
         padding-right: var(--gap-2xs);
-    } .underlay__padding-bottom-2xs_1a5zm {
+    } .underlay__padding-bottom-2xs_g5tla {
         padding-bottom: var(--gap-2xs);
-    } .underlay__padding-left-2xs_1a5zm {
+    } .underlay__padding-left-2xs_g5tla {
         padding-left: var(--gap-2xs);
-    } .underlay__padding-top-xs_1a5zm {
+    } .underlay__padding-top-xs_g5tla {
         padding-top: var(--gap-xs);
-    } .underlay__padding-right-xs_1a5zm {
+    } .underlay__padding-right-xs_g5tla {
         padding-right: var(--gap-xs);
-    } .underlay__padding-bottom-xs_1a5zm {
+    } .underlay__padding-bottom-xs_g5tla {
         padding-bottom: var(--gap-xs);
-    } .underlay__padding-left-xs_1a5zm {
+    } .underlay__padding-left-xs_g5tla {
         padding-left: var(--gap-xs);
-    } .underlay__padding-top-s_1a5zm {
+    } .underlay__padding-top-s_g5tla {
         padding-top: var(--gap-s);
-    } .underlay__padding-right-s_1a5zm {
+    } .underlay__padding-right-s_g5tla {
         padding-right: var(--gap-s);
-    } .underlay__padding-bottom-s_1a5zm {
+    } .underlay__padding-bottom-s_g5tla {
         padding-bottom: var(--gap-s);
-    } .underlay__padding-left-s_1a5zm {
+    } .underlay__padding-left-s_g5tla {
         padding-left: var(--gap-s);
-    } .underlay__padding-top-m_1a5zm {
+    } .underlay__padding-top-m_g5tla {
         padding-top: var(--gap-m);
-    } .underlay__padding-right-m_1a5zm {
+    } .underlay__padding-right-m_g5tla {
         padding-right: var(--gap-m);
-    } .underlay__padding-bottom-m_1a5zm {
+    } .underlay__padding-bottom-m_g5tla {
         padding-bottom: var(--gap-m);
-    } .underlay__padding-left-m_1a5zm {
+    } .underlay__padding-left-m_g5tla {
         padding-left: var(--gap-m);
-    } .underlay__padding-top-l_1a5zm {
+    } .underlay__padding-top-l_g5tla {
         padding-top: var(--gap-l);
-    } .underlay__padding-right-l_1a5zm {
+    } .underlay__padding-right-l_g5tla {
         padding-right: var(--gap-l);
-    } .underlay__padding-bottom-l_1a5zm {
+    } .underlay__padding-bottom-l_g5tla {
         padding-bottom: var(--gap-l);
-    } .underlay__padding-left-l_1a5zm {
+    } .underlay__padding-left-l_g5tla {
         padding-left: var(--gap-l);
-    } .underlay__padding-top-xl_1a5zm {
+    } .underlay__padding-top-xl_g5tla {
         padding-top: var(--gap-xl);
-    } .underlay__padding-right-xl_1a5zm {
+    } .underlay__padding-right-xl_g5tla {
         padding-right: var(--gap-xl);
-    } .underlay__padding-bottom-xl_1a5zm {
+    } .underlay__padding-bottom-xl_g5tla {
         padding-bottom: var(--gap-xl);
-    } .underlay__padding-left-xl_1a5zm {
+    } .underlay__padding-left-xl_g5tla {
         padding-left: var(--gap-xl);
-    } .underlay__padding-top-2xl_1a5zm {
+    } .underlay__padding-top-2xl_g5tla {
         padding-top: var(--gap-2xl);
-    } .underlay__padding-right-2xl_1a5zm {
+    } .underlay__padding-right-2xl_g5tla {
         padding-right: var(--gap-2xl);
-    } .underlay__padding-bottom-2xl_1a5zm {
+    } .underlay__padding-bottom-2xl_g5tla {
         padding-bottom: var(--gap-2xl);
-    } .underlay__padding-left-2xl_1a5zm {
+    } .underlay__padding-left-2xl_g5tla {
         padding-left: var(--gap-2xl);
-    } .underlay__padding-top-3xl_1a5zm {
+    } .underlay__padding-top-3xl_g5tla {
         padding-top: var(--gap-3xl);
-    } .underlay__padding-right-3xl_1a5zm {
+    } .underlay__padding-right-3xl_g5tla {
         padding-right: var(--gap-3xl);
-    } .underlay__padding-bottom-3xl_1a5zm {
+    } .underlay__padding-bottom-3xl_g5tla {
         padding-bottom: var(--gap-3xl);
-    } .underlay__padding-left-3xl_1a5zm {
+    } .underlay__padding-left-3xl_g5tla {
         padding-left: var(--gap-3xl);
-    } .underlay__padding-top-4xl_1a5zm {
+    } .underlay__padding-top-4xl_g5tla {
         padding-top: var(--gap-4xl);
-    } .underlay__padding-right-4xl_1a5zm {
+    } .underlay__padding-right-4xl_g5tla {
         padding-right: var(--gap-4xl);
-    } .underlay__padding-bottom-4xl_1a5zm {
+    } .underlay__padding-bottom-4xl_g5tla {
         padding-bottom: var(--gap-4xl);
-    } .underlay__padding-left-4xl_1a5zm {
+    } .underlay__padding-left-4xl_g5tla {
         padding-left: var(--gap-4xl);
-    } .underlay__padding-top-5xl_1a5zm {
+    } .underlay__padding-top-5xl_g5tla {
         padding-top: var(--gap-5xl);
-    } .underlay__padding-right-5xl_1a5zm {
+    } .underlay__padding-right-5xl_g5tla {
         padding-right: var(--gap-5xl);
-    } .underlay__padding-bottom-5xl_1a5zm {
+    } .underlay__padding-bottom-5xl_g5tla {
         padding-bottom: var(--gap-5xl);
-    } .underlay__padding-left-5xl_1a5zm {
+    } .underlay__padding-left-5xl_g5tla {
         padding-left: var(--gap-5xl);
-    } .underlay__padding-top-6xl_1a5zm {
+    } .underlay__padding-top-6xl_g5tla {
         padding-top: var(--gap-6xl);
-    } .underlay__padding-right-6xl_1a5zm {
+    } .underlay__padding-right-6xl_g5tla {
         padding-right: var(--gap-6xl);
-    } .underlay__padding-bottom-6xl_1a5zm {
+    } .underlay__padding-bottom-6xl_g5tla {
         padding-bottom: var(--gap-6xl);
-    } .underlay__padding-left-6xl_1a5zm {
+    } .underlay__padding-left-6xl_g5tla {
         padding-left: var(--gap-6xl);
-    } .underlay__border-bottom-left-xs_1a5zm {
+    } .underlay__border-bottom-left-xs_g5tla {
         border-bottom-left-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-right-xs_1a5zm {
+    } .underlay__border-bottom-right-xs_g5tla {
         border-bottom-right-radius: var(--border-radius-xs);
-    } .underlay__border-top-left-xs_1a5zm {
+    } .underlay__border-top-left-xs_g5tla {
         border-top-left-radius: var(--border-radius-xs);
-    } .underlay__border-top-right-xs_1a5zm {
+    } .underlay__border-top-right-xs_g5tla {
         border-top-right-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-left-s_1a5zm {
+    } .underlay__border-bottom-left-s_g5tla {
         border-bottom-left-radius: var(--border-radius-s);
-    } .underlay__border-bottom-right-s_1a5zm {
+    } .underlay__border-bottom-right-s_g5tla {
         border-bottom-right-radius: var(--border-radius-s);
-    } .underlay__border-top-left-s_1a5zm {
+    } .underlay__border-top-left-s_g5tla {
         border-top-left-radius: var(--border-radius-s);
-    } .underlay__border-top-right-s_1a5zm {
+    } .underlay__border-top-right-s_g5tla {
         border-top-right-radius: var(--border-radius-s);
-    } .underlay__border-bottom-left-m_1a5zm {
+    } .underlay__border-bottom-left-m_g5tla {
         border-bottom-left-radius: var(--border-radius-m);
-    } .underlay__border-bottom-right-m_1a5zm {
+    } .underlay__border-bottom-right-m_g5tla {
         border-bottom-right-radius: var(--border-radius-m);
-    } .underlay__border-top-left-m_1a5zm {
+    } .underlay__border-top-left-m_g5tla {
         border-top-left-radius: var(--border-radius-m);
-    } .underlay__border-top-right-m_1a5zm {
+    } .underlay__border-top-right-m_g5tla {
         border-top-right-radius: var(--border-radius-m);
-    } .underlay__border-bottom-left-l_1a5zm {
+    } .underlay__border-bottom-left-l_g5tla {
         border-bottom-left-radius: var(--border-radius-l);
-    } .underlay__border-bottom-right-l_1a5zm {
+    } .underlay__border-bottom-right-l_g5tla {
         border-bottom-right-radius: var(--border-radius-l);
-    } .underlay__border-top-left-l_1a5zm {
+    } .underlay__border-top-left-l_g5tla {
         border-top-left-radius: var(--border-radius-l);
-    } .underlay__border-top-right-l_1a5zm {
+    } .underlay__border-top-right-l_g5tla {
         border-top-right-radius: var(--border-radius-l);
-    } .underlay__border-bottom-left-xl_1a5zm {
+    } .underlay__border-bottom-left-xl_g5tla {
         border-bottom-left-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-right-xl_1a5zm {
+    } .underlay__border-bottom-right-xl_g5tla {
         border-bottom-right-radius: var(--border-radius-xl);
-    } .underlay__border-top-left-xl_1a5zm {
+    } .underlay__border-top-left-xl_g5tla {
         border-top-left-radius: var(--border-radius-xl);
-    } .underlay__border-top-right-xl_1a5zm {
+    } .underlay__border-top-right-xl_g5tla {
         border-top-right-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-left-xxl_1a5zm {
+    } .underlay__border-bottom-left-xxl_g5tla {
         border-bottom-left-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-right-xxl_1a5zm {
+    } .underlay__border-bottom-right-xxl_g5tla {
         border-bottom-right-radius: var(--border-radius-xxl);
-    } .underlay__border-top-left-xxl_1a5zm {
+    } .underlay__border-top-left-xxl_g5tla {
         border-top-left-radius: var(--border-radius-xxl);
-    } .underlay__border-top-right-xxl_1a5zm {
+    } .underlay__border-top-right-xxl_g5tla {
         border-top-right-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-left-3xl_1a5zm {
+    } .underlay__border-bottom-left-3xl_g5tla {
         border-bottom-left-radius: var(--border-radius-3xl);
-    } .underlay__border-bottom-right-3xl_1a5zm {
+    } .underlay__border-bottom-right-3xl_g5tla {
         border-bottom-right-radius: var(--border-radius-3xl);
-    } .underlay__border-top-left-3xl_1a5zm {
+    } .underlay__border-top-left-3xl_g5tla {
         border-top-left-radius: var(--border-radius-3xl);
-    } .underlay__border-top-right-3xl_1a5zm {
+    } .underlay__border-top-right-3xl_g5tla {
         border-top-right-radius: var(--border-radius-3xl);
-    } .underlay__shadow-xs_1a5zm {
+    } .underlay__shadow-xs_g5tla {
         box-shadow: var(--shadow-xs);
-    } .underlay__shadow-s_1a5zm {
+    } .underlay__shadow-s_g5tla {
         box-shadow: var(--shadow-s);
-    } .underlay__shadow-m_1a5zm {
+    } .underlay__shadow-m_g5tla {
         box-shadow: var(--shadow-m);
-    } .underlay__shadow-l_1a5zm {
+    } .underlay__shadow-l_g5tla {
         box-shadow: var(--shadow-l);
-    } .underlay__shadow-xl_1a5zm {
+    } .underlay__shadow-xl_g5tla {
         box-shadow: var(--shadow-xl);
-    } .underlay__shadow-xs-hard_1a5zm {
+    } .underlay__shadow-xs-hard_g5tla {
         box-shadow: var(--shadow-xs-hard);
-    } .underlay__shadow-s-hard_1a5zm {
+    } .underlay__shadow-s-hard_g5tla {
         box-shadow: var(--shadow-s-hard);
-    } .underlay__shadow-m-hard_1a5zm {
+    } .underlay__shadow-m-hard_g5tla {
         box-shadow: var(--shadow-m-hard);
-    } .underlay__shadow-l-hard_1a5zm {
+    } .underlay__shadow-l-hard_g5tla {
         box-shadow: var(--shadow-l-hard);
-    } .underlay__shadow-xl-hard_1a5zm {
+    } .underlay__shadow-xl-hard_g5tla {
         box-shadow: var(--shadow-xl-hard);
-    } .underlay__shadow-xs-up_1a5zm {
+    } .underlay__shadow-xs-up_g5tla {
         box-shadow: var(--shadow-xs-up);
-    } .underlay__shadow-s-up_1a5zm {
+    } .underlay__shadow-s-up_g5tla {
         box-shadow: var(--shadow-s-up);
-    } .underlay__shadow-m-up_1a5zm {
+    } .underlay__shadow-m-up_g5tla {
         box-shadow: var(--shadow-m-up);
-    } .underlay__shadow-l-up_1a5zm {
+    } .underlay__shadow-l-up_g5tla {
         box-shadow: var(--shadow-l-up);
-    } .underlay__shadow-xl-up_1a5zm {
+    } .underlay__shadow-xl-up_g5tla {
         box-shadow: var(--shadow-xl-up);
-    } .underlay__shadow-xs-hard-up_1a5zm {
+    } .underlay__shadow-xs-hard-up_g5tla {
         box-shadow: var(--shadow-xs-hard-up);
-    } .underlay__shadow-s-hard-up_1a5zm {
+    } .underlay__shadow-s-hard-up_g5tla {
         box-shadow: var(--shadow-s-hard-up);
-    } .underlay__shadow-m-hard-up_1a5zm {
+    } .underlay__shadow-m-hard-up_g5tla {
         box-shadow: var(--shadow-m-hard-up);
-    } .underlay__shadow-l-hard-up_1a5zm {
+    } .underlay__shadow-l-hard-up_g5tla {
         box-shadow: var(--shadow-l-hard-up);
-    } .underlay__shadow-xl-hard-up_1a5zm {
+    } .underlay__shadow-xl-hard-up_g5tla {
         box-shadow: var(--shadow-xl-hard-up);
-    } .underlay__border-color-accent_1a5zm {
+    } .underlay__border-color-accent_g5tla {
         border-color: var(--underline-border-color-accent);
-    } .underlay__border-color-key_1a5zm {
+    } .underlay__border-color-key_g5tla {
         border-color: var(--underline-border-color-key);
-    } .underlay__border-color-key-inverted_1a5zm {
+    } .underlay__border-color-key-inverted_g5tla {
         border-color: var(--underline-border-color-key-inverted);
-    } .underlay__border-color-link_1a5zm {
+    } .underlay__border-color-link_g5tla {
         border-color: var(--underline-border-color-link);
-    } .underlay__border-color-primary_1a5zm {
+    } .underlay__border-color-primary_g5tla {
         border-color: var(--underline-border-color-primary);
-    } .underlay__border-color-primary-inverted_1a5zm {
+    } .underlay__border-color-primary-inverted_g5tla {
         border-color: var(--underline-border-color-primary-inverted);
-    } .underlay__border-color-secondary_1a5zm {
+    } .underlay__border-color-secondary_g5tla {
         border-color: var(--underline-border-color-secondary);
-    } .underlay__border-color-secondary-inverted_1a5zm {
+    } .underlay__border-color-secondary-inverted_g5tla {
         border-color: var(--underline-border-color-secondary-inverted);
-    } .underlay__border-color-tertiary_1a5zm {
+    } .underlay__border-color-tertiary_g5tla {
         border-color: var(--underline-border-color-tertiary);
-    } .underlay__border-color-tertiary-inverted_1a5zm {
+    } .underlay__border-color-tertiary-inverted_g5tla {
         border-color: var(--underline-border-color-tertiary-inverted);
-    } .underlay__border-color-underline_1a5zm {
+    } .underlay__border-color-underline_g5tla {
         border-color: var(--underline-border-color-underline);
-    } .underlay__border-color-underline-inverted_1a5zm {
+    } .underlay__border-color-underline-inverted_g5tla {
         border-color: var(--underline-border-color-underline-inverted);
-    } .underlay__border-color-graphic-attention_1a5zm {
+    } .underlay__border-color-graphic-attention_g5tla {
         border-color: var(--underline-border-color-graphic-attention);
-    } .underlay__border-color-graphic-link_1a5zm {
+    } .underlay__border-color-graphic-link_g5tla {
         border-color: var(--underline-border-color-graphic-link);
-    } .underlay__border-color-graphic-negative_1a5zm {
+    } .underlay__border-color-graphic-negative_g5tla {
         border-color: var(--underline-border-color-graphic-negative);
-    } .underlay__border-color-graphic-positive_1a5zm {
+    } .underlay__border-color-graphic-positive_g5tla {
         border-color: var(--underline-border-color-graphic-positive);
-    } .underlay__border-color-specialbg-secondary-transparent_1a5zm {
+    } .underlay__border-color-specialbg-secondary-transparent_g5tla {
         border-color: var(--underline-border-color-specialbg-secondary-transparent);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_1a5zm {
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_g5tla {
         border-color: var(--underline-border-color-specialbg-secondary-transparent-inverted);
-    } .underlay__border-color-specialbg-tertiary-transparent_1a5zm {
+    } .underlay__border-color-specialbg-tertiary-transparent_g5tla {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1a5zm {
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_g5tla {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent-inverted);
-    } .underlay__border-radius-xs_1a5zm {
+    } .underlay__border-radius-xs_g5tla {
         border-radius: var(--border-radius-xs);
-    } .underlay__border-radius-s_1a5zm {
+    } .underlay__border-radius-s_g5tla {
         border-radius: var(--border-radius-s);
-    } .underlay__border-radius-m_1a5zm {
+    } .underlay__border-radius-m_g5tla {
         border-radius: var(--border-radius-m);
-    } .underlay__border-radius-l_1a5zm {
+    } .underlay__border-radius-l_g5tla {
         border-radius: var(--border-radius-l);
-    } .underlay__border-radius-xl_1a5zm {
+    } .underlay__border-radius-xl_g5tla {
         border-radius: var(--border-radius-xl);
-    } .underlay__border-radius-xxl_1a5zm {
+    } .underlay__border-radius-xxl_g5tla {
         border-radius: var(--border-radius-xxl);
-    } .underlay__border-radius-3xl_1a5zm {
+    } .underlay__border-radius-3xl_g5tla {
         border-radius: var(--border-radius-3xl);
-    } /* prettier-ignore */ .underlay__border-width-1_1a5zm {
+    } /* prettier-ignore */ .underlay__border-width-1_g5tla {
         border-width: 1px;
         border-style: solid;
-    } .underlay__border-width-2_1a5zm {
+    } .underlay__border-width-2_g5tla {
         border-width: 2px;
         border-style: solid;
-    } .underlay__border-width-4_1a5zm {
+    } .underlay__border-width-4_g5tla {
         border-width: 4px;
         border-style: solid;
-    } .underlay__direction-vertical_1a5zm {
+    } .underlay__direction-vertical_g5tla {
     flex-direction: column;
-} .underlay__direction-horizontal_1a5zm {
+} .underlay__direction-horizontal_g5tla {
     flex-direction: row;
-} .underlay__align-start_1a5zm {
+} .underlay__align-start_g5tla {
     align-items: flex-start;
-} .underlay__align-center_1a5zm {
+} .underlay__align-center_g5tla {
     align-items: center;
-} .underlay__align-end_1a5zm {
+} .underlay__align-end_g5tla {
     align-items: flex-end;
-} .underlay__align-fill_1a5zm {
+} .underlay__align-fill_g5tla {
     align-items: stretch;
-} .underlay__justify-start_1a5zm {
+} .underlay__justify-start_g5tla {
     justify-content: flex-start;
-} .underlay__justify-center_1a5zm {
+} .underlay__justify-center_g5tla {
     justify-content: center;
-} .underlay__justify-end_1a5zm {
+} .underlay__justify-end_g5tla {
     justify-content: flex-end;
-} .underlay__backgroundImage_1a5zm {
+} .underlay__backgroundImage_g5tla {
     background-size: cover;
     background-repeat: no-repeat;
 }

package/underlay/index.module-4ba74d60.js

@@ -0,0 +1,4 @@
+var styles = {"component":"underlay__component_g5tla","content":"underlay__content_g5tla","overflowHide":"underlay__overflowHide_g5tla","background-accent":"underlay__background-accent_g5tla","background-info":"underlay__background-info_g5tla","background-attention-muted":"underlay__background-attention-muted_g5tla","background-positive-muted":"underlay__background-positive-muted_g5tla","background-negative-muted":"underlay__background-negative-muted_g5tla","background-primary":"underlay__background-primary_g5tla","background-primary-inverted":"underlay__background-primary-inverted_g5tla","background-secondary":"underlay__background-secondary_g5tla","background-secondary-inverted":"underlay__background-secondary-inverted_g5tla","background-tertiary":"underlay__background-tertiary_g5tla","background-tertiary-inverted":"underlay__background-tertiary-inverted_g5tla","background-quaternary":"underlay__background-quaternary_g5tla","background-quaternary-inverted":"underlay__background-quaternary-inverted_g5tla","background-specialbg-component":"underlay__background-specialbg-component_g5tla","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_g5tla","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_g5tla","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_g5tla","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_g5tla","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_g5tla","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_g5tla","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_g5tla","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_g5tla","padding-top-3xs":"underlay__padding-top-3xs_g5tla","padding-right-3xs":"underlay__padding-right-3xs_g5tla","padding-bottom-3xs":"underlay__padding-bottom-3xs_g5tla","padding-left-3xs":"underlay__padding-left-3xs_g5tla","padding-top-2xs":"underlay__padding-top-2xs_g5tla","padding-right-2xs":"underlay__padding-right-2xs_g5tla","padding-bottom-2xs":"underlay__padding-bottom-2xs_g5tla","padding-left-2xs":"underlay__padding-left-2xs_g5tla","padding-top-xs":"underlay__padding-top-xs_g5tla","padding-right-xs":"underlay__padding-right-xs_g5tla","padding-bottom-xs":"underlay__padding-bottom-xs_g5tla","padding-left-xs":"underlay__padding-left-xs_g5tla","padding-top-s":"underlay__padding-top-s_g5tla","padding-right-s":"underlay__padding-right-s_g5tla","padding-bottom-s":"underlay__padding-bottom-s_g5tla","padding-left-s":"underlay__padding-left-s_g5tla","padding-top-m":"underlay__padding-top-m_g5tla","padding-right-m":"underlay__padding-right-m_g5tla","padding-bottom-m":"underlay__padding-bottom-m_g5tla","padding-left-m":"underlay__padding-left-m_g5tla","padding-top-l":"underlay__padding-top-l_g5tla","padding-right-l":"underlay__padding-right-l_g5tla","padding-bottom-l":"underlay__padding-bottom-l_g5tla","padding-left-l":"underlay__padding-left-l_g5tla","padding-top-xl":"underlay__padding-top-xl_g5tla","padding-right-xl":"underlay__padding-right-xl_g5tla","padding-bottom-xl":"underlay__padding-bottom-xl_g5tla","padding-left-xl":"underlay__padding-left-xl_g5tla","padding-top-2xl":"underlay__padding-top-2xl_g5tla","padding-right-2xl":"underlay__padding-right-2xl_g5tla","padding-bottom-2xl":"underlay__padding-bottom-2xl_g5tla","padding-left-2xl":"underlay__padding-left-2xl_g5tla","padding-top-3xl":"underlay__padding-top-3xl_g5tla","padding-right-3xl":"underlay__padding-right-3xl_g5tla","padding-bottom-3xl":"underlay__padding-bottom-3xl_g5tla","padding-left-3xl":"underlay__padding-left-3xl_g5tla","padding-top-4xl":"underlay__padding-top-4xl_g5tla","padding-right-4xl":"underlay__padding-right-4xl_g5tla","padding-bottom-4xl":"underlay__padding-bottom-4xl_g5tla","padding-left-4xl":"underlay__padding-left-4xl_g5tla","padding-top-5xl":"underlay__padding-top-5xl_g5tla","padding-right-5xl":"underlay__padding-right-5xl_g5tla","padding-bottom-5xl":"underlay__padding-bottom-5xl_g5tla","padding-left-5xl":"underlay__padding-left-5xl_g5tla","padding-top-6xl":"underlay__padding-top-6xl_g5tla","padding-right-6xl":"underlay__padding-right-6xl_g5tla","padding-bottom-6xl":"underlay__padding-bottom-6xl_g5tla","padding-left-6xl":"underlay__padding-left-6xl_g5tla","border-bottom-left-xs":"underlay__border-bottom-left-xs_g5tla","border-bottom-right-xs":"underlay__border-bottom-right-xs_g5tla","border-top-left-xs":"underlay__border-top-left-xs_g5tla","border-top-right-xs":"underlay__border-top-right-xs_g5tla","border-bottom-left-s":"underlay__border-bottom-left-s_g5tla","border-bottom-right-s":"underlay__border-bottom-right-s_g5tla","border-top-left-s":"underlay__border-top-left-s_g5tla","border-top-right-s":"underlay__border-top-right-s_g5tla","border-bottom-left-m":"underlay__border-bottom-left-m_g5tla","border-bottom-right-m":"underlay__border-bottom-right-m_g5tla","border-top-left-m":"underlay__border-top-left-m_g5tla","border-top-right-m":"underlay__border-top-right-m_g5tla","border-bottom-left-l":"underlay__border-bottom-left-l_g5tla","border-bottom-right-l":"underlay__border-bottom-right-l_g5tla","border-top-left-l":"underlay__border-top-left-l_g5tla","border-top-right-l":"underlay__border-top-right-l_g5tla","border-bottom-left-xl":"underlay__border-bottom-left-xl_g5tla","border-bottom-right-xl":"underlay__border-bottom-right-xl_g5tla","border-top-left-xl":"underlay__border-top-left-xl_g5tla","border-top-right-xl":"underlay__border-top-right-xl_g5tla","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_g5tla","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_g5tla","border-top-left-xxl":"underlay__border-top-left-xxl_g5tla","border-top-right-xxl":"underlay__border-top-right-xxl_g5tla","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_g5tla","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_g5tla","border-top-left-3xl":"underlay__border-top-left-3xl_g5tla","border-top-right-3xl":"underlay__border-top-right-3xl_g5tla","shadow-xs":"underlay__shadow-xs_g5tla","shadow-s":"underlay__shadow-s_g5tla","shadow-m":"underlay__shadow-m_g5tla","shadow-l":"underlay__shadow-l_g5tla","shadow-xl":"underlay__shadow-xl_g5tla","shadow-xs-hard":"underlay__shadow-xs-hard_g5tla","shadow-s-hard":"underlay__shadow-s-hard_g5tla","shadow-m-hard":"underlay__shadow-m-hard_g5tla","shadow-l-hard":"underlay__shadow-l-hard_g5tla","shadow-xl-hard":"underlay__shadow-xl-hard_g5tla","shadow-xs-up":"underlay__shadow-xs-up_g5tla","shadow-s-up":"underlay__shadow-s-up_g5tla","shadow-m-up":"underlay__shadow-m-up_g5tla","shadow-l-up":"underlay__shadow-l-up_g5tla","shadow-xl-up":"underlay__shadow-xl-up_g5tla","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_g5tla","shadow-s-hard-up":"underlay__shadow-s-hard-up_g5tla","shadow-m-hard-up":"underlay__shadow-m-hard-up_g5tla","shadow-l-hard-up":"underlay__shadow-l-hard-up_g5tla","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_g5tla","border-color-accent":"underlay__border-color-accent_g5tla","border-color-key":"underlay__border-color-key_g5tla","border-color-key-inverted":"underlay__border-color-key-inverted_g5tla","border-color-link":"underlay__border-color-link_g5tla","border-color-primary":"underlay__border-color-primary_g5tla","border-color-primary-inverted":"underlay__border-color-primary-inverted_g5tla","border-color-secondary":"underlay__border-color-secondary_g5tla","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_g5tla","border-color-tertiary":"underlay__border-color-tertiary_g5tla","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_g5tla","border-color-underline":"underlay__border-color-underline_g5tla","border-color-underline-inverted":"underlay__border-color-underline-inverted_g5tla","border-color-graphic-attention":"underlay__border-color-graphic-attention_g5tla","border-color-graphic-link":"underlay__border-color-graphic-link_g5tla","border-color-graphic-negative":"underlay__border-color-graphic-negative_g5tla","border-color-graphic-positive":"underlay__border-color-graphic-positive_g5tla","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_g5tla","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_g5tla","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_g5tla","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_g5tla","border-radius-xs":"underlay__border-radius-xs_g5tla","border-radius-s":"underlay__border-radius-s_g5tla","border-radius-m":"underlay__border-radius-m_g5tla","border-radius-l":"underlay__border-radius-l_g5tla","border-radius-xl":"underlay__border-radius-xl_g5tla","border-radius-xxl":"underlay__border-radius-xxl_g5tla","border-radius-3xl":"underlay__border-radius-3xl_g5tla","border-width-1":"underlay__border-width-1_g5tla","border-width-2":"underlay__border-width-2_g5tla","border-width-4":"underlay__border-width-4_g5tla","direction-vertical":"underlay__direction-vertical_g5tla","direction-horizontal":"underlay__direction-horizontal_g5tla","align-start":"underlay__align-start_g5tla","align-center":"underlay__align-center_g5tla","align-end":"underlay__align-end_g5tla","align-fill":"underlay__align-fill_g5tla","justify-start":"underlay__justify-start_g5tla","justify-center":"underlay__justify-center_g5tla","justify-end":"underlay__justify-end_g5tla","backgroundImage":"underlay__backgroundImage_g5tla"};
+require('./index.css');
+
+exports.styles = styles;

package/underlay/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getBorderCorners } from './utils/getBorderCorners.js';
 import { isBackgroundToken, getClasses } from './utils/getClasses.js';
-import { s as styles } from './index.module-b44970c3.js';
+import { s as styles } from './index.module-d2566fa7.js';
 import './constants.js';
 
 const Underlay = forwardRef(({ children, borderRadius, shadow, dimensions, borderSize, backgroundColor, borderColor, className, padding, dataTestId, overflow = true, contentProps, ...restProps }, ref) => {