@alfalab/core-components 25.8.0 → 26.0.1

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_16fk2 {
+.list__list_4wji4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_16fk2 {
+.list__orderedList_4wji4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_16fk2 {
+.list__lowerAlpha_4wji4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_16fk2 {
+.list__decimal_4wji4 {
     list-style-type: decimal;
 }
-.list__item_16fk2 {
+.list__item_4wji4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_16fk2:first-child {
+.list__item_4wji4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_16fk2 {
+.list__unorderedItem_4wji4 {
     display: flex;
 }
-.list__orderedItem_16fk2 {
+.list__orderedItem_4wji4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_16fk2 {
+.list__slot_4wji4 {
     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_16fk2 {
+.list__list_4wji4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_16fk2 {
+.list__orderedList_4wji4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_16fk2 {
+.list__lowerAlpha_4wji4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_16fk2 {
+.list__decimal_4wji4 {
     list-style-type: decimal;
 }
-.list__item_16fk2 {
+.list__item_4wji4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_16fk2:first-child {
+.list__item_4wji4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_16fk2 {
+.list__unorderedItem_4wji4 {
     display: flex;
 }
-.list__orderedItem_16fk2 {
+.list__orderedItem_4wji4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_16fk2 {
+.list__slot_4wji4 {
     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_16fk2","orderedList":"list__orderedList_16fk2","lowerAlpha":"list__lowerAlpha_16fk2","decimal":"list__decimal_16fk2","item":"list__item_16fk2","unorderedItem":"list__unorderedItem_16fk2","orderedItem":"list__orderedItem_16fk2","slot":"list__slot_16fk2"};
+var styles = {"list":"list__list_4wji4","orderedList":"list__orderedList_4wji4","lowerAlpha":"list__lowerAlpha_4wji4","decimal":"list__decimal_4wji4","item":"list__item_4wji4","unorderedItem":"list__unorderedItem_4wji4","orderedItem":"list__orderedItem_4wji4","slot":"list__slot_4wji4"};
 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_16fk2 {
+.list__list_4wji4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_16fk2 {
+.list__orderedList_4wji4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_16fk2 {
+.list__lowerAlpha_4wji4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_16fk2 {
+.list__decimal_4wji4 {
     list-style-type: decimal;
 }
-.list__item_16fk2 {
+.list__item_4wji4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_16fk2:first-child {
+.list__item_4wji4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_16fk2 {
+.list__unorderedItem_4wji4 {
     display: flex;
 }
-.list__orderedItem_16fk2 {
+.list__orderedItem_4wji4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_16fk2 {
+.list__slot_4wji4 {
     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_xjcua","description":"list-header__description_xjcua","filled":"list-header__filled_xjcua"};
+var styles = {"component":"list-header__component_18921","description":"list-header__description_18921","filled":"list-header__filled_18921"};
 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_xjcua","description":"list-header__description_xjcua","filled":"list-header__filled_xjcua"};
+var styles = {"component":"list-header__component_18921","description":"list-header__description_18921","filled":"list-header__filled_18921"};
 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_xjcua {
+.list-header__component_18921 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_xjcua {
+.list-header__description_18921 {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_xjcua {
+.list-header__filled_18921 {
     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_xjcua {
+.list-header__component_18921 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_xjcua {
+.list-header__description_18921 {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_xjcua {
+.list-header__filled_18921 {
     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_xjcua","description":"list-header__description_xjcua","filled":"list-header__filled_xjcua"};
+var styles = {"component":"list-header__component_18921","description":"list-header__description_18921","filled":"list-header__filled_18921"};
 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_xjcua {
+.list-header__component_18921 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_xjcua {
+.list-header__description_18921 {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_xjcua {
+.list-header__filled_18921 {
     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_1h71f","blink":"loader__blink_1h71f"};
+var styles = {"component":"loader__component_2w87j","blink":"loader__blink_2w87j"};
 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_1h71f","blink":"loader__blink_1h71f"};
+var styles = {"component":"loader__component_2w87j","blink":"loader__blink_2w87j"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

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

package/loader/index.css

@@ -1,5 +1,5 @@
 /* hash: 138b9 */
-.loader__component_1h71f {
+.loader__component_2w87j {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,35 +7,35 @@
     justify-content: center
 }
 
-.loader__component_1h71f div {
+.loader__component_2w87j div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1h71f;
+        animation-name: loader__blink_2w87j;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_1h71f div:nth-child(1) {
+.loader__component_2w87j div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_1h71f div:nth-child(2) {
+.loader__component_2w87j div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_1h71f div:nth-child(3) {
+.loader__component_2w87j div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_1h71f {
+@keyframes loader__blink_2w87j {
     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_1h71f","blink":"loader__blink_1h71f"};
+var styles = {"component":"loader__component_2w87j","blink":"loader__blink_2w87j"};
 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: 138b9 */
-.loader__component_1h71f {
+.loader__component_2w87j {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,35 +7,35 @@
     justify-content: center
 }
 
-.loader__component_1h71f div {
+.loader__component_2w87j div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1h71f;
+        animation-name: loader__blink_2w87j;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_1h71f div:nth-child(1) {
+.loader__component_2w87j div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_1h71f div:nth-child(2) {
+.loader__component_2w87j div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_1h71f div:nth-child(3) {
+.loader__component_2w87j div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_1h71f {
+@keyframes loader__blink_2w87j {
     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_908ng"};
+var styles = {"textHidden":"masked-input__textHidden_15lfh"};
 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_908ng"};
+var styles = {"textHidden":"masked-input__textHidden_15lfh"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: lbonx */
-.masked-input__textHidden_908ng input {
+.masked-input__textHidden_15lfh input {
     opacity: 0;
 }

package/masked-input/index.css

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

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: lbonx */
-.masked-input__textHidden_908ng input {
+.masked-input__textHidden_15lfh input {
     opacity: 0;
 }

package/modal/Component.desktop.d.ts

@@ -6,9 +6,10 @@ type ModalDesktopProps = BaseModalProps & {
      * Ширина модального окна
      * @default "m"
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
     /**
      * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
      */
     fullscreen?: boolean;
     /**
@@ -27,9 +28,10 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
      * Ширина модального окна
      * @default "m"
      */
-    size?: "s" | "m" | "l" | undefined;
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     /**
      * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
      */
     fullscreen?: boolean | undefined;
     /**

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-48e01103.js');
+var tslib_es6 = require('./tslib.es6-4834d51a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -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-cf052435.js');
+var transitions_module = require('./transitions.module-27d19713.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,12 +23,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_1xs8c","component":"modal__component_1xs8c","fullscreen":"modal__fullscreen_1xs8c","s":"modal__s_1xs8c","m":"modal__m_1xs8c","l":"modal__l_1xs8c"};
+var styles = {"wrapper":"modal__wrapper_4l1kn","component":"modal__component_4l1kn","fullscreen":"modal__fullscreen_4l1kn","s":"modal__s_4l1kn","m":"modal__m_4l1kn","l":"modal__l_4l1kn","xl":"modal__xl_4l1kn"};
 require('./desktop.css');
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.size, size = _c === void 0 ? 's' : _c, fixedPosition = _a.fixedPosition, fullscreen = _a.fullscreen, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _d = _a.transitionProps, transitionProps = _d === void 0 ? {} : _d, restProps = tslib_es6.__rest(_a, ["size", "fixedPosition", "fullscreen", "children", "className", "wrapperClassName", "transitionProps"]);
+    // TODO: удалить, после удаления пропсы fullscreen
+    var componentSize = fullscreen ? 'fullscreen' : size;
     var modalRef = React.useRef(null);
     var handleEntered = React.useCallback(function (node, isAppearing) {
         if (fixedPosition && modalRef.current) {
@@ -43,11 +45,9 @@ var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
         }
     }, [fixedPosition, transitionProps]);
     return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([ref, modalRef]), wrapperClassName: cn__default['default'](styles.wrapper, wrapperClassName, (_b = {},
-            _b[styles.fullscreen] = fullscreen,
-            _b)), className: cn__default['default'](styles.component, className, !fullscreen && styles[size]), backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, restProps.backdropProps), { invisible: fullscreen }), transitionProps: tslib_es6.__assign(tslib_es6.__assign({ classNames: transitions_module.transitions }, transitionProps), { onEntered: handleEntered }) }), React__default['default'].Children.map(children, function (child) {
-        return React.isValidElement(child)
-            ? React.cloneElement(child, { size: child.props.size || size, fullscreen: fullscreen })
-            : child;
+            _b[styles.fullscreen] = componentSize === 'fullscreen',
+            _b)), className: cn__default['default'](styles.component, className, styles[componentSize]), backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, restProps.backdropProps), { invisible: componentSize === 'fullscreen' }), transitionProps: tslib_es6.__assign(tslib_es6.__assign({ classNames: transitions_module.transitions }, transitionProps), { onEntered: handleEntered }) }), React__default['default'].Children.map(children, function (child) {
+        return React.isValidElement(child) ? React.cloneElement(child, { size: componentSize }) : child;
     })));
 });
 var ModalDesktop = Object.assign(ModalDesktopComponent, {

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-48e01103.js');
+var tslib_es6 = require('./tslib.es6-4834d51a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -11,8 +11,7 @@ require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-cf052435.js');
-var hooks = require('@alfalab/hooks');
+var transitions_module = require('./transitions.module-27d19713.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
@@ -23,20 +22,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"modal__component_lxs7u"};
+var styles = {"component":"modal__component_1wxv9"};
 require('./mobile.css');
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_es6.__rest(_a, ["children", "className"]);
-    var size = hooks.useMedia([
-        ['s', '(max-width: 375px)'],
-        ['m', '(min-width: 376px)'],
-    ], 's')[0];
-    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: ref, transitionProps: tslib_es6.__assign({ classNames: transitions_module.transitions }, restProps.transitionProps), className: cn__default['default'](className, styles.component), backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, restProps.backdropProps), { invisible: true }) }), React__default['default'].Children.map(children, function (child) {
-        return React.isValidElement(child)
-            ? React.cloneElement(child, { size: child.props.size || size, fullscreen: true })
-            : child;
-    })));
+    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: ref, transitionProps: tslib_es6.__assign({ classNames: transitions_module.transitions }, restProps.transitionProps), className: cn__default['default'](className, styles.component) }), children));
 });
 var ModalMobile = Object.assign(ModalMobileComponent, {
     Content: components_content_Component_mobile.ContentMobile,

package/modal/Component.responsive.d.ts

@@ -6,12 +6,12 @@ type ModalResponsiveProps = ModalMobileProps & ModalDesktopProps;
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/base-modal/src").BaseModalProps & {
     hasCloser?: boolean | undefined;
 } & {
-    size?: "s" | "m" | "l" | undefined;
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/modal/Component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-48e01103.js');
+var tslib_es6 = require('./tslib.es6-4834d51a.js');
 var React = require('react');
 require('classnames');
 require('../base-modal');
@@ -16,13 +16,13 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
-require('./transitions.module-cf052435.js');
-var hooks = require('@alfalab/hooks');
+require('./transitions.module-27d19713.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
 var Component_mobile = require('./Component.mobile.js');
+var hooks = require('@alfalab/hooks');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,8 +42,8 @@ function createResponsive(desktop, mobile) {
 var ModalResponsiveComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, restProps = tslib_es6.__rest(_a, ["children"]);
     var view = hooks.useMedia([
-        ['mobile', '(max-width: 767px)'],
-        ['desktop', '(min-width: 768px)'],
+        ['mobile', '(max-width: 1023px)'],
+        ['desktop', '(min-width: 1024px)'],
     ], 'desktop')[0];
     var contextValue = React.useMemo(function () { return ({ view: view }); }, [view]);
     var Component = view === 'desktop' ? Component_desktop.ModalDesktop : Component_mobile.ModalMobile;