@alfalab/core-components 48.11.0-beta.0 → 48.11.0-beta.2

package/underlay/cssm/index.module.css

@@ -106,6 +106,9 @@
     --gap-6xl: 72px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/underlay/cssm/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/cssm/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/esm/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/esm/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-7dae7739.js';
+import { s as styles } from './index.module-81487027.js';
 import './constants.js';
 
 /******************************************************************************

package/underlay/esm/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/esm/index.css

@@ -107,6 +107,9 @@
     --gap-6xl: 72px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -138,334 +141,334 @@
     --underline-border-color-specialbg-tertiary-transparent-inverted: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .underlay__component_1hji6 {
+} .underlay__component_14t5k {
     display: flex;
     box-sizing: border-box;
-} .underlay__content_1hji6 {
+} .underlay__content_14t5k {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-} .underlay__overflowHide_1hji6 {
+} .underlay__overflowHide_14t5k {
     overflow: hidden;
-} .underlay__background-accent_1hji6 {
+} .underlay__background-accent_14t5k {
             background-color: var(--color-light-bg-accent);
-        } .underlay__background-info_1hji6 {
+        } .underlay__background-info_14t5k {
             background-color: var(--color-light-bg-info);
-        } .underlay__background-attention-muted_1hji6 {
+        } .underlay__background-attention-muted_14t5k {
             background-color: var(--color-light-bg-attention-muted);
-        } .underlay__background-positive-muted_1hji6 {
+        } .underlay__background-positive-muted_14t5k {
             background-color: var(--color-light-bg-positive-muted);
-        } .underlay__background-negative-muted_1hji6 {
+        } .underlay__background-negative-muted_14t5k {
             background-color: var(--color-light-bg-negative-muted);
-        } .underlay__background-primary_1hji6 {
+        } .underlay__background-primary_14t5k {
             background-color: var(--color-light-bg-primary);
-        } .underlay__background-primary-inverted_1hji6 {
+        } .underlay__background-primary-inverted_14t5k {
             background-color: var(--color-light-bg-primary-inverted);
-        } .underlay__background-secondary_1hji6 {
+        } .underlay__background-secondary_14t5k {
             background-color: var(--color-light-bg-secondary);
-        } .underlay__background-secondary-inverted_1hji6 {
+        } .underlay__background-secondary-inverted_14t5k {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .underlay__background-tertiary_1hji6 {
+        } .underlay__background-tertiary_14t5k {
             background-color: var(--color-light-bg-tertiary);
-        } .underlay__background-tertiary-inverted_1hji6 {
+        } .underlay__background-tertiary-inverted_14t5k {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .underlay__background-quaternary_1hji6 {
+        } .underlay__background-quaternary_14t5k {
             background-color: var(--color-light-bg-quaternary);
-        } .underlay__background-quaternary-inverted_1hji6 {
+        } .underlay__background-quaternary-inverted_14t5k {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .underlay__background-specialbg-component_1hji6 {
+        } .underlay__background-specialbg-component_14t5k {
             background-color: var(--color-light-specialbg-component);
-        } .underlay__background-specialbg-component-inverted_1hji6 {
+        } .underlay__background-specialbg-component-inverted_14t5k {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .underlay__background-specialbg-primary-grouped_1hji6 {
+        } .underlay__background-specialbg-primary-grouped_14t5k {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .underlay__background-specialbg-secondary-grouped_1hji6 {
+        } .underlay__background-specialbg-secondary-grouped_14t5k {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .underlay__background-specialbg-tertiary-grouped_1hji6 {
+        } .underlay__background-specialbg-tertiary-grouped_14t5k {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .underlay__background-specialbg-secondary-transparent_1hji6 {
+        } .underlay__background-specialbg-secondary-transparent_14t5k {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .underlay__background-specialbg-secondary-transparent-inverted_1hji6 {
+        } .underlay__background-specialbg-secondary-transparent-inverted_14t5k {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .underlay__background-specialbg-tertiary-transparent_1hji6 {
+        } .underlay__background-specialbg-tertiary-transparent_14t5k {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_1hji6 {
+        } .underlay__background-specialbg-tertiary-transparent-inverted_14t5k {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        } .underlay__padding-top-3xs_1hji6 {
+        } .underlay__padding-top-3xs_14t5k {
         padding-top: var(--gap-3xs);
-    } .underlay__padding-right-3xs_1hji6 {
+    } .underlay__padding-right-3xs_14t5k {
         padding-right: var(--gap-3xs);
-    } .underlay__padding-bottom-3xs_1hji6 {
+    } .underlay__padding-bottom-3xs_14t5k {
         padding-bottom: var(--gap-3xs);
-    } .underlay__padding-left-3xs_1hji6 {
+    } .underlay__padding-left-3xs_14t5k {
         padding-left: var(--gap-3xs);
-    } .underlay__padding-top-2xs_1hji6 {
+    } .underlay__padding-top-2xs_14t5k {
         padding-top: var(--gap-2xs);
-    } .underlay__padding-right-2xs_1hji6 {
+    } .underlay__padding-right-2xs_14t5k {
         padding-right: var(--gap-2xs);
-    } .underlay__padding-bottom-2xs_1hji6 {
+    } .underlay__padding-bottom-2xs_14t5k {
         padding-bottom: var(--gap-2xs);
-    } .underlay__padding-left-2xs_1hji6 {
+    } .underlay__padding-left-2xs_14t5k {
         padding-left: var(--gap-2xs);
-    } .underlay__padding-top-xs_1hji6 {
+    } .underlay__padding-top-xs_14t5k {
         padding-top: var(--gap-xs);
-    } .underlay__padding-right-xs_1hji6 {
+    } .underlay__padding-right-xs_14t5k {
         padding-right: var(--gap-xs);
-    } .underlay__padding-bottom-xs_1hji6 {
+    } .underlay__padding-bottom-xs_14t5k {
         padding-bottom: var(--gap-xs);
-    } .underlay__padding-left-xs_1hji6 {
+    } .underlay__padding-left-xs_14t5k {
         padding-left: var(--gap-xs);
-    } .underlay__padding-top-s_1hji6 {
+    } .underlay__padding-top-s_14t5k {
         padding-top: var(--gap-s);
-    } .underlay__padding-right-s_1hji6 {
+    } .underlay__padding-right-s_14t5k {
         padding-right: var(--gap-s);
-    } .underlay__padding-bottom-s_1hji6 {
+    } .underlay__padding-bottom-s_14t5k {
         padding-bottom: var(--gap-s);
-    } .underlay__padding-left-s_1hji6 {
+    } .underlay__padding-left-s_14t5k {
         padding-left: var(--gap-s);
-    } .underlay__padding-top-m_1hji6 {
+    } .underlay__padding-top-m_14t5k {
         padding-top: var(--gap-m);
-    } .underlay__padding-right-m_1hji6 {
+    } .underlay__padding-right-m_14t5k {
         padding-right: var(--gap-m);
-    } .underlay__padding-bottom-m_1hji6 {
+    } .underlay__padding-bottom-m_14t5k {
         padding-bottom: var(--gap-m);
-    } .underlay__padding-left-m_1hji6 {
+    } .underlay__padding-left-m_14t5k {
         padding-left: var(--gap-m);
-    } .underlay__padding-top-l_1hji6 {
+    } .underlay__padding-top-l_14t5k {
         padding-top: var(--gap-l);
-    } .underlay__padding-right-l_1hji6 {
+    } .underlay__padding-right-l_14t5k {
         padding-right: var(--gap-l);
-    } .underlay__padding-bottom-l_1hji6 {
+    } .underlay__padding-bottom-l_14t5k {
         padding-bottom: var(--gap-l);
-    } .underlay__padding-left-l_1hji6 {
+    } .underlay__padding-left-l_14t5k {
         padding-left: var(--gap-l);
-    } .underlay__padding-top-xl_1hji6 {
+    } .underlay__padding-top-xl_14t5k {
         padding-top: var(--gap-xl);
-    } .underlay__padding-right-xl_1hji6 {
+    } .underlay__padding-right-xl_14t5k {
         padding-right: var(--gap-xl);
-    } .underlay__padding-bottom-xl_1hji6 {
+    } .underlay__padding-bottom-xl_14t5k {
         padding-bottom: var(--gap-xl);
-    } .underlay__padding-left-xl_1hji6 {
+    } .underlay__padding-left-xl_14t5k {
         padding-left: var(--gap-xl);
-    } .underlay__padding-top-2xl_1hji6 {
+    } .underlay__padding-top-2xl_14t5k {
         padding-top: var(--gap-2xl);
-    } .underlay__padding-right-2xl_1hji6 {
+    } .underlay__padding-right-2xl_14t5k {
         padding-right: var(--gap-2xl);
-    } .underlay__padding-bottom-2xl_1hji6 {
+    } .underlay__padding-bottom-2xl_14t5k {
         padding-bottom: var(--gap-2xl);
-    } .underlay__padding-left-2xl_1hji6 {
+    } .underlay__padding-left-2xl_14t5k {
         padding-left: var(--gap-2xl);
-    } .underlay__padding-top-3xl_1hji6 {
+    } .underlay__padding-top-3xl_14t5k {
         padding-top: var(--gap-3xl);
-    } .underlay__padding-right-3xl_1hji6 {
+    } .underlay__padding-right-3xl_14t5k {
         padding-right: var(--gap-3xl);
-    } .underlay__padding-bottom-3xl_1hji6 {
+    } .underlay__padding-bottom-3xl_14t5k {
         padding-bottom: var(--gap-3xl);
-    } .underlay__padding-left-3xl_1hji6 {
+    } .underlay__padding-left-3xl_14t5k {
         padding-left: var(--gap-3xl);
-    } .underlay__padding-top-4xl_1hji6 {
+    } .underlay__padding-top-4xl_14t5k {
         padding-top: var(--gap-4xl);
-    } .underlay__padding-right-4xl_1hji6 {
+    } .underlay__padding-right-4xl_14t5k {
         padding-right: var(--gap-4xl);
-    } .underlay__padding-bottom-4xl_1hji6 {
+    } .underlay__padding-bottom-4xl_14t5k {
         padding-bottom: var(--gap-4xl);
-    } .underlay__padding-left-4xl_1hji6 {
+    } .underlay__padding-left-4xl_14t5k {
         padding-left: var(--gap-4xl);
-    } .underlay__padding-top-5xl_1hji6 {
+    } .underlay__padding-top-5xl_14t5k {
         padding-top: var(--gap-5xl);
-    } .underlay__padding-right-5xl_1hji6 {
+    } .underlay__padding-right-5xl_14t5k {
         padding-right: var(--gap-5xl);
-    } .underlay__padding-bottom-5xl_1hji6 {
+    } .underlay__padding-bottom-5xl_14t5k {
         padding-bottom: var(--gap-5xl);
-    } .underlay__padding-left-5xl_1hji6 {
+    } .underlay__padding-left-5xl_14t5k {
         padding-left: var(--gap-5xl);
-    } .underlay__padding-top-6xl_1hji6 {
+    } .underlay__padding-top-6xl_14t5k {
         padding-top: var(--gap-6xl);
-    } .underlay__padding-right-6xl_1hji6 {
+    } .underlay__padding-right-6xl_14t5k {
         padding-right: var(--gap-6xl);
-    } .underlay__padding-bottom-6xl_1hji6 {
+    } .underlay__padding-bottom-6xl_14t5k {
         padding-bottom: var(--gap-6xl);
-    } .underlay__padding-left-6xl_1hji6 {
+    } .underlay__padding-left-6xl_14t5k {
         padding-left: var(--gap-6xl);
-    } .underlay__border-bottom-left-xs_1hji6 {
+    } .underlay__border-bottom-left-xs_14t5k {
         border-bottom-left-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-right-xs_1hji6 {
+    } .underlay__border-bottom-right-xs_14t5k {
         border-bottom-right-radius: var(--border-radius-xs);
-    } .underlay__border-top-left-xs_1hji6 {
+    } .underlay__border-top-left-xs_14t5k {
         border-top-left-radius: var(--border-radius-xs);
-    } .underlay__border-top-right-xs_1hji6 {
+    } .underlay__border-top-right-xs_14t5k {
         border-top-right-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-left-s_1hji6 {
+    } .underlay__border-bottom-left-s_14t5k {
         border-bottom-left-radius: var(--border-radius-s);
-    } .underlay__border-bottom-right-s_1hji6 {
+    } .underlay__border-bottom-right-s_14t5k {
         border-bottom-right-radius: var(--border-radius-s);
-    } .underlay__border-top-left-s_1hji6 {
+    } .underlay__border-top-left-s_14t5k {
         border-top-left-radius: var(--border-radius-s);
-    } .underlay__border-top-right-s_1hji6 {
+    } .underlay__border-top-right-s_14t5k {
         border-top-right-radius: var(--border-radius-s);
-    } .underlay__border-bottom-left-m_1hji6 {
+    } .underlay__border-bottom-left-m_14t5k {
         border-bottom-left-radius: var(--border-radius-m);
-    } .underlay__border-bottom-right-m_1hji6 {
+    } .underlay__border-bottom-right-m_14t5k {
         border-bottom-right-radius: var(--border-radius-m);
-    } .underlay__border-top-left-m_1hji6 {
+    } .underlay__border-top-left-m_14t5k {
         border-top-left-radius: var(--border-radius-m);
-    } .underlay__border-top-right-m_1hji6 {
+    } .underlay__border-top-right-m_14t5k {
         border-top-right-radius: var(--border-radius-m);
-    } .underlay__border-bottom-left-l_1hji6 {
+    } .underlay__border-bottom-left-l_14t5k {
         border-bottom-left-radius: var(--border-radius-l);
-    } .underlay__border-bottom-right-l_1hji6 {
+    } .underlay__border-bottom-right-l_14t5k {
         border-bottom-right-radius: var(--border-radius-l);
-    } .underlay__border-top-left-l_1hji6 {
+    } .underlay__border-top-left-l_14t5k {
         border-top-left-radius: var(--border-radius-l);
-    } .underlay__border-top-right-l_1hji6 {
+    } .underlay__border-top-right-l_14t5k {
         border-top-right-radius: var(--border-radius-l);
-    } .underlay__border-bottom-left-xl_1hji6 {
+    } .underlay__border-bottom-left-xl_14t5k {
         border-bottom-left-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-right-xl_1hji6 {
+    } .underlay__border-bottom-right-xl_14t5k {
         border-bottom-right-radius: var(--border-radius-xl);
-    } .underlay__border-top-left-xl_1hji6 {
+    } .underlay__border-top-left-xl_14t5k {
         border-top-left-radius: var(--border-radius-xl);
-    } .underlay__border-top-right-xl_1hji6 {
+    } .underlay__border-top-right-xl_14t5k {
         border-top-right-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-left-xxl_1hji6 {
+    } .underlay__border-bottom-left-xxl_14t5k {
         border-bottom-left-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-right-xxl_1hji6 {
+    } .underlay__border-bottom-right-xxl_14t5k {
         border-bottom-right-radius: var(--border-radius-xxl);
-    } .underlay__border-top-left-xxl_1hji6 {
+    } .underlay__border-top-left-xxl_14t5k {
         border-top-left-radius: var(--border-radius-xxl);
-    } .underlay__border-top-right-xxl_1hji6 {
+    } .underlay__border-top-right-xxl_14t5k {
         border-top-right-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-left-3xl_1hji6 {
+    } .underlay__border-bottom-left-3xl_14t5k {
         border-bottom-left-radius: var(--border-radius-3xl);
-    } .underlay__border-bottom-right-3xl_1hji6 {
+    } .underlay__border-bottom-right-3xl_14t5k {
         border-bottom-right-radius: var(--border-radius-3xl);
-    } .underlay__border-top-left-3xl_1hji6 {
+    } .underlay__border-top-left-3xl_14t5k {
         border-top-left-radius: var(--border-radius-3xl);
-    } .underlay__border-top-right-3xl_1hji6 {
+    } .underlay__border-top-right-3xl_14t5k {
         border-top-right-radius: var(--border-radius-3xl);
-    } .underlay__shadow-xs_1hji6 {
+    } .underlay__shadow-xs_14t5k {
         box-shadow: var(--shadow-xs);
-    } .underlay__shadow-s_1hji6 {
+    } .underlay__shadow-s_14t5k {
         box-shadow: var(--shadow-s);
-    } .underlay__shadow-m_1hji6 {
+    } .underlay__shadow-m_14t5k {
         box-shadow: var(--shadow-m);
-    } .underlay__shadow-l_1hji6 {
+    } .underlay__shadow-l_14t5k {
         box-shadow: var(--shadow-l);
-    } .underlay__shadow-xl_1hji6 {
+    } .underlay__shadow-xl_14t5k {
         box-shadow: var(--shadow-xl);
-    } .underlay__shadow-xs-hard_1hji6 {
+    } .underlay__shadow-xs-hard_14t5k {
         box-shadow: var(--shadow-xs-hard);
-    } .underlay__shadow-s-hard_1hji6 {
+    } .underlay__shadow-s-hard_14t5k {
         box-shadow: var(--shadow-s-hard);
-    } .underlay__shadow-m-hard_1hji6 {
+    } .underlay__shadow-m-hard_14t5k {
         box-shadow: var(--shadow-m-hard);
-    } .underlay__shadow-l-hard_1hji6 {
+    } .underlay__shadow-l-hard_14t5k {
         box-shadow: var(--shadow-l-hard);
-    } .underlay__shadow-xl-hard_1hji6 {
+    } .underlay__shadow-xl-hard_14t5k {
         box-shadow: var(--shadow-xl-hard);
-    } .underlay__shadow-xs-up_1hji6 {
+    } .underlay__shadow-xs-up_14t5k {
         box-shadow: var(--shadow-xs-up);
-    } .underlay__shadow-s-up_1hji6 {
+    } .underlay__shadow-s-up_14t5k {
         box-shadow: var(--shadow-s-up);
-    } .underlay__shadow-m-up_1hji6 {
+    } .underlay__shadow-m-up_14t5k {
         box-shadow: var(--shadow-m-up);
-    } .underlay__shadow-l-up_1hji6 {
+    } .underlay__shadow-l-up_14t5k {
         box-shadow: var(--shadow-l-up);
-    } .underlay__shadow-xl-up_1hji6 {
+    } .underlay__shadow-xl-up_14t5k {
         box-shadow: var(--shadow-xl-up);
-    } .underlay__shadow-xs-hard-up_1hji6 {
+    } .underlay__shadow-xs-hard-up_14t5k {
         box-shadow: var(--shadow-xs-hard-up);
-    } .underlay__shadow-s-hard-up_1hji6 {
+    } .underlay__shadow-s-hard-up_14t5k {
         box-shadow: var(--shadow-s-hard-up);
-    } .underlay__shadow-m-hard-up_1hji6 {
+    } .underlay__shadow-m-hard-up_14t5k {
         box-shadow: var(--shadow-m-hard-up);
-    } .underlay__shadow-l-hard-up_1hji6 {
+    } .underlay__shadow-l-hard-up_14t5k {
         box-shadow: var(--shadow-l-hard-up);
-    } .underlay__shadow-xl-hard-up_1hji6 {
+    } .underlay__shadow-xl-hard-up_14t5k {
         box-shadow: var(--shadow-xl-hard-up);
-    } .underlay__border-color-accent_1hji6 {
+    } .underlay__border-color-accent_14t5k {
         border-color: var(--underline-border-color-accent);
-    } .underlay__border-color-key_1hji6 {
+    } .underlay__border-color-key_14t5k {
         border-color: var(--underline-border-color-key);
-    } .underlay__border-color-key-inverted_1hji6 {
+    } .underlay__border-color-key-inverted_14t5k {
         border-color: var(--underline-border-color-key-inverted);
-    } .underlay__border-color-link_1hji6 {
+    } .underlay__border-color-link_14t5k {
         border-color: var(--underline-border-color-link);
-    } .underlay__border-color-primary_1hji6 {
+    } .underlay__border-color-primary_14t5k {
         border-color: var(--underline-border-color-primary);
-    } .underlay__border-color-primary-inverted_1hji6 {
+    } .underlay__border-color-primary-inverted_14t5k {
         border-color: var(--underline-border-color-primary-inverted);
-    } .underlay__border-color-secondary_1hji6 {
+    } .underlay__border-color-secondary_14t5k {
         border-color: var(--underline-border-color-secondary);
-    } .underlay__border-color-secondary-inverted_1hji6 {
+    } .underlay__border-color-secondary-inverted_14t5k {
         border-color: var(--underline-border-color-secondary-inverted);
-    } .underlay__border-color-tertiary_1hji6 {
+    } .underlay__border-color-tertiary_14t5k {
         border-color: var(--underline-border-color-tertiary);
-    } .underlay__border-color-tertiary-inverted_1hji6 {
+    } .underlay__border-color-tertiary-inverted_14t5k {
         border-color: var(--underline-border-color-tertiary-inverted);
-    } .underlay__border-color-underline_1hji6 {
+    } .underlay__border-color-underline_14t5k {
         border-color: var(--underline-border-color-underline);
-    } .underlay__border-color-underline-inverted_1hji6 {
+    } .underlay__border-color-underline-inverted_14t5k {
         border-color: var(--underline-border-color-underline-inverted);
-    } .underlay__border-color-graphic-attention_1hji6 {
+    } .underlay__border-color-graphic-attention_14t5k {
         border-color: var(--underline-border-color-graphic-attention);
-    } .underlay__border-color-graphic-link_1hji6 {
+    } .underlay__border-color-graphic-link_14t5k {
         border-color: var(--underline-border-color-graphic-link);
-    } .underlay__border-color-graphic-negative_1hji6 {
+    } .underlay__border-color-graphic-negative_14t5k {
         border-color: var(--underline-border-color-graphic-negative);
-    } .underlay__border-color-graphic-positive_1hji6 {
+    } .underlay__border-color-graphic-positive_14t5k {
         border-color: var(--underline-border-color-graphic-positive);
-    } .underlay__border-color-specialbg-secondary-transparent_1hji6 {
+    } .underlay__border-color-specialbg-secondary-transparent_14t5k {
         border-color: var(--underline-border-color-specialbg-secondary-transparent);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_1hji6 {
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_14t5k {
         border-color: var(--underline-border-color-specialbg-secondary-transparent-inverted);
-    } .underlay__border-color-specialbg-tertiary-transparent_1hji6 {
+    } .underlay__border-color-specialbg-tertiary-transparent_14t5k {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1hji6 {
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_14t5k {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent-inverted);
-    } .underlay__border-radius-xs_1hji6 {
+    } .underlay__border-radius-xs_14t5k {
         border-radius: var(--border-radius-xs);
-    } .underlay__border-radius-s_1hji6 {
+    } .underlay__border-radius-s_14t5k {
         border-radius: var(--border-radius-s);
-    } .underlay__border-radius-m_1hji6 {
+    } .underlay__border-radius-m_14t5k {
         border-radius: var(--border-radius-m);
-    } .underlay__border-radius-l_1hji6 {
+    } .underlay__border-radius-l_14t5k {
         border-radius: var(--border-radius-l);
-    } .underlay__border-radius-xl_1hji6 {
+    } .underlay__border-radius-xl_14t5k {
         border-radius: var(--border-radius-xl);
-    } .underlay__border-radius-xxl_1hji6 {
+    } .underlay__border-radius-xxl_14t5k {
         border-radius: var(--border-radius-xxl);
-    } .underlay__border-radius-3xl_1hji6 {
+    } .underlay__border-radius-3xl_14t5k {
         border-radius: var(--border-radius-3xl);
-    } /* prettier-ignore */ .underlay__border-width-1_1hji6 {
+    } /* prettier-ignore */ .underlay__border-width-1_14t5k {
         border-width: 1px;
         border-style: solid;
-    } .underlay__border-width-2_1hji6 {
+    } .underlay__border-width-2_14t5k {
         border-width: 2px;
         border-style: solid;
-    } .underlay__border-width-4_1hji6 {
+    } .underlay__border-width-4_14t5k {
         border-width: 4px;
         border-style: solid;
-    } .underlay__direction-vertical_1hji6 {
+    } .underlay__direction-vertical_14t5k {
     flex-direction: column;
-} .underlay__direction-horizontal_1hji6 {
+} .underlay__direction-horizontal_14t5k {
     flex-direction: row;
-} .underlay__align-start_1hji6 {
+} .underlay__align-start_14t5k {
     align-items: flex-start;
-} .underlay__align-center_1hji6 {
+} .underlay__align-center_14t5k {
     align-items: center;
-} .underlay__align-end_1hji6 {
+} .underlay__align-end_14t5k {
     align-items: flex-end;
-} .underlay__align-fill_1hji6 {
+} .underlay__align-fill_14t5k {
     align-items: stretch;
-} .underlay__justify-start_1hji6 {
+} .underlay__justify-start_14t5k {
     justify-content: flex-start;
-} .underlay__justify-center_1hji6 {
+} .underlay__justify-center_14t5k {
     justify-content: center;
-} .underlay__justify-end_1hji6 {
+} .underlay__justify-end_14t5k {
     justify-content: flex-end;
-} .underlay__backgroundImage_1hji6 {
+} .underlay__backgroundImage_14t5k {
     background-size: cover;
     background-repeat: no-repeat;
 }

