@alfalab/core-components 41.12.0 → 41.13.0

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-ce97382c.js';
+export { a as List, L as ListContext } from './Component-32310877.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-ce97382c.js';
+export { I as Item } from '../../Component-32310877.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.css

@@ -21,29 +21,29 @@
 } :root {
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
-} .list__item_1dra7 {
+} .list__item_2hev5 {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_1dra7:first-child {
+} .list__item_2hev5:first-child {
         margin-top: 0;
-    } .list__item_1dra7.list__reversed_1dra7:first-child {
+    } .list__item_2hev5.list__reversed_2hev5:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_1dra7.list__reversed_1dra7:last-child {
+    } .list__item_2hev5.list__reversed_2hev5:last-child {
         margin-top: 0;
-    } .list__item_1dra7.list__unorderedItem_1dra7 {
+    } .list__item_2hev5.list__unorderedItem_2hev5 {
         display: list-item;
-    } .list__slot_1dra7 {
+    } .list__slot_2hev5 {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_1dra7.list__defaultColor_1dra7 {
+} .list__slot_2hev5.list__defaultColor_2hev5 {
         color: var(--list-marker-color);
-    } .list__slot_1dra7.list__disc_1dra7 {
+    } .list__slot_2hev5.list__disc_2hev5 {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_1dra7 {
+    } .list__caption_2hev5 {
     margin-top: var(--gap-3xs);
 }

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-ce97382c";
+export * from "../../Component-32310877";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-ce97382c.js';
+export { I as Item } from '../../Component-32310877.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_macnt {
+} .list__list_1hrj4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_macnt {
+} .list__lowerAlpha_1hrj4 {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_macnt {
+} .list__decimal_1hrj4 {
     list-style-type: decimal;
-} ol.list__list_macnt {
+} ol.list__list_1hrj4 {
     display: flex;
     flex-direction: column
-} ol.list__list_macnt.list__reversed_macnt {
+} ol.list__list_1hrj4.list__reversed_1hrj4 {
         flex-direction: column-reverse;
     }

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-ce97382c.js';
+export { a as List, L as ListContext } from './Component-32310877.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_macnt {
+} .list__list_1hrj4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_macnt {
+} .list__lowerAlpha_1hrj4 {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_macnt {
+} .list__decimal_1hrj4 {
     list-style-type: decimal;
-} ol.list__list_macnt {
+} ol.list__list_1hrj4 {
     display: flex;
     flex-direction: column
-} ol.list__list_macnt.list__reversed_macnt {
+} ol.list__list_1hrj4.list__reversed_1hrj4 {
         flex-direction: column-reverse;
     }

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-682c731b.js');
+var components_item_Component = require('./Component-0843dadf.js');
 var presets = require('./presets.js');
 require('tslib');
 require('react');

package/list/modern/{Component-3000577e.js → Component-5597c7a4.js}

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 import { isItem } from './utils.js';
 
-const styles$1 = {"item":"list__item_1dra7","reversed":"list__reversed_1dra7","unorderedItem":"list__unorderedItem_1dra7","slot":"list__slot_1dra7","defaultColor":"list__defaultColor_1dra7","disc":"list__disc_1dra7","caption":"list__caption_1dra7"};
+const styles$1 = {"item":"list__item_2hev5","reversed":"list__reversed_2hev5","unorderedItem":"list__unorderedItem_2hev5","slot":"list__slot_2hev5","defaultColor":"list__defaultColor_2hev5","disc":"list__disc_2hev5","caption":"list__caption_2hev5"};
 require('./components/item/index.css');
 
 const Item = ({ caption, children }) => {
@@ -27,7 +27,7 @@ const Item = ({ caption, children }) => {
 };
 Item.displayName = 'ListItem';
 
-const styles = {"list":"list__list_macnt","lowerAlpha":"list__lowerAlpha_macnt","decimal":"list__decimal_macnt","reversed":"list__reversed_macnt"};
+const styles = {"list":"list__list_1hrj4","lowerAlpha":"list__lowerAlpha_1hrj4","decimal":"list__decimal_1hrj4","reversed":"list__reversed_1hrj4"};
 require('./index.css');
 
 const ListContext = React.createContext({});

package/list/modern/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-3000577e.js';
+export { a as List, L as ListContext } from './Component-5597c7a4.js';
 import '../../typography/modern';
 import './utils.js';

package/list/modern/components/item/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { I as Item } from '../../Component-3000577e.js';
+export { I as Item } from '../../Component-5597c7a4.js';
 import '../../utils.js';

package/list/modern/components/item/index.css

@@ -21,29 +21,29 @@
 } :root {
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
-} .list__item_1dra7 {
+} .list__item_2hev5 {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_1dra7:first-child {
+} .list__item_2hev5:first-child {
         margin-top: 0;
-    } .list__item_1dra7.list__reversed_1dra7:first-child {
+    } .list__item_2hev5.list__reversed_2hev5:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_1dra7.list__reversed_1dra7:last-child {
+    } .list__item_2hev5.list__reversed_2hev5:last-child {
         margin-top: 0;
-    } .list__item_1dra7.list__unorderedItem_1dra7 {
+    } .list__item_2hev5.list__unorderedItem_2hev5 {
         display: list-item;
-    } .list__slot_1dra7 {
+    } .list__slot_2hev5 {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_1dra7.list__defaultColor_1dra7 {
+} .list__slot_2hev5.list__defaultColor_2hev5 {
         color: var(--list-marker-color);
-    } .list__slot_1dra7.list__disc_1dra7 {
+    } .list__slot_2hev5.list__disc_2hev5 {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_1dra7 {
+    } .list__caption_2hev5 {
     margin-top: var(--gap-3xs);
 }

package/list/modern/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-3000577e";
+export * from "../../Component-5597c7a4";

package/list/modern/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-3000577e.js';
+export { I as Item } from '../../Component-5597c7a4.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_macnt {
+} .list__list_1hrj4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_macnt {
+} .list__lowerAlpha_1hrj4 {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_macnt {
+} .list__decimal_1hrj4 {
     list-style-type: decimal;
-} ol.list__list_macnt {
+} ol.list__list_1hrj4 {
     display: flex;
     flex-direction: column
-} ol.list__list_macnt.list__reversed_macnt {
+} ol.list__list_1hrj4.list__reversed_1hrj4 {
         flex-direction: column-reverse;
     }

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-3000577e.js';
+export { a as List, L as ListContext } from './Component-5597c7a4.js';
 export { listPresets } from './presets.js';
 import 'react';
 import 'classnames';

package/list-header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"list-header__component_fbta1","description":"list-header__description_fbta1","filled":"list-header__filled_fbta1"};
+var styles = {"component":"list-header__component_1we5u","description":"list-header__description_1we5u","filled":"list-header__filled_1we5u"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"list-header__component_fbta1","description":"list-header__description_fbta1","filled":"list-header__filled_fbta1"};
+var styles = {"component":"list-header__component_1we5u","description":"list-header__description_1we5u","filled":"list-header__filled_1we5u"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -22,11 +22,11 @@
 } :root {
 } :root {
     --list-header-description-opacity: 0.6;
-} .list-header__component_fbta1 {
+} .list-header__component_1we5u {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_fbta1 {
+} .list-header__description_1we5u {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_fbta1 {
+} .list-header__filled_1we5u {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -22,11 +22,11 @@
 } :root {
 } :root {
     --list-header-description-opacity: 0.6;
-} .list-header__component_fbta1 {
+} .list-header__component_1we5u {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_fbta1 {
+} .list-header__description_1we5u {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_fbta1 {
+} .list-header__filled_1we5u {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-const styles = {"component":"list-header__component_fbta1","description":"list-header__description_fbta1","filled":"list-header__filled_fbta1"};
+const styles = {"component":"list-header__component_1we5u","description":"list-header__description_1we5u","filled":"list-header__filled_1we5u"};
 require('./index.css');
 
 const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },

package/list-header/modern/index.css

@@ -22,11 +22,11 @@
 } :root {
 } :root {
     --list-header-description-opacity: 0.6;
-} .list-header__component_fbta1 {
+} .list-header__component_1we5u {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_fbta1 {
+} .list-header__description_1we5u {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_fbta1 {
+} .list-header__filled_1we5u {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"loader__component_1b6b5","blink":"loader__blink_1b6b5"};
+var styles = {"component":"loader__component_1smd6","blink":"loader__blink_1smd6"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_1b6b5","blink":"loader__blink_1b6b5"};
+var styles = {"component":"loader__component_1smd6","blink":"loader__blink_1smd6"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -15,34 +15,34 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .loader__component_1b6b5 {
+} .loader__component_1smd6 {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
-} .loader__component_1b6b5 div {
+} .loader__component_1smd6 div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1b6b5;
+        animation-name: loader__blink_1smd6;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
-    } .loader__component_1b6b5 div:nth-child(1) {
+    } .loader__component_1smd6 div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
-    } .loader__component_1b6b5 div:nth-child(2) {
+    } .loader__component_1smd6 div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
-    } .loader__component_1b6b5 div:nth-child(3) {
+    } .loader__component_1smd6 div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
-    } @keyframes loader__blink_1b6b5 {
+    } @keyframes loader__blink_1smd6 {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -15,34 +15,34 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .loader__component_1b6b5 {
+} .loader__component_1smd6 {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
-} .loader__component_1b6b5 div {
+} .loader__component_1smd6 div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1b6b5;
+        animation-name: loader__blink_1smd6;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
-    } .loader__component_1b6b5 div:nth-child(1) {
+    } .loader__component_1smd6 div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
-    } .loader__component_1b6b5 div:nth-child(2) {
+    } .loader__component_1smd6 div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
-    } .loader__component_1b6b5 div:nth-child(3) {
+    } .loader__component_1smd6 div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
-    } @keyframes loader__blink_1b6b5 {
+    } @keyframes loader__blink_1smd6 {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"loader__component_1b6b5","blink":"loader__blink_1b6b5"};
+const styles = {"component":"loader__component_1smd6","blink":"loader__blink_1smd6"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

@@ -15,34 +15,34 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .loader__component_1b6b5 {
+} .loader__component_1smd6 {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
-} .loader__component_1b6b5 div {
+} .loader__component_1smd6 div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1b6b5;
+        animation-name: loader__blink_1smd6;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
-    } .loader__component_1b6b5 div:nth-child(1) {
+    } .loader__component_1smd6 div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
-    } .loader__component_1b6b5 div:nth-child(2) {
+    } .loader__component_1smd6 div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
-    } .loader__component_1b6b5 div:nth-child(3) {
+    } .loader__component_1smd6 div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
-    } @keyframes loader__blink_1b6b5 {
+    } @keyframes loader__blink_1smd6 {
     21% {
         transform: scale(1);
     }

package/masked-input/Component.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"textHidden":"masked-input__textHidden_lqyki"};
+var styles = {"textHidden":"masked-input__textHidden_1dka4"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '../../input/esm';
 
-var styles = {"textHidden":"masked-input__textHidden_lqyki"};
+var styles = {"textHidden":"masked-input__textHidden_1dka4"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 1rn7z */
-.masked-input__textHidden_lqyki input {
+.masked-input__textHidden_1dka4 input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 1rn7z */
-.masked-input__textHidden_lqyki input {
+.masked-input__textHidden_1dka4 input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '../../input/modern';
 
-const styles = {"textHidden":"masked-input__textHidden_lqyki"};
+const styles = {"textHidden":"masked-input__textHidden_1dka4"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 1rn7z */
-.masked-input__textHidden_lqyki input {
+.masked-input__textHidden_1dka4 input {
     opacity: 0;
 }

package/modal/Component.js

@@ -13,13 +13,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"wrapper":"modal__wrapper_pifgh","component":"modal__component_pifgh","fullscreen":"modal__fullscreen_pifgh","s":"modal__s_pifgh","m":"modal__m_pifgh","l":"modal__l_pifgh","xl":"modal__xl_pifgh"};
+var desktopStyles = {"wrapper":"modal__wrapper_1a47d","component":"modal__component_1a47d","fullscreen":"modal__fullscreen_1a47d","s":"modal__s_1a47d","m":"modal__m_1a47d","l":"modal__l_1a47d","xl":"modal__xl_1a47d"};
 require('./desktop.css');
 
-var mobileStyles = {"component":"modal__component_px5qm"};
+var mobileStyles = {"component":"modal__component_13mv8"};
 require('./mobile.css');
 
-var transitions = {"appear":"modal__appear_agbjt","enter":"modal__enter_agbjt","appearActive":"modal__appearActive_agbjt","enterActive":"modal__enterActive_agbjt","exit":"modal__exit_agbjt","exitActive":"modal__exitActive_agbjt","exitDone":"modal__exitDone_agbjt"};
+var transitions = {"appear":"modal__appear_o6122","enter":"modal__enter_o6122","appearActive":"modal__appearActive_o6122","enterActive":"modal__enterActive_o6122","exit":"modal__exit_o6122","exitActive":"modal__exitActive_o6122","exitDone":"modal__exitDone_o6122"};
 require('./transitions.css');
 
 var Modal = React.forwardRef(function (_a, ref) {

package/modal/components/content/Component.js

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"s":"modal__s_1otbg","m":"modal__m_1otbg","l":"modal__l_1otbg","xl":"modal__xl_1otbg","fullscreen":"modal__fullscreen_1otbg"};
+var desktopStyles = {"s":"modal__s_1b3ly","m":"modal__m_1b3ly","l":"modal__l_1b3ly","xl":"modal__xl_1b3ly","fullscreen":"modal__fullscreen_1b3ly"};
 require('./desktop.css');
 
-var styles = {"content":"modal__content_2l3h9","withHeader":"modal__withHeader_2l3h9","flex":"modal__flex_2l3h9"};
+var styles = {"content":"modal__content_1nwi0","withHeader":"modal__withHeader_1nwi0","flex":"modal__flex_1nwi0"};
 require('./index.css');
 
-var mobileStyles = {"content":"modal__content_4uzn6"};
+var mobileStyles = {"content":"modal__content_p1ia5"};
 require('./mobile.css');
 
 var Content = function (_a) {

package/modal/components/content/desktop.css

@@ -30,12 +30,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__s_1otbg,
-.modal__m_1otbg,
-.modal__l_1otbg,
-.modal__xl_1otbg,
-.modal__fullscreen_1otbg {
+} .modal__s_1b3ly,
+.modal__m_1b3ly,
+.modal__l_1b3ly,
+.modal__xl_1b3ly,
+.modal__fullscreen_1b3ly {
     padding: var(--modal-s-content-paddings)
-} .modal__s_1otbg:last-child, .modal__m_1otbg:last-child, .modal__l_1otbg:last-child, .modal__xl_1otbg:last-child, .modal__fullscreen_1otbg:last-child {
+} .modal__s_1b3ly:last-child, .modal__m_1b3ly:last-child, .modal__l_1b3ly:last-child, .modal__xl_1b3ly:last-child, .modal__fullscreen_1b3ly:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/modal/components/content/index.css

@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_2l3h9 {
+} .modal__content_1nwi0 {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_2l3h9.modal__withHeader_2l3h9 {
+} .modal__content_1nwi0.modal__withHeader_1nwi0 {
         padding-top: 0;
-    } .modal__flex_2l3h9 {
+    } .modal__flex_1nwi0 {
     flex: 1;
 }