@alfalab/core-components 36.4.0 → 36.5.0

package/list/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_13th1 {
+.list__list_dvhxd {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_13th1 {
+.list__orderedList_dvhxd {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_13th1 {
+.list__lowerAlpha_dvhxd {
     list-style-type: lower-alpha;
 }
-.list__decimal_13th1 {
+.list__decimal_dvhxd {
     list-style-type: decimal;
 }
-.list__item_13th1 {
+.list__item_dvhxd {
     margin-top: var(--list-item-margin)
 }
-.list__item_13th1:first-child {
+.list__item_dvhxd:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_13th1 {
+.list__unorderedItem_dvhxd {
     display: flex;
 }
-.list__orderedItem_13th1 {
+.list__orderedItem_dvhxd {
     padding-left: var(--gap-2xs);
 }
-.list__slot_13th1 {
+.list__slot_dvhxd {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { Children } from 'react';
 import cn from 'classnames';
 
-const styles = {"list":"list__list_13th1","orderedList":"list__orderedList_13th1","lowerAlpha":"list__lowerAlpha_13th1","decimal":"list__decimal_13th1","item":"list__item_13th1","unorderedItem":"list__unorderedItem_13th1","orderedItem":"list__orderedItem_13th1","slot":"list__slot_13th1"};
+const styles = {"list":"list__list_dvhxd","orderedList":"list__orderedList_dvhxd","lowerAlpha":"list__lowerAlpha_dvhxd","decimal":"list__decimal_dvhxd","item":"list__item_dvhxd","unorderedItem":"list__unorderedItem_dvhxd","orderedItem":"list__orderedItem_dvhxd","slot":"list__slot_dvhxd"};
 require('./index.css');
 
 const List = ({ tag = 'ul', marker, className, dataTestId, children, ...restProps }) => {

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_13th1 {
+.list__list_dvhxd {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_13th1 {
+.list__orderedList_dvhxd {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_13th1 {
+.list__lowerAlpha_dvhxd {
     list-style-type: lower-alpha;
 }
-.list__decimal_13th1 {
+.list__decimal_dvhxd {
     list-style-type: decimal;
 }
-.list__item_13th1 {
+.list__item_dvhxd {
     margin-top: var(--list-item-margin)
 }
-.list__item_13th1:first-child {
+.list__item_dvhxd:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_13th1 {
+.list__unorderedItem_dvhxd {
     display: flex;
 }
-.list__orderedItem_13th1 {
+.list__orderedItem_dvhxd {
     padding-left: var(--gap-2xs);
 }
-.list__slot_13th1 {
+.list__slot_dvhxd {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list-header/Component.js

@@ -2,15 +2,20 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsTypography = require('../typography');
 
-var styles = {"component":"list-header__component_1qwx3","description":"list-header__description_1qwx3","filled":"list-header__filled_1qwx3"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"list-header__component_ryhlr","description":"list-header__description_ryhlr","filled":"list-header__filled_ryhlr"};
 require('./index.css');
 
 var ListHeader = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
-        React.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
-        description && (React.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn(styles.description) }, ", ".concat(description)))));
+    return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
+        description && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default.default(styles.description) }, ", ".concat(description)))));
 };
 
 exports.ListHeader = ListHeader;

package/list-header/cssm/Component.js

@@ -3,12 +3,18 @@ var cn = require('classnames');
 var coreComponentsTypography = require('../../typography/cssm');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 var ListHeader = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
-        React.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
-        description && (React.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn(styles.description) }, ", ".concat(description)))));
+    return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.filled] = filled, _b), className) },
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
+        description && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default.default(styles__default.default.description) }, ", ".concat(description)))));
 };
 
 exports.ListHeader = ListHeader;

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_1qwx3","description":"list-header__description_1qwx3","filled":"list-header__filled_1qwx3"};
+var styles = {"component":"list-header__component_ryhlr","description":"list-header__description_ryhlr","filled":"list-header__filled_ryhlr"};
 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_1qwx3 {
+.list-header__component_ryhlr {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1qwx3 {
+.list-header__description_ryhlr {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1qwx3 {
+.list-header__filled_ryhlr {
     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_1qwx3 {
+.list-header__component_ryhlr {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1qwx3 {
+.list-header__description_ryhlr {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1qwx3 {
+.list-header__filled_ryhlr {
     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_1qwx3","description":"list-header__description_1qwx3","filled":"list-header__filled_1qwx3"};
+const styles = {"component":"list-header__component_ryhlr","description":"list-header__description_ryhlr","filled":"list-header__filled_ryhlr"};
 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_1qwx3 {
+.list-header__component_ryhlr {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1qwx3 {
+.list-header__description_ryhlr {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1qwx3 {
+.list-header__filled_ryhlr {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -1,15 +1,20 @@
 var React = require('react');
 var cn = require('classnames');
 
-var styles = {"component":"loader__component_w9eg6","blink":"loader__blink_w9eg6"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"loader__component_19o1e","blink":"loader__blink_19o1e"};
 require('./index.css');
 
 var Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement("div", null),
-        React.createElement("div", null),
-        React.createElement("div", null)));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement("div", null),
+        React__default.default.createElement("div", null),
+        React__default.default.createElement("div", null)));
 };
 
 exports.Loader = Loader;

package/loader/cssm/Component.js

@@ -2,12 +2,18 @@ var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 var Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement("div", null),
-        React.createElement("div", null),
-        React.createElement("div", null)));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement("div", null),
+        React__default.default.createElement("div", null),
+        React__default.default.createElement("div", null)));
 };
 
 exports.Loader = Loader;

package/loader/esm/Component.js

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

package/loader/esm/index.css

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

package/loader/index.css

@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_w9eg6 {
+.loader__component_19o1e {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_w9eg6 div {
+.loader__component_19o1e div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_w9eg6;
+        animation-name: loader__blink_19o1e;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_w9eg6 div:nth-child(1) {
+.loader__component_19o1e div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_w9eg6 div:nth-child(2) {
+.loader__component_19o1e div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_w9eg6 div:nth-child(3) {
+.loader__component_19o1e div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_w9eg6 {
+@keyframes loader__blink_19o1e {
     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_w9eg6","blink":"loader__blink_w9eg6"};
+const styles = {"component":"loader__component_19o1e","blink":"loader__blink_19o1e"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

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

package/masked-input/Component.js

@@ -4,6 +4,12 @@ var cn = require('classnames');
 var textMaskCore = require('text-mask-core');
 var coreComponentsInput = require('../input');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -43,12 +49,12 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1pkb5"};
+var styles = {"textHidden":"masked-input__textHidden_7fzvd"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 var PLACEHOLDER_CHAR = '\u2000';
-var MaskedInput = React.forwardRef(function (_a, ref) {
+var MaskedInput = React__default.default.forwardRef(function (_a, ref) {
     var _b;
     var mask = _a.mask, _c = _a.keepCharPositions, keepCharPositions = _c === void 0 ? false : _c, value = _a.value, defaultValue = _a.defaultValue, className = _a.className, onBeforeDisplay = _a.onBeforeDisplay, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["mask", "keepCharPositions", "value", "defaultValue", "className", "onBeforeDisplay", "onChange", "onClear"]);
     var inputRef = React.useRef(null);
@@ -103,7 +109,7 @@ var MaskedInput = React.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setTextHidden(false);
     }, []);
-    return (React.createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn(className, (_b = {}, _b[styles.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs([ref, inputRef]) })));
+    return (React__default.default.createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn__default.default(className, (_b = {}, _b[styles.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default.default([ref, inputRef]) })));
 });
 
 exports.MaskedInput = MaskedInput;

package/masked-input/cssm/Component.js

@@ -5,6 +5,13 @@ var textMaskCore = require('text-mask-core');
 var coreComponentsInput = require('../../input/cssm');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -46,7 +53,7 @@ function __rest(s, e) {
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 var PLACEHOLDER_CHAR = '\u2000';
-var MaskedInput = React.forwardRef(function (_a, ref) {
+var MaskedInput = React__default.default.forwardRef(function (_a, ref) {
     var _b;
     var mask = _a.mask, _c = _a.keepCharPositions, keepCharPositions = _c === void 0 ? false : _c, value = _a.value, defaultValue = _a.defaultValue, className = _a.className, onBeforeDisplay = _a.onBeforeDisplay, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["mask", "keepCharPositions", "value", "defaultValue", "className", "onBeforeDisplay", "onChange", "onClear"]);
     var inputRef = React.useRef(null);
@@ -101,7 +108,7 @@ var MaskedInput = React.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setTextHidden(false);
     }, []);
-    return (React.createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn(className, (_b = {}, _b[styles.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs([ref, inputRef]) })));
+    return (React__default.default.createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn__default.default(className, (_b = {}, _b[styles__default.default.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default.default([ref, inputRef]) })));
 });
 
 exports.MaskedInput = MaskedInput;

package/masked-input/esm/Component.js

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

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 19qgg */
-.masked-input__textHidden_1pkb5 input {
+.masked-input__textHidden_7fzvd input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 19qgg */
-.masked-input__textHidden_1pkb5 input {
+.masked-input__textHidden_7fzvd 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_1pkb5"};
+const styles = {"textHidden":"masked-input__textHidden_7fzvd"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 19qgg */
-.masked-input__textHidden_1pkb5 input {
+.masked-input__textHidden_7fzvd input {
     opacity: 0;
 }

package/modal/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-ac47d707.js');
+var tslib_es6 = require('./tslib.es6-6b3a93a9.js');
 var React = require('react');
 var components_closer_Component = require('./components/closer/Component.js');
 var components_content_Component = require('./components/content/Component.js');
@@ -14,7 +14,11 @@ require('./ResponsiveContext.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('react-merge-refs');
 
-var ModalDesktopComponent = React.forwardRef(function (props, ref) { return (React.createElement(Component.Modal, tslib_es6.__assign({}, props, { ref: ref, view: 'desktop' }))); });
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ModalDesktopComponent = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.Modal, tslib_es6.__assign({}, props, { ref: ref, view: 'desktop' }))); });
 var ModalDesktop = Object.assign(ModalDesktopComponent, {
     Content: components_content_Component.Content,
     Header: components_header_Component.Header,

package/modal/Component.js

@@ -1,17 +1,23 @@
-var tslib_es6 = require('./tslib.es6-ac47d707.js');
+var tslib_es6 = require('./tslib.es6-6b3a93a9.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 var ResponsiveContext = require('./ResponsiveContext.js');
 
-var desktopStyles = {"wrapper":"modal__wrapper_v7cn3","component":"modal__component_v7cn3","fullscreen":"modal__fullscreen_v7cn3","s":"modal__s_v7cn3","m":"modal__m_v7cn3","l":"modal__l_v7cn3","xl":"modal__xl_v7cn3"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var desktopStyles = {"wrapper":"modal__wrapper_1j8vi","component":"modal__component_1j8vi","fullscreen":"modal__fullscreen_1j8vi","s":"modal__s_1j8vi","m":"modal__m_1j8vi","l":"modal__l_1j8vi","xl":"modal__xl_1j8vi"};
 require('./desktop.css');
 
-var mobileStyles = {"component":"modal__component_1jtqn"};
+var mobileStyles = {"component":"modal__component_u7p5n"};
 require('./mobile.css');
 
-var transitions = {"appear":"modal__appear_1ygzc","enter":"modal__enter_1ygzc","appearActive":"modal__appearActive_1ygzc","enterActive":"modal__enterActive_1ygzc","exit":"modal__exit_1ygzc","exitActive":"modal__exitActive_1ygzc","exitDone":"modal__exitDone_1ygzc"};
+var transitions = {"appear":"modal__appear_1ortj","enter":"modal__enter_1ortj","appearActive":"modal__appearActive_1ortj","enterActive":"modal__enterActive_1ortj","exit":"modal__exit_1ortj","exitActive":"modal__exitActive_1ortj","exitDone":"modal__exitDone_1ortj"};
 require('./transitions.css');
 
 var Modal = React.forwardRef(function (_a, ref) {
@@ -34,22 +40,22 @@ var Modal = React.forwardRef(function (_a, ref) {
     };
     var baseModalProps = view === 'desktop'
         ? {
-            ref: mergeRefs([ref, modalRef]),
-            wrapperClassName: cn(desktopStyles.wrapper, wrapperClassName, (_b = {},
+            ref: mergeRefs__default.default([ref, modalRef]),
+            wrapperClassName: cn__default.default(desktopStyles.wrapper, wrapperClassName, (_b = {},
                 _b[desktopStyles.fullscreen] = componentSize === 'fullscreen',
                 _b)),
-            className: cn(desktopStyles.component, className, desktopStyles[componentSize]),
+            className: cn__default.default(desktopStyles.component, className, desktopStyles[componentSize]),
             backdropProps: tslib_es6.__assign({ invisible: componentSize === 'fullscreen' }, restProps.backdropProps),
             transitionProps: tslib_es6.__assign(tslib_es6.__assign({ classNames: transitions }, transitionProps), { onEntered: handleEntered }),
         }
         : {
             ref: ref,
             transitionProps: tslib_es6.__assign({ classNames: transitions }, transitionProps),
-            className: cn(className, mobileStyles.component),
+            className: cn__default.default(className, mobileStyles.component),
         };
     var contextValue = React.useMemo(function () { return ({ size: componentSize, view: view }); }, [componentSize, view]);
-    return (React.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue },
-        React.createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, baseModalProps), children)));
+    return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue },
+        React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, baseModalProps), children)));
 });
 
 exports.Modal = Modal;