@alfalab/core-components-universal-modal 2.0.2 → 2.0.3

package/moderncssm/desktop/utils/get-full-size-modal-transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-full-size-modal-transitions.js","sources":["../../../src/desktop/utils/get-full-size-modal-transitions.ts"],"sourcesContent":["import { TransitionProps } from 'react-transition-group/Transition';\n\nimport { BackdropProps } from '@alfalab/core-components-backdrop';\nimport { exhaustiveCheck } from '@alfalab/core-components-shared';\n\nimport type { UniversalModalDesktopProps } from '../types/props';\n\nimport fullSizeBackdropTransitions from '../styles/transitions/full-size-backdrop-transitions.module.css';\nimport fullSizeVerticalBottomTransitions from '../styles/transitions/full-size-vertical-bottom-transitions.module.css';\nimport fullSizeVerticalCenterTransitions from '../styles/transitions/full-size-vertical-center-transitions.module.css';\nimport fullSizeVerticalTopTransitions from '../styles/transitions/full-size-vertical-top-transitions.module.css';\n\ninterface Params {\n    verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;\n    width: UniversalModalDesktopProps['width'];\n    height: UniversalModalDesktopProps['height'];\n}\n\ninterface ReturnType {\n    isFullSizeModal: boolean;\n    backdropTransitions: Partial<BackdropProps>;\n    componentTransitions: Partial<TransitionProps>;\n}\n\nexport const getFullSizeModalTransitions = (params: Params): ReturnType => {\n    const { verticalAlign, width, height } = params;\n\n    const isFullSizeModal = width === 'fullWidth' && height === 'fullHeight';\n\n    const backdropTransitions = {\n        timeout: {\n            enter: 0,\n            exit: 400,\n        },\n        transitionClassNames: fullSizeBackdropTransitions,\n    };\n\n    const getContentTransitionsClassNames = () => {\n        switch (verticalAlign) {\n            case 'top':\n                return fullSizeVerticalTopTransitions;\n            case 'bottom':\n                return fullSizeVerticalBottomTransitions;\n            case 'center':\n                return fullSizeVerticalCenterTransitions;\n            default:\n                return exhaustiveCheck(verticalAlign);\n        }\n    };\n\n    const componentTransitions = {\n        timeout: {\n            enter: 200,\n            exit: 400,\n        },\n        classNames: getContentTransitionsClassNames(),\n    };\n\n    return {\n        isFullSizeModal,\n        backdropTransitions,\n        componentTransitions,\n    };\n};\n"],"names":[],"mappings":";;;;;;AAwBa,MAAA,2BAA2B,GAAG,CAAC,MAAc,KAAgB;IACtE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;IAE/C,MAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,MAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAE,2BAA2B;KACpD;IAED,MAAM,+BAA+B,GAAG,MAAK;AACzC,QAAA,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAO,8BAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA;AACI,gBAAA,OAAO,eAAe,CAAC,aAAa,CAAC;AAC5C;AACL,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG;AACzB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;QACD,UAAU,EAAE,+BAA+B,EAAE;KAChD;IAED,OAAO;QACH,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB;AACL;;;;"}
+{"version":3,"file":"get-full-size-modal-transitions.js","sources":["../../../src/desktop/utils/get-full-size-modal-transitions.ts"],"sourcesContent":["import { type TransitionProps } from 'react-transition-group/Transition';\n\nimport { type BackdropProps } from '@alfalab/core-components-backdrop';\nimport { exhaustiveCheck } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport fullSizeBackdropTransitions from '../styles/transitions/full-size-backdrop-transitions.module.css';\nimport fullSizeVerticalBottomTransitions from '../styles/transitions/full-size-vertical-bottom-transitions.module.css';\nimport fullSizeVerticalCenterTransitions from '../styles/transitions/full-size-vertical-center-transitions.module.css';\nimport fullSizeVerticalTopTransitions from '../styles/transitions/full-size-vertical-top-transitions.module.css';\n\ninterface Params {\n    verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;\n    width: UniversalModalDesktopProps['width'];\n    height: UniversalModalDesktopProps['height'];\n}\n\ninterface ReturnType {\n    isFullSizeModal: boolean;\n    backdropTransitions: Partial<BackdropProps>;\n    componentTransitions: Partial<TransitionProps>;\n}\n\nexport const getFullSizeModalTransitions = (params: Params): ReturnType => {\n    const { verticalAlign, width, height } = params;\n\n    const isFullSizeModal = width === 'fullWidth' && height === 'fullHeight';\n\n    const backdropTransitions = {\n        timeout: {\n            enter: 0,\n            exit: 400,\n        },\n        transitionClassNames: fullSizeBackdropTransitions,\n    };\n\n    const getContentTransitionsClassNames = () => {\n        switch (verticalAlign) {\n            case 'top':\n                return fullSizeVerticalTopTransitions;\n            case 'bottom':\n                return fullSizeVerticalBottomTransitions;\n            case 'center':\n                return fullSizeVerticalCenterTransitions;\n            default:\n                return exhaustiveCheck(verticalAlign);\n        }\n    };\n\n    const componentTransitions = {\n        timeout: {\n            enter: 200,\n            exit: 400,\n        },\n        classNames: getContentTransitionsClassNames(),\n    };\n\n    return {\n        isFullSizeModal,\n        backdropTransitions,\n        componentTransitions,\n    };\n};\n"],"names":[],"mappings":";;;;;;AAwBa,MAAA,2BAA2B,GAAG,CAAC,MAAc,KAAgB;IACtE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;IAE/C,MAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,MAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAE,2BAA2B;KACpD;IAED,MAAM,+BAA+B,GAAG,MAAK;AACzC,QAAA,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAO,8BAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA;AACI,gBAAA,OAAO,eAAe,CAAC,aAAa,CAAC;AAC5C;AACL,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG;AACzB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;QACD,UAAU,EAAE,+BAA+B,EAAE;KAChD;IAED,OAAO;QACH,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB;AACL;;;;"}

