@alfalab/core-components 32.1.2 → 32.2.0-beta.0

package/link/modern/index.css

@@ -19,31 +19,31 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.link__component_1mnrl {
+.link__component_1kxnp {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1mnrl:hover .link__text_1mnrl,
-    .link__component_1mnrl:active .link__text_1mnrl {
+.link__component_1kxnp:hover .link__text_1kxnp,
+    .link__component_1kxnp:active .link__text_1kxnp {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1mnrl {
+.link__withAddons_1kxnp {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1mnrl {
+.link__text_1kxnp {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1mnrl {
+.link__focused_1kxnp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1mnrl {
+.link__pseudo_1kxnp {
     margin: 0;
     padding: 0;
     background-color: transparent;
@@ -51,24 +51,24 @@
     box-shadow: none;
     font: inherit;
 }
-.link__pseudo_1mnrl .link__text_1mnrl {
+.link__pseudo_1kxnp .link__text_1kxnp {
     border-bottom-style: dashed;
 }
-.link__withoutUnderline_1mnrl .link__text_1mnrl {
+.link__withoutUnderline_1kxnp .link__text_1kxnp {
     border-bottom: none;
 }
-.link__addons_1mnrl {
+.link__addons_1kxnp {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1mnrl:first-child {
+.link__addons_1kxnp:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1mnrl:last-child {
+.link__addons_1kxnp:last-child {
     margin-left: var(--gap-2xs);
 }
-.link__addons_1mnrl:only-child {
+.link__addons_1kxnp:only-child {
     margin-right: 0;
     margin-left: 0;
 }

package/link/modern/inverted.css

@@ -28,33 +28,33 @@
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_13j8j {
+.link__primary_96mgl {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_13j8j:hover {
+.link__primary_96mgl:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_13j8j:active {
+.link__primary_96mgl:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_13j8j {
+.link__secondary_96mgl {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_13j8j:hover {
+.link__secondary_96mgl:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_13j8j:active {
+.link__secondary_96mgl:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_13j8j {
+.link__defaultView_96mgl {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_13j8j:hover {
+.link__defaultView_96mgl:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_13j8j:active {
+.link__defaultView_96mgl:active {
         color: var(--link-inverted-default-active-color);
     }

package/list/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"list":"list__list_1tpid","orderedList":"list__orderedList_1tpid","lowerAlpha":"list__lowerAlpha_1tpid","decimal":"list__decimal_1tpid","item":"list__item_1tpid","unorderedItem":"list__unorderedItem_1tpid","orderedItem":"list__orderedItem_1tpid","slot":"list__slot_1tpid"};
+var styles = {"list":"list__list_1wax4","orderedList":"list__orderedList_1wax4","lowerAlpha":"list__lowerAlpha_1wax4","decimal":"list__decimal_1wax4","item":"list__item_1wax4","unorderedItem":"list__unorderedItem_1wax4","orderedItem":"list__orderedItem_1wax4","slot":"list__slot_1wax4"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { Children } from 'react';
 
-var styles = {"list":"list__list_1tpid","orderedList":"list__orderedList_1tpid","lowerAlpha":"list__lowerAlpha_1tpid","decimal":"list__decimal_1tpid","item":"list__item_1tpid","unorderedItem":"list__unorderedItem_1tpid","orderedItem":"list__orderedItem_1tpid","slot":"list__slot_1tpid"};
+var styles = {"list":"list__list_1wax4","orderedList":"list__orderedList_1wax4","lowerAlpha":"list__lowerAlpha_1wax4","decimal":"list__decimal_1wax4","item":"list__item_1wax4","unorderedItem":"list__unorderedItem_1wax4","orderedItem":"list__orderedItem_1wax4","slot":"list__slot_1wax4"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1tpid {
+.list__list_1wax4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1tpid {
+.list__orderedList_1wax4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1tpid {
+.list__lowerAlpha_1wax4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_1tpid {
+.list__decimal_1wax4 {
     list-style-type: decimal;
 }
-.list__item_1tpid {
+.list__item_1wax4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_1tpid:first-child {
+.list__item_1wax4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1tpid {
+.list__unorderedItem_1wax4 {
     display: flex;
 }
-.list__orderedItem_1tpid {
+.list__orderedItem_1wax4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1tpid {
+.list__slot_1wax4 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1tpid {
+.list__list_1wax4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1tpid {
+.list__orderedList_1wax4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1tpid {
+.list__lowerAlpha_1wax4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_1tpid {
+.list__decimal_1wax4 {
     list-style-type: decimal;
 }
-.list__item_1tpid {
+.list__item_1wax4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_1tpid:first-child {
+.list__item_1wax4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1tpid {
+.list__unorderedItem_1wax4 {
     display: flex;
 }
-.list__orderedItem_1tpid {
+.list__orderedItem_1wax4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1tpid {
+.list__slot_1wax4 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { Children } from 'react';
 
-var styles = {"list":"list__list_1tpid","orderedList":"list__orderedList_1tpid","lowerAlpha":"list__lowerAlpha_1tpid","decimal":"list__decimal_1tpid","item":"list__item_1tpid","unorderedItem":"list__unorderedItem_1tpid","orderedItem":"list__orderedItem_1tpid","slot":"list__slot_1tpid"};
+var styles = {"list":"list__list_1wax4","orderedList":"list__orderedList_1wax4","lowerAlpha":"list__lowerAlpha_1wax4","decimal":"list__decimal_1wax4","item":"list__item_1wax4","unorderedItem":"list__unorderedItem_1wax4","orderedItem":"list__orderedItem_1wax4","slot":"list__slot_1wax4"};
 require('./index.css');
 
 const List = ({ tag: Component = 'ul', marker, className, dataTestId, children, }) => {

package/list/modern/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1tpid {
+.list__list_1wax4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1tpid {
+.list__orderedList_1wax4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1tpid {
+.list__lowerAlpha_1wax4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_1tpid {
+.list__decimal_1wax4 {
     list-style-type: decimal;
 }
-.list__item_1tpid {
+.list__item_1wax4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_1tpid:first-child {
+.list__item_1wax4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1tpid {
+.list__unorderedItem_1wax4 {
     display: flex;
 }
-.list__orderedItem_1tpid {
+.list__orderedItem_1wax4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1tpid {
+.list__slot_1wax4 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list-header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"list-header__component_1w4o0","description":"list-header__description_1w4o0","filled":"list-header__filled_1w4o0"};
+var styles = {"component":"list-header__component_ppu8m","description":"list-header__description_ppu8m","filled":"list-header__filled_ppu8m"};
 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_1w4o0","description":"list-header__description_1w4o0","filled":"list-header__filled_1w4o0"};
+var styles = {"component":"list-header__component_ppu8m","description":"list-header__description_ppu8m","filled":"list-header__filled_ppu8m"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1w4o0 {
+.list-header__component_ppu8m {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1w4o0 {
+.list-header__description_ppu8m {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1w4o0 {
+.list-header__filled_ppu8m {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1w4o0 {
+.list-header__component_ppu8m {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1w4o0 {
+.list-header__description_ppu8m {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1w4o0 {
+.list-header__filled_ppu8m {
     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';
 
-var styles = {"component":"list-header__component_1w4o0","description":"list-header__description_1w4o0","filled":"list-header__filled_1w4o0"};
+var styles = {"component":"list-header__component_ppu8m","description":"list-header__description_ppu8m","filled":"list-header__filled_ppu8m"};
 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

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1w4o0 {
+.list-header__component_ppu8m {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1w4o0 {
+.list-header__description_ppu8m {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1w4o0 {
+.list-header__filled_ppu8m {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"loader__component_1s99f","blink":"loader__blink_1s99f"};
+var styles = {"component":"loader__component_o719h","blink":"loader__blink_o719h"};
 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_1s99f","blink":"loader__blink_1s99f"};
+var styles = {"component":"loader__component_o719h","blink":"loader__blink_o719h"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -1,5 +1,5 @@
 /* hash: 1echn */
-.loader__component_1s99f {
+.loader__component_o719h {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,36 +7,36 @@
     justify-content: center
 }
 
-.loader__component_1s99f div {
+.loader__component_o719h div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1s99f;
+        animation-name: loader__blink_o719h;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_1s99f div:nth-child(1) {
+.loader__component_o719h div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_1s99f div:nth-child(2) {
+.loader__component_o719h div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_1s99f div:nth-child(3) {
+.loader__component_o719h div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
 
-@keyframes loader__blink_1s99f {
+@keyframes loader__blink_o719h {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -1,5 +1,5 @@
 /* hash: 1echn */
-.loader__component_1s99f {
+.loader__component_o719h {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,36 +7,36 @@
     justify-content: center
 }
 
-.loader__component_1s99f div {
+.loader__component_o719h div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1s99f;
+        animation-name: loader__blink_o719h;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_1s99f div:nth-child(1) {
+.loader__component_o719h div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_1s99f div:nth-child(2) {
+.loader__component_o719h div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_1s99f div:nth-child(3) {
+.loader__component_o719h div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
 
-@keyframes loader__blink_1s99f {
+@keyframes loader__blink_o719h {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

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

package/loader/modern/index.css

@@ -1,5 +1,5 @@
 /* hash: 1echn */
-.loader__component_1s99f {
+.loader__component_o719h {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,36 +7,36 @@
     justify-content: center
 }
 
-.loader__component_1s99f div {
+.loader__component_o719h div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1s99f;
+        animation-name: loader__blink_o719h;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_1s99f div:nth-child(1) {
+.loader__component_o719h div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_1s99f div:nth-child(2) {
+.loader__component_o719h div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_1s99f div:nth-child(3) {
+.loader__component_o719h div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
 
-@keyframes loader__blink_1s99f {
+@keyframes loader__blink_o719h {
     21% {
         transform: scale(1);
     }

package/masked-input/Component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1iju0"};
+var styles = {"textHidden":"masked-input__textHidden_s079b"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1iju0"};
+var styles = {"textHidden":"masked-input__textHidden_s079b"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 1081o */
-.masked-input__textHidden_1iju0 input {
+.masked-input__textHidden_s079b input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 1081o */
-.masked-input__textHidden_1iju0 input {
+.masked-input__textHidden_s079b input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

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

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 1081o */
-.masked-input__textHidden_1iju0 input {
+.masked-input__textHidden_s079b input {
     opacity: 0;
 }

package/modal/{Component-b37776e1.js → Component-110b78fe.js}

@@ -12,7 +12,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"header":"modal__header_1tr0y","hasContent":"modal__hasContent_1tr0y","highlighted":"modal__highlighted_1tr0y","sticky":"modal__sticky_1tr0y","content":"modal__content_1tr0y","title":"modal__title_1tr0y","addon":"modal__addon_1tr0y","closer":"modal__closer_1tr0y","left":"modal__left_1tr0y","center":"modal__center_1tr0y","right":"modal__right_1tr0y","trim":"modal__trim_1tr0y"};
+var styles = {"header":"modal__header_robd3","hasContent":"modal__hasContent_robd3","highlighted":"modal__highlighted_robd3","sticky":"modal__sticky_robd3","content":"modal__content_robd3","title":"modal__title_robd3","addon":"modal__addon_robd3","closer":"modal__closer_robd3","left":"modal__left_robd3","center":"modal__center_robd3","right":"modal__right_robd3","trim":"modal__trim_robd3"};
 require('./components/header/index.css');
 
 var Header = function (_a) {

package/modal/Component.desktop.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2324169d.js');
+var tslib_es6 = require('./tslib.es6-02bf2b10.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 var mergeRefs = require('react-merge-refs');
 require('./Context.js');
-require('./Component-b37776e1.js');
+require('./Component-110b78fe.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -15,7 +15,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-e7c2d5a7.js');
+var transitions_module = require('./transitions.module-6f337c40.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_aoh94","component":"modal__component_aoh94","fullscreen":"modal__fullscreen_aoh94","s":"modal__s_aoh94","m":"modal__m_aoh94","l":"modal__l_aoh94","xl":"modal__xl_aoh94"};
+var styles = {"wrapper":"modal__wrapper_1emmm","component":"modal__component_1emmm","fullscreen":"modal__fullscreen_1emmm","s":"modal__s_1emmm","m":"modal__m_1emmm","l":"modal__l_1emmm","xl":"modal__xl_1emmm"};
 require('./desktop.css');
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {