@alfalab/core-components-universal-modal 3.2.1 → 3.2.2

package/esm/desktop/utils/get-margin-styles.d.ts

@@ -2,7 +2,6 @@ import { type UniversalModalDesktopProps } from '../types/props';
 interface Params {
     styles: Record<string, string>;
     margin: UniversalModalDesktopProps['margin'];
-    height: NonNullable<UniversalModalDesktopProps['height']>;
 }
 export declare const getMarginStyles: (params: Params) => Record<string, boolean>;
 export {};

package/esm/desktop/utils/get-margin-styles.js

@@ -1,21 +1,15 @@
+import { __assign } from 'tslib';
 import { hasOwnProperty } from '@alfalab/core-components-shared/esm';
 
 var getMarginStyles = function (params) {
-    var _a;
-    var margin = params.margin, styles = params.styles, height = params.height;
-    if (margin) {
-        var isHugContent = height === 'hugContent';
-        return _a = {},
-            _a[styles["marginTop-".concat(margin.top)]] = hasOwnProperty(margin, 'top'),
-            _a[styles["marginRight-".concat(margin.right)]] = hasOwnProperty(margin, 'right'),
-            _a[styles["marginBottom-".concat(margin.bottom)]] = hasOwnProperty(margin, 'bottom'),
-            _a[styles["marginLeft-".concat(margin.left)]] = hasOwnProperty(margin, 'left'),
-            _a[styles.hugContent] = isHugContent,
-            _a[styles["topGap-".concat(margin.top)]] = isHugContent && hasOwnProperty(margin, 'top'),
-            _a[styles["bottomGap-".concat(margin.bottom)]] = isHugContent && hasOwnProperty(margin, 'bottom'),
-            _a;
+    var _a, _b, _c, _d;
+    var margin = params.margin, styles = params.styles;
+    if (!margin) {
+        return {};
     }
-    return {};
+    return __assign(__assign(__assign(__assign({}, (hasOwnProperty(margin, 'top') && (_a = {}, _a[styles["marginTop-".concat(margin.top)]] = true, _a))), (hasOwnProperty(margin, 'right') && (_b = {}, _b[styles["marginRight-".concat(margin.right)]] = true, _b))), (hasOwnProperty(margin, 'bottom') && (_c = {},
+        _c[styles["marginBottom-".concat(margin.bottom)]] = true,
+        _c))), (hasOwnProperty(margin, 'left') && (_d = {}, _d[styles["marginLeft-".concat(margin.left)]] = true, _d)));
 };
 
 export { getMarginStyles };

package/esm/desktop/utils/get-margin-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n    height: NonNullable<UniversalModalDesktopProps['height']>;\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles, height } = params;\n\n    if (margin) {\n        const isHugContent = height === 'hugContent';\n\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n            [styles.hugContent]: isHugContent,\n            [styles[`topGap-${margin.top}`]]: isHugContent && hasOwnProperty(margin, 'top'),\n            [styles[`bottomGap-${margin.bottom}`]]:\n                isHugContent && hasOwnProperty(margin, 'bottom'),\n        };\n    }\n\n    return {};\n};\n"],"names":[],"mappings":";;AAUO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;AAClC,IAAA,IAAA,MAAM,GAAqB,MAAM,CAAA,MAA3B,EAAE,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAE9B,IAAI,MAAM,EAAE;AACR,QAAA,IAAM,YAAY,GAAG,MAAM,KAAK,YAAY;AAE5C,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACrE,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,YAAY;AACjC,YAAA,EAAA,CAAC,MAAM,CAAC,SAAA,CAAA,MAAA,CAAU,MAAM,CAAC,GAAG,CAAE,CAAC,CAAG,GAAA,YAAY,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAC/E,YAAA,EAAA,CAAC,MAAM,CAAC,YAAA,CAAA,MAAA,CAAa,MAAM,CAAC,MAAM,CAAE,CAAC,CACjC,GAAA,YAAY,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AACtD,YAAA,EAAA;;AAGN,IAAA,OAAO,EAAE;AACb;;;;"}
+{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (!margin) {\n        return {};\n    }\n\n    return {\n        ...(hasOwnProperty(margin, 'top') && { [styles[`marginTop-${margin.top}`]]: true }),\n        ...(hasOwnProperty(margin, 'right') && { [styles[`marginRight-${margin.right}`]]: true }),\n        ...(hasOwnProperty(margin, 'bottom') && {\n            [styles[`marginBottom-${margin.bottom}`]]: true,\n        }),\n        ...(hasOwnProperty(margin, 'left') && { [styles[`marginLeft-${margin.left}`]]: true }),\n    };\n};\n"],"names":[],"mappings":";;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;IAEtB,IAAI,CAAC,MAAM,EAAE;AACT,QAAA,OAAO,EAAE;;IAGb,OACO,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,GAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,KAAM,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,oBAAa,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAG,IAAI,EAAE,EAAA,CAAA,EAC/E,GAAC,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,KAAM,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,cAAA,CAAA,MAAA,CAAe,MAAM,CAAC,KAAK,CAAE,CAAC,CAAG,GAAA,IAAI,EAAE,EAAA,CAAA,EACrF,GAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAA,EAAA,GAAA,EAAA;QAChC,EAAC,CAAA,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAG,IAAI;WAClD,EAAC,GACE,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,KAAA,EAAA,GAAA,EAAA,EAAM,EAAC,CAAA,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAG,GAAA,IAAI,EAAE,EAAA,CAAA,EACvF;AACN;;;;"}

