@alfalab/core-components 41.14.1-beta.5 → 41.14.1-beta.7

package/underlay/modern/constants.d.ts

@@ -0,0 +1,4 @@
+declare const BACKGROUND: string[];
+declare const BORDER_COLOR: string[];
+declare const SHADOW: string[];
+export { BACKGROUND, BORDER_COLOR, SHADOW };

package/underlay/modern/constants.js

@@ -0,0 +1,70 @@
+const BACKGROUND = [
+    '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',
+];
+const BORDER_COLOR = [
+    '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',
+];
+const SHADOW = [
+    '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',
+];
+
+export { BACKGROUND, BORDER_COLOR, SHADOW };

package/underlay/modern/index.css

@@ -102,6 +102,8 @@
     --gap-2xl: 32px;
     --gap-3xl: 40px;
     --gap-4xl: 48px;
+    --gap-5xl: 64px;
+    --gap-6xl: 72px;
 } :root {
 } :root {
 } .underlay__component_8hu3a {
@@ -238,6 +240,22 @@
         padding-bottom: var(--gap-4xl);
     } .underlay__padding-left-4xl_8hu3a {
         padding-left: var(--gap-4xl);
+    } .underlay__padding-top-5xl_8hu3a {
+        padding-top: var(--gap-5xl);
+    } .underlay__padding-right-5xl_8hu3a {
+        padding-right: var(--gap-5xl);
+    } .underlay__padding-bottom-5xl_8hu3a {
+        padding-bottom: var(--gap-5xl);
+    } .underlay__padding-left-5xl_8hu3a {
+        padding-left: var(--gap-5xl);
+    } .underlay__padding-top-6xl_8hu3a {
+        padding-top: var(--gap-6xl);
+    } .underlay__padding-right-6xl_8hu3a {
+        padding-right: var(--gap-6xl);
+    } .underlay__padding-bottom-6xl_8hu3a {
+        padding-bottom: var(--gap-6xl);
+    } .underlay__padding-left-6xl_8hu3a {
+        padding-left: var(--gap-6xl);
     } .underlay__border-bottom-left-xs_8hu3a {
         border-bottom-left-radius: var(--border-radius-xs);
     } .underlay__border-bottom-right-xs_8hu3a {

package/underlay/modern/index.d.ts

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

package/underlay/modern/index.js

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

package/underlay/modern/index.module-e28a91c4.js

@@ -0,0 +1,4 @@
+const styles = {"component":"underlay__component_8hu3a","content":"underlay__content_8hu3a","overflowHide":"underlay__overflowHide_8hu3a","background-accent":"underlay__background-accent_8hu3a","background-info":"underlay__background-info_8hu3a","background-attention-muted":"underlay__background-attention-muted_8hu3a","background-positive-muted":"underlay__background-positive-muted_8hu3a","background-negative-muted":"underlay__background-negative-muted_8hu3a","background-primary":"underlay__background-primary_8hu3a","background-primary-inverted":"underlay__background-primary-inverted_8hu3a","background-secondary":"underlay__background-secondary_8hu3a","background-secondary-inverted":"underlay__background-secondary-inverted_8hu3a","background-tertiary":"underlay__background-tertiary_8hu3a","background-tertiary-inverted":"underlay__background-tertiary-inverted_8hu3a","background-quaternary":"underlay__background-quaternary_8hu3a","background-quaternary-inverted":"underlay__background-quaternary-inverted_8hu3a","background-specialbg-component":"underlay__background-specialbg-component_8hu3a","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_8hu3a","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_8hu3a","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_8hu3a","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_8hu3a","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_8hu3a","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_8hu3a","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_8hu3a","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_8hu3a","padding-top-3xs":"underlay__padding-top-3xs_8hu3a","padding-right-3xs":"underlay__padding-right-3xs_8hu3a","padding-bottom-3xs":"underlay__padding-bottom-3xs_8hu3a","padding-left-3xs":"underlay__padding-left-3xs_8hu3a","padding-top-2xs":"underlay__padding-top-2xs_8hu3a","padding-right-2xs":"underlay__padding-right-2xs_8hu3a","padding-bottom-2xs":"underlay__padding-bottom-2xs_8hu3a","padding-left-2xs":"underlay__padding-left-2xs_8hu3a","padding-top-xs":"underlay__padding-top-xs_8hu3a","padding-right-xs":"underlay__padding-right-xs_8hu3a","padding-bottom-xs":"underlay__padding-bottom-xs_8hu3a","padding-left-xs":"underlay__padding-left-xs_8hu3a","padding-top-s":"underlay__padding-top-s_8hu3a","padding-right-s":"underlay__padding-right-s_8hu3a","padding-bottom-s":"underlay__padding-bottom-s_8hu3a","padding-left-s":"underlay__padding-left-s_8hu3a","padding-top-m":"underlay__padding-top-m_8hu3a","padding-right-m":"underlay__padding-right-m_8hu3a","padding-bottom-m":"underlay__padding-bottom-m_8hu3a","padding-left-m":"underlay__padding-left-m_8hu3a","padding-top-l":"underlay__padding-top-l_8hu3a","padding-right-l":"underlay__padding-right-l_8hu3a","padding-bottom-l":"underlay__padding-bottom-l_8hu3a","padding-left-l":"underlay__padding-left-l_8hu3a","padding-top-xl":"underlay__padding-top-xl_8hu3a","padding-right-xl":"underlay__padding-right-xl_8hu3a","padding-bottom-xl":"underlay__padding-bottom-xl_8hu3a","padding-left-xl":"underlay__padding-left-xl_8hu3a","padding-top-2xl":"underlay__padding-top-2xl_8hu3a","padding-right-2xl":"underlay__padding-right-2xl_8hu3a","padding-bottom-2xl":"underlay__padding-bottom-2xl_8hu3a","padding-left-2xl":"underlay__padding-left-2xl_8hu3a","padding-top-3xl":"underlay__padding-top-3xl_8hu3a","padding-right-3xl":"underlay__padding-right-3xl_8hu3a","padding-bottom-3xl":"underlay__padding-bottom-3xl_8hu3a","padding-left-3xl":"underlay__padding-left-3xl_8hu3a","padding-top-4xl":"underlay__padding-top-4xl_8hu3a","padding-right-4xl":"underlay__padding-right-4xl_8hu3a","padding-bottom-4xl":"underlay__padding-bottom-4xl_8hu3a","padding-left-4xl":"underlay__padding-left-4xl_8hu3a","padding-top-5xl":"underlay__padding-top-5xl_8hu3a","padding-right-5xl":"underlay__padding-right-5xl_8hu3a","padding-bottom-5xl":"underlay__padding-bottom-5xl_8hu3a","padding-left-5xl":"underlay__padding-left-5xl_8hu3a","padding-top-6xl":"underlay__padding-top-6xl_8hu3a","padding-right-6xl":"underlay__padding-right-6xl_8hu3a","padding-bottom-6xl":"underlay__padding-bottom-6xl_8hu3a","padding-left-6xl":"underlay__padding-left-6xl_8hu3a","border-bottom-left-xs":"underlay__border-bottom-left-xs_8hu3a","border-bottom-right-xs":"underlay__border-bottom-right-xs_8hu3a","border-top-left-xs":"underlay__border-top-left-xs_8hu3a","border-top-right-xs":"underlay__border-top-right-xs_8hu3a","border-bottom-left-s":"underlay__border-bottom-left-s_8hu3a","border-bottom-right-s":"underlay__border-bottom-right-s_8hu3a","border-top-left-s":"underlay__border-top-left-s_8hu3a","border-top-right-s":"underlay__border-top-right-s_8hu3a","border-bottom-left-m":"underlay__border-bottom-left-m_8hu3a","border-bottom-right-m":"underlay__border-bottom-right-m_8hu3a","border-top-left-m":"underlay__border-top-left-m_8hu3a","border-top-right-m":"underlay__border-top-right-m_8hu3a","border-bottom-left-l":"underlay__border-bottom-left-l_8hu3a","border-bottom-right-l":"underlay__border-bottom-right-l_8hu3a","border-top-left-l":"underlay__border-top-left-l_8hu3a","border-top-right-l":"underlay__border-top-right-l_8hu3a","border-bottom-left-xl":"underlay__border-bottom-left-xl_8hu3a","border-bottom-right-xl":"underlay__border-bottom-right-xl_8hu3a","border-top-left-xl":"underlay__border-top-left-xl_8hu3a","border-top-right-xl":"underlay__border-top-right-xl_8hu3a","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_8hu3a","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_8hu3a","border-top-left-xxl":"underlay__border-top-left-xxl_8hu3a","border-top-right-xxl":"underlay__border-top-right-xxl_8hu3a","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_8hu3a","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_8hu3a","border-top-left-3xl":"underlay__border-top-left-3xl_8hu3a","border-top-right-3xl":"underlay__border-top-right-3xl_8hu3a","shadow-xs":"underlay__shadow-xs_8hu3a","shadow-s":"underlay__shadow-s_8hu3a","shadow-m":"underlay__shadow-m_8hu3a","shadow-l":"underlay__shadow-l_8hu3a","shadow-xl":"underlay__shadow-xl_8hu3a","shadow-xs-hard":"underlay__shadow-xs-hard_8hu3a","shadow-s-hard":"underlay__shadow-s-hard_8hu3a","shadow-m-hard":"underlay__shadow-m-hard_8hu3a","shadow-l-hard":"underlay__shadow-l-hard_8hu3a","shadow-xl-hard":"underlay__shadow-xl-hard_8hu3a","shadow-xs-up":"underlay__shadow-xs-up_8hu3a","shadow-s-up":"underlay__shadow-s-up_8hu3a","shadow-m-up":"underlay__shadow-m-up_8hu3a","shadow-l-up":"underlay__shadow-l-up_8hu3a","shadow-xl-up":"underlay__shadow-xl-up_8hu3a","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_8hu3a","shadow-s-hard-up":"underlay__shadow-s-hard-up_8hu3a","shadow-m-hard-up":"underlay__shadow-m-hard-up_8hu3a","shadow-l-hard-up":"underlay__shadow-l-hard-up_8hu3a","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_8hu3a","border-color-accent":"underlay__border-color-accent_8hu3a","border-color-key":"underlay__border-color-key_8hu3a","border-color-key-inverted":"underlay__border-color-key-inverted_8hu3a","border-color-link":"underlay__border-color-link_8hu3a","border-color-primary":"underlay__border-color-primary_8hu3a","border-color-primary-inverted":"underlay__border-color-primary-inverted_8hu3a","border-color-secondary":"underlay__border-color-secondary_8hu3a","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_8hu3a","border-color-tertiary":"underlay__border-color-tertiary_8hu3a","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_8hu3a","border-color-underline":"underlay__border-color-underline_8hu3a","border-color-underline-inverted":"underlay__border-color-underline-inverted_8hu3a","border-color-graphic-attention":"underlay__border-color-graphic-attention_8hu3a","border-color-graphic-link":"underlay__border-color-graphic-link_8hu3a","border-color-graphic-negative":"underlay__border-color-graphic-negative_8hu3a","border-color-graphic-positive":"underlay__border-color-graphic-positive_8hu3a","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_8hu3a","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_8hu3a","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_8hu3a","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_8hu3a","border-radius-xs":"underlay__border-radius-xs_8hu3a","border-radius-s":"underlay__border-radius-s_8hu3a","border-radius-m":"underlay__border-radius-m_8hu3a","border-radius-l":"underlay__border-radius-l_8hu3a","border-radius-xl":"underlay__border-radius-xl_8hu3a","border-radius-xxl":"underlay__border-radius-xxl_8hu3a","border-radius-3xl":"underlay__border-radius-3xl_8hu3a","border-width-1":"underlay__border-width-1_8hu3a","border-width-2":"underlay__border-width-2_8hu3a","border-width-4":"underlay__border-width-4_8hu3a","direction-vertical":"underlay__direction-vertical_8hu3a","direction-horizontal":"underlay__direction-horizontal_8hu3a","align-start":"underlay__align-start_8hu3a","align-center":"underlay__align-center_8hu3a","align-end":"underlay__align-end_8hu3a","align-fill":"underlay__align-fill_8hu3a","justify-start":"underlay__justify-start_8hu3a","justify-center":"underlay__justify-center_8hu3a","justify-end":"underlay__justify-end_8hu3a","backgroundImage":"underlay__backgroundImage_8hu3a"};
+require('./index.css');
+
+export { styles as s };

package/underlay/modern/types.d.ts

@@ -1,25 +1,25 @@
 /// <reference types="react" />
 import React from 'react';
-import { BackgroundColorType, BorderColorType, GapType, ShadowType } from "./index-425c8522";
-type PaddingSize = Omit<GapType, '5xl' | '6xl' | '7xl' | '8xl'>;
+import { BorderColorType, GapType, ShadowType } from "./index-425c8522";
+type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
+type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
+type BorderSizeType = 1 | 2 | 4;
 type PaddingType = {
-    top?: PaddingSize;
-    right?: PaddingSize;
-    bottom?: PaddingSize;
-    left?: PaddingSize;
+    top?: UnderlayPaddingSize;
+    right?: UnderlayPaddingSize;
+    bottom?: UnderlayPaddingSize;
+    left?: UnderlayPaddingSize;
 };
-type BorderRadiusType = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type CornersRadiusType = {
-    bottomRight?: BorderRadiusType;
-    bottomLeft?: BorderRadiusType;
-    topRight?: BorderRadiusType;
-    topLeft?: BorderRadiusType;
+    bottomRight?: UnderlayBorderRadius;
+    bottomLeft?: UnderlayBorderRadius;
+    topRight?: UnderlayBorderRadius;
+    topLeft?: UnderlayBorderRadius;
 };
 type DimensionsType = {
     width?: number | string;
     height?: number | string;
 };
-type BorderSizeType = 1 | 2 | 4;
 type ContentPropsType = {
     /**
      * Ширина бордера у контента
@@ -32,11 +32,11 @@ type ContentPropsType = {
     /**
      * Радиус бордера у контента
      */
-    borderRadius?: BorderRadiusType | CornersRadiusType;
+    borderRadius?: UnderlayBorderRadius | CornersRadiusType;
     /**
      * Цвет фона у контента
      */
-    backgroundColor?: BackgroundColorType;
+    backgroundColor?: string;
     /**
      * Ссылка на изображение для фона
      */
@@ -57,6 +57,10 @@ type ContentPropsType = {
      * Выравнивание контента
      */
     justifyContent?: 'start' | 'end' | 'center';
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
@@ -70,11 +74,11 @@ type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Радиус бордера
      */
-    borderRadius?: BorderRadiusType | CornersRadiusType;
+    borderRadius?: UnderlayBorderRadius | CornersRadiusType;
     /**
      * Цвет фона
      */
-    backgroundColor?: BackgroundColorType;
+    backgroundColor?: string;
     /**
      * Ширина бордера
      */
@@ -109,4 +113,4 @@ type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     children?: React.ReactNode;
 };
-export { BorderRadiusType, CornersRadiusType, BorderSizeType, ContentPropsType, UnderlayProps };
+export { UnderlayPaddingSize, UnderlayBorderRadius, BorderSizeType, CornersRadiusType, ContentPropsType, UnderlayProps };

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

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

package/underlay/modern/utils/getBorderCorners.js

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

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

@@ -1,6 +1,7 @@
-import { BackgroundColorType, BorderColorType, ShadowType } from "../index-425c8522";
+import { BorderColorType, ShadowType } from "../index-425c8522";
 import { BorderSizeType } from "../types";
-declare const getClasses: (backgroundColor: BackgroundColorType | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {
-    [x: string]: "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" | "key" | "key-inverted" | "link" | "underline" | "underline-inverted" | "graphic-attention" | "graphic-link" | "graphic-negative" | "graphic-positive" | "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" | 1 | 2 | 4 | undefined;
+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;
 };
-export { getClasses };
+export { isBackgroundToken, getClasses };

package/underlay/modern/utils/getClasses.js

@@ -1,10 +1,12 @@
-import { s as styles } from '../index.module-bf522b27.js';
+import { BACKGROUND } from '../constants.js';
+import { s as styles } from '../index.module-e28a91c4.js';
 
+const isBackgroundToken = (token) => token && BACKGROUND.includes(token);
 const getClasses = (backgroundColor, borderColor, borderSize, shadow) => ({
-    [styles[`background-${backgroundColor}`]]: backgroundColor,
+    [styles[`background-${backgroundColor}`]]: isBackgroundToken(backgroundColor),
     [styles[`border-color-${borderColor}`]]: borderColor,
     [styles[`border-width-${borderSize}`]]: borderSize,
     [styles[`${shadow}`]]: shadow,
 });
 
-export { getClasses };
+export { getClasses, isBackgroundToken };

package/underlay/types.d.ts

@@ -1,25 +1,25 @@
 /// <reference types="react" />
 import React from 'react';
-import { BackgroundColorType, BorderColorType, GapType, ShadowType } from "./index-425c8522";
-type PaddingSize = Omit<GapType, '5xl' | '6xl' | '7xl' | '8xl'>;
+import { BorderColorType, GapType, ShadowType } from "./index-425c8522";
+type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
+type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
+type BorderSizeType = 1 | 2 | 4;
 type PaddingType = {
-    top?: PaddingSize;
-    right?: PaddingSize;
-    bottom?: PaddingSize;
-    left?: PaddingSize;
+    top?: UnderlayPaddingSize;
+    right?: UnderlayPaddingSize;
+    bottom?: UnderlayPaddingSize;
+    left?: UnderlayPaddingSize;
 };
-type BorderRadiusType = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type CornersRadiusType = {
-    bottomRight?: BorderRadiusType;
-    bottomLeft?: BorderRadiusType;
-    topRight?: BorderRadiusType;
-    topLeft?: BorderRadiusType;
+    bottomRight?: UnderlayBorderRadius;
+    bottomLeft?: UnderlayBorderRadius;
+    topRight?: UnderlayBorderRadius;
+    topLeft?: UnderlayBorderRadius;
 };
 type DimensionsType = {
     width?: number | string;
     height?: number | string;
 };
-type BorderSizeType = 1 | 2 | 4;
 type ContentPropsType = {
     /**
      * Ширина бордера у контента
@@ -32,11 +32,11 @@ type ContentPropsType = {
     /**
      * Радиус бордера у контента
      */
-    borderRadius?: BorderRadiusType | CornersRadiusType;
+    borderRadius?: UnderlayBorderRadius | CornersRadiusType;
     /**
      * Цвет фона у контента
      */
-    backgroundColor?: BackgroundColorType;
+    backgroundColor?: string;
     /**
      * Ссылка на изображение для фона
      */
@@ -57,6 +57,10 @@ type ContentPropsType = {
      * Выравнивание контента
      */
     justifyContent?: 'start' | 'end' | 'center';
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
@@ -70,11 +74,11 @@ type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Радиус бордера
      */
-    borderRadius?: BorderRadiusType | CornersRadiusType;
+    borderRadius?: UnderlayBorderRadius | CornersRadiusType;
     /**
      * Цвет фона
      */
-    backgroundColor?: BackgroundColorType;
+    backgroundColor?: string;
     /**
      * Ширина бордера
      */
@@ -109,4 +113,4 @@ type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     children?: React.ReactNode;
 };
-export { BorderRadiusType, CornersRadiusType, BorderSizeType, ContentPropsType, UnderlayProps };
+export { UnderlayPaddingSize, UnderlayBorderRadius, BorderSizeType, CornersRadiusType, ContentPropsType, UnderlayProps };

package/underlay/utils/getBorderCorners.d.ts

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

package/underlay/utils/getBorderCorners.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-d408d4aa.js');
+var index_module = require('../index.module-3c227e8a.js');
 
 var getBorderCorners = function (borderRadius) {
     var _a;

package/underlay/utils/getClasses.d.ts

@@ -1,6 +1,7 @@
-import { BackgroundColorType, BorderColorType, ShadowType } from "../index-425c8522";
+import { BorderColorType, ShadowType } from "../index-425c8522";
 import { BorderSizeType } from "../types";
-declare const getClasses: (backgroundColor: BackgroundColorType | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {
-    [x: string]: "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" | "key" | "key-inverted" | "link" | "underline" | "underline-inverted" | "graphic-attention" | "graphic-link" | "graphic-negative" | "graphic-positive" | "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" | 1 | 2 | 4 | undefined;
+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;
 };
-export { getClasses };
+export { isBackgroundToken, getClasses };

package/underlay/utils/getClasses.js

@@ -1,11 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-d408d4aa.js');
+var constants = require('../constants.js');
+var index_module = require('../index.module-3c227e8a.js');
 
+var isBackgroundToken = function (token) { return token && constants.BACKGROUND.includes(token); };
 var getClasses = function (backgroundColor, borderColor, borderSize, shadow) {
     var _a;
     return (_a = {},
-        _a[index_module.styles["background-".concat(backgroundColor)]] = backgroundColor,
+        _a[index_module.styles["background-".concat(backgroundColor)]] = isBackgroundToken(backgroundColor),
         _a[index_module.styles["border-color-".concat(borderColor)]] = borderColor,
         _a[index_module.styles["border-width-".concat(borderSize)]] = borderSize,
         _a[index_module.styles["".concat(shadow)]] = shadow,
@@ -13,3 +15,4 @@ var getClasses = function (backgroundColor, borderColor, borderSize, shadow) {
 };
 
 exports.getClasses = getClasses;
+exports.isBackgroundToken = isBackgroundToken;

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

@@ -1,4 +0,0 @@
-var styles = {"component":"underlay__component_8hu3a","content":"underlay__content_8hu3a","overflowHide":"underlay__overflowHide_8hu3a","background-accent":"underlay__background-accent_8hu3a","background-info":"underlay__background-info_8hu3a","background-attention-muted":"underlay__background-attention-muted_8hu3a","background-positive-muted":"underlay__background-positive-muted_8hu3a","background-negative-muted":"underlay__background-negative-muted_8hu3a","background-primary":"underlay__background-primary_8hu3a","background-primary-inverted":"underlay__background-primary-inverted_8hu3a","background-secondary":"underlay__background-secondary_8hu3a","background-secondary-inverted":"underlay__background-secondary-inverted_8hu3a","background-tertiary":"underlay__background-tertiary_8hu3a","background-tertiary-inverted":"underlay__background-tertiary-inverted_8hu3a","background-quaternary":"underlay__background-quaternary_8hu3a","background-quaternary-inverted":"underlay__background-quaternary-inverted_8hu3a","background-specialbg-component":"underlay__background-specialbg-component_8hu3a","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_8hu3a","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_8hu3a","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_8hu3a","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_8hu3a","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_8hu3a","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_8hu3a","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_8hu3a","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_8hu3a","padding-top-3xs":"underlay__padding-top-3xs_8hu3a","padding-right-3xs":"underlay__padding-right-3xs_8hu3a","padding-bottom-3xs":"underlay__padding-bottom-3xs_8hu3a","padding-left-3xs":"underlay__padding-left-3xs_8hu3a","padding-top-2xs":"underlay__padding-top-2xs_8hu3a","padding-right-2xs":"underlay__padding-right-2xs_8hu3a","padding-bottom-2xs":"underlay__padding-bottom-2xs_8hu3a","padding-left-2xs":"underlay__padding-left-2xs_8hu3a","padding-top-xs":"underlay__padding-top-xs_8hu3a","padding-right-xs":"underlay__padding-right-xs_8hu3a","padding-bottom-xs":"underlay__padding-bottom-xs_8hu3a","padding-left-xs":"underlay__padding-left-xs_8hu3a","padding-top-s":"underlay__padding-top-s_8hu3a","padding-right-s":"underlay__padding-right-s_8hu3a","padding-bottom-s":"underlay__padding-bottom-s_8hu3a","padding-left-s":"underlay__padding-left-s_8hu3a","padding-top-m":"underlay__padding-top-m_8hu3a","padding-right-m":"underlay__padding-right-m_8hu3a","padding-bottom-m":"underlay__padding-bottom-m_8hu3a","padding-left-m":"underlay__padding-left-m_8hu3a","padding-top-l":"underlay__padding-top-l_8hu3a","padding-right-l":"underlay__padding-right-l_8hu3a","padding-bottom-l":"underlay__padding-bottom-l_8hu3a","padding-left-l":"underlay__padding-left-l_8hu3a","padding-top-xl":"underlay__padding-top-xl_8hu3a","padding-right-xl":"underlay__padding-right-xl_8hu3a","padding-bottom-xl":"underlay__padding-bottom-xl_8hu3a","padding-left-xl":"underlay__padding-left-xl_8hu3a","padding-top-2xl":"underlay__padding-top-2xl_8hu3a","padding-right-2xl":"underlay__padding-right-2xl_8hu3a","padding-bottom-2xl":"underlay__padding-bottom-2xl_8hu3a","padding-left-2xl":"underlay__padding-left-2xl_8hu3a","padding-top-3xl":"underlay__padding-top-3xl_8hu3a","padding-right-3xl":"underlay__padding-right-3xl_8hu3a","padding-bottom-3xl":"underlay__padding-bottom-3xl_8hu3a","padding-left-3xl":"underlay__padding-left-3xl_8hu3a","padding-top-4xl":"underlay__padding-top-4xl_8hu3a","padding-right-4xl":"underlay__padding-right-4xl_8hu3a","padding-bottom-4xl":"underlay__padding-bottom-4xl_8hu3a","padding-left-4xl":"underlay__padding-left-4xl_8hu3a","border-bottom-left-xs":"underlay__border-bottom-left-xs_8hu3a","border-bottom-right-xs":"underlay__border-bottom-right-xs_8hu3a","border-top-left-xs":"underlay__border-top-left-xs_8hu3a","border-top-right-xs":"underlay__border-top-right-xs_8hu3a","border-bottom-left-s":"underlay__border-bottom-left-s_8hu3a","border-bottom-right-s":"underlay__border-bottom-right-s_8hu3a","border-top-left-s":"underlay__border-top-left-s_8hu3a","border-top-right-s":"underlay__border-top-right-s_8hu3a","border-bottom-left-m":"underlay__border-bottom-left-m_8hu3a","border-bottom-right-m":"underlay__border-bottom-right-m_8hu3a","border-top-left-m":"underlay__border-top-left-m_8hu3a","border-top-right-m":"underlay__border-top-right-m_8hu3a","border-bottom-left-l":"underlay__border-bottom-left-l_8hu3a","border-bottom-right-l":"underlay__border-bottom-right-l_8hu3a","border-top-left-l":"underlay__border-top-left-l_8hu3a","border-top-right-l":"underlay__border-top-right-l_8hu3a","border-bottom-left-xl":"underlay__border-bottom-left-xl_8hu3a","border-bottom-right-xl":"underlay__border-bottom-right-xl_8hu3a","border-top-left-xl":"underlay__border-top-left-xl_8hu3a","border-top-right-xl":"underlay__border-top-right-xl_8hu3a","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_8hu3a","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_8hu3a","border-top-left-xxl":"underlay__border-top-left-xxl_8hu3a","border-top-right-xxl":"underlay__border-top-right-xxl_8hu3a","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_8hu3a","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_8hu3a","border-top-left-3xl":"underlay__border-top-left-3xl_8hu3a","border-top-right-3xl":"underlay__border-top-right-3xl_8hu3a","shadow-xs":"underlay__shadow-xs_8hu3a","shadow-s":"underlay__shadow-s_8hu3a","shadow-m":"underlay__shadow-m_8hu3a","shadow-l":"underlay__shadow-l_8hu3a","shadow-xl":"underlay__shadow-xl_8hu3a","shadow-xs-hard":"underlay__shadow-xs-hard_8hu3a","shadow-s-hard":"underlay__shadow-s-hard_8hu3a","shadow-m-hard":"underlay__shadow-m-hard_8hu3a","shadow-l-hard":"underlay__shadow-l-hard_8hu3a","shadow-xl-hard":"underlay__shadow-xl-hard_8hu3a","shadow-xs-up":"underlay__shadow-xs-up_8hu3a","shadow-s-up":"underlay__shadow-s-up_8hu3a","shadow-m-up":"underlay__shadow-m-up_8hu3a","shadow-l-up":"underlay__shadow-l-up_8hu3a","shadow-xl-up":"underlay__shadow-xl-up_8hu3a","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_8hu3a","shadow-s-hard-up":"underlay__shadow-s-hard-up_8hu3a","shadow-m-hard-up":"underlay__shadow-m-hard-up_8hu3a","shadow-l-hard-up":"underlay__shadow-l-hard-up_8hu3a","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_8hu3a","border-color-accent":"underlay__border-color-accent_8hu3a","border-color-key":"underlay__border-color-key_8hu3a","border-color-key-inverted":"underlay__border-color-key-inverted_8hu3a","border-color-link":"underlay__border-color-link_8hu3a","border-color-primary":"underlay__border-color-primary_8hu3a","border-color-primary-inverted":"underlay__border-color-primary-inverted_8hu3a","border-color-secondary":"underlay__border-color-secondary_8hu3a","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_8hu3a","border-color-tertiary":"underlay__border-color-tertiary_8hu3a","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_8hu3a","border-color-underline":"underlay__border-color-underline_8hu3a","border-color-underline-inverted":"underlay__border-color-underline-inverted_8hu3a","border-color-graphic-attention":"underlay__border-color-graphic-attention_8hu3a","border-color-graphic-link":"underlay__border-color-graphic-link_8hu3a","border-color-graphic-negative":"underlay__border-color-graphic-negative_8hu3a","border-color-graphic-positive":"underlay__border-color-graphic-positive_8hu3a","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_8hu3a","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_8hu3a","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_8hu3a","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_8hu3a","border-radius-xs":"underlay__border-radius-xs_8hu3a","border-radius-s":"underlay__border-radius-s_8hu3a","border-radius-m":"underlay__border-radius-m_8hu3a","border-radius-l":"underlay__border-radius-l_8hu3a","border-radius-xl":"underlay__border-radius-xl_8hu3a","border-radius-xxl":"underlay__border-radius-xxl_8hu3a","border-radius-3xl":"underlay__border-radius-3xl_8hu3a","border-width-1":"underlay__border-width-1_8hu3a","border-width-2":"underlay__border-width-2_8hu3a","border-width-4":"underlay__border-width-4_8hu3a","direction-vertical":"underlay__direction-vertical_8hu3a","direction-horizontal":"underlay__direction-horizontal_8hu3a","align-start":"underlay__align-start_8hu3a","align-center":"underlay__align-center_8hu3a","align-end":"underlay__align-end_8hu3a","align-fill":"underlay__align-fill_8hu3a","justify-start":"underlay__justify-start_8hu3a","justify-center":"underlay__justify-center_8hu3a","justify-end":"underlay__justify-end_8hu3a","backgroundImage":"underlay__backgroundImage_8hu3a"};
-require('./index.css');
-
-export { styles as s };

package/underlay/index.module-d408d4aa.js

@@ -1,4 +0,0 @@
-var styles = {"component":"underlay__component_8hu3a","content":"underlay__content_8hu3a","overflowHide":"underlay__overflowHide_8hu3a","background-accent":"underlay__background-accent_8hu3a","background-info":"underlay__background-info_8hu3a","background-attention-muted":"underlay__background-attention-muted_8hu3a","background-positive-muted":"underlay__background-positive-muted_8hu3a","background-negative-muted":"underlay__background-negative-muted_8hu3a","background-primary":"underlay__background-primary_8hu3a","background-primary-inverted":"underlay__background-primary-inverted_8hu3a","background-secondary":"underlay__background-secondary_8hu3a","background-secondary-inverted":"underlay__background-secondary-inverted_8hu3a","background-tertiary":"underlay__background-tertiary_8hu3a","background-tertiary-inverted":"underlay__background-tertiary-inverted_8hu3a","background-quaternary":"underlay__background-quaternary_8hu3a","background-quaternary-inverted":"underlay__background-quaternary-inverted_8hu3a","background-specialbg-component":"underlay__background-specialbg-component_8hu3a","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_8hu3a","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_8hu3a","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_8hu3a","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_8hu3a","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_8hu3a","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_8hu3a","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_8hu3a","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_8hu3a","padding-top-3xs":"underlay__padding-top-3xs_8hu3a","padding-right-3xs":"underlay__padding-right-3xs_8hu3a","padding-bottom-3xs":"underlay__padding-bottom-3xs_8hu3a","padding-left-3xs":"underlay__padding-left-3xs_8hu3a","padding-top-2xs":"underlay__padding-top-2xs_8hu3a","padding-right-2xs":"underlay__padding-right-2xs_8hu3a","padding-bottom-2xs":"underlay__padding-bottom-2xs_8hu3a","padding-left-2xs":"underlay__padding-left-2xs_8hu3a","padding-top-xs":"underlay__padding-top-xs_8hu3a","padding-right-xs":"underlay__padding-right-xs_8hu3a","padding-bottom-xs":"underlay__padding-bottom-xs_8hu3a","padding-left-xs":"underlay__padding-left-xs_8hu3a","padding-top-s":"underlay__padding-top-s_8hu3a","padding-right-s":"underlay__padding-right-s_8hu3a","padding-bottom-s":"underlay__padding-bottom-s_8hu3a","padding-left-s":"underlay__padding-left-s_8hu3a","padding-top-m":"underlay__padding-top-m_8hu3a","padding-right-m":"underlay__padding-right-m_8hu3a","padding-bottom-m":"underlay__padding-bottom-m_8hu3a","padding-left-m":"underlay__padding-left-m_8hu3a","padding-top-l":"underlay__padding-top-l_8hu3a","padding-right-l":"underlay__padding-right-l_8hu3a","padding-bottom-l":"underlay__padding-bottom-l_8hu3a","padding-left-l":"underlay__padding-left-l_8hu3a","padding-top-xl":"underlay__padding-top-xl_8hu3a","padding-right-xl":"underlay__padding-right-xl_8hu3a","padding-bottom-xl":"underlay__padding-bottom-xl_8hu3a","padding-left-xl":"underlay__padding-left-xl_8hu3a","padding-top-2xl":"underlay__padding-top-2xl_8hu3a","padding-right-2xl":"underlay__padding-right-2xl_8hu3a","padding-bottom-2xl":"underlay__padding-bottom-2xl_8hu3a","padding-left-2xl":"underlay__padding-left-2xl_8hu3a","padding-top-3xl":"underlay__padding-top-3xl_8hu3a","padding-right-3xl":"underlay__padding-right-3xl_8hu3a","padding-bottom-3xl":"underlay__padding-bottom-3xl_8hu3a","padding-left-3xl":"underlay__padding-left-3xl_8hu3a","padding-top-4xl":"underlay__padding-top-4xl_8hu3a","padding-right-4xl":"underlay__padding-right-4xl_8hu3a","padding-bottom-4xl":"underlay__padding-bottom-4xl_8hu3a","padding-left-4xl":"underlay__padding-left-4xl_8hu3a","border-bottom-left-xs":"underlay__border-bottom-left-xs_8hu3a","border-bottom-right-xs":"underlay__border-bottom-right-xs_8hu3a","border-top-left-xs":"underlay__border-top-left-xs_8hu3a","border-top-right-xs":"underlay__border-top-right-xs_8hu3a","border-bottom-left-s":"underlay__border-bottom-left-s_8hu3a","border-bottom-right-s":"underlay__border-bottom-right-s_8hu3a","border-top-left-s":"underlay__border-top-left-s_8hu3a","border-top-right-s":"underlay__border-top-right-s_8hu3a","border-bottom-left-m":"underlay__border-bottom-left-m_8hu3a","border-bottom-right-m":"underlay__border-bottom-right-m_8hu3a","border-top-left-m":"underlay__border-top-left-m_8hu3a","border-top-right-m":"underlay__border-top-right-m_8hu3a","border-bottom-left-l":"underlay__border-bottom-left-l_8hu3a","border-bottom-right-l":"underlay__border-bottom-right-l_8hu3a","border-top-left-l":"underlay__border-top-left-l_8hu3a","border-top-right-l":"underlay__border-top-right-l_8hu3a","border-bottom-left-xl":"underlay__border-bottom-left-xl_8hu3a","border-bottom-right-xl":"underlay__border-bottom-right-xl_8hu3a","border-top-left-xl":"underlay__border-top-left-xl_8hu3a","border-top-right-xl":"underlay__border-top-right-xl_8hu3a","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_8hu3a","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_8hu3a","border-top-left-xxl":"underlay__border-top-left-xxl_8hu3a","border-top-right-xxl":"underlay__border-top-right-xxl_8hu3a","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_8hu3a","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_8hu3a","border-top-left-3xl":"underlay__border-top-left-3xl_8hu3a","border-top-right-3xl":"underlay__border-top-right-3xl_8hu3a","shadow-xs":"underlay__shadow-xs_8hu3a","shadow-s":"underlay__shadow-s_8hu3a","shadow-m":"underlay__shadow-m_8hu3a","shadow-l":"underlay__shadow-l_8hu3a","shadow-xl":"underlay__shadow-xl_8hu3a","shadow-xs-hard":"underlay__shadow-xs-hard_8hu3a","shadow-s-hard":"underlay__shadow-s-hard_8hu3a","shadow-m-hard":"underlay__shadow-m-hard_8hu3a","shadow-l-hard":"underlay__shadow-l-hard_8hu3a","shadow-xl-hard":"underlay__shadow-xl-hard_8hu3a","shadow-xs-up":"underlay__shadow-xs-up_8hu3a","shadow-s-up":"underlay__shadow-s-up_8hu3a","shadow-m-up":"underlay__shadow-m-up_8hu3a","shadow-l-up":"underlay__shadow-l-up_8hu3a","shadow-xl-up":"underlay__shadow-xl-up_8hu3a","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_8hu3a","shadow-s-hard-up":"underlay__shadow-s-hard-up_8hu3a","shadow-m-hard-up":"underlay__shadow-m-hard-up_8hu3a","shadow-l-hard-up":"underlay__shadow-l-hard-up_8hu3a","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_8hu3a","border-color-accent":"underlay__border-color-accent_8hu3a","border-color-key":"underlay__border-color-key_8hu3a","border-color-key-inverted":"underlay__border-color-key-inverted_8hu3a","border-color-link":"underlay__border-color-link_8hu3a","border-color-primary":"underlay__border-color-primary_8hu3a","border-color-primary-inverted":"underlay__border-color-primary-inverted_8hu3a","border-color-secondary":"underlay__border-color-secondary_8hu3a","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_8hu3a","border-color-tertiary":"underlay__border-color-tertiary_8hu3a","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_8hu3a","border-color-underline":"underlay__border-color-underline_8hu3a","border-color-underline-inverted":"underlay__border-color-underline-inverted_8hu3a","border-color-graphic-attention":"underlay__border-color-graphic-attention_8hu3a","border-color-graphic-link":"underlay__border-color-graphic-link_8hu3a","border-color-graphic-negative":"underlay__border-color-graphic-negative_8hu3a","border-color-graphic-positive":"underlay__border-color-graphic-positive_8hu3a","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_8hu3a","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_8hu3a","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_8hu3a","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_8hu3a","border-radius-xs":"underlay__border-radius-xs_8hu3a","border-radius-s":"underlay__border-radius-s_8hu3a","border-radius-m":"underlay__border-radius-m_8hu3a","border-radius-l":"underlay__border-radius-l_8hu3a","border-radius-xl":"underlay__border-radius-xl_8hu3a","border-radius-xxl":"underlay__border-radius-xxl_8hu3a","border-radius-3xl":"underlay__border-radius-3xl_8hu3a","border-width-1":"underlay__border-width-1_8hu3a","border-width-2":"underlay__border-width-2_8hu3a","border-width-4":"underlay__border-width-4_8hu3a","direction-vertical":"underlay__direction-vertical_8hu3a","direction-horizontal":"underlay__direction-horizontal_8hu3a","align-start":"underlay__align-start_8hu3a","align-center":"underlay__align-center_8hu3a","align-end":"underlay__align-end_8hu3a","align-fill":"underlay__align-fill_8hu3a","justify-start":"underlay__justify-start_8hu3a","justify-center":"underlay__justify-center_8hu3a","justify-end":"underlay__justify-end_8hu3a","backgroundImage":"underlay__backgroundImage_8hu3a"};
-require('./index.css');
-
-exports.styles = styles;

package/underlay/modern/index.module-bf522b27.js

@@ -1,4 +0,0 @@
-const styles = {"component":"underlay__component_8hu3a","content":"underlay__content_8hu3a","overflowHide":"underlay__overflowHide_8hu3a","background-accent":"underlay__background-accent_8hu3a","background-info":"underlay__background-info_8hu3a","background-attention-muted":"underlay__background-attention-muted_8hu3a","background-positive-muted":"underlay__background-positive-muted_8hu3a","background-negative-muted":"underlay__background-negative-muted_8hu3a","background-primary":"underlay__background-primary_8hu3a","background-primary-inverted":"underlay__background-primary-inverted_8hu3a","background-secondary":"underlay__background-secondary_8hu3a","background-secondary-inverted":"underlay__background-secondary-inverted_8hu3a","background-tertiary":"underlay__background-tertiary_8hu3a","background-tertiary-inverted":"underlay__background-tertiary-inverted_8hu3a","background-quaternary":"underlay__background-quaternary_8hu3a","background-quaternary-inverted":"underlay__background-quaternary-inverted_8hu3a","background-specialbg-component":"underlay__background-specialbg-component_8hu3a","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_8hu3a","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_8hu3a","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_8hu3a","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_8hu3a","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_8hu3a","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_8hu3a","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_8hu3a","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_8hu3a","padding-top-3xs":"underlay__padding-top-3xs_8hu3a","padding-right-3xs":"underlay__padding-right-3xs_8hu3a","padding-bottom-3xs":"underlay__padding-bottom-3xs_8hu3a","padding-left-3xs":"underlay__padding-left-3xs_8hu3a","padding-top-2xs":"underlay__padding-top-2xs_8hu3a","padding-right-2xs":"underlay__padding-right-2xs_8hu3a","padding-bottom-2xs":"underlay__padding-bottom-2xs_8hu3a","padding-left-2xs":"underlay__padding-left-2xs_8hu3a","padding-top-xs":"underlay__padding-top-xs_8hu3a","padding-right-xs":"underlay__padding-right-xs_8hu3a","padding-bottom-xs":"underlay__padding-bottom-xs_8hu3a","padding-left-xs":"underlay__padding-left-xs_8hu3a","padding-top-s":"underlay__padding-top-s_8hu3a","padding-right-s":"underlay__padding-right-s_8hu3a","padding-bottom-s":"underlay__padding-bottom-s_8hu3a","padding-left-s":"underlay__padding-left-s_8hu3a","padding-top-m":"underlay__padding-top-m_8hu3a","padding-right-m":"underlay__padding-right-m_8hu3a","padding-bottom-m":"underlay__padding-bottom-m_8hu3a","padding-left-m":"underlay__padding-left-m_8hu3a","padding-top-l":"underlay__padding-top-l_8hu3a","padding-right-l":"underlay__padding-right-l_8hu3a","padding-bottom-l":"underlay__padding-bottom-l_8hu3a","padding-left-l":"underlay__padding-left-l_8hu3a","padding-top-xl":"underlay__padding-top-xl_8hu3a","padding-right-xl":"underlay__padding-right-xl_8hu3a","padding-bottom-xl":"underlay__padding-bottom-xl_8hu3a","padding-left-xl":"underlay__padding-left-xl_8hu3a","padding-top-2xl":"underlay__padding-top-2xl_8hu3a","padding-right-2xl":"underlay__padding-right-2xl_8hu3a","padding-bottom-2xl":"underlay__padding-bottom-2xl_8hu3a","padding-left-2xl":"underlay__padding-left-2xl_8hu3a","padding-top-3xl":"underlay__padding-top-3xl_8hu3a","padding-right-3xl":"underlay__padding-right-3xl_8hu3a","padding-bottom-3xl":"underlay__padding-bottom-3xl_8hu3a","padding-left-3xl":"underlay__padding-left-3xl_8hu3a","padding-top-4xl":"underlay__padding-top-4xl_8hu3a","padding-right-4xl":"underlay__padding-right-4xl_8hu3a","padding-bottom-4xl":"underlay__padding-bottom-4xl_8hu3a","padding-left-4xl":"underlay__padding-left-4xl_8hu3a","border-bottom-left-xs":"underlay__border-bottom-left-xs_8hu3a","border-bottom-right-xs":"underlay__border-bottom-right-xs_8hu3a","border-top-left-xs":"underlay__border-top-left-xs_8hu3a","border-top-right-xs":"underlay__border-top-right-xs_8hu3a","border-bottom-left-s":"underlay__border-bottom-left-s_8hu3a","border-bottom-right-s":"underlay__border-bottom-right-s_8hu3a","border-top-left-s":"underlay__border-top-left-s_8hu3a","border-top-right-s":"underlay__border-top-right-s_8hu3a","border-bottom-left-m":"underlay__border-bottom-left-m_8hu3a","border-bottom-right-m":"underlay__border-bottom-right-m_8hu3a","border-top-left-m":"underlay__border-top-left-m_8hu3a","border-top-right-m":"underlay__border-top-right-m_8hu3a","border-bottom-left-l":"underlay__border-bottom-left-l_8hu3a","border-bottom-right-l":"underlay__border-bottom-right-l_8hu3a","border-top-left-l":"underlay__border-top-left-l_8hu3a","border-top-right-l":"underlay__border-top-right-l_8hu3a","border-bottom-left-xl":"underlay__border-bottom-left-xl_8hu3a","border-bottom-right-xl":"underlay__border-bottom-right-xl_8hu3a","border-top-left-xl":"underlay__border-top-left-xl_8hu3a","border-top-right-xl":"underlay__border-top-right-xl_8hu3a","border-bottom-left-xxl":"underlay__border-bottom-left-xxl_8hu3a","border-bottom-right-xxl":"underlay__border-bottom-right-xxl_8hu3a","border-top-left-xxl":"underlay__border-top-left-xxl_8hu3a","border-top-right-xxl":"underlay__border-top-right-xxl_8hu3a","border-bottom-left-3xl":"underlay__border-bottom-left-3xl_8hu3a","border-bottom-right-3xl":"underlay__border-bottom-right-3xl_8hu3a","border-top-left-3xl":"underlay__border-top-left-3xl_8hu3a","border-top-right-3xl":"underlay__border-top-right-3xl_8hu3a","shadow-xs":"underlay__shadow-xs_8hu3a","shadow-s":"underlay__shadow-s_8hu3a","shadow-m":"underlay__shadow-m_8hu3a","shadow-l":"underlay__shadow-l_8hu3a","shadow-xl":"underlay__shadow-xl_8hu3a","shadow-xs-hard":"underlay__shadow-xs-hard_8hu3a","shadow-s-hard":"underlay__shadow-s-hard_8hu3a","shadow-m-hard":"underlay__shadow-m-hard_8hu3a","shadow-l-hard":"underlay__shadow-l-hard_8hu3a","shadow-xl-hard":"underlay__shadow-xl-hard_8hu3a","shadow-xs-up":"underlay__shadow-xs-up_8hu3a","shadow-s-up":"underlay__shadow-s-up_8hu3a","shadow-m-up":"underlay__shadow-m-up_8hu3a","shadow-l-up":"underlay__shadow-l-up_8hu3a","shadow-xl-up":"underlay__shadow-xl-up_8hu3a","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_8hu3a","shadow-s-hard-up":"underlay__shadow-s-hard-up_8hu3a","shadow-m-hard-up":"underlay__shadow-m-hard-up_8hu3a","shadow-l-hard-up":"underlay__shadow-l-hard-up_8hu3a","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_8hu3a","border-color-accent":"underlay__border-color-accent_8hu3a","border-color-key":"underlay__border-color-key_8hu3a","border-color-key-inverted":"underlay__border-color-key-inverted_8hu3a","border-color-link":"underlay__border-color-link_8hu3a","border-color-primary":"underlay__border-color-primary_8hu3a","border-color-primary-inverted":"underlay__border-color-primary-inverted_8hu3a","border-color-secondary":"underlay__border-color-secondary_8hu3a","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_8hu3a","border-color-tertiary":"underlay__border-color-tertiary_8hu3a","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_8hu3a","border-color-underline":"underlay__border-color-underline_8hu3a","border-color-underline-inverted":"underlay__border-color-underline-inverted_8hu3a","border-color-graphic-attention":"underlay__border-color-graphic-attention_8hu3a","border-color-graphic-link":"underlay__border-color-graphic-link_8hu3a","border-color-graphic-negative":"underlay__border-color-graphic-negative_8hu3a","border-color-graphic-positive":"underlay__border-color-graphic-positive_8hu3a","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_8hu3a","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_8hu3a","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_8hu3a","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_8hu3a","border-radius-xs":"underlay__border-radius-xs_8hu3a","border-radius-s":"underlay__border-radius-s_8hu3a","border-radius-m":"underlay__border-radius-m_8hu3a","border-radius-l":"underlay__border-radius-l_8hu3a","border-radius-xl":"underlay__border-radius-xl_8hu3a","border-radius-xxl":"underlay__border-radius-xxl_8hu3a","border-radius-3xl":"underlay__border-radius-3xl_8hu3a","border-width-1":"underlay__border-width-1_8hu3a","border-width-2":"underlay__border-width-2_8hu3a","border-width-4":"underlay__border-width-4_8hu3a","direction-vertical":"underlay__direction-vertical_8hu3a","direction-horizontal":"underlay__direction-horizontal_8hu3a","align-start":"underlay__align-start_8hu3a","align-center":"underlay__align-center_8hu3a","align-end":"underlay__align-end_8hu3a","align-fill":"underlay__align-fill_8hu3a","justify-start":"underlay__justify-start_8hu3a","justify-center":"underlay__justify-center_8hu3a","justify-end":"underlay__justify-end_8hu3a","backgroundImage":"underlay__backgroundImage_8hu3a"};
-require('./index.css');
-
-export { styles as s };