@alfalab/core-components 42.1.0 → 42.2.1-beta.0

package/underlay/index.css

@@ -106,334 +106,334 @@
     --gap-6xl: 72px;
 } :root {
 } :root {
-} .underlay__component_1nd9p {
+} .underlay__component_z4e9c {
     display: flex;
     box-sizing: border-box;
-} .underlay__content_1nd9p {
+} .underlay__content_z4e9c {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-} .underlay__overflowHide_1nd9p {
+} .underlay__overflowHide_z4e9c {
     overflow: hidden;
-} .underlay__background-accent_1nd9p {
+} .underlay__background-accent_z4e9c {
             background-color: var(--color-light-bg-accent);
-        } .underlay__background-info_1nd9p {
+        } .underlay__background-info_z4e9c {
             background-color: var(--color-light-bg-info);
-        } .underlay__background-attention-muted_1nd9p {
+        } .underlay__background-attention-muted_z4e9c {
             background-color: var(--color-light-bg-attention-muted);
-        } .underlay__background-positive-muted_1nd9p {
+        } .underlay__background-positive-muted_z4e9c {
             background-color: var(--color-light-bg-positive-muted);
-        } .underlay__background-negative-muted_1nd9p {
+        } .underlay__background-negative-muted_z4e9c {
             background-color: var(--color-light-bg-negative-muted);
-        } .underlay__background-primary_1nd9p {
+        } .underlay__background-primary_z4e9c {
             background-color: var(--color-light-bg-primary);
-        } .underlay__background-primary-inverted_1nd9p {
+        } .underlay__background-primary-inverted_z4e9c {
             background-color: var(--color-light-bg-primary-inverted);
-        } .underlay__background-secondary_1nd9p {
+        } .underlay__background-secondary_z4e9c {
             background-color: var(--color-light-bg-secondary);
-        } .underlay__background-secondary-inverted_1nd9p {
+        } .underlay__background-secondary-inverted_z4e9c {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .underlay__background-tertiary_1nd9p {
+        } .underlay__background-tertiary_z4e9c {
             background-color: var(--color-light-bg-tertiary);
-        } .underlay__background-tertiary-inverted_1nd9p {
+        } .underlay__background-tertiary-inverted_z4e9c {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .underlay__background-quaternary_1nd9p {
+        } .underlay__background-quaternary_z4e9c {
             background-color: var(--color-light-bg-quaternary);
-        } .underlay__background-quaternary-inverted_1nd9p {
+        } .underlay__background-quaternary-inverted_z4e9c {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .underlay__background-specialbg-component_1nd9p {
+        } .underlay__background-specialbg-component_z4e9c {
             background-color: var(--color-light-specialbg-component);
-        } .underlay__background-specialbg-component-inverted_1nd9p {
+        } .underlay__background-specialbg-component-inverted_z4e9c {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .underlay__background-specialbg-primary-grouped_1nd9p {
+        } .underlay__background-specialbg-primary-grouped_z4e9c {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .underlay__background-specialbg-secondary-grouped_1nd9p {
+        } .underlay__background-specialbg-secondary-grouped_z4e9c {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .underlay__background-specialbg-tertiary-grouped_1nd9p {
+        } .underlay__background-specialbg-tertiary-grouped_z4e9c {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .underlay__background-specialbg-secondary-transparent_1nd9p {
+        } .underlay__background-specialbg-secondary-transparent_z4e9c {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .underlay__background-specialbg-secondary-transparent-inverted_1nd9p {
+        } .underlay__background-specialbg-secondary-transparent-inverted_z4e9c {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .underlay__background-specialbg-tertiary-transparent_1nd9p {
+        } .underlay__background-specialbg-tertiary-transparent_z4e9c {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_1nd9p {
+        } .underlay__background-specialbg-tertiary-transparent-inverted_z4e9c {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        } .underlay__padding-top-3xs_1nd9p {
+        } .underlay__padding-top-3xs_z4e9c {
         padding-top: var(--gap-3xs);
-    } .underlay__padding-right-3xs_1nd9p {
+    } .underlay__padding-right-3xs_z4e9c {
         padding-right: var(--gap-3xs);
-    } .underlay__padding-bottom-3xs_1nd9p {
+    } .underlay__padding-bottom-3xs_z4e9c {
         padding-bottom: var(--gap-3xs);
-    } .underlay__padding-left-3xs_1nd9p {
+    } .underlay__padding-left-3xs_z4e9c {
         padding-left: var(--gap-3xs);
-    } .underlay__padding-top-2xs_1nd9p {
+    } .underlay__padding-top-2xs_z4e9c {
         padding-top: var(--gap-2xs);
-    } .underlay__padding-right-2xs_1nd9p {
+    } .underlay__padding-right-2xs_z4e9c {
         padding-right: var(--gap-2xs);
-    } .underlay__padding-bottom-2xs_1nd9p {
+    } .underlay__padding-bottom-2xs_z4e9c {
         padding-bottom: var(--gap-2xs);
-    } .underlay__padding-left-2xs_1nd9p {
+    } .underlay__padding-left-2xs_z4e9c {
         padding-left: var(--gap-2xs);
-    } .underlay__padding-top-xs_1nd9p {
+    } .underlay__padding-top-xs_z4e9c {
         padding-top: var(--gap-xs);
-    } .underlay__padding-right-xs_1nd9p {
+    } .underlay__padding-right-xs_z4e9c {
         padding-right: var(--gap-xs);
-    } .underlay__padding-bottom-xs_1nd9p {
+    } .underlay__padding-bottom-xs_z4e9c {
         padding-bottom: var(--gap-xs);
-    } .underlay__padding-left-xs_1nd9p {
+    } .underlay__padding-left-xs_z4e9c {
         padding-left: var(--gap-xs);
-    } .underlay__padding-top-s_1nd9p {
+    } .underlay__padding-top-s_z4e9c {
         padding-top: var(--gap-s);
-    } .underlay__padding-right-s_1nd9p {
+    } .underlay__padding-right-s_z4e9c {
         padding-right: var(--gap-s);
-    } .underlay__padding-bottom-s_1nd9p {
+    } .underlay__padding-bottom-s_z4e9c {
         padding-bottom: var(--gap-s);
-    } .underlay__padding-left-s_1nd9p {
+    } .underlay__padding-left-s_z4e9c {
         padding-left: var(--gap-s);
-    } .underlay__padding-top-m_1nd9p {
+    } .underlay__padding-top-m_z4e9c {
         padding-top: var(--gap-m);
-    } .underlay__padding-right-m_1nd9p {
+    } .underlay__padding-right-m_z4e9c {
         padding-right: var(--gap-m);
-    } .underlay__padding-bottom-m_1nd9p {
+    } .underlay__padding-bottom-m_z4e9c {
         padding-bottom: var(--gap-m);
-    } .underlay__padding-left-m_1nd9p {
+    } .underlay__padding-left-m_z4e9c {
         padding-left: var(--gap-m);
-    } .underlay__padding-top-l_1nd9p {
+    } .underlay__padding-top-l_z4e9c {
         padding-top: var(--gap-l);
-    } .underlay__padding-right-l_1nd9p {
+    } .underlay__padding-right-l_z4e9c {
         padding-right: var(--gap-l);
-    } .underlay__padding-bottom-l_1nd9p {
+    } .underlay__padding-bottom-l_z4e9c {
         padding-bottom: var(--gap-l);
-    } .underlay__padding-left-l_1nd9p {
+    } .underlay__padding-left-l_z4e9c {
         padding-left: var(--gap-l);
-    } .underlay__padding-top-xl_1nd9p {
+    } .underlay__padding-top-xl_z4e9c {
         padding-top: var(--gap-xl);
-    } .underlay__padding-right-xl_1nd9p {
+    } .underlay__padding-right-xl_z4e9c {
         padding-right: var(--gap-xl);
-    } .underlay__padding-bottom-xl_1nd9p {
+    } .underlay__padding-bottom-xl_z4e9c {
         padding-bottom: var(--gap-xl);
-    } .underlay__padding-left-xl_1nd9p {
+    } .underlay__padding-left-xl_z4e9c {
         padding-left: var(--gap-xl);
-    } .underlay__padding-top-2xl_1nd9p {
+    } .underlay__padding-top-2xl_z4e9c {
         padding-top: var(--gap-2xl);
-    } .underlay__padding-right-2xl_1nd9p {
+    } .underlay__padding-right-2xl_z4e9c {
         padding-right: var(--gap-2xl);
-    } .underlay__padding-bottom-2xl_1nd9p {
+    } .underlay__padding-bottom-2xl_z4e9c {
         padding-bottom: var(--gap-2xl);
-    } .underlay__padding-left-2xl_1nd9p {
+    } .underlay__padding-left-2xl_z4e9c {
         padding-left: var(--gap-2xl);
-    } .underlay__padding-top-3xl_1nd9p {
+    } .underlay__padding-top-3xl_z4e9c {
         padding-top: var(--gap-3xl);
-    } .underlay__padding-right-3xl_1nd9p {
+    } .underlay__padding-right-3xl_z4e9c {
         padding-right: var(--gap-3xl);
-    } .underlay__padding-bottom-3xl_1nd9p {
+    } .underlay__padding-bottom-3xl_z4e9c {
         padding-bottom: var(--gap-3xl);
-    } .underlay__padding-left-3xl_1nd9p {
+    } .underlay__padding-left-3xl_z4e9c {
         padding-left: var(--gap-3xl);
-    } .underlay__padding-top-4xl_1nd9p {
+    } .underlay__padding-top-4xl_z4e9c {
         padding-top: var(--gap-4xl);
-    } .underlay__padding-right-4xl_1nd9p {
+    } .underlay__padding-right-4xl_z4e9c {
         padding-right: var(--gap-4xl);
-    } .underlay__padding-bottom-4xl_1nd9p {
+    } .underlay__padding-bottom-4xl_z4e9c {
         padding-bottom: var(--gap-4xl);
-    } .underlay__padding-left-4xl_1nd9p {
+    } .underlay__padding-left-4xl_z4e9c {
         padding-left: var(--gap-4xl);
-    } .underlay__padding-top-5xl_1nd9p {
+    } .underlay__padding-top-5xl_z4e9c {
         padding-top: var(--gap-5xl);
-    } .underlay__padding-right-5xl_1nd9p {
+    } .underlay__padding-right-5xl_z4e9c {
         padding-right: var(--gap-5xl);
-    } .underlay__padding-bottom-5xl_1nd9p {
+    } .underlay__padding-bottom-5xl_z4e9c {
         padding-bottom: var(--gap-5xl);
-    } .underlay__padding-left-5xl_1nd9p {
+    } .underlay__padding-left-5xl_z4e9c {
         padding-left: var(--gap-5xl);
-    } .underlay__padding-top-6xl_1nd9p {
+    } .underlay__padding-top-6xl_z4e9c {
         padding-top: var(--gap-6xl);
-    } .underlay__padding-right-6xl_1nd9p {
+    } .underlay__padding-right-6xl_z4e9c {
         padding-right: var(--gap-6xl);
-    } .underlay__padding-bottom-6xl_1nd9p {
+    } .underlay__padding-bottom-6xl_z4e9c {
         padding-bottom: var(--gap-6xl);
-    } .underlay__padding-left-6xl_1nd9p {
+    } .underlay__padding-left-6xl_z4e9c {
         padding-left: var(--gap-6xl);
-    } .underlay__border-bottom-left-xs_1nd9p {
+    } .underlay__border-bottom-left-xs_z4e9c {
         border-bottom-left-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-right-xs_1nd9p {
+    } .underlay__border-bottom-right-xs_z4e9c {
         border-bottom-right-radius: var(--border-radius-xs);
-    } .underlay__border-top-left-xs_1nd9p {
+    } .underlay__border-top-left-xs_z4e9c {
         border-top-left-radius: var(--border-radius-xs);
-    } .underlay__border-top-right-xs_1nd9p {
+    } .underlay__border-top-right-xs_z4e9c {
         border-top-right-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-left-s_1nd9p {
+    } .underlay__border-bottom-left-s_z4e9c {
         border-bottom-left-radius: var(--border-radius-s);
-    } .underlay__border-bottom-right-s_1nd9p {
+    } .underlay__border-bottom-right-s_z4e9c {
         border-bottom-right-radius: var(--border-radius-s);
-    } .underlay__border-top-left-s_1nd9p {
+    } .underlay__border-top-left-s_z4e9c {
         border-top-left-radius: var(--border-radius-s);
-    } .underlay__border-top-right-s_1nd9p {
+    } .underlay__border-top-right-s_z4e9c {
         border-top-right-radius: var(--border-radius-s);
-    } .underlay__border-bottom-left-m_1nd9p {
+    } .underlay__border-bottom-left-m_z4e9c {
         border-bottom-left-radius: var(--border-radius-m);
-    } .underlay__border-bottom-right-m_1nd9p {
+    } .underlay__border-bottom-right-m_z4e9c {
         border-bottom-right-radius: var(--border-radius-m);
-    } .underlay__border-top-left-m_1nd9p {
+    } .underlay__border-top-left-m_z4e9c {
         border-top-left-radius: var(--border-radius-m);
-    } .underlay__border-top-right-m_1nd9p {
+    } .underlay__border-top-right-m_z4e9c {
         border-top-right-radius: var(--border-radius-m);
-    } .underlay__border-bottom-left-l_1nd9p {
+    } .underlay__border-bottom-left-l_z4e9c {
         border-bottom-left-radius: var(--border-radius-l);
-    } .underlay__border-bottom-right-l_1nd9p {
+    } .underlay__border-bottom-right-l_z4e9c {
         border-bottom-right-radius: var(--border-radius-l);
-    } .underlay__border-top-left-l_1nd9p {
+    } .underlay__border-top-left-l_z4e9c {
         border-top-left-radius: var(--border-radius-l);
-    } .underlay__border-top-right-l_1nd9p {
+    } .underlay__border-top-right-l_z4e9c {
         border-top-right-radius: var(--border-radius-l);
-    } .underlay__border-bottom-left-xl_1nd9p {
+    } .underlay__border-bottom-left-xl_z4e9c {
         border-bottom-left-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-right-xl_1nd9p {
+    } .underlay__border-bottom-right-xl_z4e9c {
         border-bottom-right-radius: var(--border-radius-xl);
-    } .underlay__border-top-left-xl_1nd9p {
+    } .underlay__border-top-left-xl_z4e9c {
         border-top-left-radius: var(--border-radius-xl);
-    } .underlay__border-top-right-xl_1nd9p {
+    } .underlay__border-top-right-xl_z4e9c {
         border-top-right-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-left-xxl_1nd9p {
+    } .underlay__border-bottom-left-xxl_z4e9c {
         border-bottom-left-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-right-xxl_1nd9p {
+    } .underlay__border-bottom-right-xxl_z4e9c {
         border-bottom-right-radius: var(--border-radius-xxl);
-    } .underlay__border-top-left-xxl_1nd9p {
+    } .underlay__border-top-left-xxl_z4e9c {
         border-top-left-radius: var(--border-radius-xxl);
-    } .underlay__border-top-right-xxl_1nd9p {
+    } .underlay__border-top-right-xxl_z4e9c {
         border-top-right-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-left-3xl_1nd9p {
+    } .underlay__border-bottom-left-3xl_z4e9c {
         border-bottom-left-radius: var(--border-radius-3xl);
-    } .underlay__border-bottom-right-3xl_1nd9p {
+    } .underlay__border-bottom-right-3xl_z4e9c {
         border-bottom-right-radius: var(--border-radius-3xl);
-    } .underlay__border-top-left-3xl_1nd9p {
+    } .underlay__border-top-left-3xl_z4e9c {
         border-top-left-radius: var(--border-radius-3xl);
-    } .underlay__border-top-right-3xl_1nd9p {
+    } .underlay__border-top-right-3xl_z4e9c {
         border-top-right-radius: var(--border-radius-3xl);
-    } .underlay__shadow-xs_1nd9p {
+    } .underlay__shadow-xs_z4e9c {
         box-shadow: var(--shadow-xs);
-    } .underlay__shadow-s_1nd9p {
+    } .underlay__shadow-s_z4e9c {
         box-shadow: var(--shadow-s);
-    } .underlay__shadow-m_1nd9p {
+    } .underlay__shadow-m_z4e9c {
         box-shadow: var(--shadow-m);
-    } .underlay__shadow-l_1nd9p {
+    } .underlay__shadow-l_z4e9c {
         box-shadow: var(--shadow-l);
-    } .underlay__shadow-xl_1nd9p {
+    } .underlay__shadow-xl_z4e9c {
         box-shadow: var(--shadow-xl);
-    } .underlay__shadow-xs-hard_1nd9p {
+    } .underlay__shadow-xs-hard_z4e9c {
         box-shadow: var(--shadow-xs-hard);
-    } .underlay__shadow-s-hard_1nd9p {
+    } .underlay__shadow-s-hard_z4e9c {
         box-shadow: var(--shadow-s-hard);
-    } .underlay__shadow-m-hard_1nd9p {
+    } .underlay__shadow-m-hard_z4e9c {
         box-shadow: var(--shadow-m-hard);
-    } .underlay__shadow-l-hard_1nd9p {
+    } .underlay__shadow-l-hard_z4e9c {
         box-shadow: var(--shadow-l-hard);
-    } .underlay__shadow-xl-hard_1nd9p {
+    } .underlay__shadow-xl-hard_z4e9c {
         box-shadow: var(--shadow-xl-hard);
-    } .underlay__shadow-xs-up_1nd9p {
+    } .underlay__shadow-xs-up_z4e9c {
         box-shadow: var(--shadow-xs-up);
-    } .underlay__shadow-s-up_1nd9p {
+    } .underlay__shadow-s-up_z4e9c {
         box-shadow: var(--shadow-s-up);
-    } .underlay__shadow-m-up_1nd9p {
+    } .underlay__shadow-m-up_z4e9c {
         box-shadow: var(--shadow-m-up);
-    } .underlay__shadow-l-up_1nd9p {
+    } .underlay__shadow-l-up_z4e9c {
         box-shadow: var(--shadow-l-up);
-    } .underlay__shadow-xl-up_1nd9p {
+    } .underlay__shadow-xl-up_z4e9c {
         box-shadow: var(--shadow-xl-up);
-    } .underlay__shadow-xs-hard-up_1nd9p {
+    } .underlay__shadow-xs-hard-up_z4e9c {
         box-shadow: var(--shadow-xs-hard-up);
-    } .underlay__shadow-s-hard-up_1nd9p {
+    } .underlay__shadow-s-hard-up_z4e9c {
         box-shadow: var(--shadow-s-hard-up);
-    } .underlay__shadow-m-hard-up_1nd9p {
+    } .underlay__shadow-m-hard-up_z4e9c {
         box-shadow: var(--shadow-m-hard-up);
-    } .underlay__shadow-l-hard-up_1nd9p {
+    } .underlay__shadow-l-hard-up_z4e9c {
         box-shadow: var(--shadow-l-hard-up);
-    } .underlay__shadow-xl-hard-up_1nd9p {
+    } .underlay__shadow-xl-hard-up_z4e9c {
         box-shadow: var(--shadow-xl-hard-up);
-    } .underlay__border-color-accent_1nd9p {
+    } .underlay__border-color-accent_z4e9c {
         border-color: var(--color-light-border-accent);
-    } .underlay__border-color-key_1nd9p {
+    } .underlay__border-color-key_z4e9c {
         border-color: var(--color-light-border-key);
-    } .underlay__border-color-key-inverted_1nd9p {
+    } .underlay__border-color-key-inverted_z4e9c {
         border-color: var(--color-light-border-key-inverted);
-    } .underlay__border-color-link_1nd9p {
+    } .underlay__border-color-link_z4e9c {
         border-color: var(--color-light-border-link);
-    } .underlay__border-color-primary_1nd9p {
+    } .underlay__border-color-primary_z4e9c {
         border-color: var(--color-light-border-primary);
-    } .underlay__border-color-primary-inverted_1nd9p {
+    } .underlay__border-color-primary-inverted_z4e9c {
         border-color: var(--color-light-border-primary-inverted);
-    } .underlay__border-color-secondary_1nd9p {
+    } .underlay__border-color-secondary_z4e9c {
         border-color: var(--color-light-border-secondary);
-    } .underlay__border-color-secondary-inverted_1nd9p {
+    } .underlay__border-color-secondary-inverted_z4e9c {
         border-color: var(--color-light-border-secondary-inverted);
-    } .underlay__border-color-tertiary_1nd9p {
+    } .underlay__border-color-tertiary_z4e9c {
         border-color: var(--color-light-border-tertiary);
-    } .underlay__border-color-tertiary-inverted_1nd9p {
+    } .underlay__border-color-tertiary-inverted_z4e9c {
         border-color: var(--color-light-border-tertiary-inverted);
-    } .underlay__border-color-underline_1nd9p {
+    } .underlay__border-color-underline_z4e9c {
         border-color: var(--color-light-border-underline);
-    } .underlay__border-color-underline-inverted_1nd9p {
+    } .underlay__border-color-underline-inverted_z4e9c {
         border-color: var(--color-light-border-underline-inverted);
-    } .underlay__border-color-graphic-attention_1nd9p {
+    } .underlay__border-color-graphic-attention_z4e9c {
         border-color: var(--color-light-graphic-attention);
-    } .underlay__border-color-graphic-link_1nd9p {
+    } .underlay__border-color-graphic-link_z4e9c {
         border-color: var(--color-light-graphic-link);
-    } .underlay__border-color-graphic-negative_1nd9p {
+    } .underlay__border-color-graphic-negative_z4e9c {
         border-color: var(--color-light-graphic-negative);
-    } .underlay__border-color-graphic-positive_1nd9p {
+    } .underlay__border-color-graphic-positive_z4e9c {
         border-color: var(--color-light-graphic-positive);
-    } .underlay__border-color-specialbg-secondary-transparent_1nd9p {
+    } .underlay__border-color-specialbg-secondary-transparent_z4e9c {
         border-color: var(--color-light-specialbg-secondary-transparent);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_1nd9p {
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_z4e9c {
         border-color: var(--color-light-specialbg-secondary-transparent-inverted);
-    } .underlay__border-color-specialbg-tertiary-transparent_1nd9p {
+    } .underlay__border-color-specialbg-tertiary-transparent_z4e9c {
         border-color: var(--color-light-specialbg-tertiary-transparent);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1nd9p {
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_z4e9c {
         border-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-    } .underlay__border-radius-xs_1nd9p {
+    } .underlay__border-radius-xs_z4e9c {
         border-radius: var(--border-radius-xs);
-    } .underlay__border-radius-s_1nd9p {
+    } .underlay__border-radius-s_z4e9c {
         border-radius: var(--border-radius-s);
-    } .underlay__border-radius-m_1nd9p {
+    } .underlay__border-radius-m_z4e9c {
         border-radius: var(--border-radius-m);
-    } .underlay__border-radius-l_1nd9p {
+    } .underlay__border-radius-l_z4e9c {
         border-radius: var(--border-radius-l);
-    } .underlay__border-radius-xl_1nd9p {
+    } .underlay__border-radius-xl_z4e9c {
         border-radius: var(--border-radius-xl);
-    } .underlay__border-radius-xxl_1nd9p {
+    } .underlay__border-radius-xxl_z4e9c {
         border-radius: var(--border-radius-xxl);
-    } .underlay__border-radius-3xl_1nd9p {
+    } .underlay__border-radius-3xl_z4e9c {
         border-radius: var(--border-radius-3xl);
-    } /* prettier-ignore */ .underlay__border-width-1_1nd9p {
+    } /* prettier-ignore */ .underlay__border-width-1_z4e9c {
         border-width: 1px;
         border-style: solid;
-    } .underlay__border-width-2_1nd9p {
+    } .underlay__border-width-2_z4e9c {
         border-width: 2px;
         border-style: solid;
-    } .underlay__border-width-4_1nd9p {
+    } .underlay__border-width-4_z4e9c {
         border-width: 4px;
         border-style: solid;
-    } .underlay__direction-vertical_1nd9p {
+    } .underlay__direction-vertical_z4e9c {
     flex-direction: column;
-} .underlay__direction-horizontal_1nd9p {
+} .underlay__direction-horizontal_z4e9c {
     flex-direction: row;
-} .underlay__align-start_1nd9p {
+} .underlay__align-start_z4e9c {
     align-items: flex-start;
-} .underlay__align-center_1nd9p {
+} .underlay__align-center_z4e9c {
     align-items: center;
-} .underlay__align-end_1nd9p {
+} .underlay__align-end_z4e9c {
     align-items: flex-end;
-} .underlay__align-fill_1nd9p {
+} .underlay__align-fill_z4e9c {
     align-items: stretch;
-} .underlay__justify-start_1nd9p {
+} .underlay__justify-start_z4e9c {
     justify-content: flex-start;
-} .underlay__justify-center_1nd9p {
+} .underlay__justify-center_z4e9c {
     justify-content: center;
-} .underlay__justify-end_1nd9p {
+} .underlay__justify-end_z4e9c {
     justify-content: flex-end;
-} .underlay__backgroundImage_1nd9p {
+} .underlay__backgroundImage_z4e9c {
     background-size: cover;
     background-repeat: no-repeat;
 }

package/underlay/index.js

@@ -4,7 +4,7 @@ var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./utils/getBorderCorners.js');
-require('./index.module-9a49823a.js');
+require('./index.module-752fddf4.js');
 require('./utils/getClasses.js');
 require('./constants.js');
 

package/underlay/index.module-752fddf4.js

@@ -0,0 +1,4 @@
+var styles = {"component":"underlay__component_z4e9c","content":"underlay__content_z4e9c","overflowHide":"underlay__overflowHide_z4e9c","background-accent":"underlay__background-accent_z4e9c","background-info":"underlay__background-info_z4e9c","background-attention-muted":"underlay__background-attention-muted_z4e9c","background-positive-muted":"underlay__background-positive-muted_z4e9c","background-negative-muted":"underlay__background-negative-muted_z4e9c","background-primary":"underlay__background-primary_z4e9c","background-primary-inverted":"underlay__background-primary-inverted_z4e9c","background-secondary":"underlay__background-secondary_z4e9c","background-secondary-inverted":"underlay__background-secondary-inverted_z4e9c","background-tertiary":"underlay__background-tertiary_z4e9c","background-tertiary-inverted":"underlay__background-tertiary-inverted_z4e9c","background-quaternary":"underlay__background-quaternary_z4e9c","background-quaternary-inverted":"underlay__background-quaternary-inverted_z4e9c","background-specialbg-component":"underlay__background-specialbg-component_z4e9c","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_z4e9c","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_z4e9c","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_z4e9c","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_z4e9c","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_z4e9c","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_z4e9c","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_z4e9c","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_z4e9c","padding-top-3xs":"underlay__padding-top-3xs_z4e9c","padding-right-3xs":"underlay__padding-right-3xs_z4e9c","padding-bottom-3xs":"underlay__padding-bottom-3xs_z4e9c","padding-left-3xs":"underlay__padding-left-3xs_z4e9c","padding-top-2xs":"underlay__padding-top-2xs_z4e9c","padding-right-2xs":"underlay__padding-right-2xs_z4e9c","padding-bottom-2xs":"underlay__padding-bottom-2xs_z4e9c","padding-left-2xs":"underlay__padding-left-2xs_z4e9c","padding-top-xs":"underlay__padding-top-xs_z4e9c","padding-right-xs":"underlay__padding-right-xs_z4e9c","padding-bottom-xs":"underlay__padding-bottom-xs_z4e9c","padding-left-xs":"underlay__padding-left-xs_z4e9c","padding-top-s":"underlay__padding-top-s_z4e9c","padding-right-s":"underlay__padding-right-s_z4e9c","padding-bottom-s":"underlay__padding-bottom-s_z4e9c","padding-left-s":"underlay__padding-left-s_z4e9c","padding-top-m":"underlay__padding-top-m_z4e9c","padding-right-m":"underlay__padding-right-m_z4e9c","padding-bottom-m":"underlay__padding-bottom-m_z4e9c","padding-left-m":"underlay__padding-left-m_z4e9c","padding-top-l":"underlay__padding-top-l_z4e9c","padding-right-l":"underlay__padding-right-l_z4e9c","padding-bottom-l":"underlay__padding-bottom-l_z4e9c","padding-left-l":"underlay__padding-left-l_z4e9c","padding-top-xl":"underlay__padding-top-xl_z4e9c","padding-right-xl":"underlay__padding-right-xl_z4e9c","padding-bottom-xl":"underlay__padding-bottom-xl_z4e9c","padding-left-xl":"underlay__padding-left-xl_z4e9c","padding-top-2xl":"underlay__padding-top-2xl_z4e9c","padding-right-2xl":"underlay__padding-right-2xl_z4e9c","padding-bottom-2xl":"underlay__padding-bottom-2xl_z4e9c","padding-left-2xl":"underlay__padding-left-2xl_z4e9c","padding-top-3xl":"underlay__padding-top-3xl_z4e9c","padding-right-3xl":"underlay__padding-right-3xl_z4e9c","padding-bottom-3xl":"underlay__padding-bottom-3xl_z4e9c","padding-left-3xl":"underlay__padding-left-3xl_z4e9c","padding-top-4xl":"underlay__padding-top-4xl_z4e9c","padding-right-4xl":"underlay__padding-right-4xl_z4e9c","padding-bottom-4xl":"underlay__padding-bottom-4xl_z4e9c","padding-left-4xl":"underlay__padding-left-4xl_z4e9c","padding-top-5xl":"underlay__padding-top-5xl_z4e9c","padding-right-5xl":"underlay__padding-right-5xl_z4e9c","padding-bottom-5xl":"underlay__padding-bottom-5xl_z4e9c","padding-left-5xl":"underlay__padding-left-5xl_z4e9c","padding-top-6xl":"underlay__padding-top-6xl_z4e9c","padding-right-6xl":"underlay__padding-right-6xl_z4e9c","padding-bottom-6xl":"underlay__padding-bottom-6xl_z4e9c","padding-left-6xl":"underlay__padding-left-6xl_z4e9c","border-bottom-left-xs":"underlay__border-bottom-left-xs_z4e9c","border-bottom-right-xs":"underlay__border-bottom-right-xs_z4e9c","border-top-left-xs":"underlay__border-top-left-xs_z4e9c","border-top-right-xs":"underlay__border-top-right-xs_z4e9c","border-bottom-left-s":"underlay__border-bottom-left-s_z4e9c","border-bottom-right-s":"underlay__border-bottom-right-s_z4e9c","border-top-left-s":"underlay__border-top-left-s_z4e9c","border-top-right-s":"underlay__border-top-right-s_z4e9c","border-bottom-left-m":"underlay__border-bottom-left-m_z4e9c","border-bottom-right-m":"underlay__border-bottom-right-m_z4e9c","border-top-left-m":"underlay__border-top-left-m_z4e9c","border-top-right-m":"underlay__border-top-right-m_z4e9c","border-bottom-left-l":"underlay__border-bottom-left-l_z4e9c","border-bottom-right-l":"underlay__border-bottom-right-l_z4e9c","border-top-left-l":"underlay__border-top-left-l_z4e9c","border-top-right-l":"underlay__border-top-right-l_z4e9c","border-bottom-left-xl":"underlay__border-bottom-left-xl_z4e9c","border-bottom-right-xl":"underlay__border-bottom-right-xl_z4e9c","border-top-left-xl":"underlay__border-top-left-xl_z4e9c","border-top-right-xl":"underlay__border-top-right-xl_z4e9c","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_z4e9c","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_z4e9c","border-top-left-xxl":"underlay__border-top-left-xxl_z4e9c","border-top-right-xxl":"underlay__border-top-right-xxl_z4e9c","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_z4e9c","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_z4e9c","border-top-left-3xl":"underlay__border-top-left-3xl_z4e9c","border-top-right-3xl":"underlay__border-top-right-3xl_z4e9c","shadow-xs":"underlay__shadow-xs_z4e9c","shadow-s":"underlay__shadow-s_z4e9c","shadow-m":"underlay__shadow-m_z4e9c","shadow-l":"underlay__shadow-l_z4e9c","shadow-xl":"underlay__shadow-xl_z4e9c","shadow-xs-hard":"underlay__shadow-xs-hard_z4e9c","shadow-s-hard":"underlay__shadow-s-hard_z4e9c","shadow-m-hard":"underlay__shadow-m-hard_z4e9c","shadow-l-hard":"underlay__shadow-l-hard_z4e9c","shadow-xl-hard":"underlay__shadow-xl-hard_z4e9c","shadow-xs-up":"underlay__shadow-xs-up_z4e9c","shadow-s-up":"underlay__shadow-s-up_z4e9c","shadow-m-up":"underlay__shadow-m-up_z4e9c","shadow-l-up":"underlay__shadow-l-up_z4e9c","shadow-xl-up":"underlay__shadow-xl-up_z4e9c","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_z4e9c","shadow-s-hard-up":"underlay__shadow-s-hard-up_z4e9c","shadow-m-hard-up":"underlay__shadow-m-hard-up_z4e9c","shadow-l-hard-up":"underlay__shadow-l-hard-up_z4e9c","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_z4e9c","border-color-accent":"underlay__border-color-accent_z4e9c","border-color-key":"underlay__border-color-key_z4e9c","border-color-key-inverted":"underlay__border-color-key-inverted_z4e9c","border-color-link":"underlay__border-color-link_z4e9c","border-color-primary":"underlay__border-color-primary_z4e9c","border-color-primary-inverted":"underlay__border-color-primary-inverted_z4e9c","border-color-secondary":"underlay__border-color-secondary_z4e9c","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_z4e9c","border-color-tertiary":"underlay__border-color-tertiary_z4e9c","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_z4e9c","border-color-underline":"underlay__border-color-underline_z4e9c","border-color-underline-inverted":"underlay__border-color-underline-inverted_z4e9c","border-color-graphic-attention":"underlay__border-color-graphic-attention_z4e9c","border-color-graphic-link":"underlay__border-color-graphic-link_z4e9c","border-color-graphic-negative":"underlay__border-color-graphic-negative_z4e9c","border-color-graphic-positive":"underlay__border-color-graphic-positive_z4e9c","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_z4e9c","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_z4e9c","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_z4e9c","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_z4e9c","border-radius-xs":"underlay__border-radius-xs_z4e9c","border-radius-s":"underlay__border-radius-s_z4e9c","border-radius-m":"underlay__border-radius-m_z4e9c","border-radius-l":"underlay__border-radius-l_z4e9c","border-radius-xl":"underlay__border-radius-xl_z4e9c","border-radius-xxl":"underlay__border-radius-xxl_z4e9c","border-radius-3xl":"underlay__border-radius-3xl_z4e9c","border-width-1":"underlay__border-width-1_z4e9c","border-width-2":"underlay__border-width-2_z4e9c","border-width-4":"underlay__border-width-4_z4e9c","direction-vertical":"underlay__direction-vertical_z4e9c","direction-horizontal":"underlay__direction-horizontal_z4e9c","align-start":"underlay__align-start_z4e9c","align-center":"underlay__align-center_z4e9c","align-end":"underlay__align-end_z4e9c","align-fill":"underlay__align-fill_z4e9c","justify-start":"underlay__justify-start_z4e9c","justify-center":"underlay__justify-center_z4e9c","justify-end":"underlay__justify-end_z4e9c","backgroundImage":"underlay__backgroundImage_z4e9c"};
+require('./index.css');
+
+exports.styles = styles;

package/underlay/modern/Component.d.ts

@@ -14,9 +14,9 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     borderRadius?: import("./types").UnderlayBorderRadius | import("./types").CornersRadiusType | undefined;
     backgroundColor?: string | undefined;
     borderSize?: import("./types").BorderSizeType | undefined;
-    borderColor?: import("./index-425c8522").BorderColorType | undefined;
+    borderColor?: import("./index-72dda473").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-425c8522").ShadowType | undefined;
+    shadow?: import("./index-72dda473").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

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-fd91ef29.js';
+import { s as styles } from './index.module-6aee7920.js';
 import './constants.js';
 
 const Underlay = forwardRef(({ children, borderRadius, shadow, dimensions, borderSize, backgroundColor, borderColor, className, padding, dataTestId, overflow = true, contentProps, ...restProps }, ref) => {

package/underlay/modern/index-72dda473.d.ts

@@ -0,0 +1,12 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };