@alfalab/core-components 48.12.0-beta.0 → 48.12.1-beta.1

package/underlay/modern/index.css

@@ -138,334 +138,334 @@
     --underline-border-color-specialbg-tertiary-transparent-inverted: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .underlay__component_168wa {
+} .underlay__component_1pr0d {
     display: flex;
     box-sizing: border-box;
-} .underlay__content_168wa {
+} .underlay__content_1pr0d {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-} .underlay__overflowHide_168wa {
+} .underlay__overflowHide_1pr0d {
     overflow: hidden;
-} .underlay__background-accent_168wa {
+} .underlay__background-accent_1pr0d {
             background-color: var(--color-light-bg-accent);
-        } .underlay__background-info_168wa {
+        } .underlay__background-info_1pr0d {
             background-color: var(--color-light-bg-info);
-        } .underlay__background-attention-muted_168wa {
+        } .underlay__background-attention-muted_1pr0d {
             background-color: var(--color-light-bg-attention-muted);
-        } .underlay__background-positive-muted_168wa {
+        } .underlay__background-positive-muted_1pr0d {
             background-color: var(--color-light-bg-positive-muted);
-        } .underlay__background-negative-muted_168wa {
+        } .underlay__background-negative-muted_1pr0d {
             background-color: var(--color-light-bg-negative-muted);
-        } .underlay__background-primary_168wa {
+        } .underlay__background-primary_1pr0d {
             background-color: var(--color-light-bg-primary);
-        } .underlay__background-primary-inverted_168wa {
+        } .underlay__background-primary-inverted_1pr0d {
             background-color: var(--color-light-bg-primary-inverted);
-        } .underlay__background-secondary_168wa {
+        } .underlay__background-secondary_1pr0d {
             background-color: var(--color-light-bg-secondary);
-        } .underlay__background-secondary-inverted_168wa {
+        } .underlay__background-secondary-inverted_1pr0d {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .underlay__background-tertiary_168wa {
+        } .underlay__background-tertiary_1pr0d {
             background-color: var(--color-light-bg-tertiary);
-        } .underlay__background-tertiary-inverted_168wa {
+        } .underlay__background-tertiary-inverted_1pr0d {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .underlay__background-quaternary_168wa {
+        } .underlay__background-quaternary_1pr0d {
             background-color: var(--color-light-bg-quaternary);
-        } .underlay__background-quaternary-inverted_168wa {
+        } .underlay__background-quaternary-inverted_1pr0d {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .underlay__background-specialbg-component_168wa {
+        } .underlay__background-specialbg-component_1pr0d {
             background-color: var(--color-light-specialbg-component);
-        } .underlay__background-specialbg-component-inverted_168wa {
+        } .underlay__background-specialbg-component-inverted_1pr0d {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .underlay__background-specialbg-primary-grouped_168wa {
+        } .underlay__background-specialbg-primary-grouped_1pr0d {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .underlay__background-specialbg-secondary-grouped_168wa {
+        } .underlay__background-specialbg-secondary-grouped_1pr0d {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .underlay__background-specialbg-tertiary-grouped_168wa {
+        } .underlay__background-specialbg-tertiary-grouped_1pr0d {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .underlay__background-specialbg-secondary-transparent_168wa {
+        } .underlay__background-specialbg-secondary-transparent_1pr0d {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .underlay__background-specialbg-secondary-transparent-inverted_168wa {
+        } .underlay__background-specialbg-secondary-transparent-inverted_1pr0d {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .underlay__background-specialbg-tertiary-transparent_168wa {
+        } .underlay__background-specialbg-tertiary-transparent_1pr0d {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_168wa {
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1pr0d {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        } .underlay__padding-top-3xs_168wa {
+        } .underlay__padding-top-3xs_1pr0d {
         padding-top: var(--gap-3xs);
-    } .underlay__padding-right-3xs_168wa {
+    } .underlay__padding-right-3xs_1pr0d {
         padding-right: var(--gap-3xs);
-    } .underlay__padding-bottom-3xs_168wa {
+    } .underlay__padding-bottom-3xs_1pr0d {
         padding-bottom: var(--gap-3xs);
-    } .underlay__padding-left-3xs_168wa {
+    } .underlay__padding-left-3xs_1pr0d {
         padding-left: var(--gap-3xs);
-    } .underlay__padding-top-2xs_168wa {
+    } .underlay__padding-top-2xs_1pr0d {
         padding-top: var(--gap-2xs);
-    } .underlay__padding-right-2xs_168wa {
+    } .underlay__padding-right-2xs_1pr0d {
         padding-right: var(--gap-2xs);
-    } .underlay__padding-bottom-2xs_168wa {
+    } .underlay__padding-bottom-2xs_1pr0d {
         padding-bottom: var(--gap-2xs);
-    } .underlay__padding-left-2xs_168wa {
+    } .underlay__padding-left-2xs_1pr0d {
         padding-left: var(--gap-2xs);
-    } .underlay__padding-top-xs_168wa {
+    } .underlay__padding-top-xs_1pr0d {
         padding-top: var(--gap-xs);
-    } .underlay__padding-right-xs_168wa {
+    } .underlay__padding-right-xs_1pr0d {
         padding-right: var(--gap-xs);
-    } .underlay__padding-bottom-xs_168wa {
+    } .underlay__padding-bottom-xs_1pr0d {
         padding-bottom: var(--gap-xs);
-    } .underlay__padding-left-xs_168wa {
+    } .underlay__padding-left-xs_1pr0d {
         padding-left: var(--gap-xs);
-    } .underlay__padding-top-s_168wa {
+    } .underlay__padding-top-s_1pr0d {
         padding-top: var(--gap-s);
-    } .underlay__padding-right-s_168wa {
+    } .underlay__padding-right-s_1pr0d {
         padding-right: var(--gap-s);
-    } .underlay__padding-bottom-s_168wa {
+    } .underlay__padding-bottom-s_1pr0d {
         padding-bottom: var(--gap-s);
-    } .underlay__padding-left-s_168wa {
+    } .underlay__padding-left-s_1pr0d {
         padding-left: var(--gap-s);
-    } .underlay__padding-top-m_168wa {
+    } .underlay__padding-top-m_1pr0d {
         padding-top: var(--gap-m);
-    } .underlay__padding-right-m_168wa {
+    } .underlay__padding-right-m_1pr0d {
         padding-right: var(--gap-m);
-    } .underlay__padding-bottom-m_168wa {
+    } .underlay__padding-bottom-m_1pr0d {
         padding-bottom: var(--gap-m);
-    } .underlay__padding-left-m_168wa {
+    } .underlay__padding-left-m_1pr0d {
         padding-left: var(--gap-m);
-    } .underlay__padding-top-l_168wa {
+    } .underlay__padding-top-l_1pr0d {
         padding-top: var(--gap-l);
-    } .underlay__padding-right-l_168wa {
+    } .underlay__padding-right-l_1pr0d {
         padding-right: var(--gap-l);
-    } .underlay__padding-bottom-l_168wa {
+    } .underlay__padding-bottom-l_1pr0d {
         padding-bottom: var(--gap-l);
-    } .underlay__padding-left-l_168wa {
+    } .underlay__padding-left-l_1pr0d {
         padding-left: var(--gap-l);
-    } .underlay__padding-top-xl_168wa {
+    } .underlay__padding-top-xl_1pr0d {
         padding-top: var(--gap-xl);
-    } .underlay__padding-right-xl_168wa {
+    } .underlay__padding-right-xl_1pr0d {
         padding-right: var(--gap-xl);
-    } .underlay__padding-bottom-xl_168wa {
+    } .underlay__padding-bottom-xl_1pr0d {
         padding-bottom: var(--gap-xl);
-    } .underlay__padding-left-xl_168wa {
+    } .underlay__padding-left-xl_1pr0d {
         padding-left: var(--gap-xl);
-    } .underlay__padding-top-2xl_168wa {
+    } .underlay__padding-top-2xl_1pr0d {
         padding-top: var(--gap-2xl);
-    } .underlay__padding-right-2xl_168wa {
+    } .underlay__padding-right-2xl_1pr0d {
         padding-right: var(--gap-2xl);
-    } .underlay__padding-bottom-2xl_168wa {
+    } .underlay__padding-bottom-2xl_1pr0d {
         padding-bottom: var(--gap-2xl);
-    } .underlay__padding-left-2xl_168wa {
+    } .underlay__padding-left-2xl_1pr0d {
         padding-left: var(--gap-2xl);
-    } .underlay__padding-top-3xl_168wa {
+    } .underlay__padding-top-3xl_1pr0d {
         padding-top: var(--gap-3xl);
-    } .underlay__padding-right-3xl_168wa {
+    } .underlay__padding-right-3xl_1pr0d {
         padding-right: var(--gap-3xl);
-    } .underlay__padding-bottom-3xl_168wa {
+    } .underlay__padding-bottom-3xl_1pr0d {
         padding-bottom: var(--gap-3xl);
-    } .underlay__padding-left-3xl_168wa {
+    } .underlay__padding-left-3xl_1pr0d {
         padding-left: var(--gap-3xl);
-    } .underlay__padding-top-4xl_168wa {
+    } .underlay__padding-top-4xl_1pr0d {
         padding-top: var(--gap-4xl);
-    } .underlay__padding-right-4xl_168wa {
+    } .underlay__padding-right-4xl_1pr0d {
         padding-right: var(--gap-4xl);
-    } .underlay__padding-bottom-4xl_168wa {
+    } .underlay__padding-bottom-4xl_1pr0d {
         padding-bottom: var(--gap-4xl);
-    } .underlay__padding-left-4xl_168wa {
+    } .underlay__padding-left-4xl_1pr0d {
         padding-left: var(--gap-4xl);
-    } .underlay__padding-top-5xl_168wa {
+    } .underlay__padding-top-5xl_1pr0d {
         padding-top: var(--gap-5xl);
-    } .underlay__padding-right-5xl_168wa {
+    } .underlay__padding-right-5xl_1pr0d {
         padding-right: var(--gap-5xl);
-    } .underlay__padding-bottom-5xl_168wa {
+    } .underlay__padding-bottom-5xl_1pr0d {
         padding-bottom: var(--gap-5xl);
-    } .underlay__padding-left-5xl_168wa {
+    } .underlay__padding-left-5xl_1pr0d {
         padding-left: var(--gap-5xl);
-    } .underlay__padding-top-6xl_168wa {
+    } .underlay__padding-top-6xl_1pr0d {
         padding-top: var(--gap-6xl);
-    } .underlay__padding-right-6xl_168wa {
+    } .underlay__padding-right-6xl_1pr0d {
         padding-right: var(--gap-6xl);
-    } .underlay__padding-bottom-6xl_168wa {
+    } .underlay__padding-bottom-6xl_1pr0d {
         padding-bottom: var(--gap-6xl);
-    } .underlay__padding-left-6xl_168wa {
+    } .underlay__padding-left-6xl_1pr0d {
         padding-left: var(--gap-6xl);
-    } .underlay__border-bottom-left-xs_168wa {
+    } .underlay__border-bottom-left-xs_1pr0d {
         border-bottom-left-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-right-xs_168wa {
+    } .underlay__border-bottom-right-xs_1pr0d {
         border-bottom-right-radius: var(--border-radius-xs);
-    } .underlay__border-top-left-xs_168wa {
+    } .underlay__border-top-left-xs_1pr0d {
         border-top-left-radius: var(--border-radius-xs);
-    } .underlay__border-top-right-xs_168wa {
+    } .underlay__border-top-right-xs_1pr0d {
         border-top-right-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-left-s_168wa {
+    } .underlay__border-bottom-left-s_1pr0d {
         border-bottom-left-radius: var(--border-radius-s);
-    } .underlay__border-bottom-right-s_168wa {
+    } .underlay__border-bottom-right-s_1pr0d {
         border-bottom-right-radius: var(--border-radius-s);
-    } .underlay__border-top-left-s_168wa {
+    } .underlay__border-top-left-s_1pr0d {
         border-top-left-radius: var(--border-radius-s);
-    } .underlay__border-top-right-s_168wa {
+    } .underlay__border-top-right-s_1pr0d {
         border-top-right-radius: var(--border-radius-s);
-    } .underlay__border-bottom-left-m_168wa {
+    } .underlay__border-bottom-left-m_1pr0d {
         border-bottom-left-radius: var(--border-radius-m);
-    } .underlay__border-bottom-right-m_168wa {
+    } .underlay__border-bottom-right-m_1pr0d {
         border-bottom-right-radius: var(--border-radius-m);
-    } .underlay__border-top-left-m_168wa {
+    } .underlay__border-top-left-m_1pr0d {
         border-top-left-radius: var(--border-radius-m);
-    } .underlay__border-top-right-m_168wa {
+    } .underlay__border-top-right-m_1pr0d {
         border-top-right-radius: var(--border-radius-m);
-    } .underlay__border-bottom-left-l_168wa {
+    } .underlay__border-bottom-left-l_1pr0d {
         border-bottom-left-radius: var(--border-radius-l);
-    } .underlay__border-bottom-right-l_168wa {
+    } .underlay__border-bottom-right-l_1pr0d {
         border-bottom-right-radius: var(--border-radius-l);
-    } .underlay__border-top-left-l_168wa {
+    } .underlay__border-top-left-l_1pr0d {
         border-top-left-radius: var(--border-radius-l);
-    } .underlay__border-top-right-l_168wa {
+    } .underlay__border-top-right-l_1pr0d {
         border-top-right-radius: var(--border-radius-l);
-    } .underlay__border-bottom-left-xl_168wa {
+    } .underlay__border-bottom-left-xl_1pr0d {
         border-bottom-left-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-right-xl_168wa {
+    } .underlay__border-bottom-right-xl_1pr0d {
         border-bottom-right-radius: var(--border-radius-xl);
-    } .underlay__border-top-left-xl_168wa {
+    } .underlay__border-top-left-xl_1pr0d {
         border-top-left-radius: var(--border-radius-xl);
-    } .underlay__border-top-right-xl_168wa {
+    } .underlay__border-top-right-xl_1pr0d {
         border-top-right-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-left-xxl_168wa {
+    } .underlay__border-bottom-left-xxl_1pr0d {
         border-bottom-left-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-right-xxl_168wa {
+    } .underlay__border-bottom-right-xxl_1pr0d {
         border-bottom-right-radius: var(--border-radius-xxl);
-    } .underlay__border-top-left-xxl_168wa {
+    } .underlay__border-top-left-xxl_1pr0d {
         border-top-left-radius: var(--border-radius-xxl);
-    } .underlay__border-top-right-xxl_168wa {
+    } .underlay__border-top-right-xxl_1pr0d {
         border-top-right-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-left-3xl_168wa {
+    } .underlay__border-bottom-left-3xl_1pr0d {
         border-bottom-left-radius: var(--border-radius-3xl);
-    } .underlay__border-bottom-right-3xl_168wa {
+    } .underlay__border-bottom-right-3xl_1pr0d {
         border-bottom-right-radius: var(--border-radius-3xl);
-    } .underlay__border-top-left-3xl_168wa {
+    } .underlay__border-top-left-3xl_1pr0d {
         border-top-left-radius: var(--border-radius-3xl);
-    } .underlay__border-top-right-3xl_168wa {
+    } .underlay__border-top-right-3xl_1pr0d {
         border-top-right-radius: var(--border-radius-3xl);
-    } .underlay__shadow-xs_168wa {
+    } .underlay__shadow-xs_1pr0d {
         box-shadow: var(--shadow-xs);
-    } .underlay__shadow-s_168wa {
+    } .underlay__shadow-s_1pr0d {
         box-shadow: var(--shadow-s);
-    } .underlay__shadow-m_168wa {
+    } .underlay__shadow-m_1pr0d {
         box-shadow: var(--shadow-m);
-    } .underlay__shadow-l_168wa {
+    } .underlay__shadow-l_1pr0d {
         box-shadow: var(--shadow-l);
-    } .underlay__shadow-xl_168wa {
+    } .underlay__shadow-xl_1pr0d {
         box-shadow: var(--shadow-xl);
-    } .underlay__shadow-xs-hard_168wa {
+    } .underlay__shadow-xs-hard_1pr0d {
         box-shadow: var(--shadow-xs-hard);
-    } .underlay__shadow-s-hard_168wa {
+    } .underlay__shadow-s-hard_1pr0d {
         box-shadow: var(--shadow-s-hard);
-    } .underlay__shadow-m-hard_168wa {
+    } .underlay__shadow-m-hard_1pr0d {
         box-shadow: var(--shadow-m-hard);
-    } .underlay__shadow-l-hard_168wa {
+    } .underlay__shadow-l-hard_1pr0d {
         box-shadow: var(--shadow-l-hard);
-    } .underlay__shadow-xl-hard_168wa {
+    } .underlay__shadow-xl-hard_1pr0d {
         box-shadow: var(--shadow-xl-hard);
-    } .underlay__shadow-xs-up_168wa {
+    } .underlay__shadow-xs-up_1pr0d {
         box-shadow: var(--shadow-xs-up);
-    } .underlay__shadow-s-up_168wa {
+    } .underlay__shadow-s-up_1pr0d {
         box-shadow: var(--shadow-s-up);
-    } .underlay__shadow-m-up_168wa {
+    } .underlay__shadow-m-up_1pr0d {
         box-shadow: var(--shadow-m-up);
-    } .underlay__shadow-l-up_168wa {
+    } .underlay__shadow-l-up_1pr0d {
         box-shadow: var(--shadow-l-up);
-    } .underlay__shadow-xl-up_168wa {
+    } .underlay__shadow-xl-up_1pr0d {
         box-shadow: var(--shadow-xl-up);
-    } .underlay__shadow-xs-hard-up_168wa {
+    } .underlay__shadow-xs-hard-up_1pr0d {
         box-shadow: var(--shadow-xs-hard-up);
-    } .underlay__shadow-s-hard-up_168wa {
+    } .underlay__shadow-s-hard-up_1pr0d {
         box-shadow: var(--shadow-s-hard-up);
-    } .underlay__shadow-m-hard-up_168wa {
+    } .underlay__shadow-m-hard-up_1pr0d {
         box-shadow: var(--shadow-m-hard-up);
-    } .underlay__shadow-l-hard-up_168wa {
+    } .underlay__shadow-l-hard-up_1pr0d {
         box-shadow: var(--shadow-l-hard-up);
-    } .underlay__shadow-xl-hard-up_168wa {
+    } .underlay__shadow-xl-hard-up_1pr0d {
         box-shadow: var(--shadow-xl-hard-up);
-    } .underlay__border-color-accent_168wa {
+    } .underlay__border-color-accent_1pr0d {
         border-color: var(--underline-border-color-accent);
-    } .underlay__border-color-key_168wa {
+    } .underlay__border-color-key_1pr0d {
         border-color: var(--underline-border-color-key);
-    } .underlay__border-color-key-inverted_168wa {
+    } .underlay__border-color-key-inverted_1pr0d {
         border-color: var(--underline-border-color-key-inverted);
-    } .underlay__border-color-link_168wa {
+    } .underlay__border-color-link_1pr0d {
         border-color: var(--underline-border-color-link);
-    } .underlay__border-color-primary_168wa {
+    } .underlay__border-color-primary_1pr0d {
         border-color: var(--underline-border-color-primary);
-    } .underlay__border-color-primary-inverted_168wa {
+    } .underlay__border-color-primary-inverted_1pr0d {
         border-color: var(--underline-border-color-primary-inverted);
-    } .underlay__border-color-secondary_168wa {
+    } .underlay__border-color-secondary_1pr0d {
         border-color: var(--underline-border-color-secondary);
-    } .underlay__border-color-secondary-inverted_168wa {
+    } .underlay__border-color-secondary-inverted_1pr0d {
         border-color: var(--underline-border-color-secondary-inverted);
-    } .underlay__border-color-tertiary_168wa {
+    } .underlay__border-color-tertiary_1pr0d {
         border-color: var(--underline-border-color-tertiary);
-    } .underlay__border-color-tertiary-inverted_168wa {
+    } .underlay__border-color-tertiary-inverted_1pr0d {
         border-color: var(--underline-border-color-tertiary-inverted);
-    } .underlay__border-color-underline_168wa {
+    } .underlay__border-color-underline_1pr0d {
         border-color: var(--underline-border-color-underline);
-    } .underlay__border-color-underline-inverted_168wa {
+    } .underlay__border-color-underline-inverted_1pr0d {
         border-color: var(--underline-border-color-underline-inverted);
-    } .underlay__border-color-graphic-attention_168wa {
+    } .underlay__border-color-graphic-attention_1pr0d {
         border-color: var(--underline-border-color-graphic-attention);
-    } .underlay__border-color-graphic-link_168wa {
+    } .underlay__border-color-graphic-link_1pr0d {
         border-color: var(--underline-border-color-graphic-link);
-    } .underlay__border-color-graphic-negative_168wa {
+    } .underlay__border-color-graphic-negative_1pr0d {
         border-color: var(--underline-border-color-graphic-negative);
-    } .underlay__border-color-graphic-positive_168wa {
+    } .underlay__border-color-graphic-positive_1pr0d {
         border-color: var(--underline-border-color-graphic-positive);
-    } .underlay__border-color-specialbg-secondary-transparent_168wa {
+    } .underlay__border-color-specialbg-secondary-transparent_1pr0d {
         border-color: var(--underline-border-color-specialbg-secondary-transparent);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_168wa {
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1pr0d {
         border-color: var(--underline-border-color-specialbg-secondary-transparent-inverted);
-    } .underlay__border-color-specialbg-tertiary-transparent_168wa {
+    } .underlay__border-color-specialbg-tertiary-transparent_1pr0d {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_168wa {
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1pr0d {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent-inverted);
-    } .underlay__border-radius-xs_168wa {
+    } .underlay__border-radius-xs_1pr0d {
         border-radius: var(--border-radius-xs);
-    } .underlay__border-radius-s_168wa {
+    } .underlay__border-radius-s_1pr0d {
         border-radius: var(--border-radius-s);
-    } .underlay__border-radius-m_168wa {
+    } .underlay__border-radius-m_1pr0d {
         border-radius: var(--border-radius-m);
-    } .underlay__border-radius-l_168wa {
+    } .underlay__border-radius-l_1pr0d {
         border-radius: var(--border-radius-l);
-    } .underlay__border-radius-xl_168wa {
+    } .underlay__border-radius-xl_1pr0d {
         border-radius: var(--border-radius-xl);
-    } .underlay__border-radius-xxl_168wa {
+    } .underlay__border-radius-xxl_1pr0d {
         border-radius: var(--border-radius-xxl);
-    } .underlay__border-radius-3xl_168wa {
+    } .underlay__border-radius-3xl_1pr0d {
         border-radius: var(--border-radius-3xl);
-    } /* prettier-ignore */ .underlay__border-width-1_168wa {
+    } /* prettier-ignore */ .underlay__border-width-1_1pr0d {
         border-width: 1px;
         border-style: solid;
-    } .underlay__border-width-2_168wa {
+    } .underlay__border-width-2_1pr0d {
         border-width: 2px;
         border-style: solid;
-    } .underlay__border-width-4_168wa {
+    } .underlay__border-width-4_1pr0d {
         border-width: 4px;
         border-style: solid;
-    } .underlay__direction-vertical_168wa {
+    } .underlay__direction-vertical_1pr0d {
     flex-direction: column;
-} .underlay__direction-horizontal_168wa {
+} .underlay__direction-horizontal_1pr0d {
     flex-direction: row;
-} .underlay__align-start_168wa {
+} .underlay__align-start_1pr0d {
     align-items: flex-start;
-} .underlay__align-center_168wa {
+} .underlay__align-center_1pr0d {
     align-items: center;
-} .underlay__align-end_168wa {
+} .underlay__align-end_1pr0d {
     align-items: flex-end;
-} .underlay__align-fill_168wa {
+} .underlay__align-fill_1pr0d {
     align-items: stretch;
-} .underlay__justify-start_168wa {
+} .underlay__justify-start_1pr0d {
     justify-content: flex-start;
-} .underlay__justify-center_168wa {
+} .underlay__justify-center_1pr0d {
     justify-content: center;
-} .underlay__justify-end_168wa {
+} .underlay__justify-end_1pr0d {
     justify-content: flex-end;
-} .underlay__backgroundImage_168wa {
+} .underlay__backgroundImage_1pr0d {
     background-size: cover;
     background-repeat: no-repeat;
 }

package/underlay/modern/index.js

@@ -2,6 +2,6 @@ export { Underlay } from './Component.js';
 import 'react';
 import 'classnames';
 import './utils/getBorderCorners.js';
-import './index.module-fcfd971f.js';
+import './index.module-0852f686.js';
 import './utils/getClasses.js';
 import './constants.js';

package/underlay/modern/index.module-0852f686.js

@@ -0,0 +1,4 @@
+const styles = {"component":"underlay__component_1pr0d","content":"underlay__content_1pr0d","overflowHide":"underlay__overflowHide_1pr0d","background-accent":"underlay__background-accent_1pr0d","background-info":"underlay__background-info_1pr0d","background-attention-muted":"underlay__background-attention-muted_1pr0d","background-positive-muted":"underlay__background-positive-muted_1pr0d","background-negative-muted":"underlay__background-negative-muted_1pr0d","background-primary":"underlay__background-primary_1pr0d","background-primary-inverted":"underlay__background-primary-inverted_1pr0d","background-secondary":"underlay__background-secondary_1pr0d","background-secondary-inverted":"underlay__background-secondary-inverted_1pr0d","background-tertiary":"underlay__background-tertiary_1pr0d","background-tertiary-inverted":"underlay__background-tertiary-inverted_1pr0d","background-quaternary":"underlay__background-quaternary_1pr0d","background-quaternary-inverted":"underlay__background-quaternary-inverted_1pr0d","background-specialbg-component":"underlay__background-specialbg-component_1pr0d","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_1pr0d","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_1pr0d","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_1pr0d","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_1pr0d","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_1pr0d","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_1pr0d","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_1pr0d","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_1pr0d","padding-top-3xs":"underlay__padding-top-3xs_1pr0d","padding-right-3xs":"underlay__padding-right-3xs_1pr0d","padding-bottom-3xs":"underlay__padding-bottom-3xs_1pr0d","padding-left-3xs":"underlay__padding-left-3xs_1pr0d","padding-top-2xs":"underlay__padding-top-2xs_1pr0d","padding-right-2xs":"underlay__padding-right-2xs_1pr0d","padding-bottom-2xs":"underlay__padding-bottom-2xs_1pr0d","padding-left-2xs":"underlay__padding-left-2xs_1pr0d","padding-top-xs":"underlay__padding-top-xs_1pr0d","padding-right-xs":"underlay__padding-right-xs_1pr0d","padding-bottom-xs":"underlay__padding-bottom-xs_1pr0d","padding-left-xs":"underlay__padding-left-xs_1pr0d","padding-top-s":"underlay__padding-top-s_1pr0d","padding-right-s":"underlay__padding-right-s_1pr0d","padding-bottom-s":"underlay__padding-bottom-s_1pr0d","padding-left-s":"underlay__padding-left-s_1pr0d","padding-top-m":"underlay__padding-top-m_1pr0d","padding-right-m":"underlay__padding-right-m_1pr0d","padding-bottom-m":"underlay__padding-bottom-m_1pr0d","padding-left-m":"underlay__padding-left-m_1pr0d","padding-top-l":"underlay__padding-top-l_1pr0d","padding-right-l":"underlay__padding-right-l_1pr0d","padding-bottom-l":"underlay__padding-bottom-l_1pr0d","padding-left-l":"underlay__padding-left-l_1pr0d","padding-top-xl":"underlay__padding-top-xl_1pr0d","padding-right-xl":"underlay__padding-right-xl_1pr0d","padding-bottom-xl":"underlay__padding-bottom-xl_1pr0d","padding-left-xl":"underlay__padding-left-xl_1pr0d","padding-top-2xl":"underlay__padding-top-2xl_1pr0d","padding-right-2xl":"underlay__padding-right-2xl_1pr0d","padding-bottom-2xl":"underlay__padding-bottom-2xl_1pr0d","padding-left-2xl":"underlay__padding-left-2xl_1pr0d","padding-top-3xl":"underlay__padding-top-3xl_1pr0d","padding-right-3xl":"underlay__padding-right-3xl_1pr0d","padding-bottom-3xl":"underlay__padding-bottom-3xl_1pr0d","padding-left-3xl":"underlay__padding-left-3xl_1pr0d","padding-top-4xl":"underlay__padding-top-4xl_1pr0d","padding-right-4xl":"underlay__padding-right-4xl_1pr0d","padding-bottom-4xl":"underlay__padding-bottom-4xl_1pr0d","padding-left-4xl":"underlay__padding-left-4xl_1pr0d","padding-top-5xl":"underlay__padding-top-5xl_1pr0d","padding-right-5xl":"underlay__padding-right-5xl_1pr0d","padding-bottom-5xl":"underlay__padding-bottom-5xl_1pr0d","padding-left-5xl":"underlay__padding-left-5xl_1pr0d","padding-top-6xl":"underlay__padding-top-6xl_1pr0d","padding-right-6xl":"underlay__padding-right-6xl_1pr0d","padding-bottom-6xl":"underlay__padding-bottom-6xl_1pr0d","padding-left-6xl":"underlay__padding-left-6xl_1pr0d","border-bottom-left-xs":"underlay__border-bottom-left-xs_1pr0d","border-bottom-right-xs":"underlay__border-bottom-right-xs_1pr0d","border-top-left-xs":"underlay__border-top-left-xs_1pr0d","border-top-right-xs":"underlay__border-top-right-xs_1pr0d","border-bottom-left-s":"underlay__border-bottom-left-s_1pr0d","border-bottom-right-s":"underlay__border-bottom-right-s_1pr0d","border-top-left-s":"underlay__border-top-left-s_1pr0d","border-top-right-s":"underlay__border-top-right-s_1pr0d","border-bottom-left-m":"underlay__border-bottom-left-m_1pr0d","border-bottom-right-m":"underlay__border-bottom-right-m_1pr0d","border-top-left-m":"underlay__border-top-left-m_1pr0d","border-top-right-m":"underlay__border-top-right-m_1pr0d","border-bottom-left-l":"underlay__border-bottom-left-l_1pr0d","border-bottom-right-l":"underlay__border-bottom-right-l_1pr0d","border-top-left-l":"underlay__border-top-left-l_1pr0d","border-top-right-l":"underlay__border-top-right-l_1pr0d","border-bottom-left-xl":"underlay__border-bottom-left-xl_1pr0d","border-bottom-right-xl":"underlay__border-bottom-right-xl_1pr0d","border-top-left-xl":"underlay__border-top-left-xl_1pr0d","border-top-right-xl":"underlay__border-top-right-xl_1pr0d","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_1pr0d","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_1pr0d","border-top-left-xxl":"underlay__border-top-left-xxl_1pr0d","border-top-right-xxl":"underlay__border-top-right-xxl_1pr0d","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_1pr0d","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_1pr0d","border-top-left-3xl":"underlay__border-top-left-3xl_1pr0d","border-top-right-3xl":"underlay__border-top-right-3xl_1pr0d","shadow-xs":"underlay__shadow-xs_1pr0d","shadow-s":"underlay__shadow-s_1pr0d","shadow-m":"underlay__shadow-m_1pr0d","shadow-l":"underlay__shadow-l_1pr0d","shadow-xl":"underlay__shadow-xl_1pr0d","shadow-xs-hard":"underlay__shadow-xs-hard_1pr0d","shadow-s-hard":"underlay__shadow-s-hard_1pr0d","shadow-m-hard":"underlay__shadow-m-hard_1pr0d","shadow-l-hard":"underlay__shadow-l-hard_1pr0d","shadow-xl-hard":"underlay__shadow-xl-hard_1pr0d","shadow-xs-up":"underlay__shadow-xs-up_1pr0d","shadow-s-up":"underlay__shadow-s-up_1pr0d","shadow-m-up":"underlay__shadow-m-up_1pr0d","shadow-l-up":"underlay__shadow-l-up_1pr0d","shadow-xl-up":"underlay__shadow-xl-up_1pr0d","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_1pr0d","shadow-s-hard-up":"underlay__shadow-s-hard-up_1pr0d","shadow-m-hard-up":"underlay__shadow-m-hard-up_1pr0d","shadow-l-hard-up":"underlay__shadow-l-hard-up_1pr0d","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_1pr0d","border-color-accent":"underlay__border-color-accent_1pr0d","border-color-key":"underlay__border-color-key_1pr0d","border-color-key-inverted":"underlay__border-color-key-inverted_1pr0d","border-color-link":"underlay__border-color-link_1pr0d","border-color-primary":"underlay__border-color-primary_1pr0d","border-color-primary-inverted":"underlay__border-color-primary-inverted_1pr0d","border-color-secondary":"underlay__border-color-secondary_1pr0d","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_1pr0d","border-color-tertiary":"underlay__border-color-tertiary_1pr0d","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_1pr0d","border-color-underline":"underlay__border-color-underline_1pr0d","border-color-underline-inverted":"underlay__border-color-underline-inverted_1pr0d","border-color-graphic-attention":"underlay__border-color-graphic-attention_1pr0d","border-color-graphic-link":"underlay__border-color-graphic-link_1pr0d","border-color-graphic-negative":"underlay__border-color-graphic-negative_1pr0d","border-color-graphic-positive":"underlay__border-color-graphic-positive_1pr0d","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_1pr0d","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_1pr0d","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_1pr0d","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_1pr0d","border-radius-xs":"underlay__border-radius-xs_1pr0d","border-radius-s":"underlay__border-radius-s_1pr0d","border-radius-m":"underlay__border-radius-m_1pr0d","border-radius-l":"underlay__border-radius-l_1pr0d","border-radius-xl":"underlay__border-radius-xl_1pr0d","border-radius-xxl":"underlay__border-radius-xxl_1pr0d","border-radius-3xl":"underlay__border-radius-3xl_1pr0d","border-width-1":"underlay__border-width-1_1pr0d","border-width-2":"underlay__border-width-2_1pr0d","border-width-4":"underlay__border-width-4_1pr0d","direction-vertical":"underlay__direction-vertical_1pr0d","direction-horizontal":"underlay__direction-horizontal_1pr0d","align-start":"underlay__align-start_1pr0d","align-center":"underlay__align-center_1pr0d","align-end":"underlay__align-end_1pr0d","align-fill":"underlay__align-fill_1pr0d","justify-start":"underlay__justify-start_1pr0d","justify-center":"underlay__justify-center_1pr0d","justify-end":"underlay__justify-end_1pr0d","backgroundImage":"underlay__backgroundImage_1pr0d"};
+require('./index.css');
+
+export { styles as s };

package/underlay/modern/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
+import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/modern/utils/getBorderCorners.js

@@ -1,4 +1,4 @@
-import { s as styles } from '../index.module-fcfd971f.js';
+import { s as styles } from '../index.module-0852f686.js';
 
 const getBorderCorners = (borderRadius) => {
     const bordersSize = typeof borderRadius === 'string'

package/underlay/modern/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-464d40a4";
+import { BorderColorType, ShadowType } from "../index-064acd29";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/underlay/modern/utils/getClasses.js

@@ -1,5 +1,5 @@
 import { BACKGROUND } from '../constants.js';
-import { s as styles } from '../index.module-fcfd971f.js';
+import { s as styles } from '../index.module-0852f686.js';
 
 const isBackgroundToken = (token) => token && BACKGROUND.includes(token);
 const getClasses = (backgroundColor, borderColor, borderSize, shadow) => ({

package/underlay/moderncssm/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-464d40a4").BorderColorType | undefined;
+    borderColor?: import("./index-064acd29").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-464d40a4").ShadowType | undefined;
+    shadow?: import("./index-064acd29").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

package/underlay/moderncssm/index-064acd29.d.ts

@@ -0,0 +1,13 @@
+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;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType };

package/underlay/moderncssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
+import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/moderncssm/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-464d40a4";
+import { BorderColorType, ShadowType } from "../index-064acd29";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/underlay/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
+import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;