@alfalab/core-components 41.10.0 → 41.11.0-beta.0

package/typography/title-mobile/component.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-e046944e.js');
+var common_module = require('../common.module-cad58b6b.js');
 require('classnames');
-require('../colors.module-ab68c7ce.js');
+require('../colors.module-1491f6b5.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1fn0j","styrene-large":"typography__styrene-large_1fn0j","styrene-medium":"typography__styrene-medium_1fn0j","styrene-small":"typography__styrene-small_1fn0j","styrene-xsmall":"typography__styrene-xsmall_1fn0j","system-xlarge":"typography__system-xlarge_1fn0j","system-large":"typography__system-large_1fn0j","system-medium":"typography__system-medium_1fn0j","system-small":"typography__system-small_1fn0j","system-xsmall":"typography__system-xsmall_1fn0j"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1576f","styrene-large":"typography__styrene-large_1576f","styrene-medium":"typography__styrene-medium_1576f","styrene-small":"typography__styrene-small_1576f","styrene-xsmall":"typography__styrene-xsmall_1576f","system-xlarge":"typography__system-xlarge_1576f","system-large":"typography__system-large_1576f","system-medium":"typography__system-medium_1576f","system-small":"typography__system-small_1576f","system-xsmall":"typography__system-xsmall_1576f"};
 require('./index.css');
 
 var TitleMobile = function (props) { return (

package/typography/title-mobile/index.css

@@ -16,53 +16,53 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .typography__styrene-xlarge_1fn0j {
+} .typography__styrene-xlarge_1576f {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-large_1fn0j {
+} .typography__styrene-large_1576f {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-medium_1fn0j {
+} .typography__styrene-medium_1576f {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-small_1fn0j {
+} .typography__styrene-small_1576f {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-xsmall_1fn0j {
+} .typography__styrene-xsmall_1576f {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__system-xlarge_1fn0j {
+} .typography__system-xlarge_1576f {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-} .typography__system-large_1fn0j {
+} .typography__system-large_1576f {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-} .typography__system-medium_1fn0j {
+} .typography__system-medium_1576f {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-} .typography__system-small_1fn0j {
+} .typography__system-small_1576f {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-} .typography__system-xsmall_1fn0j {
+} .typography__system-xsmall_1576f {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;

package/typography/title-mobile/index.js

@@ -5,8 +5,8 @@ require('tslib');
 require('react');
 require('../title/component.js');
 require('classnames');
-require('../colors.module-ab68c7ce.js');
-require('../common.module-e046944e.js');
+require('../colors.module-1491f6b5.js');
+require('../common.module-cad58b6b.js');
 
 
 

package/typography/title-responsive/component.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-e046944e.js');
+var common_module = require('../common.module-cad58b6b.js');
 require('classnames');
-require('../colors.module-ab68c7ce.js');
+require('../colors.module-1491f6b5.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1qn02","styrene-large":"typography__styrene-large_1qn02","styrene-medium":"typography__styrene-medium_1qn02","styrene-small":"typography__styrene-small_1qn02","styrene-xsmall":"typography__styrene-xsmall_1qn02","system-xlarge":"typography__system-xlarge_1qn02","system-large":"typography__system-large_1qn02","system-medium":"typography__system-medium_1qn02","system-small":"typography__system-small_1qn02","system-xsmall":"typography__system-xsmall_1qn02","margins-xlarge":"typography__margins-xlarge_1qn02","margins-large":"typography__margins-large_1qn02","margins-medium":"typography__margins-medium_1qn02","margins-small":"typography__margins-small_1qn02","margins-xsmall":"typography__margins-xsmall_1qn02"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_o64gq","styrene-large":"typography__styrene-large_o64gq","styrene-medium":"typography__styrene-medium_o64gq","styrene-small":"typography__styrene-small_o64gq","styrene-xsmall":"typography__styrene-xsmall_o64gq","system-xlarge":"typography__system-xlarge_o64gq","system-large":"typography__system-large_o64gq","system-medium":"typography__system-medium_o64gq","system-small":"typography__system-small_o64gq","system-xsmall":"typography__system-xsmall_o64gq","margins-xlarge":"typography__margins-xlarge_o64gq","margins-large":"typography__margins-large_o64gq","margins-medium":"typography__margins-medium_o64gq","margins-small":"typography__margins-small_o64gq","margins-xsmall":"typography__margins-xsmall_o64gq"};
 require('./index.css');
 
 var TitleResponsive = function (props) { return (

package/typography/title-responsive/index.css

@@ -20,118 +20,118 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1qn02 {
+} /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_o64gq {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-large_1qn02 {
+} .typography__styrene-large_o64gq {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-medium_1qn02 {
+} .typography__styrene-medium_o64gq {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-small_1qn02 {
+} .typography__styrene-small_o64gq {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-xsmall_1qn02 {
+} .typography__styrene-xsmall_o64gq {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__system-xlarge_1qn02 {
+} .typography__system-xlarge_o64gq {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-} .typography__system-large_1qn02 {
+} .typography__system-large_o64gq {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-} .typography__system-medium_1qn02 {
+} .typography__system-medium_o64gq {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-} .typography__system-small_1qn02 {
+} .typography__system-small_o64gq {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-} .typography__system-xsmall_1qn02 {
+} .typography__system-xsmall_o64gq {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-} .typography__margins-xlarge_1qn02 {
+} .typography__margins-xlarge_o64gq {
     margin: 0 0 var(--gap-xl);
-} .typography__margins-large_1qn02 {
+} .typography__margins-large_o64gq {
     margin: var(--gap-3xl) 0 var(--gap-m);
-} .typography__margins-medium_1qn02 {
+} .typography__margins-medium_o64gq {
     margin: var(--gap-3xl) 0 var(--gap-m);
-} .typography__margins-small_1qn02 {
+} .typography__margins-small_o64gq {
     margin: var(--gap-3xl) 0 var(--gap-m);
-} .typography__margins-xsmall_1qn02 {
+} .typography__margins-xsmall_o64gq {
     margin: var(--gap-3xl) 0 var(--gap-m);
 } @media screen and (min-width: 600px) {
-    .typography__system-xlarge_1qn02 {
+    .typography__system-xlarge_o64gq {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-large_1qn02 {
+    .typography__system-large_o64gq {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-medium_1qn02 {
+    .typography__system-medium_o64gq {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-small_1qn02 {
+    .typography__system-small_o64gq {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_1qn02 {
+    .typography__system-xsmall_o64gq {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_1qn02 {
+    .typography__margins-xlarge_o64gq {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_1qn02 {
+    .typography__margins-large_o64gq {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_1qn02 {
+    .typography__margins-medium_o64gq {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-small_1qn02 {
+    .typography__margins-small_o64gq {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_1qn02 {
+    .typography__margins-xsmall_o64gq {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 } @media screen and (min-width: 1024px) {
-    .typography__styrene-xlarge_1qn02 {
+    .typography__styrene-xlarge_o64gq {
         font-size: 48px;
         line-height: 64px;
         font-weight: 500;
@@ -139,7 +139,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-large_1qn02 {
+    .typography__styrene-large_o64gq {
         font-size: 40px;
         line-height: 48px;
         font-weight: 500;
@@ -147,7 +147,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-medium_1qn02 {
+    .typography__styrene-medium_o64gq {
         font-size: 32px;
         line-height: 40px;
         font-weight: 500;
@@ -155,7 +155,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-small_1qn02 {
+    .typography__styrene-small_o64gq {
         font-size: 24px;
         line-height: 32px;
         font-weight: 500;
@@ -163,7 +163,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-xsmall_1qn02 {
+    .typography__styrene-xsmall_o64gq {
         font-size: 20px;
         line-height: 24px;
         font-weight: 500;
@@ -171,53 +171,53 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__system-xlarge_1qn02 {
+    .typography__system-xlarge_o64gq {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
     }
 
-    .typography__system-large_1qn02 {
+    .typography__system-large_o64gq {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-medium_1qn02 {
+    .typography__system-medium_o64gq {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-small_1qn02 {
+    .typography__system-small_o64gq {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_1qn02 {
+    .typography__system-xsmall_o64gq {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_1qn02 {
+    .typography__margins-xlarge_o64gq {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_1qn02 {
+    .typography__margins-large_o64gq {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_1qn02 {
+    .typography__margins-medium_o64gq {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-small_1qn02 {
+    .typography__margins-small_o64gq {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_1qn02 {
+    .typography__margins-xsmall_o64gq {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 }

package/typography/title-responsive/index.js

@@ -5,8 +5,8 @@ require('tslib');
 require('react');
 require('../title/component.js');
 require('classnames');
-require('../colors.module-ab68c7ce.js');
-require('../common.module-e046944e.js');
+require('../colors.module-1491f6b5.js');
+require('../common.module-cad58b6b.js');
 
 
 

package/underlay/Component.d.ts

@@ -335,10 +335,11 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
             trimEnd: () => string;
         } | undefined;
     } | undefined;
-    borderRadius?: ("m" | "l" | "xxl") | undefined;
+    borderRadius?: ("m" | "l" | "xl" | "xxl") | undefined;
     backgroundColor?: import("./types").BackgroundColorType | undefined;
     borderSize?: 1 | 2 | 4 | undefined;
     borderColor?: import("./types").BorderColorType | undefined;
+    overflow?: boolean | undefined;
     shadow?: import("./types").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;

package/underlay/Component.js

@@ -47,12 +47,12 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"underlay__component_1qg52","background-accent":"underlay__background-accent_1qg52","background-info":"underlay__background-info_1qg52","background-attention-muted":"underlay__background-attention-muted_1qg52","background-positive-muted":"underlay__background-positive-muted_1qg52","background-negative-muted":"underlay__background-negative-muted_1qg52","background-primary":"underlay__background-primary_1qg52","background-primary-inverted":"underlay__background-primary-inverted_1qg52","background-secondary":"underlay__background-secondary_1qg52","background-secondary-inverted":"underlay__background-secondary-inverted_1qg52","background-tertiary":"underlay__background-tertiary_1qg52","background-tertiary-inverted":"underlay__background-tertiary-inverted_1qg52","background-quaternary":"underlay__background-quaternary_1qg52","background-quaternary-inverted":"underlay__background-quaternary-inverted_1qg52","background-specialbg-component":"underlay__background-specialbg-component_1qg52","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_1qg52","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_1qg52","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_1qg52","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_1qg52","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_1qg52","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_1qg52","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_1qg52","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_1qg52","padding-top-3xs":"underlay__padding-top-3xs_1qg52","padding-top-2xs":"underlay__padding-top-2xs_1qg52","padding-top-xs":"underlay__padding-top-xs_1qg52","padding-top-s":"underlay__padding-top-s_1qg52","padding-top-m":"underlay__padding-top-m_1qg52","padding-top-l":"underlay__padding-top-l_1qg52","padding-top-xl":"underlay__padding-top-xl_1qg52","padding-top-2xl":"underlay__padding-top-2xl_1qg52","padding-top-3xl":"underlay__padding-top-3xl_1qg52","padding-top-4xl":"underlay__padding-top-4xl_1qg52","padding-right-3xs":"underlay__padding-right-3xs_1qg52","padding-right-2xs":"underlay__padding-right-2xs_1qg52","padding-right-xs":"underlay__padding-right-xs_1qg52","padding-right-s":"underlay__padding-right-s_1qg52","padding-right-m":"underlay__padding-right-m_1qg52","padding-right-l":"underlay__padding-right-l_1qg52","padding-right-xl":"underlay__padding-right-xl_1qg52","padding-right-2xl":"underlay__padding-right-2xl_1qg52","padding-right-3xl":"underlay__padding-right-3xl_1qg52","padding-right-4xl":"underlay__padding-right-4xl_1qg52","padding-bottom-3xs":"underlay__padding-bottom-3xs_1qg52","padding-bottom-2xs":"underlay__padding-bottom-2xs_1qg52","padding-bottom-xs":"underlay__padding-bottom-xs_1qg52","padding-bottom-s":"underlay__padding-bottom-s_1qg52","padding-bottom-m":"underlay__padding-bottom-m_1qg52","padding-bottom-l":"underlay__padding-bottom-l_1qg52","padding-bottom-xl":"underlay__padding-bottom-xl_1qg52","padding-bottom-2xl":"underlay__padding-bottom-2xl_1qg52","padding-bottom-3xl":"underlay__padding-bottom-3xl_1qg52","padding-bottom-4xl":"underlay__padding-bottom-4xl_1qg52","padding-left-3xs":"underlay__padding-left-3xs_1qg52","padding-left-2xs":"underlay__padding-left-2xs_1qg52","padding-left-xs":"underlay__padding-left-xs_1qg52","padding-left-s":"underlay__padding-left-s_1qg52","padding-left-m":"underlay__padding-left-m_1qg52","padding-left-l":"underlay__padding-left-l_1qg52","padding-left-xl":"underlay__padding-left-xl_1qg52","padding-left-2xl":"underlay__padding-left-2xl_1qg52","padding-left-3xl":"underlay__padding-left-3xl_1qg52","padding-left-4xl":"underlay__padding-left-4xl_1qg52","shadow-xs":"underlay__shadow-xs_1qg52","shadow-s":"underlay__shadow-s_1qg52","shadow-m":"underlay__shadow-m_1qg52","shadow-l":"underlay__shadow-l_1qg52","shadow-xl":"underlay__shadow-xl_1qg52","shadow-xs-hard":"underlay__shadow-xs-hard_1qg52","shadow-s-hard":"underlay__shadow-s-hard_1qg52","shadow-m-hard":"underlay__shadow-m-hard_1qg52","shadow-l-hard":"underlay__shadow-l-hard_1qg52","shadow-xl-hard":"underlay__shadow-xl-hard_1qg52","shadow-xs-up":"underlay__shadow-xs-up_1qg52","shadow-s-up":"underlay__shadow-s-up_1qg52","shadow-m-up":"underlay__shadow-m-up_1qg52","shadow-l-up":"underlay__shadow-l-up_1qg52","shadow-xl-up":"underlay__shadow-xl-up_1qg52","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_1qg52","shadow-s-hard-up":"underlay__shadow-s-hard-up_1qg52","shadow-m-hard-up":"underlay__shadow-m-hard-up_1qg52","shadow-l-hard-up":"underlay__shadow-l-hard-up_1qg52","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_1qg52","border-color-accent":"underlay__border-color-accent_1qg52","border-color-key":"underlay__border-color-key_1qg52","border-color-key-inverted":"underlay__border-color-key-inverted_1qg52","border-color-link":"underlay__border-color-link_1qg52","border-color-primary":"underlay__border-color-primary_1qg52","border-color-primary-inverted":"underlay__border-color-primary-inverted_1qg52","border-color-secondary":"underlay__border-color-secondary_1qg52","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_1qg52","border-color-tertiary":"underlay__border-color-tertiary_1qg52","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_1qg52","border-color-underline":"underlay__border-color-underline_1qg52","border-color-underline-inverted":"underlay__border-color-underline-inverted_1qg52","border-color-graphic-attention":"underlay__border-color-graphic-attention_1qg52","border-color-graphic-link":"underlay__border-color-graphic-link_1qg52","border-color-graphic-negative":"underlay__border-color-graphic-negative_1qg52","border-color-graphic-positive":"underlay__border-color-graphic-positive_1qg52","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_1qg52","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_1qg52","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_1qg52","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_1qg52","border-radius-m":"underlay__border-radius-m_1qg52","border-radius-xl":"underlay__border-radius-xl_1qg52","border-radius-xxl":"underlay__border-radius-xxl_1qg52","border-width-1":"underlay__border-width-1_1qg52","border-width-2":"underlay__border-width-2_1qg52","border-width-4":"underlay__border-width-4_1qg52"};
+var styles = {"component":"underlay__component_88cgf","overflowHide":"underlay__overflowHide_88cgf","background-accent":"underlay__background-accent_88cgf","background-info":"underlay__background-info_88cgf","background-attention-muted":"underlay__background-attention-muted_88cgf","background-positive-muted":"underlay__background-positive-muted_88cgf","background-negative-muted":"underlay__background-negative-muted_88cgf","background-primary":"underlay__background-primary_88cgf","background-primary-inverted":"underlay__background-primary-inverted_88cgf","background-secondary":"underlay__background-secondary_88cgf","background-secondary-inverted":"underlay__background-secondary-inverted_88cgf","background-tertiary":"underlay__background-tertiary_88cgf","background-tertiary-inverted":"underlay__background-tertiary-inverted_88cgf","background-quaternary":"underlay__background-quaternary_88cgf","background-quaternary-inverted":"underlay__background-quaternary-inverted_88cgf","background-specialbg-component":"underlay__background-specialbg-component_88cgf","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_88cgf","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_88cgf","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_88cgf","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_88cgf","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_88cgf","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_88cgf","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_88cgf","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_88cgf","padding-top-3xs":"underlay__padding-top-3xs_88cgf","padding-top-2xs":"underlay__padding-top-2xs_88cgf","padding-top-xs":"underlay__padding-top-xs_88cgf","padding-top-s":"underlay__padding-top-s_88cgf","padding-top-m":"underlay__padding-top-m_88cgf","padding-top-l":"underlay__padding-top-l_88cgf","padding-top-xl":"underlay__padding-top-xl_88cgf","padding-top-2xl":"underlay__padding-top-2xl_88cgf","padding-top-3xl":"underlay__padding-top-3xl_88cgf","padding-top-4xl":"underlay__padding-top-4xl_88cgf","padding-right-3xs":"underlay__padding-right-3xs_88cgf","padding-right-2xs":"underlay__padding-right-2xs_88cgf","padding-right-xs":"underlay__padding-right-xs_88cgf","padding-right-s":"underlay__padding-right-s_88cgf","padding-right-m":"underlay__padding-right-m_88cgf","padding-right-l":"underlay__padding-right-l_88cgf","padding-right-xl":"underlay__padding-right-xl_88cgf","padding-right-2xl":"underlay__padding-right-2xl_88cgf","padding-right-3xl":"underlay__padding-right-3xl_88cgf","padding-right-4xl":"underlay__padding-right-4xl_88cgf","padding-bottom-3xs":"underlay__padding-bottom-3xs_88cgf","padding-bottom-2xs":"underlay__padding-bottom-2xs_88cgf","padding-bottom-xs":"underlay__padding-bottom-xs_88cgf","padding-bottom-s":"underlay__padding-bottom-s_88cgf","padding-bottom-m":"underlay__padding-bottom-m_88cgf","padding-bottom-l":"underlay__padding-bottom-l_88cgf","padding-bottom-xl":"underlay__padding-bottom-xl_88cgf","padding-bottom-2xl":"underlay__padding-bottom-2xl_88cgf","padding-bottom-3xl":"underlay__padding-bottom-3xl_88cgf","padding-bottom-4xl":"underlay__padding-bottom-4xl_88cgf","padding-left-3xs":"underlay__padding-left-3xs_88cgf","padding-left-2xs":"underlay__padding-left-2xs_88cgf","padding-left-xs":"underlay__padding-left-xs_88cgf","padding-left-s":"underlay__padding-left-s_88cgf","padding-left-m":"underlay__padding-left-m_88cgf","padding-left-l":"underlay__padding-left-l_88cgf","padding-left-xl":"underlay__padding-left-xl_88cgf","padding-left-2xl":"underlay__padding-left-2xl_88cgf","padding-left-3xl":"underlay__padding-left-3xl_88cgf","padding-left-4xl":"underlay__padding-left-4xl_88cgf","shadow-xs":"underlay__shadow-xs_88cgf","shadow-s":"underlay__shadow-s_88cgf","shadow-m":"underlay__shadow-m_88cgf","shadow-l":"underlay__shadow-l_88cgf","shadow-xl":"underlay__shadow-xl_88cgf","shadow-xs-hard":"underlay__shadow-xs-hard_88cgf","shadow-s-hard":"underlay__shadow-s-hard_88cgf","shadow-m-hard":"underlay__shadow-m-hard_88cgf","shadow-l-hard":"underlay__shadow-l-hard_88cgf","shadow-xl-hard":"underlay__shadow-xl-hard_88cgf","shadow-xs-up":"underlay__shadow-xs-up_88cgf","shadow-s-up":"underlay__shadow-s-up_88cgf","shadow-m-up":"underlay__shadow-m-up_88cgf","shadow-l-up":"underlay__shadow-l-up_88cgf","shadow-xl-up":"underlay__shadow-xl-up_88cgf","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_88cgf","shadow-s-hard-up":"underlay__shadow-s-hard-up_88cgf","shadow-m-hard-up":"underlay__shadow-m-hard-up_88cgf","shadow-l-hard-up":"underlay__shadow-l-hard-up_88cgf","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_88cgf","border-color-accent":"underlay__border-color-accent_88cgf","border-color-key":"underlay__border-color-key_88cgf","border-color-key-inverted":"underlay__border-color-key-inverted_88cgf","border-color-link":"underlay__border-color-link_88cgf","border-color-primary":"underlay__border-color-primary_88cgf","border-color-primary-inverted":"underlay__border-color-primary-inverted_88cgf","border-color-secondary":"underlay__border-color-secondary_88cgf","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_88cgf","border-color-tertiary":"underlay__border-color-tertiary_88cgf","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_88cgf","border-color-underline":"underlay__border-color-underline_88cgf","border-color-underline-inverted":"underlay__border-color-underline-inverted_88cgf","border-color-graphic-attention":"underlay__border-color-graphic-attention_88cgf","border-color-graphic-link":"underlay__border-color-graphic-link_88cgf","border-color-graphic-negative":"underlay__border-color-graphic-negative_88cgf","border-color-graphic-positive":"underlay__border-color-graphic-positive_88cgf","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_88cgf","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_88cgf","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_88cgf","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_88cgf","border-radius-m":"underlay__border-radius-m_88cgf","border-radius-l":"underlay__border-radius-l_88cgf","border-radius-xl":"underlay__border-radius-xl_88cgf","border-radius-xxl":"underlay__border-radius-xxl_88cgf","border-width-1":"underlay__border-width-1_88cgf","border-width-2":"underlay__border-width-2_88cgf","border-width-4":"underlay__border-width-4_88cgf"};
 require('./index.css');
 
 var Underlay = React.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, borderRadius = _a.borderRadius, shadow = _a.shadow, borderSize = _a.borderSize, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, className = _a.className, padding = _a.padding, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "borderRadius", "shadow", "borderSize", "backgroundColor", "borderColor", "className", "padding", "dataTestId"]);
+    var _b, _c;
+    var children = _a.children, borderRadius = _a.borderRadius, shadow = _a.shadow, borderSize = _a.borderSize, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, className = _a.className, padding = _a.padding, dataTestId = _a.dataTestId, _d = _a.overflow, overflow = _d === void 0 ? true : _d, restProps = __rest(_a, ["children", "borderRadius", "shadow", "borderSize", "backgroundColor", "borderColor", "className", "padding", "dataTestId", "overflow"]);
     var paddingSize = typeof padding === 'string'
         ? { top: padding, left: padding, right: padding, bottom: padding }
         : padding;
@@ -62,7 +62,7 @@ var Underlay = React.forwardRef(function (_a, ref) {
         _b[styles["padding-bottom-".concat(paddingSize.bottom)]] = paddingSize.bottom,
         _b[styles["padding-left-".concat(paddingSize.left)]] = paddingSize.left,
         _b);
-    return (React__default.default.createElement("div", __assign({ ref: ref, className: cn__default.default(styles.component, paddingStyles, backgroundColor && styles["background-".concat(backgroundColor)], borderRadius && styles["border-radius-".concat(borderRadius)], borderColor && styles["border-color-".concat(borderColor)], borderSize && styles["border-width-".concat(borderSize)], shadow && styles[shadow], className), "data-test-id": dataTestId }, restProps), children));
+    return (React__default.default.createElement("div", __assign({ ref: ref, className: cn__default.default(styles.component, paddingStyles, backgroundColor && styles["background-".concat(backgroundColor)], borderRadius && styles["border-radius-".concat(borderRadius)], borderColor && styles["border-color-".concat(borderColor)], borderSize && styles["border-width-".concat(borderSize)], shadow && styles[shadow], (_c = {}, _c[styles.overflowHide] = !overflow, _c), className), "data-test-id": dataTestId }, restProps), children));
 });
 
 exports.Underlay = Underlay;

package/underlay/cssm/Component.d.ts

@@ -335,10 +335,11 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
             trimEnd: () => string;
         } | undefined;
     } | undefined;
-    borderRadius?: ("m" | "l" | "xxl") | undefined;
+    borderRadius?: ("m" | "l" | "xl" | "xxl") | undefined;
     backgroundColor?: import("./types").BackgroundColorType | undefined;
     borderSize?: 1 | 2 | 4 | undefined;
     borderColor?: import("./types").BorderColorType | undefined;
+    overflow?: boolean | undefined;
     shadow?: import("./types").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;

package/underlay/cssm/Component.js

@@ -50,8 +50,8 @@ function __rest(s, e) {
 }
 
 var Underlay = React.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, borderRadius = _a.borderRadius, shadow = _a.shadow, borderSize = _a.borderSize, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, className = _a.className, padding = _a.padding, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "borderRadius", "shadow", "borderSize", "backgroundColor", "borderColor", "className", "padding", "dataTestId"]);
+    var _b, _c;
+    var children = _a.children, borderRadius = _a.borderRadius, shadow = _a.shadow, borderSize = _a.borderSize, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, className = _a.className, padding = _a.padding, dataTestId = _a.dataTestId, _d = _a.overflow, overflow = _d === void 0 ? true : _d, restProps = __rest(_a, ["children", "borderRadius", "shadow", "borderSize", "backgroundColor", "borderColor", "className", "padding", "dataTestId", "overflow"]);
     var paddingSize = typeof padding === 'string'
         ? { top: padding, left: padding, right: padding, bottom: padding }
         : padding;
@@ -61,7 +61,7 @@ var Underlay = React.forwardRef(function (_a, ref) {
         _b[styles__default.default["padding-bottom-".concat(paddingSize.bottom)]] = paddingSize.bottom,
         _b[styles__default.default["padding-left-".concat(paddingSize.left)]] = paddingSize.left,
         _b);
-    return (React__default.default.createElement("div", __assign({ ref: ref, className: cn__default.default(styles__default.default.component, paddingStyles, backgroundColor && styles__default.default["background-".concat(backgroundColor)], borderRadius && styles__default.default["border-radius-".concat(borderRadius)], borderColor && styles__default.default["border-color-".concat(borderColor)], borderSize && styles__default.default["border-width-".concat(borderSize)], shadow && styles__default.default[shadow], className), "data-test-id": dataTestId }, restProps), children));
+    return (React__default.default.createElement("div", __assign({ ref: ref, className: cn__default.default(styles__default.default.component, paddingStyles, backgroundColor && styles__default.default["background-".concat(backgroundColor)], borderRadius && styles__default.default["border-radius-".concat(borderRadius)], borderColor && styles__default.default["border-color-".concat(borderColor)], borderSize && styles__default.default["border-width-".concat(borderSize)], shadow && styles__default.default[shadow], (_c = {}, _c[styles__default.default.overflowHide] = !overflow, _c), className), "data-test-id": dataTestId }, restProps), children));
 });
 
 exports.Underlay = Underlay;

package/underlay/cssm/index.module.css

@@ -84,6 +84,7 @@
         0 -16px 32px rgba(0, 0, 0, 0.16);
 } :root {
     --border-radius-m: 8px;
+    --border-radius-l: 12px;
     --border-radius-xl: 16px;
     --border-radius-xxl: 20px;
 } :root {
@@ -102,6 +103,8 @@
 } .component {
     display: flex;
     box-sizing: border-box;
+} .overflowHide {
+    overflow: hidden;
 } .background-accent {
             background-color: var(--color-light-bg-accent);
         } .background-info {
@@ -308,6 +311,8 @@
         border-color: var(--color-light-specialbg-tertiary-transparent-inverted);
     } .border-radius-m {
         border-radius: var(--border-radius-m);
+    } .border-radius-l {
+        border-radius: var(--border-radius-l);
     } .border-radius-xl {
         border-radius: var(--border-radius-xl);
     } .border-radius-xxl {

package/underlay/cssm/types.d.ts

@@ -11,7 +11,7 @@ type PaddingType = {
     bottom?: PaddingSize;
     left?: PaddingSize;
 };
-type BorderRadiusType = 'm' | 'l' | 'xxl';
+type BorderRadiusType = 'm' | 'l' | 'xl' | 'xxl';
 type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Внутренние отступы
@@ -33,6 +33,11 @@ type UnderlayProps = React.HTMLAttributes<HTMLDivElement> & {
      * Цвет бордера
      */
     borderColor?: BorderColorType;
+    /**
+     * Настройка переполнения (true - разрешена)
+     * default: true
+     */
+    overflow?: boolean;
     /**
      * Тень
      */

package/underlay/esm/Component.d.ts

@@ -335,10 +335,11 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
             trimEnd: () => string;
         } | undefined;
     } | undefined;
-    borderRadius?: ("m" | "l" | "xxl") | undefined;
+    borderRadius?: ("m" | "l" | "xl" | "xxl") | undefined;
     backgroundColor?: import("./types").BackgroundColorType | undefined;
     borderSize?: 1 | 2 | 4 | undefined;
     borderColor?: import("./types").BorderColorType | undefined;
+    overflow?: boolean | undefined;
     shadow?: import("./types").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;

package/underlay/esm/Component.js

@@ -40,12 +40,12 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"underlay__component_1qg52","background-accent":"underlay__background-accent_1qg52","background-info":"underlay__background-info_1qg52","background-attention-muted":"underlay__background-attention-muted_1qg52","background-positive-muted":"underlay__background-positive-muted_1qg52","background-negative-muted":"underlay__background-negative-muted_1qg52","background-primary":"underlay__background-primary_1qg52","background-primary-inverted":"underlay__background-primary-inverted_1qg52","background-secondary":"underlay__background-secondary_1qg52","background-secondary-inverted":"underlay__background-secondary-inverted_1qg52","background-tertiary":"underlay__background-tertiary_1qg52","background-tertiary-inverted":"underlay__background-tertiary-inverted_1qg52","background-quaternary":"underlay__background-quaternary_1qg52","background-quaternary-inverted":"underlay__background-quaternary-inverted_1qg52","background-specialbg-component":"underlay__background-specialbg-component_1qg52","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_1qg52","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_1qg52","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_1qg52","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_1qg52","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_1qg52","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_1qg52","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_1qg52","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_1qg52","padding-top-3xs":"underlay__padding-top-3xs_1qg52","padding-top-2xs":"underlay__padding-top-2xs_1qg52","padding-top-xs":"underlay__padding-top-xs_1qg52","padding-top-s":"underlay__padding-top-s_1qg52","padding-top-m":"underlay__padding-top-m_1qg52","padding-top-l":"underlay__padding-top-l_1qg52","padding-top-xl":"underlay__padding-top-xl_1qg52","padding-top-2xl":"underlay__padding-top-2xl_1qg52","padding-top-3xl":"underlay__padding-top-3xl_1qg52","padding-top-4xl":"underlay__padding-top-4xl_1qg52","padding-right-3xs":"underlay__padding-right-3xs_1qg52","padding-right-2xs":"underlay__padding-right-2xs_1qg52","padding-right-xs":"underlay__padding-right-xs_1qg52","padding-right-s":"underlay__padding-right-s_1qg52","padding-right-m":"underlay__padding-right-m_1qg52","padding-right-l":"underlay__padding-right-l_1qg52","padding-right-xl":"underlay__padding-right-xl_1qg52","padding-right-2xl":"underlay__padding-right-2xl_1qg52","padding-right-3xl":"underlay__padding-right-3xl_1qg52","padding-right-4xl":"underlay__padding-right-4xl_1qg52","padding-bottom-3xs":"underlay__padding-bottom-3xs_1qg52","padding-bottom-2xs":"underlay__padding-bottom-2xs_1qg52","padding-bottom-xs":"underlay__padding-bottom-xs_1qg52","padding-bottom-s":"underlay__padding-bottom-s_1qg52","padding-bottom-m":"underlay__padding-bottom-m_1qg52","padding-bottom-l":"underlay__padding-bottom-l_1qg52","padding-bottom-xl":"underlay__padding-bottom-xl_1qg52","padding-bottom-2xl":"underlay__padding-bottom-2xl_1qg52","padding-bottom-3xl":"underlay__padding-bottom-3xl_1qg52","padding-bottom-4xl":"underlay__padding-bottom-4xl_1qg52","padding-left-3xs":"underlay__padding-left-3xs_1qg52","padding-left-2xs":"underlay__padding-left-2xs_1qg52","padding-left-xs":"underlay__padding-left-xs_1qg52","padding-left-s":"underlay__padding-left-s_1qg52","padding-left-m":"underlay__padding-left-m_1qg52","padding-left-l":"underlay__padding-left-l_1qg52","padding-left-xl":"underlay__padding-left-xl_1qg52","padding-left-2xl":"underlay__padding-left-2xl_1qg52","padding-left-3xl":"underlay__padding-left-3xl_1qg52","padding-left-4xl":"underlay__padding-left-4xl_1qg52","shadow-xs":"underlay__shadow-xs_1qg52","shadow-s":"underlay__shadow-s_1qg52","shadow-m":"underlay__shadow-m_1qg52","shadow-l":"underlay__shadow-l_1qg52","shadow-xl":"underlay__shadow-xl_1qg52","shadow-xs-hard":"underlay__shadow-xs-hard_1qg52","shadow-s-hard":"underlay__shadow-s-hard_1qg52","shadow-m-hard":"underlay__shadow-m-hard_1qg52","shadow-l-hard":"underlay__shadow-l-hard_1qg52","shadow-xl-hard":"underlay__shadow-xl-hard_1qg52","shadow-xs-up":"underlay__shadow-xs-up_1qg52","shadow-s-up":"underlay__shadow-s-up_1qg52","shadow-m-up":"underlay__shadow-m-up_1qg52","shadow-l-up":"underlay__shadow-l-up_1qg52","shadow-xl-up":"underlay__shadow-xl-up_1qg52","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_1qg52","shadow-s-hard-up":"underlay__shadow-s-hard-up_1qg52","shadow-m-hard-up":"underlay__shadow-m-hard-up_1qg52","shadow-l-hard-up":"underlay__shadow-l-hard-up_1qg52","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_1qg52","border-color-accent":"underlay__border-color-accent_1qg52","border-color-key":"underlay__border-color-key_1qg52","border-color-key-inverted":"underlay__border-color-key-inverted_1qg52","border-color-link":"underlay__border-color-link_1qg52","border-color-primary":"underlay__border-color-primary_1qg52","border-color-primary-inverted":"underlay__border-color-primary-inverted_1qg52","border-color-secondary":"underlay__border-color-secondary_1qg52","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_1qg52","border-color-tertiary":"underlay__border-color-tertiary_1qg52","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_1qg52","border-color-underline":"underlay__border-color-underline_1qg52","border-color-underline-inverted":"underlay__border-color-underline-inverted_1qg52","border-color-graphic-attention":"underlay__border-color-graphic-attention_1qg52","border-color-graphic-link":"underlay__border-color-graphic-link_1qg52","border-color-graphic-negative":"underlay__border-color-graphic-negative_1qg52","border-color-graphic-positive":"underlay__border-color-graphic-positive_1qg52","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_1qg52","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_1qg52","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_1qg52","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_1qg52","border-radius-m":"underlay__border-radius-m_1qg52","border-radius-xl":"underlay__border-radius-xl_1qg52","border-radius-xxl":"underlay__border-radius-xxl_1qg52","border-width-1":"underlay__border-width-1_1qg52","border-width-2":"underlay__border-width-2_1qg52","border-width-4":"underlay__border-width-4_1qg52"};
+var styles = {"component":"underlay__component_88cgf","overflowHide":"underlay__overflowHide_88cgf","background-accent":"underlay__background-accent_88cgf","background-info":"underlay__background-info_88cgf","background-attention-muted":"underlay__background-attention-muted_88cgf","background-positive-muted":"underlay__background-positive-muted_88cgf","background-negative-muted":"underlay__background-negative-muted_88cgf","background-primary":"underlay__background-primary_88cgf","background-primary-inverted":"underlay__background-primary-inverted_88cgf","background-secondary":"underlay__background-secondary_88cgf","background-secondary-inverted":"underlay__background-secondary-inverted_88cgf","background-tertiary":"underlay__background-tertiary_88cgf","background-tertiary-inverted":"underlay__background-tertiary-inverted_88cgf","background-quaternary":"underlay__background-quaternary_88cgf","background-quaternary-inverted":"underlay__background-quaternary-inverted_88cgf","background-specialbg-component":"underlay__background-specialbg-component_88cgf","background-specialbg-component-inverted":"underlay__background-specialbg-component-inverted_88cgf","background-specialbg-primary-grouped":"underlay__background-specialbg-primary-grouped_88cgf","background-specialbg-secondary-grouped":"underlay__background-specialbg-secondary-grouped_88cgf","background-specialbg-tertiary-grouped":"underlay__background-specialbg-tertiary-grouped_88cgf","background-specialbg-secondary-transparent":"underlay__background-specialbg-secondary-transparent_88cgf","background-specialbg-secondary-transparent-inverted":"underlay__background-specialbg-secondary-transparent-inverted_88cgf","background-specialbg-tertiary-transparent":"underlay__background-specialbg-tertiary-transparent_88cgf","background-specialbg-tertiary-transparent-inverted":"underlay__background-specialbg-tertiary-transparent-inverted_88cgf","padding-top-3xs":"underlay__padding-top-3xs_88cgf","padding-top-2xs":"underlay__padding-top-2xs_88cgf","padding-top-xs":"underlay__padding-top-xs_88cgf","padding-top-s":"underlay__padding-top-s_88cgf","padding-top-m":"underlay__padding-top-m_88cgf","padding-top-l":"underlay__padding-top-l_88cgf","padding-top-xl":"underlay__padding-top-xl_88cgf","padding-top-2xl":"underlay__padding-top-2xl_88cgf","padding-top-3xl":"underlay__padding-top-3xl_88cgf","padding-top-4xl":"underlay__padding-top-4xl_88cgf","padding-right-3xs":"underlay__padding-right-3xs_88cgf","padding-right-2xs":"underlay__padding-right-2xs_88cgf","padding-right-xs":"underlay__padding-right-xs_88cgf","padding-right-s":"underlay__padding-right-s_88cgf","padding-right-m":"underlay__padding-right-m_88cgf","padding-right-l":"underlay__padding-right-l_88cgf","padding-right-xl":"underlay__padding-right-xl_88cgf","padding-right-2xl":"underlay__padding-right-2xl_88cgf","padding-right-3xl":"underlay__padding-right-3xl_88cgf","padding-right-4xl":"underlay__padding-right-4xl_88cgf","padding-bottom-3xs":"underlay__padding-bottom-3xs_88cgf","padding-bottom-2xs":"underlay__padding-bottom-2xs_88cgf","padding-bottom-xs":"underlay__padding-bottom-xs_88cgf","padding-bottom-s":"underlay__padding-bottom-s_88cgf","padding-bottom-m":"underlay__padding-bottom-m_88cgf","padding-bottom-l":"underlay__padding-bottom-l_88cgf","padding-bottom-xl":"underlay__padding-bottom-xl_88cgf","padding-bottom-2xl":"underlay__padding-bottom-2xl_88cgf","padding-bottom-3xl":"underlay__padding-bottom-3xl_88cgf","padding-bottom-4xl":"underlay__padding-bottom-4xl_88cgf","padding-left-3xs":"underlay__padding-left-3xs_88cgf","padding-left-2xs":"underlay__padding-left-2xs_88cgf","padding-left-xs":"underlay__padding-left-xs_88cgf","padding-left-s":"underlay__padding-left-s_88cgf","padding-left-m":"underlay__padding-left-m_88cgf","padding-left-l":"underlay__padding-left-l_88cgf","padding-left-xl":"underlay__padding-left-xl_88cgf","padding-left-2xl":"underlay__padding-left-2xl_88cgf","padding-left-3xl":"underlay__padding-left-3xl_88cgf","padding-left-4xl":"underlay__padding-left-4xl_88cgf","shadow-xs":"underlay__shadow-xs_88cgf","shadow-s":"underlay__shadow-s_88cgf","shadow-m":"underlay__shadow-m_88cgf","shadow-l":"underlay__shadow-l_88cgf","shadow-xl":"underlay__shadow-xl_88cgf","shadow-xs-hard":"underlay__shadow-xs-hard_88cgf","shadow-s-hard":"underlay__shadow-s-hard_88cgf","shadow-m-hard":"underlay__shadow-m-hard_88cgf","shadow-l-hard":"underlay__shadow-l-hard_88cgf","shadow-xl-hard":"underlay__shadow-xl-hard_88cgf","shadow-xs-up":"underlay__shadow-xs-up_88cgf","shadow-s-up":"underlay__shadow-s-up_88cgf","shadow-m-up":"underlay__shadow-m-up_88cgf","shadow-l-up":"underlay__shadow-l-up_88cgf","shadow-xl-up":"underlay__shadow-xl-up_88cgf","shadow-xs-hard-up":"underlay__shadow-xs-hard-up_88cgf","shadow-s-hard-up":"underlay__shadow-s-hard-up_88cgf","shadow-m-hard-up":"underlay__shadow-m-hard-up_88cgf","shadow-l-hard-up":"underlay__shadow-l-hard-up_88cgf","shadow-xl-hard-up":"underlay__shadow-xl-hard-up_88cgf","border-color-accent":"underlay__border-color-accent_88cgf","border-color-key":"underlay__border-color-key_88cgf","border-color-key-inverted":"underlay__border-color-key-inverted_88cgf","border-color-link":"underlay__border-color-link_88cgf","border-color-primary":"underlay__border-color-primary_88cgf","border-color-primary-inverted":"underlay__border-color-primary-inverted_88cgf","border-color-secondary":"underlay__border-color-secondary_88cgf","border-color-secondary-inverted":"underlay__border-color-secondary-inverted_88cgf","border-color-tertiary":"underlay__border-color-tertiary_88cgf","border-color-tertiary-inverted":"underlay__border-color-tertiary-inverted_88cgf","border-color-underline":"underlay__border-color-underline_88cgf","border-color-underline-inverted":"underlay__border-color-underline-inverted_88cgf","border-color-graphic-attention":"underlay__border-color-graphic-attention_88cgf","border-color-graphic-link":"underlay__border-color-graphic-link_88cgf","border-color-graphic-negative":"underlay__border-color-graphic-negative_88cgf","border-color-graphic-positive":"underlay__border-color-graphic-positive_88cgf","border-color-specialbg-secondary-transparent":"underlay__border-color-specialbg-secondary-transparent_88cgf","border-color-specialbg-secondary-transparent-inverted":"underlay__border-color-specialbg-secondary-transparent-inverted_88cgf","border-color-specialbg-tertiary-transparent":"underlay__border-color-specialbg-tertiary-transparent_88cgf","border-color-specialbg-tertiary-transparent-inverted":"underlay__border-color-specialbg-tertiary-transparent-inverted_88cgf","border-radius-m":"underlay__border-radius-m_88cgf","border-radius-l":"underlay__border-radius-l_88cgf","border-radius-xl":"underlay__border-radius-xl_88cgf","border-radius-xxl":"underlay__border-radius-xxl_88cgf","border-width-1":"underlay__border-width-1_88cgf","border-width-2":"underlay__border-width-2_88cgf","border-width-4":"underlay__border-width-4_88cgf"};
 require('./index.css');
 
 var Underlay = forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, borderRadius = _a.borderRadius, shadow = _a.shadow, borderSize = _a.borderSize, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, className = _a.className, padding = _a.padding, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "borderRadius", "shadow", "borderSize", "backgroundColor", "borderColor", "className", "padding", "dataTestId"]);
+    var _b, _c;
+    var children = _a.children, borderRadius = _a.borderRadius, shadow = _a.shadow, borderSize = _a.borderSize, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, className = _a.className, padding = _a.padding, dataTestId = _a.dataTestId, _d = _a.overflow, overflow = _d === void 0 ? true : _d, restProps = __rest(_a, ["children", "borderRadius", "shadow", "borderSize", "backgroundColor", "borderColor", "className", "padding", "dataTestId", "overflow"]);
     var paddingSize = typeof padding === 'string'
         ? { top: padding, left: padding, right: padding, bottom: padding }
         : padding;
@@ -55,7 +55,7 @@ var Underlay = forwardRef(function (_a, ref) {
         _b[styles["padding-bottom-".concat(paddingSize.bottom)]] = paddingSize.bottom,
         _b[styles["padding-left-".concat(paddingSize.left)]] = paddingSize.left,
         _b);
-    return (React.createElement("div", __assign({ ref: ref, className: cn(styles.component, paddingStyles, backgroundColor && styles["background-".concat(backgroundColor)], borderRadius && styles["border-radius-".concat(borderRadius)], borderColor && styles["border-color-".concat(borderColor)], borderSize && styles["border-width-".concat(borderSize)], shadow && styles[shadow], className), "data-test-id": dataTestId }, restProps), children));
+    return (React.createElement("div", __assign({ ref: ref, className: cn(styles.component, paddingStyles, backgroundColor && styles["background-".concat(backgroundColor)], borderRadius && styles["border-radius-".concat(borderRadius)], borderColor && styles["border-color-".concat(borderColor)], borderSize && styles["border-width-".concat(borderSize)], shadow && styles[shadow], (_c = {}, _c[styles.overflowHide] = !overflow, _c), className), "data-test-id": dataTestId }, restProps), children));
 });
 
 export { Underlay };