package/esm/mobile/components/content/index.css

@@ -1,14 +1,13 @@
 :root {
-    --gap-l: 20px;
     --gap-0: 0px;
-    --gap-20: var(--gap-l);
+    --gap-20: 20px;
 }
-.universal-modal__content_1dqbk {
+.universal-modal__content_92r7v {
     padding: var(--gap-20);
 }
-.universal-modal__content_1dqbk.universal-modal__withHeader_1dqbk {
+.universal-modal__content_92r7v.universal-modal__withHeader_92r7v {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_1dqbk.universal-modal__withFooter_1dqbk {
+.universal-modal__content_92r7v.universal-modal__withFooter_92r7v {
         padding-bottom: var(--gap-0);
     }

package/esm/mobile/components/content/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"content":"universal-modal__content_1dqbk","withHeader":"universal-modal__withHeader_1dqbk","withFooter":"universal-modal__withFooter_1dqbk"};
+var styles = {"content":"universal-modal__content_92r7v","withHeader":"universal-modal__withHeader_92r7v","withFooter":"universal-modal__withFooter_92r7v"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/mobile/components/footer/index.css

@@ -1,11 +1,10 @@
 :root {
-    --gap-l: 20px;
     --gap-0: 0px;
-    --gap-20: var(--gap-l);
+    --gap-20: 20px;
 }
-.universal-modal__footer_18zct {
+.universal-modal__footer_sk6o6 {
     padding: var(--gap-20);
 }
-.universal-modal__sticky_18zct {
+.universal-modal__sticky_sk6o6 {
     bottom: var(--gap-0);
 }

package/esm/mobile/components/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"universal-modal__footer_18zct","sticky":"universal-modal__sticky_18zct"};
+var styles = {"footer":"universal-modal__footer_sk6o6","sticky":"universal-modal__sticky_sk6o6"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/mobile/components/footer/layout.mobile.css

@@ -1,26 +1,25 @@
 :root {
-    --gap-xs: 8px;
-    --gap-8: var(--gap-xs);
+    --gap-8: 8px;
 }
-.universal-modal__column_e5ig0 {
+.universal-modal__column_18lpj {
     flex-direction: column;
 }
-.universal-modal__start_e5ig0 {
+.universal-modal__start_18lpj {
     justify-content: flex-start;
 }
-.universal-modal__center_e5ig0 {
+.universal-modal__center_18lpj {
     justify-content: center;
 }
-.universal-modal__space-between_e5ig0 {
+.universal-modal__space-between_18lpj {
     justify-content: space-between;
 }
-.universal-modal__space-between_e5ig0 > * {
+.universal-modal__space-between_18lpj > * {
         flex: 1;
     }
-.universal-modal__start_e5ig0,
-.universal-modal__center_e5ig0,
-.universal-modal__space-between_e5ig0,
-.universal-modal__column_e5ig0 {
+.universal-modal__start_18lpj,
+.universal-modal__center_18lpj,
+.universal-modal__space-between_18lpj,
+.universal-modal__column_18lpj {
     display: flex;
     gap: var(--gap-8);
 }

package/esm/mobile/components/footer/layout.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-var layoutStylesMobile = {"column":"universal-modal__column_e5ig0","start":"universal-modal__start_e5ig0","center":"universal-modal__center_e5ig0","space-between":"universal-modal__space-between_e5ig0"};
+var layoutStylesMobile = {"column":"universal-modal__column_18lpj","start":"universal-modal__start_18lpj","center":"universal-modal__center_18lpj","space-between":"universal-modal__space-between_18lpj"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/esm/mobile/components/header/index.css

@@ -1,22 +1,18 @@
 :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-4: var(--gap-2xs);
+    --gap-4: 4px;
     --gap-6: 6px;
-    --gap-8: var(--gap-xs);
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
+    --gap-8: 8px;
+    --gap-12: 12px;
+    --gap-16: 16px;
 }
 :root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.universal-modal__header_1wfw8 {
+.universal-modal__header_ruz9p {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_1wfw8 {
+.universal-modal__content_ruz9p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
@@ -25,7 +21,7 @@
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_1wfw8 {
+.universal-modal__bottomAddons_ruz9p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/esm/mobile/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var mobileStyles = {"header":"universal-modal__header_1wfw8","content":"universal-modal__content_1wfw8","bottomAddons":"universal-modal__bottomAddons_1wfw8"};
+var mobileStyles = {"header":"universal-modal__header_ruz9p","content":"universal-modal__content_ruz9p","bottomAddons":"universal-modal__bottomAddons_ruz9p"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_kvehx {
+.universal-modal__component_kzifs {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_kvehx .universal-modal__content_kvehx {
+.universal-modal__component_kzifs .universal-modal__content_kzifs {
         height: auto;
     }
-.universal-modal__component_kvehx.universal-modal__component_kvehx {
+.universal-modal__component_kzifs.universal-modal__component_kzifs {
     position: fixed;
     flex: 1;
 }

package/esm/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"component":"universal-modal__component_kvehx","content":"universal-modal__content_kvehx"};
+var styles = {"component":"universal-modal__component_kzifs","content":"universal-modal__content_kzifs"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_en3bm,
-.universal-modal__enter_en3bm {
+.universal-modal__appear_1yodc,
+.universal-modal__enter_1yodc {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_en3bm,
-.universal-modal__enterActive_en3bm {
+.universal-modal__appearActive_1yodc,
+.universal-modal__enterActive_1yodc {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_en3bm {
+.universal-modal__exit_1yodc {
     transform: translateX(0);
 }
-.universal-modal__exitActive_en3bm,
-.universal-modal__exitDone_en3bm {
+.universal-modal__exitActive_1yodc,
+.universal-modal__exitDone_1yodc {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-var rightSideTransitions = {"appear":"universal-modal__appear_en3bm","enter":"universal-modal__enter_en3bm","appearActive":"universal-modal__appearActive_en3bm","enterActive":"universal-modal__enterActive_en3bm","exit":"universal-modal__exit_en3bm","exitActive":"universal-modal__exitActive_en3bm","exitDone":"universal-modal__exitDone_en3bm"};
+var rightSideTransitions = {"appear":"universal-modal__appear_1yodc","enter":"universal-modal__enter_1yodc","appearActive":"universal-modal__appearActive_1yodc","enterActive":"universal-modal__enterActive_1yodc","exit":"universal-modal__exit_1yodc","exitActive":"universal-modal__exitActive_1yodc","exitDone":"universal-modal__exitDone_1yodc"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/esm/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_z54tt,
-.universal-modal__enter_z54tt {
+.universal-modal__appear_ava34,
+.universal-modal__enter_ava34 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_z54tt,
-.universal-modal__enterActive_z54tt {
+.universal-modal__appearActive_ava34,
+.universal-modal__enterActive_ava34 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_z54tt {
+.universal-modal__exit_ava34 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_z54tt,
-.universal-modal__exitDone_z54tt {
+.universal-modal__exitActive_ava34,
+.universal-modal__exitDone_ava34 {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/esm/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var transitions = {"appear":"universal-modal__appear_z54tt","enter":"universal-modal__enter_z54tt","appearActive":"universal-modal__appearActive_z54tt","enterActive":"universal-modal__enterActive_z54tt","exit":"universal-modal__exit_z54tt","exitActive":"universal-modal__exitActive_z54tt","exitDone":"universal-modal__exitDone_z54tt"};
+var transitions = {"appear":"universal-modal__appear_ava34","enter":"universal-modal__enter_ava34","appearActive":"universal-modal__appearActive_ava34","enterActive":"universal-modal__enterActive_ava34","exit":"universal-modal__exit_ava34","exitActive":"universal-modal__exitActive_ava34","exitDone":"universal-modal__exitDone_ava34"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/mobile/components/content/index.css

@@ -1,14 +1,13 @@
 :root {
-    --gap-l: 20px;
     --gap-0: 0px;
-    --gap-20: var(--gap-l);
+    --gap-20: 20px;
 }
-.universal-modal__content_1dqbk {
+.universal-modal__content_92r7v {
     padding: var(--gap-20);
 }
-.universal-modal__content_1dqbk.universal-modal__withHeader_1dqbk {
+.universal-modal__content_92r7v.universal-modal__withHeader_92r7v {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_1dqbk.universal-modal__withFooter_1dqbk {
+.universal-modal__content_92r7v.universal-modal__withFooter_92r7v {
         padding-bottom: var(--gap-0);
     }

package/mobile/components/content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_1dqbk","withHeader":"universal-modal__withHeader_1dqbk","withFooter":"universal-modal__withFooter_1dqbk"};
+var styles = {"content":"universal-modal__content_92r7v","withHeader":"universal-modal__withHeader_92r7v","withFooter":"universal-modal__withFooter_92r7v"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/mobile/components/footer/index.css

@@ -1,11 +1,10 @@
 :root {
-    --gap-l: 20px;
     --gap-0: 0px;
-    --gap-20: var(--gap-l);
+    --gap-20: 20px;
 }
-.universal-modal__footer_18zct {
+.universal-modal__footer_sk6o6 {
     padding: var(--gap-20);
 }
-.universal-modal__sticky_18zct {
+.universal-modal__sticky_sk6o6 {
     bottom: var(--gap-0);
 }

package/mobile/components/footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_18zct","sticky":"universal-modal__sticky_18zct"};
+var styles = {"footer":"universal-modal__footer_sk6o6","sticky":"universal-modal__sticky_sk6o6"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/mobile/components/footer/layout.mobile.css

@@ -1,26 +1,25 @@
 :root {
-    --gap-xs: 8px;
-    --gap-8: var(--gap-xs);
+    --gap-8: 8px;
 }
-.universal-modal__column_e5ig0 {
+.universal-modal__column_18lpj {
     flex-direction: column;
 }
-.universal-modal__start_e5ig0 {
+.universal-modal__start_18lpj {
     justify-content: flex-start;
 }
-.universal-modal__center_e5ig0 {
+.universal-modal__center_18lpj {
     justify-content: center;
 }
-.universal-modal__space-between_e5ig0 {
+.universal-modal__space-between_18lpj {
     justify-content: space-between;
 }
-.universal-modal__space-between_e5ig0 > * {
+.universal-modal__space-between_18lpj > * {
         flex: 1;
     }
-.universal-modal__start_e5ig0,
-.universal-modal__center_e5ig0,
-.universal-modal__space-between_e5ig0,
-.universal-modal__column_e5ig0 {
+.universal-modal__start_18lpj,
+.universal-modal__center_18lpj,
+.universal-modal__space-between_18lpj,
+.universal-modal__column_18lpj {
     display: flex;
     gap: var(--gap-8);
 }

package/mobile/components/footer/layout.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_e5ig0","start":"universal-modal__start_e5ig0","center":"universal-modal__center_e5ig0","space-between":"universal-modal__space-between_e5ig0"};
+var layoutStylesMobile = {"column":"universal-modal__column_18lpj","start":"universal-modal__start_18lpj","center":"universal-modal__center_18lpj","space-between":"universal-modal__space-between_18lpj"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/mobile/components/header/index.css

@@ -1,22 +1,18 @@
 :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-4: var(--gap-2xs);
+    --gap-4: 4px;
     --gap-6: 6px;
-    --gap-8: var(--gap-xs);
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
+    --gap-8: 8px;
+    --gap-12: 12px;
+    --gap-16: 16px;
 }
 :root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.universal-modal__header_1wfw8 {
+.universal-modal__header_ruz9p {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_1wfw8 {
+.universal-modal__content_ruz9p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
@@ -25,7 +21,7 @@
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_1wfw8 {
+.universal-modal__bottomAddons_ruz9p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/mobile/components/header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var mobileStyles = {"header":"universal-modal__header_1wfw8","content":"universal-modal__content_1wfw8","bottomAddons":"universal-modal__bottomAddons_1wfw8"};
+var mobileStyles = {"header":"universal-modal__header_ruz9p","content":"universal-modal__content_ruz9p","bottomAddons":"universal-modal__bottomAddons_ruz9p"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=index.module.css.js.map

package/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_kvehx {
+.universal-modal__component_kzifs {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_kvehx .universal-modal__content_kvehx {
+.universal-modal__component_kzifs .universal-modal__content_kzifs {
         height: auto;
     }
-.universal-modal__component_kvehx.universal-modal__component_kvehx {
+.universal-modal__component_kzifs.universal-modal__component_kzifs {
     position: fixed;
     flex: 1;
 }

package/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"component":"universal-modal__component_kvehx","content":"universal-modal__content_kvehx"};
+var styles = {"component":"universal-modal__component_kzifs","content":"universal-modal__content_kzifs"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_en3bm,
-.universal-modal__enter_en3bm {
+.universal-modal__appear_1yodc,
+.universal-modal__enter_1yodc {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_en3bm,
-.universal-modal__enterActive_en3bm {
+.universal-modal__appearActive_1yodc,
+.universal-modal__enterActive_1yodc {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_en3bm {
+.universal-modal__exit_1yodc {
     transform: translateX(0);
 }
-.universal-modal__exitActive_en3bm,
-.universal-modal__exitDone_en3bm {
+.universal-modal__exitActive_1yodc,
+.universal-modal__exitDone_1yodc {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./right-side-transitions.mobile.css');
 
-var rightSideTransitions = {"appear":"universal-modal__appear_en3bm","enter":"universal-modal__enter_en3bm","appearActive":"universal-modal__appearActive_en3bm","enterActive":"universal-modal__enterActive_en3bm","exit":"universal-modal__exit_en3bm","exitActive":"universal-modal__exitActive_en3bm","exitDone":"universal-modal__exitDone_en3bm"};
+var rightSideTransitions = {"appear":"universal-modal__appear_1yodc","enter":"universal-modal__enter_1yodc","appearActive":"universal-modal__appearActive_1yodc","enterActive":"universal-modal__enterActive_1yodc","exit":"universal-modal__exit_1yodc","exitActive":"universal-modal__exitActive_1yodc","exitDone":"universal-modal__exitDone_1yodc"};
 
 module.exports = rightSideTransitions;
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_z54tt,
-.universal-modal__enter_z54tt {
+.universal-modal__appear_ava34,
+.universal-modal__enter_ava34 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_z54tt,
-.universal-modal__enterActive_z54tt {
+.universal-modal__appearActive_ava34,
+.universal-modal__enterActive_ava34 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_z54tt {
+.universal-modal__exit_ava34 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_z54tt,
-.universal-modal__exitDone_z54tt {
+.universal-modal__exitActive_ava34,
+.universal-modal__exitDone_ava34 {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/mobile/transitions/transitions.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_z54tt","enter":"universal-modal__enter_z54tt","appearActive":"universal-modal__appearActive_z54tt","enterActive":"universal-modal__enterActive_z54tt","exit":"universal-modal__exit_z54tt","exitActive":"universal-modal__exitActive_z54tt","exitDone":"universal-modal__exitDone_z54tt"};
+var transitions = {"appear":"universal-modal__appear_ava34","enter":"universal-modal__enter_ava34","appearActive":"universal-modal__appearActive_ava34","enterActive":"universal-modal__enterActive_ava34","exit":"universal-modal__exit_ava34","exitActive":"universal-modal__exitActive_ava34","exitDone":"universal-modal__exitDone_ava34"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/modern/components/base-content/index.css

@@ -1,8 +1,7 @@
 :root {
-    --gap-2xl: 32px;
-    --gap-32: var(--gap-2xl);
+    --gap-32: 32px;
 }
-.universal-modal__content_8uhzg {
+.universal-modal__content_1di2b {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/modern/components/base-content/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"content":"universal-modal__content_8uhzg"};
+const styles = {"content":"universal-modal__content_1di2b"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map