@alfalab/core-components 48.34.0-beta.0 → 48.35.0

package/international-phone-input/modern/utils/index.js

@@ -119,28 +119,54 @@ function createPhoneMaskExpression(country, clearableCountryCode) {
         ...format.split('').map(itemToMask),
     ];
 }
-function createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef) {
+function createMaskOptions(country, clearableCountryCode, preserveCountryCode, beforeAutofillValueRef) {
     const countryCode = country?.countryCode;
     const prefix = countryCode ? getInitialValueFromCountry(countryCode) : '';
     const prefixLen = !clearableCountryCode && prefix ? prefix.length : 0;
     const mask = createPhoneMaskExpression(country, clearableCountryCode);
-    const preprocessors = [
-        maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
+    const plugins = [
+        maskUtils.caretGuard((value, [from, to]) => [from === to ? prefixLen : 0, value.length]),
     ];
     if (preserveCountryCode) {
-        const createMask = (lastCountry) => createPhoneMaskExpression(lastCountry, clearableCountryCode);
-        preprocessors.push(maskUtils.preserveCountryCodePreprocessor(lastCountryRef, createMask));
+        plugins.push(createMaskitoAutofillPlugin(beforeAutofillValueRef));
     }
     return {
         mask,
-        preprocessors,
-        postprocessors: [maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
-        plugins: [
-            maskUtils.caretGuard((value, [from, to]) => [
-                from === to ? prefixLen : 0,
-                value.length,
-            ]),
+        preprocessors: [
+            maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
         ],
+        postprocessors: [maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
+        plugins,
+    };
+}
+function createMaskitoAutofillPlugin(beforeAutofillValueRef) {
+    return (element) => {
+        let { value } = element;
+        const handleInput = () => {
+            if (element.value.indexOf('+') === -1 && /^\+\d+/.test(value)) {
+                // eslint-disable-next-line no-param-reassign
+                beforeAutofillValueRef.current = value;
+            }
+            value = element.value;
+        };
+        const handleBlur = () => {
+            if (element.matches(':autofill') || element.matches(':-webkit-autofill')) {
+                // '+7 999 999 99 99' -> ['+7']
+                const match = beforeAutofillValueRef.current.match(/^\+\d+/);
+                if (match) {
+                    const [p] = match;
+                    if (!value.startsWith(p)) {
+                        maskitoUpdateElement(element, p + value);
+                    }
+                }
+            }
+        };
+        element.addEventListener('input', handleInput);
+        element.addEventListener('blur', handleBlur);
+        return () => {
+            element.removeEventListener('input', handleInput);
+            element.removeEventListener('blur', handleBlur);
+        };
     };
 }
 function defaultFilterFn(value = '', option) {
@@ -251,5 +277,16 @@ function getInternationalPhoneInputMobileTestIds(dataTestId) {
 function getInitialValueFromCountry(countryCode) {
     return `+${countryCode}`;
 }
+/**
+ * @see https://github.com/taiga-family/maskito/issues/804#issuecomment-1862750990
+ */
+function maskitoUpdateElement(element, value) {
+    const initialValue = element.value;
+    // eslint-disable-next-line no-param-reassign
+    element.value = value;
+    if (element.value !== initialValue) {
+        element.dispatchEvent(new Event('input', { bubbles: true }));
+    }
+}
 
 export { clearMask, createMaskOptions, createPhoneMaskExpression, filterPhones, findCountry, getClear, getInitialValueFromCountry, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds, getPhoneData, guessCountry, initCountries };

package/international-phone-input/moderncssm/Component.responsive.js

@@ -10,8 +10,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../select/moderncssm/shared';
-import '../../shared/moderncssm';
 import './utils/index.js';
+import '../../shared/moderncssm';
 import './consts.js';
 import './data/country-data.js';
 import './components/country-select/Component.js';

package/international-phone-input/moderncssm/components/base-international-phone-input/Component.js

@@ -1,12 +1,12 @@
-import React, { forwardRef, useRef, useMemo, useState, useEffect } from 'react';
+import React, { forwardRef, useMemo, useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { maskitoTransform } from '@maskito/core';
 import { useMaskito } from '@maskito/react';
 import { BaseOption } from '../../../../select/moderncssm/shared';
-import { isNullable } from '../../../../shared/moderncssm';
 import { initCountries, findCountry, filterPhones, createMaskOptions, getClear, getPhoneData, getInitialValueFromCountry } from '../../utils/index.js';
 import { CountrySelect } from '../country-select/Component.js';
 import styles from './index.module.css';
+import '../../../../shared/moderncssm';
 import '../../consts.js';
 import '../../data/country-data.js';
 import 'classnames';
@@ -20,12 +20,12 @@ import '../select-field/index.module.css';
 import '../country-select/index.module.css';
 
 const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode: clearableCountryCodeFromProps = true, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, open: openProps, defaultOpen, customCountriesList, ...restProps }, ref) => {
-    const lastCountryRef = useRef(null);
     const countriesData = useMemo(() => initCountries(countries, customCountriesList), [countries, customCountriesList]);
     const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
     const [open, setOpen] = useState(defaultOpen);
     const [openCountry, setOpenCountry] = useState(countrySelectProps?.defaultOpen);
+    const beforeAutofillValueRef = useRef('');
     const [selectedCountry, setSelectedCountry] = useState(() => findCountry(countriesData, value, defaultIso2, countryProp));
     const filteredOptions = filterPhones(value, options, filterFn);
     const country = countryProp ?? selectedCountry;
@@ -36,7 +36,7 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode: clearabl
     };
     const preserveCountryCode = clearableCountryCodeFromProps === 'preserve';
     const clearableCountryCode = preserveCountryCode || clearableCountryCodeFromProps;
-    const maskOptions = useMemo(() => createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef), [country, clearableCountryCode, preserveCountryCode]);
+    const maskOptions = useMemo(() => createMaskOptions(country, clearableCountryCode, preserveCountryCode, beforeAutofillValueRef), [country, clearableCountryCode, preserveCountryCode]);
     const maskRef = useMaskito({ options: maskOptions });
     const changeNumber = (phone) => {
         onChange?.(phone);
@@ -116,12 +116,6 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode: clearabl
         clear: getClear(clearProp, clearableCountryCode, value, country?.countryCode),
         ...restProps.inputProps,
     };
-    useEffect(() => {
-        if (!preserveCountryCode || isNullable(country)) {
-            return;
-        }
-        lastCountryRef.current = country;
-    }, [country, preserveCountryCode]);
     return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, open: showPhoneSelect, onOpen: handlePhoneSelectOpen, onChange: handleOptionSelect, onInput: (phone) => updatePhoneData(phone), inputProps: {
             ...inputProps,
             onClear: handleClear,

package/international-phone-input/moderncssm/components/base-international-phone-input/index.js

@@ -4,8 +4,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../../select/moderncssm/shared';
-import '../../../../shared/moderncssm';
 import '../../utils/index.js';
+import '../../../../shared/moderncssm';
 import '../../consts.js';
 import '../../data/country-data.js';
 import '../country-select/Component.js';

package/international-phone-input/moderncssm/desktop/Component.desktop.js

@@ -7,8 +7,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/moderncssm/shared';
-import '../../../shared/moderncssm';
 import '../utils/index.js';
+import '../../../shared/moderncssm';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';

package/international-phone-input/moderncssm/desktop/index.js

@@ -8,8 +8,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/moderncssm/shared';
-import '../../../shared/moderncssm';
 import '../utils/index.js';
+import '../../../shared/moderncssm';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';

package/international-phone-input/moderncssm/index.js

@@ -11,8 +11,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../select/moderncssm/shared';
-import '../../shared/moderncssm';
 import './utils/index.js';
+import '../../shared/moderncssm';
 import './consts.js';
 import './components/country-select/Component.js';
 import 'classnames';

package/international-phone-input/moderncssm/mobile/Component.mobile.js

@@ -7,8 +7,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/moderncssm/shared';
-import '../../../shared/moderncssm';
 import '../utils/index.js';
+import '../../../shared/moderncssm';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';

package/international-phone-input/moderncssm/mobile/index.js

@@ -8,8 +8,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/moderncssm/shared';
-import '../../../shared/moderncssm';
 import '../utils/index.js';
+import '../../../shared/moderncssm';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';

package/international-phone-input/moderncssm/typings-30750b73.d.ts

@@ -2,6 +2,7 @@
 /// <reference types="react-transition-group" />
 import React from "react";
 import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
+import { SwipeableProps, SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
@@ -11,7 +12,6 @@ import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextSkeletonProps } from "./index-f48ccc7b";
 import { Color } from "./colors-2c123cbc";
 import { Title, TitleProps } from "./index-86dd1e48";
@@ -485,6 +485,11 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Предотвращать скролл во время свайпа
+     * @default false
+     */
+    preventScrollOnSwipe?: SwipeableProps["preventScrollOnSwipe"];
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;

package/international-phone-input/moderncssm/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { MaskitoOptions } from '@maskito/core';
 import { InputAutocompleteDesktopProps } from "../../../input-autocomplete/desktop";
 import { GroupShape, OptionShape } from "../../../select/shared";
@@ -9,7 +9,7 @@ declare function findCountry(countries: Country[][], value: string | undefined,
 declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
 declare function clearMask(value: string): string;
 declare function createPhoneMaskExpression(country: Country | undefined, clearableCountryCode: boolean): Array<RegExp | string>;
-declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean, lastCountryRef: RefObject<Country | null>): MaskitoOptions;
+declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean, beforeAutofillValueRef: MutableRefObject<string>): MaskitoOptions;
 declare function defaultFilterFn(value: string | undefined, option: OptionShape): boolean;
 declare const filterPhones: (value?: string, options?: InputAutocompleteDesktopProps['options'], filterFn?: typeof defaultFilterFn) => (OptionShape | GroupShape)[];
 declare function getPhoneData(phone: string, countries: Country[][], defaultIso2?: string): {

package/international-phone-input/moderncssm/utils/index.js

@@ -119,28 +119,54 @@ function createPhoneMaskExpression(country, clearableCountryCode) {
         ...format.split('').map(itemToMask),
     ];
 }
-function createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef) {
+function createMaskOptions(country, clearableCountryCode, preserveCountryCode, beforeAutofillValueRef) {
     const countryCode = country?.countryCode;
     const prefix = countryCode ? getInitialValueFromCountry(countryCode) : '';
     const prefixLen = !clearableCountryCode && prefix ? prefix.length : 0;
     const mask = createPhoneMaskExpression(country, clearableCountryCode);
-    const preprocessors = [
-        maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
+    const plugins = [
+        maskUtils.caretGuard((value, [from, to]) => [from === to ? prefixLen : 0, value.length]),
     ];
     if (preserveCountryCode) {
-        const createMask = (lastCountry) => createPhoneMaskExpression(lastCountry, clearableCountryCode);
-        preprocessors.push(maskUtils.preserveCountryCodePreprocessor(lastCountryRef, createMask));
+        plugins.push(createMaskitoAutofillPlugin(beforeAutofillValueRef));
     }
     return {
         mask,
-        preprocessors,
-        postprocessors: [maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
-        plugins: [
-            maskUtils.caretGuard((value, [from, to]) => [
-                from === to ? prefixLen : 0,
-                value.length,
-            ]),
+        preprocessors: [
+            maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
         ],
+        postprocessors: [maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
+        plugins,
+    };
+}
+function createMaskitoAutofillPlugin(beforeAutofillValueRef) {
+    return (element) => {
+        let { value } = element;
+        const handleInput = () => {
+            if (element.value.indexOf('+') === -1 && /^\+\d+/.test(value)) {
+                // eslint-disable-next-line no-param-reassign
+                beforeAutofillValueRef.current = value;
+            }
+            value = element.value;
+        };
+        const handleBlur = () => {
+            if (element.matches(':autofill') || element.matches(':-webkit-autofill')) {
+                // '+7 999 999 99 99' -> ['+7']
+                const match = beforeAutofillValueRef.current.match(/^\+\d+/);
+                if (match) {
+                    const [p] = match;
+                    if (!value.startsWith(p)) {
+                        maskitoUpdateElement(element, p + value);
+                    }
+                }
+            }
+        };
+        element.addEventListener('input', handleInput);
+        element.addEventListener('blur', handleBlur);
+        return () => {
+            element.removeEventListener('input', handleInput);
+            element.removeEventListener('blur', handleBlur);
+        };
     };
 }
 function defaultFilterFn(value = '', option) {
@@ -251,5 +277,16 @@ function getInternationalPhoneInputMobileTestIds(dataTestId) {
 function getInitialValueFromCountry(countryCode) {
     return `+${countryCode}`;
 }
+/**
+ * @see https://github.com/taiga-family/maskito/issues/804#issuecomment-1862750990
+ */
+function maskitoUpdateElement(element, value) {
+    const initialValue = element.value;
+    // eslint-disable-next-line no-param-reassign
+    element.value = value;
+    if (element.value !== initialValue) {
+        element.dispatchEvent(new Event('input', { bubbles: true }));
+    }
+}
 
 export { clearMask, createMaskOptions, createPhoneMaskExpression, filterPhones, findCountry, getClear, getInitialValueFromCountry, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds, getPhoneData, guessCountry, initCountries };

package/international-phone-input/typings-30750b73.d.ts

@@ -2,6 +2,7 @@
 /// <reference types="react-transition-group" />
 import React from "react";
 import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
+import { SwipeableProps, SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
@@ -11,7 +12,6 @@ import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextSkeletonProps } from "./index-f48ccc7b";
 import { Color } from "./colors-2c123cbc";
 import { Title, TitleProps } from "./index-86dd1e48";
@@ -485,6 +485,11 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Предотвращать скролл во время свайпа
+     * @default false
+     */
+    preventScrollOnSwipe?: SwipeableProps["preventScrollOnSwipe"];
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;

package/international-phone-input/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { MaskitoOptions } from '@maskito/core';
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { GroupShape, OptionShape } from "../../select/shared";
@@ -9,7 +9,7 @@ declare function findCountry(countries: Country[][], value: string | undefined,
 declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
 declare function clearMask(value: string): string;
 declare function createPhoneMaskExpression(country: Country | undefined, clearableCountryCode: boolean): Array<RegExp | string>;
-declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean, lastCountryRef: RefObject<Country | null>): MaskitoOptions;
+declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean, beforeAutofillValueRef: MutableRefObject<string>): MaskitoOptions;
 declare function defaultFilterFn(value: string | undefined, option: OptionShape): boolean;
 declare const filterPhones: (value?: string, options?: InputAutocompleteDesktopProps['options'], filterFn?: typeof defaultFilterFn) => (OptionShape | GroupShape)[];
 declare function getPhoneData(phone: string, countries: Country[][], defaultIso2?: string): {

package/international-phone-input/utils/index.js

@@ -128,33 +128,57 @@ function createPhoneMaskExpression(country, clearableCountryCode) {
         ' '
     ], false), format.split('').map(itemToMask), true);
 }
-function createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef) {
+function createMaskOptions(country, clearableCountryCode, preserveCountryCode, beforeAutofillValueRef) {
     var countryCode = country === null || country === void 0 ? void 0 : country.countryCode;
     var prefix = countryCode ? getInitialValueFromCountry(countryCode) : '';
     var prefixLen = !clearableCountryCode && prefix ? prefix.length : 0;
     var mask = createPhoneMaskExpression(country, clearableCountryCode);
-    var preprocessors = [
-        coreComponentsShared.maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
+    var plugins = [
+        coreComponentsShared.maskUtils.caretGuard(function (value, _a) {
+            var from = _a[0], to = _a[1];
+            return [from === to ? prefixLen : 0, value.length];
+        }),
     ];
     if (preserveCountryCode) {
-        var createMask = function (lastCountry) {
-            return createPhoneMaskExpression(lastCountry, clearableCountryCode);
-        };
-        preprocessors.push(coreComponentsShared.maskUtils.preserveCountryCodePreprocessor(lastCountryRef, createMask));
+        plugins.push(createMaskitoAutofillPlugin(beforeAutofillValueRef));
     }
     return {
         mask: mask,
-        preprocessors: preprocessors,
-        postprocessors: [coreComponentsShared.maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
-        plugins: [
-            coreComponentsShared.maskUtils.caretGuard(function (value, _a) {
-                var from = _a[0], to = _a[1];
-                return [
-                    from === to ? prefixLen : 0,
-                    value.length,
-                ];
-            }),
+        preprocessors: [
+            coreComponentsShared.maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
         ],
+        postprocessors: [coreComponentsShared.maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
+        plugins: plugins,
+    };
+}
+function createMaskitoAutofillPlugin(beforeAutofillValueRef) {
+    return function (element) {
+        var value = element.value;
+        var handleInput = function () {
+            if (element.value.indexOf('+') === -1 && /^\+\d+/.test(value)) {
+                // eslint-disable-next-line no-param-reassign
+                beforeAutofillValueRef.current = value;
+            }
+            value = element.value;
+        };
+        var handleBlur = function () {
+            if (element.matches(':autofill') || element.matches(':-webkit-autofill')) {
+                // '+7 999 999 99 99' -> ['+7']
+                var match = beforeAutofillValueRef.current.match(/^\+\d+/);
+                if (match) {
+                    var p = match[0];
+                    if (!value.startsWith(p)) {
+                        maskitoUpdateElement(element, p + value);
+                    }
+                }
+            }
+        };
+        element.addEventListener('input', handleInput);
+        element.addEventListener('blur', handleBlur);
+        return function () {
+            element.removeEventListener('input', handleInput);
+            element.removeEventListener('blur', handleBlur);
+        };
     };
 }
 function defaultFilterFn(value, option) {
@@ -267,6 +291,17 @@ function getInternationalPhoneInputMobileTestIds(dataTestId) {
 function getInitialValueFromCountry(countryCode) {
     return "+".concat(countryCode);
 }
+/**
+ * @see https://github.com/taiga-family/maskito/issues/804#issuecomment-1862750990
+ */
+function maskitoUpdateElement(element, value) {
+    var initialValue = element.value;
+    // eslint-disable-next-line no-param-reassign
+    element.value = value;
+    if (element.value !== initialValue) {
+        element.dispatchEvent(new Event('input', { bubbles: true }));
+    }
+}
 
 exports.clearMask = clearMask;
 exports.createMaskOptions = createMaskOptions;

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-9297a288.js');
+var layout_module = require('../../layout.module-9eb8d9a0.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-9297a288.js');
+var layout_module = require('../../layout.module-9eb8d9a0.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-c605216e.js';
+import './layout.module-c34847d0.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-c605216e.js';
+import { l as layoutStyles } from '../../layout.module-c34847d0.js';
 
 var styles = {"component":"modal__component_15slf"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-c605216e.js';
+import '../../layout.module-c34847d0.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-c605216e.js';
+import { l as layoutStyles } from '../../layout.module-c34847d0.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_z1cef","sticky":"modal__sticky_z1cef","fullscreen":"modal__fullscreen_z1cef","size-500":"modal__size-500_z1cef","size-600":"modal__size-600_z1cef","size-800":"modal__size-800_z1cef","size-1140":"modal__size-1140_z1cef"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-c605216e.js';
+import '../layout.module-c34847d0.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-c605216e.js';
+import '../layout.module-c34847d0.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../Context.js';

package/modal/esm/index.js

@@ -15,4 +15,4 @@ import './ResponsiveContext.js';
 import '../../navigation-bar-private/esm';
 import '../../shared/esm';
 import './Context.js';
-import './layout.module-c605216e.js';
+import './layout.module-c34847d0.js';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-c605216e.js';
+import '../layout.module-c34847d0.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -12,6 +12,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-c605216e.js';
+import '../layout.module-c34847d0.js';
 import '../Context.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-eb64892c.js';
+import './layout.module-b3dff6a0.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-eb64892c.js';
+import { l as layoutStyles } from '../../layout.module-b3dff6a0.js';
 
 const styles = {"component":"modal__component_15slf"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-eb64892c.js';
+import '../../layout.module-b3dff6a0.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-eb64892c.js';
+import { l as layoutStyles } from '../../layout.module-b3dff6a0.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_z1cef","sticky":"modal__sticky_z1cef","fullscreen":"modal__fullscreen_z1cef","size-500":"modal__size-500_z1cef","size-600":"modal__size-600_z1cef","size-800":"modal__size-800_z1cef","size-1140":"modal__size-1140_z1cef"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-eb64892c.js';
+import '../layout.module-b3dff6a0.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));