@alfalab/core-components 48.10.1 → 48.10.3-beta.0

package/underlay/esm/types.d.ts

@@ -1,26 +1,25 @@
-/// <reference types="react" />
 import React from 'react';
-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;
-type PaddingType = {
+import type { BorderColorType, GapType, ShadowType } from '../../types';
+export declare type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
+export declare type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
+export declare type BorderSizeType = 1 | 2 | 4;
+declare type PaddingType = {
     top?: UnderlayPaddingSize;
     right?: UnderlayPaddingSize;
     bottom?: UnderlayPaddingSize;
     left?: UnderlayPaddingSize;
 };
-type CornersRadiusType = {
+export declare type CornersRadiusType = {
     bottomRight?: UnderlayBorderRadius;
     bottomLeft?: UnderlayBorderRadius;
     topRight?: UnderlayBorderRadius;
     topLeft?: UnderlayBorderRadius;
 };
-type DimensionsType = {
+declare type DimensionsType = {
     width?: number | string;
     height?: number | string;
 };
-type ContentPropsType = {
+export declare type ContentPropsType = {
     /**
      * Ширина бордера у контента
      */
@@ -62,7 +61,7 @@ type ContentPropsType = {
      */
     className?: string;
 };
-type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
+export declare type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Размеры подложки
      */
@@ -113,4 +112,4 @@ type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     children?: React.ReactNode;
 };
-export { UnderlayPaddingSize, UnderlayBorderRadius, BorderSizeType, CornersRadiusType, ContentPropsType, UnderlayProps };
+export {};

package/underlay/esm/utils/getBorderCorners.d.ts

@@ -1,5 +1,4 @@
-import { CornersRadiusType, UnderlayBorderRadius } from "../types";
-declare const getBorderCorners: (borderRadius: UnderlayBorderRadius | CornersRadiusType | undefined) => {
-    [x: string]: UnderlayBorderRadius | undefined;
+import type { CornersRadiusType, UnderlayBorderRadius } from '../types';
+export declare const getBorderCorners: (borderRadius: UnderlayBorderRadius | CornersRadiusType | undefined) => {
+    [x: number]: UnderlayBorderRadius | undefined;
 } | undefined;
-export { getBorderCorners };

package/underlay/esm/utils/getBorderCorners.js

@@ -1,4 +1,4 @@
-import { s as styles } from '../index.module-7dae7739.js';
+import styles from '../index.module.css.js';
 
 var getBorderCorners = function (borderRadius) {
     var _a;

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

@@ -1,7 +1,6 @@
-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) => {
-    [x: string]: boolean | "" | BorderColorType | ShadowType | BorderSizeType | undefined;
+import type { BorderColorType, ShadowType } from '../../../types';
+import type { BorderSizeType } from '../types';
+export declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
+export declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {
+    [x: number]: any;
 };
-export { isBackgroundToken, getClasses };

package/underlay/esm/utils/getClasses.js

@@ -1,5 +1,5 @@
 import { BACKGROUND } from '../constants.js';
-import { s as styles } from '../index.module-7dae7739.js';
+import styles from '../index.module.css.js';
 
 var isBackgroundToken = function (token) { return token && BACKGROUND.includes(token); };
 var getClasses = function (backgroundColor, borderColor, borderSize, shadow) {

package/underlay/index.css

@@ -1,4 +1,3 @@
-/* hash: tqleg */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -138,334 +137,334 @@
     --underline-border-color-specialbg-tertiary-transparent-inverted: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .underlay__component_1hji6 {
+} .underlay__component_168wa {
     display: flex;
     box-sizing: border-box;
-} .underlay__content_1hji6 {
+} .underlay__content_168wa {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-} .underlay__overflowHide_1hji6 {
+} .underlay__overflowHide_168wa {
     overflow: hidden;
-} .underlay__background-accent_1hji6 {
+} .underlay__background-accent_168wa {
             background-color: var(--color-light-bg-accent);
-        } .underlay__background-info_1hji6 {
+        } .underlay__background-info_168wa {
             background-color: var(--color-light-bg-info);
-        } .underlay__background-attention-muted_1hji6 {
+        } .underlay__background-attention-muted_168wa {
             background-color: var(--color-light-bg-attention-muted);
-        } .underlay__background-positive-muted_1hji6 {
+        } .underlay__background-positive-muted_168wa {
             background-color: var(--color-light-bg-positive-muted);
-        } .underlay__background-negative-muted_1hji6 {
+        } .underlay__background-negative-muted_168wa {
             background-color: var(--color-light-bg-negative-muted);
-        } .underlay__background-primary_1hji6 {
+        } .underlay__background-primary_168wa {
             background-color: var(--color-light-bg-primary);
-        } .underlay__background-primary-inverted_1hji6 {
+        } .underlay__background-primary-inverted_168wa {
             background-color: var(--color-light-bg-primary-inverted);
-        } .underlay__background-secondary_1hji6 {
+        } .underlay__background-secondary_168wa {
             background-color: var(--color-light-bg-secondary);
-        } .underlay__background-secondary-inverted_1hji6 {
+        } .underlay__background-secondary-inverted_168wa {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .underlay__background-tertiary_1hji6 {
+        } .underlay__background-tertiary_168wa {
             background-color: var(--color-light-bg-tertiary);
-        } .underlay__background-tertiary-inverted_1hji6 {
+        } .underlay__background-tertiary-inverted_168wa {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .underlay__background-quaternary_1hji6 {
+        } .underlay__background-quaternary_168wa {
             background-color: var(--color-light-bg-quaternary);
-        } .underlay__background-quaternary-inverted_1hji6 {
+        } .underlay__background-quaternary-inverted_168wa {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .underlay__background-specialbg-component_1hji6 {
+        } .underlay__background-specialbg-component_168wa {
             background-color: var(--color-light-specialbg-component);
-        } .underlay__background-specialbg-component-inverted_1hji6 {
+        } .underlay__background-specialbg-component-inverted_168wa {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .underlay__background-specialbg-primary-grouped_1hji6 {
+        } .underlay__background-specialbg-primary-grouped_168wa {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .underlay__background-specialbg-secondary-grouped_1hji6 {
+        } .underlay__background-specialbg-secondary-grouped_168wa {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .underlay__background-specialbg-tertiary-grouped_1hji6 {
+        } .underlay__background-specialbg-tertiary-grouped_168wa {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .underlay__background-specialbg-secondary-transparent_1hji6 {
+        } .underlay__background-specialbg-secondary-transparent_168wa {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .underlay__background-specialbg-secondary-transparent-inverted_1hji6 {
+        } .underlay__background-specialbg-secondary-transparent-inverted_168wa {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .underlay__background-specialbg-tertiary-transparent_1hji6 {
+        } .underlay__background-specialbg-tertiary-transparent_168wa {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_1hji6 {
+        } .underlay__background-specialbg-tertiary-transparent-inverted_168wa {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        } .underlay__padding-top-3xs_1hji6 {
+        } .underlay__padding-top-3xs_168wa {
         padding-top: var(--gap-3xs);
-    } .underlay__padding-right-3xs_1hji6 {
+    } .underlay__padding-right-3xs_168wa {
         padding-right: var(--gap-3xs);
-    } .underlay__padding-bottom-3xs_1hji6 {
+    } .underlay__padding-bottom-3xs_168wa {
         padding-bottom: var(--gap-3xs);
-    } .underlay__padding-left-3xs_1hji6 {
+    } .underlay__padding-left-3xs_168wa {
         padding-left: var(--gap-3xs);
-    } .underlay__padding-top-2xs_1hji6 {
+    } .underlay__padding-top-2xs_168wa {
         padding-top: var(--gap-2xs);
-    } .underlay__padding-right-2xs_1hji6 {
+    } .underlay__padding-right-2xs_168wa {
         padding-right: var(--gap-2xs);
-    } .underlay__padding-bottom-2xs_1hji6 {
+    } .underlay__padding-bottom-2xs_168wa {
         padding-bottom: var(--gap-2xs);
-    } .underlay__padding-left-2xs_1hji6 {
+    } .underlay__padding-left-2xs_168wa {
         padding-left: var(--gap-2xs);
-    } .underlay__padding-top-xs_1hji6 {
+    } .underlay__padding-top-xs_168wa {
         padding-top: var(--gap-xs);
-    } .underlay__padding-right-xs_1hji6 {
+    } .underlay__padding-right-xs_168wa {
         padding-right: var(--gap-xs);
-    } .underlay__padding-bottom-xs_1hji6 {
+    } .underlay__padding-bottom-xs_168wa {
         padding-bottom: var(--gap-xs);
-    } .underlay__padding-left-xs_1hji6 {
+    } .underlay__padding-left-xs_168wa {
         padding-left: var(--gap-xs);
-    } .underlay__padding-top-s_1hji6 {
+    } .underlay__padding-top-s_168wa {
         padding-top: var(--gap-s);
-    } .underlay__padding-right-s_1hji6 {
+    } .underlay__padding-right-s_168wa {
         padding-right: var(--gap-s);
-    } .underlay__padding-bottom-s_1hji6 {
+    } .underlay__padding-bottom-s_168wa {
         padding-bottom: var(--gap-s);
-    } .underlay__padding-left-s_1hji6 {
+    } .underlay__padding-left-s_168wa {
         padding-left: var(--gap-s);
-    } .underlay__padding-top-m_1hji6 {
+    } .underlay__padding-top-m_168wa {
         padding-top: var(--gap-m);
-    } .underlay__padding-right-m_1hji6 {
+    } .underlay__padding-right-m_168wa {
         padding-right: var(--gap-m);
-    } .underlay__padding-bottom-m_1hji6 {
+    } .underlay__padding-bottom-m_168wa {
         padding-bottom: var(--gap-m);
-    } .underlay__padding-left-m_1hji6 {
+    } .underlay__padding-left-m_168wa {
         padding-left: var(--gap-m);
-    } .underlay__padding-top-l_1hji6 {
+    } .underlay__padding-top-l_168wa {
         padding-top: var(--gap-l);
-    } .underlay__padding-right-l_1hji6 {
+    } .underlay__padding-right-l_168wa {
         padding-right: var(--gap-l);
-    } .underlay__padding-bottom-l_1hji6 {
+    } .underlay__padding-bottom-l_168wa {
         padding-bottom: var(--gap-l);
-    } .underlay__padding-left-l_1hji6 {
+    } .underlay__padding-left-l_168wa {
         padding-left: var(--gap-l);
-    } .underlay__padding-top-xl_1hji6 {
+    } .underlay__padding-top-xl_168wa {
         padding-top: var(--gap-xl);
-    } .underlay__padding-right-xl_1hji6 {
+    } .underlay__padding-right-xl_168wa {
         padding-right: var(--gap-xl);
-    } .underlay__padding-bottom-xl_1hji6 {
+    } .underlay__padding-bottom-xl_168wa {
         padding-bottom: var(--gap-xl);
-    } .underlay__padding-left-xl_1hji6 {
+    } .underlay__padding-left-xl_168wa {
         padding-left: var(--gap-xl);
-    } .underlay__padding-top-2xl_1hji6 {
+    } .underlay__padding-top-2xl_168wa {
         padding-top: var(--gap-2xl);
-    } .underlay__padding-right-2xl_1hji6 {
+    } .underlay__padding-right-2xl_168wa {
         padding-right: var(--gap-2xl);
-    } .underlay__padding-bottom-2xl_1hji6 {
+    } .underlay__padding-bottom-2xl_168wa {
         padding-bottom: var(--gap-2xl);
-    } .underlay__padding-left-2xl_1hji6 {
+    } .underlay__padding-left-2xl_168wa {
         padding-left: var(--gap-2xl);
-    } .underlay__padding-top-3xl_1hji6 {
+    } .underlay__padding-top-3xl_168wa {
         padding-top: var(--gap-3xl);
-    } .underlay__padding-right-3xl_1hji6 {
+    } .underlay__padding-right-3xl_168wa {
         padding-right: var(--gap-3xl);
-    } .underlay__padding-bottom-3xl_1hji6 {
+    } .underlay__padding-bottom-3xl_168wa {
         padding-bottom: var(--gap-3xl);
-    } .underlay__padding-left-3xl_1hji6 {
+    } .underlay__padding-left-3xl_168wa {
         padding-left: var(--gap-3xl);
-    } .underlay__padding-top-4xl_1hji6 {
+    } .underlay__padding-top-4xl_168wa {
         padding-top: var(--gap-4xl);
-    } .underlay__padding-right-4xl_1hji6 {
+    } .underlay__padding-right-4xl_168wa {
         padding-right: var(--gap-4xl);
-    } .underlay__padding-bottom-4xl_1hji6 {
+    } .underlay__padding-bottom-4xl_168wa {
         padding-bottom: var(--gap-4xl);
-    } .underlay__padding-left-4xl_1hji6 {
+    } .underlay__padding-left-4xl_168wa {
         padding-left: var(--gap-4xl);
-    } .underlay__padding-top-5xl_1hji6 {
+    } .underlay__padding-top-5xl_168wa {
         padding-top: var(--gap-5xl);
-    } .underlay__padding-right-5xl_1hji6 {
+    } .underlay__padding-right-5xl_168wa {
         padding-right: var(--gap-5xl);
-    } .underlay__padding-bottom-5xl_1hji6 {
+    } .underlay__padding-bottom-5xl_168wa {
         padding-bottom: var(--gap-5xl);
-    } .underlay__padding-left-5xl_1hji6 {
+    } .underlay__padding-left-5xl_168wa {
         padding-left: var(--gap-5xl);
-    } .underlay__padding-top-6xl_1hji6 {
+    } .underlay__padding-top-6xl_168wa {
         padding-top: var(--gap-6xl);
-    } .underlay__padding-right-6xl_1hji6 {
+    } .underlay__padding-right-6xl_168wa {
         padding-right: var(--gap-6xl);
-    } .underlay__padding-bottom-6xl_1hji6 {
+    } .underlay__padding-bottom-6xl_168wa {
         padding-bottom: var(--gap-6xl);
-    } .underlay__padding-left-6xl_1hji6 {
+    } .underlay__padding-left-6xl_168wa {
         padding-left: var(--gap-6xl);
-    } .underlay__border-bottom-left-xs_1hji6 {
+    } .underlay__border-bottom-left-xs_168wa {
         border-bottom-left-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-right-xs_1hji6 {
+    } .underlay__border-bottom-right-xs_168wa {
         border-bottom-right-radius: var(--border-radius-xs);
-    } .underlay__border-top-left-xs_1hji6 {
+    } .underlay__border-top-left-xs_168wa {
         border-top-left-radius: var(--border-radius-xs);
-    } .underlay__border-top-right-xs_1hji6 {
+    } .underlay__border-top-right-xs_168wa {
         border-top-right-radius: var(--border-radius-xs);
-    } .underlay__border-bottom-left-s_1hji6 {
+    } .underlay__border-bottom-left-s_168wa {
         border-bottom-left-radius: var(--border-radius-s);
-    } .underlay__border-bottom-right-s_1hji6 {
+    } .underlay__border-bottom-right-s_168wa {
         border-bottom-right-radius: var(--border-radius-s);
-    } .underlay__border-top-left-s_1hji6 {
+    } .underlay__border-top-left-s_168wa {
         border-top-left-radius: var(--border-radius-s);
-    } .underlay__border-top-right-s_1hji6 {
+    } .underlay__border-top-right-s_168wa {
         border-top-right-radius: var(--border-radius-s);
-    } .underlay__border-bottom-left-m_1hji6 {
+    } .underlay__border-bottom-left-m_168wa {
         border-bottom-left-radius: var(--border-radius-m);
-    } .underlay__border-bottom-right-m_1hji6 {
+    } .underlay__border-bottom-right-m_168wa {
         border-bottom-right-radius: var(--border-radius-m);
-    } .underlay__border-top-left-m_1hji6 {
+    } .underlay__border-top-left-m_168wa {
         border-top-left-radius: var(--border-radius-m);
-    } .underlay__border-top-right-m_1hji6 {
+    } .underlay__border-top-right-m_168wa {
         border-top-right-radius: var(--border-radius-m);
-    } .underlay__border-bottom-left-l_1hji6 {
+    } .underlay__border-bottom-left-l_168wa {
         border-bottom-left-radius: var(--border-radius-l);
-    } .underlay__border-bottom-right-l_1hji6 {
+    } .underlay__border-bottom-right-l_168wa {
         border-bottom-right-radius: var(--border-radius-l);
-    } .underlay__border-top-left-l_1hji6 {
+    } .underlay__border-top-left-l_168wa {
         border-top-left-radius: var(--border-radius-l);
-    } .underlay__border-top-right-l_1hji6 {
+    } .underlay__border-top-right-l_168wa {
         border-top-right-radius: var(--border-radius-l);
-    } .underlay__border-bottom-left-xl_1hji6 {
+    } .underlay__border-bottom-left-xl_168wa {
         border-bottom-left-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-right-xl_1hji6 {
+    } .underlay__border-bottom-right-xl_168wa {
         border-bottom-right-radius: var(--border-radius-xl);
-    } .underlay__border-top-left-xl_1hji6 {
+    } .underlay__border-top-left-xl_168wa {
         border-top-left-radius: var(--border-radius-xl);
-    } .underlay__border-top-right-xl_1hji6 {
+    } .underlay__border-top-right-xl_168wa {
         border-top-right-radius: var(--border-radius-xl);
-    } .underlay__border-bottom-left-xxl_1hji6 {
+    } .underlay__border-bottom-left-xxl_168wa {
         border-bottom-left-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-right-xxl_1hji6 {
+    } .underlay__border-bottom-right-xxl_168wa {
         border-bottom-right-radius: var(--border-radius-xxl);
-    } .underlay__border-top-left-xxl_1hji6 {
+    } .underlay__border-top-left-xxl_168wa {
         border-top-left-radius: var(--border-radius-xxl);
-    } .underlay__border-top-right-xxl_1hji6 {
+    } .underlay__border-top-right-xxl_168wa {
         border-top-right-radius: var(--border-radius-xxl);
-    } .underlay__border-bottom-left-3xl_1hji6 {
+    } .underlay__border-bottom-left-3xl_168wa {
         border-bottom-left-radius: var(--border-radius-3xl);
-    } .underlay__border-bottom-right-3xl_1hji6 {
+    } .underlay__border-bottom-right-3xl_168wa {
         border-bottom-right-radius: var(--border-radius-3xl);
-    } .underlay__border-top-left-3xl_1hji6 {
+    } .underlay__border-top-left-3xl_168wa {
         border-top-left-radius: var(--border-radius-3xl);
-    } .underlay__border-top-right-3xl_1hji6 {
+    } .underlay__border-top-right-3xl_168wa {
         border-top-right-radius: var(--border-radius-3xl);
-    } .underlay__shadow-xs_1hji6 {
+    } .underlay__shadow-xs_168wa {
         box-shadow: var(--shadow-xs);
-    } .underlay__shadow-s_1hji6 {
+    } .underlay__shadow-s_168wa {
         box-shadow: var(--shadow-s);
-    } .underlay__shadow-m_1hji6 {
+    } .underlay__shadow-m_168wa {
         box-shadow: var(--shadow-m);
-    } .underlay__shadow-l_1hji6 {
+    } .underlay__shadow-l_168wa {
         box-shadow: var(--shadow-l);
-    } .underlay__shadow-xl_1hji6 {
+    } .underlay__shadow-xl_168wa {
         box-shadow: var(--shadow-xl);
-    } .underlay__shadow-xs-hard_1hji6 {
+    } .underlay__shadow-xs-hard_168wa {
         box-shadow: var(--shadow-xs-hard);
-    } .underlay__shadow-s-hard_1hji6 {
+    } .underlay__shadow-s-hard_168wa {
         box-shadow: var(--shadow-s-hard);
-    } .underlay__shadow-m-hard_1hji6 {
+    } .underlay__shadow-m-hard_168wa {
         box-shadow: var(--shadow-m-hard);
-    } .underlay__shadow-l-hard_1hji6 {
+    } .underlay__shadow-l-hard_168wa {
         box-shadow: var(--shadow-l-hard);
-    } .underlay__shadow-xl-hard_1hji6 {
+    } .underlay__shadow-xl-hard_168wa {
         box-shadow: var(--shadow-xl-hard);
-    } .underlay__shadow-xs-up_1hji6 {
+    } .underlay__shadow-xs-up_168wa {
         box-shadow: var(--shadow-xs-up);
-    } .underlay__shadow-s-up_1hji6 {
+    } .underlay__shadow-s-up_168wa {
         box-shadow: var(--shadow-s-up);
-    } .underlay__shadow-m-up_1hji6 {
+    } .underlay__shadow-m-up_168wa {
         box-shadow: var(--shadow-m-up);
-    } .underlay__shadow-l-up_1hji6 {
+    } .underlay__shadow-l-up_168wa {
         box-shadow: var(--shadow-l-up);
-    } .underlay__shadow-xl-up_1hji6 {
+    } .underlay__shadow-xl-up_168wa {
         box-shadow: var(--shadow-xl-up);
-    } .underlay__shadow-xs-hard-up_1hji6 {
+    } .underlay__shadow-xs-hard-up_168wa {
         box-shadow: var(--shadow-xs-hard-up);
-    } .underlay__shadow-s-hard-up_1hji6 {
+    } .underlay__shadow-s-hard-up_168wa {
         box-shadow: var(--shadow-s-hard-up);
-    } .underlay__shadow-m-hard-up_1hji6 {
+    } .underlay__shadow-m-hard-up_168wa {
         box-shadow: var(--shadow-m-hard-up);
-    } .underlay__shadow-l-hard-up_1hji6 {
+    } .underlay__shadow-l-hard-up_168wa {
         box-shadow: var(--shadow-l-hard-up);
-    } .underlay__shadow-xl-hard-up_1hji6 {
+    } .underlay__shadow-xl-hard-up_168wa {
         box-shadow: var(--shadow-xl-hard-up);
-    } .underlay__border-color-accent_1hji6 {
+    } .underlay__border-color-accent_168wa {
         border-color: var(--underline-border-color-accent);
-    } .underlay__border-color-key_1hji6 {
+    } .underlay__border-color-key_168wa {
         border-color: var(--underline-border-color-key);
-    } .underlay__border-color-key-inverted_1hji6 {
+    } .underlay__border-color-key-inverted_168wa {
         border-color: var(--underline-border-color-key-inverted);
-    } .underlay__border-color-link_1hji6 {
+    } .underlay__border-color-link_168wa {
         border-color: var(--underline-border-color-link);
-    } .underlay__border-color-primary_1hji6 {
+    } .underlay__border-color-primary_168wa {
         border-color: var(--underline-border-color-primary);
-    } .underlay__border-color-primary-inverted_1hji6 {
+    } .underlay__border-color-primary-inverted_168wa {
         border-color: var(--underline-border-color-primary-inverted);
-    } .underlay__border-color-secondary_1hji6 {
+    } .underlay__border-color-secondary_168wa {
         border-color: var(--underline-border-color-secondary);
-    } .underlay__border-color-secondary-inverted_1hji6 {
+    } .underlay__border-color-secondary-inverted_168wa {
         border-color: var(--underline-border-color-secondary-inverted);
-    } .underlay__border-color-tertiary_1hji6 {
+    } .underlay__border-color-tertiary_168wa {
         border-color: var(--underline-border-color-tertiary);
-    } .underlay__border-color-tertiary-inverted_1hji6 {
+    } .underlay__border-color-tertiary-inverted_168wa {
         border-color: var(--underline-border-color-tertiary-inverted);
-    } .underlay__border-color-underline_1hji6 {
+    } .underlay__border-color-underline_168wa {
         border-color: var(--underline-border-color-underline);
-    } .underlay__border-color-underline-inverted_1hji6 {
+    } .underlay__border-color-underline-inverted_168wa {
         border-color: var(--underline-border-color-underline-inverted);
-    } .underlay__border-color-graphic-attention_1hji6 {
+    } .underlay__border-color-graphic-attention_168wa {
         border-color: var(--underline-border-color-graphic-attention);
-    } .underlay__border-color-graphic-link_1hji6 {
+    } .underlay__border-color-graphic-link_168wa {
         border-color: var(--underline-border-color-graphic-link);
-    } .underlay__border-color-graphic-negative_1hji6 {
+    } .underlay__border-color-graphic-negative_168wa {
         border-color: var(--underline-border-color-graphic-negative);
-    } .underlay__border-color-graphic-positive_1hji6 {
+    } .underlay__border-color-graphic-positive_168wa {
         border-color: var(--underline-border-color-graphic-positive);
-    } .underlay__border-color-specialbg-secondary-transparent_1hji6 {
+    } .underlay__border-color-specialbg-secondary-transparent_168wa {
         border-color: var(--underline-border-color-specialbg-secondary-transparent);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_1hji6 {
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_168wa {
         border-color: var(--underline-border-color-specialbg-secondary-transparent-inverted);
-    } .underlay__border-color-specialbg-tertiary-transparent_1hji6 {
+    } .underlay__border-color-specialbg-tertiary-transparent_168wa {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1hji6 {
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_168wa {
         border-color: var(--underline-border-color-specialbg-tertiary-transparent-inverted);
-    } .underlay__border-radius-xs_1hji6 {
+    } .underlay__border-radius-xs_168wa {
         border-radius: var(--border-radius-xs);
-    } .underlay__border-radius-s_1hji6 {
+    } .underlay__border-radius-s_168wa {
         border-radius: var(--border-radius-s);
-    } .underlay__border-radius-m_1hji6 {
+    } .underlay__border-radius-m_168wa {
         border-radius: var(--border-radius-m);
-    } .underlay__border-radius-l_1hji6 {
+    } .underlay__border-radius-l_168wa {
         border-radius: var(--border-radius-l);
-    } .underlay__border-radius-xl_1hji6 {
+    } .underlay__border-radius-xl_168wa {
         border-radius: var(--border-radius-xl);
-    } .underlay__border-radius-xxl_1hji6 {
+    } .underlay__border-radius-xxl_168wa {
         border-radius: var(--border-radius-xxl);
-    } .underlay__border-radius-3xl_1hji6 {
+    } .underlay__border-radius-3xl_168wa {
         border-radius: var(--border-radius-3xl);
-    } /* prettier-ignore */ .underlay__border-width-1_1hji6 {
+    } /* prettier-ignore */ .underlay__border-width-1_168wa {
         border-width: 1px;
         border-style: solid;
-    } .underlay__border-width-2_1hji6 {
+    } .underlay__border-width-2_168wa {
         border-width: 2px;
         border-style: solid;
-    } .underlay__border-width-4_1hji6 {
+    } .underlay__border-width-4_168wa {
         border-width: 4px;
         border-style: solid;
-    } .underlay__direction-vertical_1hji6 {
+    } .underlay__direction-vertical_168wa {
     flex-direction: column;
-} .underlay__direction-horizontal_1hji6 {
+} .underlay__direction-horizontal_168wa {
     flex-direction: row;
-} .underlay__align-start_1hji6 {
+} .underlay__align-start_168wa {
     align-items: flex-start;
-} .underlay__align-center_1hji6 {
+} .underlay__align-center_168wa {
     align-items: center;
-} .underlay__align-end_1hji6 {
+} .underlay__align-end_168wa {
     align-items: flex-end;
-} .underlay__align-fill_1hji6 {
+} .underlay__align-fill_168wa {
     align-items: stretch;
-} .underlay__justify-start_1hji6 {
+} .underlay__justify-start_168wa {
     justify-content: flex-start;
-} .underlay__justify-center_1hji6 {
+} .underlay__justify-center_168wa {
     justify-content: center;
-} .underlay__justify-end_1hji6 {
+} .underlay__justify-end_168wa {
     justify-content: flex-end;
-} .underlay__backgroundImage_1hji6 {
+} .underlay__backgroundImage_168wa {
     background-size: cover;
     background-repeat: no-repeat;
 }

package/underlay/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component";
-export type { UnderlayBorderRadius, UnderlayPaddingSize } from "./types";
+export * from './Component';
+export type { UnderlayBorderRadius, UnderlayPaddingSize } from './types';

package/underlay/index.js

@@ -1,3 +1,5 @@
+'use strict';
+
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component = require('./Component.js');

package/underlay/index.module.css.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./packages/underlay/src/index.css');
+
+var styles = {"component":"underlay__component_168wa","content":"underlay__content_168wa","overflowHide":"underlay__overflowHide_168wa","background-accent":"underlay__background-accent_168wa","background-info":"underlay__background-info_168wa","background-attention-muted":"underlay__background-attention-muted_168wa","background-positive-muted":"underlay__background-positive-muted_168wa","background-negative-muted":"underlay__background-negative-muted_168wa","background-primary":"underlay__background-primary_168wa","background-primary-inverted":"underlay__background-primary-inverted_168wa","background-secondary":"underlay__background-secondary_168wa","background-secondary-inverted":"underlay__background-secondary-inverted_168wa","background-tertiary":"underlay__background-tertiary_168wa","background-tertiary-inverted":"underlay__background-tertiary-inverted_168wa","background-quaternary":"underlay__background-quaternary_168wa","background-quaternary-inverted":"underlay__background-quaternary-inverted_168wa","background-specialbg-component":"underlay__background-specialbg-component_168wa","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_168wa","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_168wa","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_168wa","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_168wa","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_168wa","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_168wa","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_168wa","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_168wa","padding-top-3xs":"underlay__padding-top-3xs_168wa","padding-right-3xs":"underlay__padding-right-3xs_168wa","padding-bottom-3xs":"underlay__padding-bottom-3xs_168wa","padding-left-3xs":"underlay__padding-left-3xs_168wa","padding-top-2xs":"underlay__padding-top-2xs_168wa","padding-right-2xs":"underlay__padding-right-2xs_168wa","padding-bottom-2xs":"underlay__padding-bottom-2xs_168wa","padding-left-2xs":"underlay__padding-left-2xs_168wa","padding-top-xs":"underlay__padding-top-xs_168wa","padding-right-xs":"underlay__padding-right-xs_168wa","padding-bottom-xs":"underlay__padding-bottom-xs_168wa","padding-left-xs":"underlay__padding-left-xs_168wa","padding-top-s":"underlay__padding-top-s_168wa","padding-right-s":"underlay__padding-right-s_168wa","padding-bottom-s":"underlay__padding-bottom-s_168wa","padding-left-s":"underlay__padding-left-s_168wa","padding-top-m":"underlay__padding-top-m_168wa","padding-right-m":"underlay__padding-right-m_168wa","padding-bottom-m":"underlay__padding-bottom-m_168wa","padding-left-m":"underlay__padding-left-m_168wa","padding-top-l":"underlay__padding-top-l_168wa","padding-right-l":"underlay__padding-right-l_168wa","padding-bottom-l":"underlay__padding-bottom-l_168wa","padding-left-l":"underlay__padding-left-l_168wa","padding-top-xl":"underlay__padding-top-xl_168wa","padding-right-xl":"underlay__padding-right-xl_168wa","padding-bottom-xl":"underlay__padding-bottom-xl_168wa","padding-left-xl":"underlay__padding-left-xl_168wa","padding-top-2xl":"underlay__padding-top-2xl_168wa","padding-right-2xl":"underlay__padding-right-2xl_168wa","padding-bottom-2xl":"underlay__padding-bottom-2xl_168wa","padding-left-2xl":"underlay__padding-left-2xl_168wa","padding-top-3xl":"underlay__padding-top-3xl_168wa","padding-right-3xl":"underlay__padding-right-3xl_168wa","padding-bottom-3xl":"underlay__padding-bottom-3xl_168wa","padding-left-3xl":"underlay__padding-left-3xl_168wa","padding-top-4xl":"underlay__padding-top-4xl_168wa","padding-right-4xl":"underlay__padding-right-4xl_168wa","padding-bottom-4xl":"underlay__padding-bottom-4xl_168wa","padding-left-4xl":"underlay__padding-left-4xl_168wa","padding-top-5xl":"underlay__padding-top-5xl_168wa","padding-right-5xl":"underlay__padding-right-5xl_168wa","padding-bottom-5xl":"underlay__padding-bottom-5xl_168wa","padding-left-5xl":"underlay__padding-left-5xl_168wa","padding-top-6xl":"underlay__padding-top-6xl_168wa","padding-right-6xl":"underlay__padding-right-6xl_168wa","padding-bottom-6xl":"underlay__padding-bottom-6xl_168wa","padding-left-6xl":"underlay__padding-left-6xl_168wa","border-bottom-left-xs":"underlay__border-bottom-left-xs_168wa","border-bottom-right-xs":"underlay__border-bottom-right-xs_168wa","border-top-left-xs":"underlay__border-top-left-xs_168wa","border-top-right-xs":"underlay__border-top-right-xs_168wa","border-bottom-left-s":"underlay__border-bottom-left-s_168wa","border-bottom-right-s":"underlay__border-bottom-right-s_168wa","border-top-left-s":"underlay__border-top-left-s_168wa","border-top-right-s":"underlay__border-top-right-s_168wa","border-bottom-left-m":"underlay__border-bottom-left-m_168wa","border-bottom-right-m":"underlay__border-bottom-right-m_168wa","border-top-left-m":"underlay__border-top-left-m_168wa","border-top-right-m":"underlay__border-top-right-m_168wa","border-bottom-left-l":"underlay__border-bottom-left-l_168wa","border-bottom-right-l":"underlay__border-bottom-right-l_168wa","border-top-left-l":"underlay__border-top-left-l_168wa","border-top-right-l":"underlay__border-top-right-l_168wa","border-bottom-left-xl":"underlay__border-bottom-left-xl_168wa","border-bottom-right-xl":"underlay__border-bottom-right-xl_168wa","border-top-left-xl":"underlay__border-top-left-xl_168wa","border-top-right-xl":"underlay__border-top-right-xl_168wa","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_168wa","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_168wa","border-top-left-xxl":"underlay__border-top-left-xxl_168wa","border-top-right-xxl":"underlay__border-top-right-xxl_168wa","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_168wa","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_168wa","border-top-left-3xl":"underlay__border-top-left-3xl_168wa","border-top-right-3xl":"underlay__border-top-right-3xl_168wa","shadow-xs":"underlay__shadow-xs_168wa","shadow-s":"underlay__shadow-s_168wa","shadow-m":"underlay__shadow-m_168wa","shadow-l":"underlay__shadow-l_168wa","shadow-xl":"underlay__shadow-xl_168wa","shadow-xs-hard":"underlay__shadow-xs-hard_168wa","shadow-s-hard":"underlay__shadow-s-hard_168wa","shadow-m-hard":"underlay__shadow-m-hard_168wa","shadow-l-hard":"underlay__shadow-l-hard_168wa","shadow-xl-hard":"underlay__shadow-xl-hard_168wa","shadow-xs-up":"underlay__shadow-xs-up_168wa","shadow-s-up":"underlay__shadow-s-up_168wa","shadow-m-up":"underlay__shadow-m-up_168wa","shadow-l-up":"underlay__shadow-l-up_168wa","shadow-xl-up":"underlay__shadow-xl-up_168wa","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_168wa","shadow-s-hard-up":"underlay__shadow-s-hard-up_168wa","shadow-m-hard-up":"underlay__shadow-m-hard-up_168wa","shadow-l-hard-up":"underlay__shadow-l-hard-up_168wa","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_168wa","border-color-accent":"underlay__border-color-accent_168wa","border-color-key":"underlay__border-color-key_168wa","border-color-key-inverted":"underlay__border-color-key-inverted_168wa","border-color-link":"underlay__border-color-link_168wa","border-color-primary":"underlay__border-color-primary_168wa","border-color-primary-inverted":"underlay__border-color-primary-inverted_168wa","border-color-secondary":"underlay__border-color-secondary_168wa","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_168wa","border-color-tertiary":"underlay__border-color-tertiary_168wa","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_168wa","border-color-underline":"underlay__border-color-underline_168wa","border-color-underline-inverted":"underlay__border-color-underline-inverted_168wa","border-color-graphic-attention":"underlay__border-color-graphic-attention_168wa","border-color-graphic-link":"underlay__border-color-graphic-link_168wa","border-color-graphic-negative":"underlay__border-color-graphic-negative_168wa","border-color-graphic-positive":"underlay__border-color-graphic-positive_168wa","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_168wa","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_168wa","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_168wa","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_168wa","border-radius-xs":"underlay__border-radius-xs_168wa","border-radius-s":"underlay__border-radius-s_168wa","border-radius-m":"underlay__border-radius-m_168wa","border-radius-l":"underlay__border-radius-l_168wa","border-radius-xl":"underlay__border-radius-xl_168wa","border-radius-xxl":"underlay__border-radius-xxl_168wa","border-radius-3xl":"underlay__border-radius-3xl_168wa","border-width-1":"underlay__border-width-1_168wa","border-width-2":"underlay__border-width-2_168wa","border-width-4":"underlay__border-width-4_168wa","direction-vertical":"underlay__direction-vertical_168wa","direction-horizontal":"underlay__direction-horizontal_168wa","align-start":"underlay__align-start_168wa","align-center":"underlay__align-center_168wa","align-end":"underlay__align-end_168wa","align-fill":"underlay__align-fill_168wa","justify-start":"underlay__justify-start_168wa","justify-center":"underlay__justify-center_168wa","justify-end":"underlay__justify-end_168wa","backgroundImage":"underlay__backgroundImage_168wa"};
+
+module.exports = styles;