package/moderncssm/desktop/utils/get-height-style.d.ts

@@ -1,2 +1,2 @@
-import type { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 export declare const getHeightStyle: (height: Exclude<UniversalModalDesktopProps['height'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;

package/moderncssm/desktop/utils/get-height-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-height-style.js","sources":["../../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport type { UniversalModalDesktopProps } from '../types/props';\n\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height > viewportHeight || height === 'fullHeight') {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n    }\n\n    return `${height}px`;\n};\n"],"names":[],"mappings":";;MAIa,cAAc,GAAG,CAC1B,MAAgE,EAChE,MAA4C,KAC5C;IACA,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;AACJ;AAED,IAAA,IAAI,MAAM,GAAG,cAAc,IAAI,MAAM,KAAK,YAAY,EAAE;AACpD,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,QAAA,OAAO,CAAe,YAAA,EAAA,SAAS,CAAQ,KAAA,EAAA,YAAY,KAAK;AAC3D;IAED,OAAO,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;AACxB;;;;"}
+{"version":3,"file":"get-height-style.js","sources":["../../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height > viewportHeight || height === 'fullHeight') {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n    }\n\n    return `${height}px`;\n};\n"],"names":[],"mappings":";;MAIa,cAAc,GAAG,CAC1B,MAAgE,EAChE,MAA4C,KAC5C;IACA,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;AACJ;AAED,IAAA,IAAI,MAAM,GAAG,cAAc,IAAI,MAAM,KAAK,YAAY,EAAE;AACpD,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,QAAA,OAAO,CAAe,YAAA,EAAA,SAAS,CAAQ,KAAA,EAAA,YAAY,KAAK;AAC3D;IAED,OAAO,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;AACxB;;;;"}

package/moderncssm/desktop/utils/get-margin-styles.d.ts

@@ -1,4 +1,4 @@
-import type { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 interface Params {
     styles: Record<string, string>;
     margin: UniversalModalDesktopProps['margin'];

package/moderncssm/desktop/utils/get-margin-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport type { UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":[],"mappings":";;AASa,MAAA,eAAe,GAAG,CAAC,MAAc,KAA6B;AACvE,IAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;AAEjC,IAAA,IAAI,MAAM,EAAE;QACR,OAAO;AACH,YAAA,CAAC,MAAM,CAAC,CAAa,UAAA,EAAA,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,CAAC,MAAM,CAAC,CAAgB,aAAA,EAAA,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,CAAC,MAAM,CAAC,CAAc,WAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;SACxE;AACJ;AAED,IAAA,OAAO,EAAE;AACb;;;;"}
+{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":[],"mappings":";;AASa,MAAA,eAAe,GAAG,CAAC,MAAc,KAA6B;AACvE,IAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;AAEjC,IAAA,IAAI,MAAM,EAAE;QACR,OAAO;AACH,YAAA,CAAC,MAAM,CAAC,CAAa,UAAA,EAAA,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,CAAC,MAAM,CAAC,CAAgB,aAAA,EAAA,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,CAAC,MAAM,CAAC,CAAc,WAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;SACxE;AACJ;AAED,IAAA,OAAO,EAAE;AACb;;;;"}

package/moderncssm/desktop/utils/get-max-height-style.d.ts

@@ -1,2 +1,2 @@
-import type { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 export declare const getMaxHeightStyle: (margin: UniversalModalDesktopProps['margin']) => string;

package/moderncssm/desktop/utils/get-max-height-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-max-height-style.js","sources":["../../../src/desktop/utils/get-max-height-style.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport type { UniversalModalDesktopProps } from '../types/props';\n\nexport const getMaxHeightStyle = (margin: UniversalModalDesktopProps['margin']) => {\n    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,iBAAiB,GAAG,CAAC,MAA4C,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,IAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,IAAA,OAAO,CAAe,YAAA,EAAA,SAAS,CAAQ,KAAA,EAAA,YAAY,KAAK;AAC5D;;;;"}
+{"version":3,"file":"get-max-height-style.js","sources":["../../../src/desktop/utils/get-max-height-style.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getMaxHeightStyle = (margin: UniversalModalDesktopProps['margin']) => {\n    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,iBAAiB,GAAG,CAAC,MAA4C,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,IAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,IAAA,OAAO,CAAe,YAAA,EAAA,SAAS,CAAQ,KAAA,EAAA,YAAY,KAAK;AAC5D;;;;"}

package/moderncssm/desktop/utils/get-width-style.d.ts

@@ -1,2 +1,2 @@
-import type { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 export declare const getWidthStyle: (width: Exclude<UniversalModalDesktopProps['width'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;

package/moderncssm/desktop/utils/get-width-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-width-style.js","sources":["../../../src/desktop/utils/get-width-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport type { UniversalModalDesktopProps } from '../types/props';\n\nexport const getWidthStyle = (\n    width: Exclude<UniversalModalDesktopProps['width'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportWidth = 0;\n\n    if (isClient()) {\n        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n    }\n\n    if (width > viewportWidth || width === 'fullWidth') {\n        const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;\n        const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;\n\n        return `calc(100% - ${marginLeft}px - ${marginRight}px)`;\n    }\n\n    return `${width}px`;\n};\n"],"names":[],"mappings":";;MAIa,aAAa,GAAG,CACzB,KAA8D,EAC9D,MAA4C,KAC5C;IACA,IAAI,aAAa,GAAG,CAAC;IAErB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;AAC9F;AAED,IAAA,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,KAAK,WAAW,EAAE;AAChD,QAAA,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,CAAe,YAAA,EAAA,UAAU,CAAQ,KAAA,EAAA,WAAW,KAAK;AAC3D;IAED,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACvB;;;;"}
+{"version":3,"file":"get-width-style.js","sources":["../../../src/desktop/utils/get-width-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getWidthStyle = (\n    width: Exclude<UniversalModalDesktopProps['width'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportWidth = 0;\n\n    if (isClient()) {\n        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n    }\n\n    if (width > viewportWidth || width === 'fullWidth') {\n        const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;\n        const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;\n\n        return `calc(100% - ${marginLeft}px - ${marginRight}px)`;\n    }\n\n    return `${width}px`;\n};\n"],"names":[],"mappings":";;MAIa,aAAa,GAAG,CACzB,KAA8D,EAC9D,MAA4C,KAC5C;IACA,IAAI,aAAa,GAAG,CAAC;IAErB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;AAC9F;AAED,IAAA,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,KAAK,WAAW,EAAE;AAChD,QAAA,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,CAAe,YAAA,EAAA,UAAU,CAAQ,KAAA,EAAA,WAAW,KAAK;AAC3D;IAED,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACvB;;;;"}

package/moderncssm/desktop/utils/set-footer-and-header-refs.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, RefObject } from 'react';
+import { type ReactElement, type ReactNode, type RefObject } from 'react';
 interface Params {
     children: ReactNode;
     headerElementRef: RefObject<HTMLDivElement>;

package/moderncssm/desktop/utils/set-footer-and-header-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../../src/desktop/utils/set-footer-and-header-refs.tsx"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    MutableRefObject,\n    ReactElement,\n    ReactNode,\n    RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { FooterDesktop } from '../../components/footer';\nimport { HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":[],"mappings":";;;;;AAuBA;AACa,MAAA,sBAAsB,GAAG,CAAC,MAAc,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAE/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtD,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;AACf;AAED,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAmD;AAEjF,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE;AAC/B;;;;"}
+{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../../src/desktop/utils/set-footer-and-header-refs.ts"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    type MutableRefObject,\n    type ReactElement,\n    type ReactNode,\n    type RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":[],"mappings":";;;;;AAuBA;AACa,MAAA,sBAAsB,GAAG,CAAC,MAAc,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAE/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtD,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;AACf;AAED,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAmD;AAEjF,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE;AAC/B;;;;"}

package/moderncssm/mobile/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UniversalModalMobileProps } from './types/props';
+import { type UniversalModalMobileProps } from './types/props';
 export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<UniversalModalMobileProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalMobile: React.ForwardRefExoticComponent<UniversalModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header").HeaderMobileProps>;

package/moderncssm/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport type { UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAea,MAAA,6BAA6B,GAAG,UAAU,CACnD,CAAC,KAAK,EAAE,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEtF,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;YACb,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;YAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW;YACvE,GAAG,SAAS,CAAC,eAAe;SAC/B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAE/B,EAAA,QAAQ,CACD;AAEpB,CAAC;MAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAea,MAAA,6BAA6B,GAAG,UAAU,CACnD,CAAC,KAAK,EAAE,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEtF,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;YACb,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;YAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW;YACvE,GAAG,SAAS,CAAC,eAAe;SAC/B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAE/B,EAAA,QAAQ,CACD;AAEpB,CAAC;MAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}

package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.d.ts

@@ -1,4 +1,4 @@
-import { FC, MouseEvent } from 'react';
+import { type FC, type MouseEvent } from 'react';
 interface ArrowButtonDesktopProps {
     onClick?: (e: MouseEvent) => void;
 }

package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button.js","sources":["../../../../../src/mobile/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonMobile: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            shape='rounded'\n            size={32}\n            leftAddons={<ChevronLeftMIcon className={styles.icon} />}\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,iBAAiB,GAAgC,CAAC,KAAK,KAAI;AACpE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,oBAAC,gBAAgB,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAI,CAAA,EACxD,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"arrow-button.js","sources":["../../../../../src/mobile/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { type FC, type MouseEvent } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonMobile: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            shape='rounded'\n            size={32}\n            leftAddons={<ChevronLeftMIcon className={styles.icon} />}\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,iBAAiB,GAAgC,CAAC,KAAK,KAAI;AACpE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,oBAAC,gBAAgB,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAI,CAAA,EACxD,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.module.css

@@ -1,3 +1,5 @@
+
+
 .button.button {
     padding: 0 7px;
     width: 24px;

package/moderncssm/mobile/components/buttons/cross-button/cross-button.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 interface CrossButtonProps {
     onClick?: () => void;
 }

package/moderncssm/mobile/components/buttons/cross-button/cross-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.js","sources":["../../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,iBAAiB,GAAyB,CAAC,KAAK,KAAI;AAC7D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,UAAU,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"cross-button.js","sources":["../../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,iBAAiB,GAAyB,CAAC,KAAK,KAAI;AAC7D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,UAAU,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/moderncssm/mobile/components/buttons/cross-button/cross-button.module.css

@@ -1,3 +1,5 @@
+
+
 .button.button {
     padding: 0 7px;
     width: 24px;

package/moderncssm/mobile/mobile.module.css

@@ -1,3 +1,5 @@
+
+
 .component {
     top: var(--gap-0);
     height: 100%;
@@ -6,7 +8,7 @@
     overflow-y: auto;
     max-width: 600px;
     display: flex;
-    flex-direction: column
+    flex-direction: column;
 }
 
 .component .content {

package/moderncssm/mobile/transitions/right-side-transitions.mobile.module.css

@@ -1,3 +1,5 @@
+
+
 .appear,
 .enter {
     transform: translateX(100%);

package/moderncssm/mobile/transitions/transitions.mobile.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
 .exit {
@@ -20,5 +22,7 @@
 .exitDone {
     opacity: 0;
     transform: translateY(15px);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

package/moderncssm/mobile/types/props.d.ts

@@ -1,4 +1,4 @@
-import { BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
 export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';

package/moderncssm/typings/index.d.ts

@@ -1,5 +1,5 @@
-import { UniversalModalDesktopProps } from '../desktop';
-import { UniversalModalMobileProps } from '../mobile';
+import { type UniversalModalDesktopProps } from '../desktop';
+import { type UniversalModalMobileProps } from '../mobile';
 export interface UniversalModalContextType {
     modalWidth: UniversalModalDesktopProps['width'];
     modalHeaderHighlighted?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "2.0.2",
+    "version": "2.0.3",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -14,10 +14,10 @@
         "@alfalab/core-components-base-modal": "^6.0.1",
         "@alfalab/core-components-button": "^12.0.1",
         "@alfalab/core-components-mq": "^5.0.1",
-        "@alfalab/core-components-navigation-bar-private": "^1.0.1",
+        "@alfalab/core-components-navigation-bar-private": "^1.0.2",
         "@alfalab/core-components-scrollbar": "^4.0.0",
         "@alfalab/core-components-shared": "^1.1.0",
-        "@alfalab/core-components-typography": "^5.0.1",
+        "@alfalab/core-components-typography": "^5.0.2",
         "@alfalab/icons-glyph": "^2.247.0",
         "@types/react-transition-group": "^4.4.5",
         "classnames": "^2.5.1",
@@ -33,6 +33,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.1",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/Component.responsive.tsx

@@ -7,7 +7,7 @@ import { FooterResponsive } from './components/footer';
 import { HeaderResponsive } from './components/header';
 import { UniversalModalDesktop } from './desktop';
 import { UniversalModalMobile } from './mobile';
-import type { UniversalModalResponsiveProps } from './typings';
+import { type UniversalModalResponsiveProps } from './typings';
 
 export const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(
     ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {

package/src/components/content/base-content/base-content.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, Ref, useContext } from 'react';
+import React, { type FC, type ReactNode, type Ref, useContext } from 'react';
 import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';

package/src/components/content/desktop/Component.desktop.tsx

@@ -1,8 +1,8 @@
-import React, { FC, useContext } from 'react';
+import React, { type FC, useContext } from 'react';
 import cn from 'classnames';
 
 import { UniversalModalContext } from '../../../context/universal-modal-context';
-import { BaseContent, ContentProps } from '../base-content/base-content';
+import { BaseContent, type ContentProps } from '../base-content/base-content';
 
 import styles from './desktop.module.css';
 

package/src/components/content/mobile/Component.mobile.tsx

@@ -1,8 +1,8 @@
-import React, { FC, useContext } from 'react';
+import React, { type FC, useContext } from 'react';
 import cn from 'classnames';
 
 import { ModalContext } from '../../../Context';
-import { type ContentProps, BaseContent } from '../base-content/base-content';
+import { BaseContent, type ContentProps } from '../base-content/base-content';
 
 import styles from './mobile.module.css';
 

package/src/components/content/responsive/Component.responsive.tsx

@@ -1,9 +1,9 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
-import { type ContentDesktopProps, ContentDesktop } from '../desktop/Component.desktop';
-import { type ContentMobileProps, ContentMobile } from '../mobile/Component.mobile';
+import { ContentDesktop, type ContentDesktopProps } from '../desktop/Component.desktop';
+import { ContentMobile, type ContentMobileProps } from '../mobile/Component.mobile';
 
 export interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}
 

package/src/components/footer/base-footer/base-footer.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode, useContext, useEffect } from 'react';
+import React, { forwardRef, type ReactNode, useContext, useEffect } from 'react';
 import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';

package/src/components/footer/base-footer/index.module.css

@@ -1,10 +1,12 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 @import '../../../vars.css';
 
 .footer {
     width: 100%;
     box-sizing: border-box;
-    transition: box-shadow 0.2s ease, background 0.2s ease;
+    transition:
+        box-shadow 0.2s ease,
+        background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
 }
 

package/src/components/footer/desktop/Component.desktop.tsx

@@ -3,7 +3,7 @@ import cn from 'classnames';
 
 import { UniversalModalContext } from '../../../context/universal-modal-context';
 import { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';
-import { type FooterProps, BaseFooter } from '../base-footer/base-footer';
+import { BaseFooter, type FooterProps } from '../base-footer/base-footer';
 
 import styles from './desktop.module.css';
 import layoutStyles from './layout.module.css';

package/src/components/footer/mobile/Component.mobile.tsx

@@ -1,8 +1,8 @@
-import React, { FC, useContext } from 'react';
+import React, { type FC, useContext } from 'react';
 import cn from 'classnames';
 
 import { ModalContext } from '../../../Context';
-import { type FooterProps, BaseFooter } from '../base-footer/base-footer';
+import { BaseFooter, type FooterProps } from '../base-footer/base-footer';
 
 import layoutStylesMobile from './layout.mobile.module.css';
 import styles from './mobile.module.css';

package/src/components/footer/responsive/Component.responsive.tsx

@@ -2,8 +2,8 @@ import React, { forwardRef } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
-import { type FooterDesktopProps, FooterDesktop } from '../desktop/Component.desktop';
-import { type FooterMobileProps, FooterMobile } from '../mobile/Component.mobile';
+import { FooterDesktop, type FooterDesktopProps } from '../desktop/Component.desktop';
+import { FooterMobile, type FooterMobileProps } from '../mobile/Component.mobile';
 
 export interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}
 

package/src/components/header/base-header/index.module.css

@@ -1,10 +1,12 @@
 @import '../../../vars.css';
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .header {
     width: 100%;
     box-sizing: border-box;
-    transition: box-shadow 0.2s ease, background 0.2s ease;
+    transition:
+        box-shadow 0.2s ease,
+        background 0.2s ease;
     padding: var(--gap-20) var(--gap-20) 0;
 }
 

package/src/components/header/desktop/Component.desktop.tsx

@@ -3,7 +3,7 @@ import cn from 'classnames';
 
 import {
     NavigationBarPrivate,
-    NavigationBarPrivateProps,
+    type NavigationBarPrivateProps,
 } from '@alfalab/core-components-navigation-bar-private';
 import { getDataTestId } from '@alfalab/core-components-shared';
 

package/src/components/header/mobile/Component.mobile.tsx

@@ -1,9 +1,9 @@
-import React, { FC, useContext, useEffect, useRef } from 'react';
+import React, { type FC, useContext, useEffect, useRef } from 'react';
 import cn from 'classnames';
 
 import {
     NavigationBarPrivate,
-    NavigationBarPrivateProps,
+    type NavigationBarPrivateProps,
 } from '@alfalab/core-components-navigation-bar-private';
 import { getDataTestId } from '@alfalab/core-components-shared';
 

package/src/components/header/mobile/mobile.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 @import '../../../mobile/vars.css';
 
 .header {

package/src/components/header/responsive/Component.responsive.tsx

@@ -2,8 +2,8 @@ import React, { forwardRef } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
-import { HeaderDesktop, HeaderDesktopProps } from '../desktop/Component.desktop';
-import { HeaderMobile, HeaderMobileProps } from '../mobile/Component.mobile';
+import { HeaderDesktop, type HeaderDesktopProps } from '../desktop/Component.desktop';
+import { HeaderMobile, type HeaderMobileProps } from '../mobile/Component.mobile';
 
 export interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}
 

package/src/context/universal-modal-context.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import type { UniversalModalContextType } from '../typings';
+import { type UniversalModalContextType } from '../typings';
 
 export const UniversalModalContext = createContext<UniversalModalContextType>({
     modalWidth: 500,

package/src/desktop/Component.desktop.tsx

@@ -4,11 +4,11 @@ import { ContentDesktop } from '../components/content';
 import { FooterDesktop } from '../components/footer';
 import { HeaderDesktop } from '../components/header';
 import { UniversalModalContext } from '../context/universal-modal-context';
-import type { UniversalModalContextType } from '../typings';
+import { type UniversalModalContextType } from '../typings';
 
 import { CenterModal } from './components/center-modal';
 import { SideModal } from './components/side-modal';
-import type { UniversalModalDesktopProps } from './types/props';
+import { type UniversalModalDesktopProps } from './types/props';
 import { checkHeaderAndFooter } from './utils/check-header-and-footer';
 
 export const UniversalModalDesktopComponent = forwardRef<

package/src/desktop/components/buttons/arrow-button/arrow-button.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .button.button {
     padding: 0 var(--gap-12);

package/src/desktop/components/buttons/arrow-button/arrow-button.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent } from 'react';
+import React, { type FC, type MouseEvent } from 'react';
 
 import { ButtonDesktop } from '@alfalab/core-components-button/desktop';
 import { Typography } from '@alfalab/core-components-typography';

package/src/desktop/components/buttons/cross-button/cross-button.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 @import '@alfalab/core-components-vars/src/colors-monochrome.css';
 
 .button.button {

package/src/desktop/components/buttons/cross-button/cross-button.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 
 import { ButtonDesktop } from '@alfalab/core-components-button/desktop';
 import { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';

package/src/desktop/components/center-modal/center-modal.tsx

@@ -5,7 +5,7 @@ import { BaseModal } from '@alfalab/core-components-base-modal';
 import { browser, os } from '@alfalab/core-components-shared';
 
 import { useModalWheel } from '../../hooks/useModalWheel';
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 import { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';
 import { getHeightStyle } from '../../utils/get-height-style';
 import { getMarginStyles } from '../../utils/get-margin-styles';

package/src/desktop/components/center-modal/transitions/safari-transitions.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateY(0) translateZ(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
 .exit {
@@ -19,5 +21,7 @@
 .exitDone {
     opacity: 0;
     transform: translateY(15px) translateZ(0);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

package/src/desktop/components/center-modal/transitions/transitions.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateX(0) translateZ(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
 .exit {
@@ -19,5 +21,7 @@
 .exitDone {
     opacity: 0;
     transform: scale(0.9) translateZ(0);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

package/src/desktop/components/modal-content/modal-content.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .scrollable {
     height: 100%;

package/src/desktop/components/modal-content/modal-content.tsx

@@ -1,14 +1,14 @@
-import React, { FC, useRef } from 'react';
+import React, { type FC, useRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 
-import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal';
 import { Scrollbar } from '@alfalab/core-components-scrollbar';
 
 import { useModalHighlighted } from '../../hooks/use-modal-highlighted';
 import { useOutsideScroll } from '../../hooks/use-outside-scroll';
 import { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 import { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';
 
 import styles from './modal-content.module.css';

package/src/desktop/components/side-modal/get-default-transition-props.ts

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 
 import transitions from './transitions/transitions.module.css';
 

package/src/desktop/components/side-modal/side-modal.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .wrapper {
     overflow-x: hidden;

package/src/desktop/components/side-modal/side-modal.tsx

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal';
 
 import { useModalWheel } from '../../hooks/useModalWheel';
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 import { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';
 import { getHeightStyle } from '../../utils/get-height-style';
 import { getMarginStyles } from '../../utils/get-margin-styles';