package/underlay/esm/index.js

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

package/underlay/esm/index.module-81487027.js

@@ -0,0 +1,4 @@
+var styles = {"component":"underlay__component_14t5k","content":"underlay__content_14t5k","overflowHide":"underlay__overflowHide_14t5k","background-accent":"underlay__background-accent_14t5k","background-info":"underlay__background-info_14t5k","background-attention-muted":"underlay__background-attention-muted_14t5k","background-positive-muted":"underlay__background-positive-muted_14t5k","background-negative-muted":"underlay__background-negative-muted_14t5k","background-primary":"underlay__background-primary_14t5k","background-primary-inverted":"underlay__background-primary-inverted_14t5k","background-secondary":"underlay__background-secondary_14t5k","background-secondary-inverted":"underlay__background-secondary-inverted_14t5k","background-tertiary":"underlay__background-tertiary_14t5k","background-tertiary-inverted":"underlay__background-tertiary-inverted_14t5k","background-quaternary":"underlay__background-quaternary_14t5k","background-quaternary-inverted":"underlay__background-quaternary-inverted_14t5k","background-specialbg-component":"underlay__background-specialbg-component_14t5k","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_14t5k","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_14t5k","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_14t5k","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_14t5k","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_14t5k","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_14t5k","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_14t5k","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_14t5k","padding-top-3xs":"underlay__padding-top-3xs_14t5k","padding-right-3xs":"underlay__padding-right-3xs_14t5k","padding-bottom-3xs":"underlay__padding-bottom-3xs_14t5k","padding-left-3xs":"underlay__padding-left-3xs_14t5k","padding-top-2xs":"underlay__padding-top-2xs_14t5k","padding-right-2xs":"underlay__padding-right-2xs_14t5k","padding-bottom-2xs":"underlay__padding-bottom-2xs_14t5k","padding-left-2xs":"underlay__padding-left-2xs_14t5k","padding-top-xs":"underlay__padding-top-xs_14t5k","padding-right-xs":"underlay__padding-right-xs_14t5k","padding-bottom-xs":"underlay__padding-bottom-xs_14t5k","padding-left-xs":"underlay__padding-left-xs_14t5k","padding-top-s":"underlay__padding-top-s_14t5k","padding-right-s":"underlay__padding-right-s_14t5k","padding-bottom-s":"underlay__padding-bottom-s_14t5k","padding-left-s":"underlay__padding-left-s_14t5k","padding-top-m":"underlay__padding-top-m_14t5k","padding-right-m":"underlay__padding-right-m_14t5k","padding-bottom-m":"underlay__padding-bottom-m_14t5k","padding-left-m":"underlay__padding-left-m_14t5k","padding-top-l":"underlay__padding-top-l_14t5k","padding-right-l":"underlay__padding-right-l_14t5k","padding-bottom-l":"underlay__padding-bottom-l_14t5k","padding-left-l":"underlay__padding-left-l_14t5k","padding-top-xl":"underlay__padding-top-xl_14t5k","padding-right-xl":"underlay__padding-right-xl_14t5k","padding-bottom-xl":"underlay__padding-bottom-xl_14t5k","padding-left-xl":"underlay__padding-left-xl_14t5k","padding-top-2xl":"underlay__padding-top-2xl_14t5k","padding-right-2xl":"underlay__padding-right-2xl_14t5k","padding-bottom-2xl":"underlay__padding-bottom-2xl_14t5k","padding-left-2xl":"underlay__padding-left-2xl_14t5k","padding-top-3xl":"underlay__padding-top-3xl_14t5k","padding-right-3xl":"underlay__padding-right-3xl_14t5k","padding-bottom-3xl":"underlay__padding-bottom-3xl_14t5k","padding-left-3xl":"underlay__padding-left-3xl_14t5k","padding-top-4xl":"underlay__padding-top-4xl_14t5k","padding-right-4xl":"underlay__padding-right-4xl_14t5k","padding-bottom-4xl":"underlay__padding-bottom-4xl_14t5k","padding-left-4xl":"underlay__padding-left-4xl_14t5k","padding-top-5xl":"underlay__padding-top-5xl_14t5k","padding-right-5xl":"underlay__padding-right-5xl_14t5k","padding-bottom-5xl":"underlay__padding-bottom-5xl_14t5k","padding-left-5xl":"underlay__padding-left-5xl_14t5k","padding-top-6xl":"underlay__padding-top-6xl_14t5k","padding-right-6xl":"underlay__padding-right-6xl_14t5k","padding-bottom-6xl":"underlay__padding-bottom-6xl_14t5k","padding-left-6xl":"underlay__padding-left-6xl_14t5k","border-bottom-left-xs":"underlay__border-bottom-left-xs_14t5k","border-bottom-right-xs":"underlay__border-bottom-right-xs_14t5k","border-top-left-xs":"underlay__border-top-left-xs_14t5k","border-top-right-xs":"underlay__border-top-right-xs_14t5k","border-bottom-left-s":"underlay__border-bottom-left-s_14t5k","border-bottom-right-s":"underlay__border-bottom-right-s_14t5k","border-top-left-s":"underlay__border-top-left-s_14t5k","border-top-right-s":"underlay__border-top-right-s_14t5k","border-bottom-left-m":"underlay__border-bottom-left-m_14t5k","border-bottom-right-m":"underlay__border-bottom-right-m_14t5k","border-top-left-m":"underlay__border-top-left-m_14t5k","border-top-right-m":"underlay__border-top-right-m_14t5k","border-bottom-left-l":"underlay__border-bottom-left-l_14t5k","border-bottom-right-l":"underlay__border-bottom-right-l_14t5k","border-top-left-l":"underlay__border-top-left-l_14t5k","border-top-right-l":"underlay__border-top-right-l_14t5k","border-bottom-left-xl":"underlay__border-bottom-left-xl_14t5k","border-bottom-right-xl":"underlay__border-bottom-right-xl_14t5k","border-top-left-xl":"underlay__border-top-left-xl_14t5k","border-top-right-xl":"underlay__border-top-right-xl_14t5k","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_14t5k","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_14t5k","border-top-left-xxl":"underlay__border-top-left-xxl_14t5k","border-top-right-xxl":"underlay__border-top-right-xxl_14t5k","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_14t5k","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_14t5k","border-top-left-3xl":"underlay__border-top-left-3xl_14t5k","border-top-right-3xl":"underlay__border-top-right-3xl_14t5k","shadow-xs":"underlay__shadow-xs_14t5k","shadow-s":"underlay__shadow-s_14t5k","shadow-m":"underlay__shadow-m_14t5k","shadow-l":"underlay__shadow-l_14t5k","shadow-xl":"underlay__shadow-xl_14t5k","shadow-xs-hard":"underlay__shadow-xs-hard_14t5k","shadow-s-hard":"underlay__shadow-s-hard_14t5k","shadow-m-hard":"underlay__shadow-m-hard_14t5k","shadow-l-hard":"underlay__shadow-l-hard_14t5k","shadow-xl-hard":"underlay__shadow-xl-hard_14t5k","shadow-xs-up":"underlay__shadow-xs-up_14t5k","shadow-s-up":"underlay__shadow-s-up_14t5k","shadow-m-up":"underlay__shadow-m-up_14t5k","shadow-l-up":"underlay__shadow-l-up_14t5k","shadow-xl-up":"underlay__shadow-xl-up_14t5k","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_14t5k","shadow-s-hard-up":"underlay__shadow-s-hard-up_14t5k","shadow-m-hard-up":"underlay__shadow-m-hard-up_14t5k","shadow-l-hard-up":"underlay__shadow-l-hard-up_14t5k","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_14t5k","border-color-accent":"underlay__border-color-accent_14t5k","border-color-key":"underlay__border-color-key_14t5k","border-color-key-inverted":"underlay__border-color-key-inverted_14t5k","border-color-link":"underlay__border-color-link_14t5k","border-color-primary":"underlay__border-color-primary_14t5k","border-color-primary-inverted":"underlay__border-color-primary-inverted_14t5k","border-color-secondary":"underlay__border-color-secondary_14t5k","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_14t5k","border-color-tertiary":"underlay__border-color-tertiary_14t5k","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_14t5k","border-color-underline":"underlay__border-color-underline_14t5k","border-color-underline-inverted":"underlay__border-color-underline-inverted_14t5k","border-color-graphic-attention":"underlay__border-color-graphic-attention_14t5k","border-color-graphic-link":"underlay__border-color-graphic-link_14t5k","border-color-graphic-negative":"underlay__border-color-graphic-negative_14t5k","border-color-graphic-positive":"underlay__border-color-graphic-positive_14t5k","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_14t5k","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_14t5k","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_14t5k","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_14t5k","border-radius-xs":"underlay__border-radius-xs_14t5k","border-radius-s":"underlay__border-radius-s_14t5k","border-radius-m":"underlay__border-radius-m_14t5k","border-radius-l":"underlay__border-radius-l_14t5k","border-radius-xl":"underlay__border-radius-xl_14t5k","border-radius-xxl":"underlay__border-radius-xxl_14t5k","border-radius-3xl":"underlay__border-radius-3xl_14t5k","border-width-1":"underlay__border-width-1_14t5k","border-width-2":"underlay__border-width-2_14t5k","border-width-4":"underlay__border-width-4_14t5k","direction-vertical":"underlay__direction-vertical_14t5k","direction-horizontal":"underlay__direction-horizontal_14t5k","align-start":"underlay__align-start_14t5k","align-center":"underlay__align-center_14t5k","align-end":"underlay__align-end_14t5k","align-fill":"underlay__align-fill_14t5k","justify-start":"underlay__justify-start_14t5k","justify-center":"underlay__justify-center_14t5k","justify-end":"underlay__justify-end_14t5k","backgroundImage":"underlay__backgroundImage_14t5k"};
+require('./index.css');
+
+export { styles as s };

package/underlay/esm/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;