@alfalab/core-components-universal-modal 2.0.7 → 2.0.8

package/esm/components/header/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var desktopStyles = {"content":"universal-modal__content_p01vn","sticky":"universal-modal__sticky_p01vn","bottomAddons":"universal-modal__bottomAddons_p01vn","headerTitle":"universal-modal__headerTitle_p01vn","medium":"universal-modal__medium_p01vn"};
+var desktopStyles = {"header":"universal-modal__header_ua2wm","content":"universal-modal__content_ua2wm","headerTitle":"universal-modal__headerTitle_ua2wm","bottomAddons":"universal-modal__bottomAddons_ua2wm","medium":"universal-modal__medium_ua2wm"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/header/desktop/desktop.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktop.module.css.js","sources":["../../../src/components/header/desktop/desktop.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '../../../desktop/vars.css';\n\n.content {\n    font-weight: var(--universal-modal-header-desktop-font-weight);\n    font-family: var(--universal-modal-header-desktop-font-family);\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n\n.bottomAddons,\n.headerTitle {\n    @mixin headline-system_small;\n\n    &.medium {\n        @mixin headline-system_medium;\n    }\n}\n\n.headerTitle {\n    padding: 11px var(--gap-12);\n\n    &.medium {\n        padding: var(--gap-6) var(--gap-12) var(--gap-16);\n    }\n}\n\n.bottomAddons {\n    padding: var(--gap-6) var(--gap-12) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,SAAS,CAAC,gCAAgC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"desktop.module.css.js","sources":["../../../src/components/header/desktop/desktop.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '../../../desktop/vars.css';\n\n.header {\n    padding: var(--gap-20) var(--gap-20) 0;\n\n    & .content {\n        font-weight: var(--universal-modal-header-desktop-font-weight);\n        font-family: var(--universal-modal-header-desktop-font-family);\n\n        & .headerTitle {\n            @mixin headline-system_small;\n            padding: 11px var(--gap-12);\n        }\n    }\n\n    & .bottomAddons {\n        @mixin headline-system_small;\n        padding: var(--gap-6) var(--gap-12) var(--gap-16);\n    }\n\n    &.medium {\n        & .content .headerTitle {\n            @mixin headline-system_medium;\n            padding: var(--gap-6) var(--gap-12) var(--gap-16);\n        }\n\n        & .bottomAddons {\n            @mixin headline-system_medium;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,aAAa,CAAC,oCAAoC,CAAC,cAAc,CAAC,qCAAqC,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}

package/esm/components/header/mobile/Component.mobile.js

@@ -33,7 +33,6 @@ var HeaderMobile = function (_a) {
             _b[styles.highlighted] = sticky && headerHighlighted && hasContent,
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
-            _b[mobileStyles.sticky] = sticky,
             _b)), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: cn(mobileStyles.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, onClose: handleClose }), children));
 };
 

package/esm/components/header/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [mobileStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToC,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKF,UAAU,CAAC,YAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;AAED,IAAA,SAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAAC,YAAY,CAAC,MAAM,CAAA,GAAG,MAAM;AAC/B,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToC,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKF,UAAU,CAAC,YAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;AAED,IAAA,SAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}

package/esm/components/header/mobile/mobile.css

@@ -3,7 +3,6 @@
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-    --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-6: 6px;
     --gap-8: var(--gap-xs);
@@ -17,11 +16,9 @@
     --universal-modal-header-mobile-line-height: 28px;
     --universal-modal-header-mobile-font-family: var(--font-family-system);
     --universal-modal-header-mobile-font-weight: 600;
-} .universal-modal__header_4qu8b {
+} .universal-modal__header_1rqro {
     padding: var(--gap-8) var(--gap-4);
-} .universal-modal__sticky_4qu8b {
-    top: var(--gap-0);
-} .universal-modal__content_4qu8b {
+} .universal-modal__content_1rqro {
     font-size: var(--universal-modal-header-mobile-font-size);
     line-height: var(--universal-modal-header-mobile-line-height);
     font-family: var(--universal-modal-header-mobile-font-family);
@@ -29,7 +26,7 @@
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
-} .universal-modal__bottomAddons_4qu8b {
+} .universal-modal__bottomAddons_1rqro {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/esm/components/header/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var mobileStyles = {"header":"universal-modal__header_4qu8b","sticky":"universal-modal__sticky_4qu8b","content":"universal-modal__content_4qu8b","bottomAddons":"universal-modal__bottomAddons_4qu8b"};
+var mobileStyles = {"header":"universal-modal__header_1rqro","content":"universal-modal__content_1rqro","bottomAddons":"universal-modal__bottomAddons_1rqro"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/components/header/mobile/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../../src/components/header/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../mobile/vars.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n\n.content {\n    font-size: var(--universal-modal-header-mobile-font-size);\n    line-height: var(--universal-modal-header-mobile-line-height);\n    font-family: var(--universal-modal-header-mobile-font-family);\n    font-weight: var(--universal-modal-header-mobile-font-weight);\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,mBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../../../src/components/header/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../mobile/vars.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.content {\n    font-size: var(--universal-modal-header-mobile-font-size);\n    line-height: var(--universal-modal-header-mobile-line-height);\n    font-family: var(--universal-modal-header-mobile-font-family);\n    font-weight: var(--universal-modal-header-mobile-font-weight);\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,mBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}

package/esm/desktop/components/buttons/arrow-button/arrow-button.css

@@ -3,7 +3,7 @@
 } :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .universal-modal__button_1896p.universal-modal__button_1896p {
+} .universal-modal__button_1mv9w.universal-modal__button_1mv9w {
     padding: 0 var(--gap-12);
     background-color: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);

package/esm/desktop/components/buttons/arrow-button/arrow-button.module.css.js

@@ -1,6 +1,6 @@
 import './arrow-button.css';
 
-var styles = {"button":"universal-modal__button_1896p"};
+var styles = {"button":"universal-modal__button_1mv9w"};
 
 export { styles as default };
 //# sourceMappingURL=arrow-button.module.css.js.map

package/esm/desktop/components/buttons/cross-button/cross-button.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
-} .universal-modal__button_12lqm.universal-modal__button_12lqm {
+} .universal-modal__button_1xq72.universal-modal__button_1xq72 {
     background-color: var(--color-light-monochrome-white-4);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/esm/desktop/components/buttons/cross-button/cross-button.module.css.js

@@ -1,6 +1,6 @@
 import './cross-button.css';
 
-var styles = {"button":"universal-modal__button_12lqm"};
+var styles = {"button":"universal-modal__button_1xq72"};
 
 export { styles as default };
 //# sourceMappingURL=cross-button.module.css.js.map