@alfalab/core-components-bottom-sheet 8.0.1 → 8.0.2

package/modern/components/header/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, type RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport { type ColorType } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n    headerRef: RefObject<HTMLDivElement>;\n    headerOffset: number;\n    colors?: ColorType;\n    showSwipeMarker?: boolean;\n};\n\nconst colorStyles = {\n    default: defaultColors,\n    inverted: invertedColors,\n} as const;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    colors = 'default',\n    sticky,\n    headerRef,\n    headerOffset,\n    showSwipeMarker,\n    title,\n    children,\n    contentClassName,\n    ...restProps\n}) => {\n    const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n        useContext(BaseModalContext);\n\n    useEffect(() => {\n        setHeaderOffset(headerOffset);\n    }, [headerOffset, setHeaderOffset]);\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const colorStyle = colorStyles[colors];\n    const hasContent = Boolean(title || children);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={headerRef}\n            title={title}\n            onClose={onClose}\n            sticky={sticky}\n            view='mobile'\n            className={cn(className, {\n                [styles.headerWrapper]: showSwipeMarker,\n                [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,\n                [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,\n                [colorStyle.hasContent]: hasContent,\n                [styles.sticky]: sticky,\n            })}\n            contentClassName={cn(styles.title, contentClassName)}\n            titleClassName={cn(colorStyle.title)}\n            subtitleClassName={cn(styles.subtitle, colorStyle.subtitle)}\n            colors={colors}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAClB;AAEH,MAAM,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAC;IAEhC,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;AAE7C,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACrB,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,eAAe;AACvC,YAAA,CAAC,MAAM,CAAC,+BAA+B,GAAG,CAAC,eAAe;YAC1D,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AACnE,YAAA,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,EACpD,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3D,MAAM,EAAE,MAAM,IAEb,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, type RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport { type ColorType } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n    headerRef: RefObject<HTMLDivElement>;\n    headerOffset: number;\n    colors?: ColorType;\n    showSwipeMarker?: boolean;\n};\n\nconst colorStyles = {\n    default: defaultColors,\n    inverted: invertedColors,\n} as const;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    colors = 'default',\n    sticky,\n    headerRef,\n    headerOffset,\n    showSwipeMarker,\n    title,\n    children,\n    contentClassName,\n    bottomAddons,\n    ...restProps\n}) => {\n    const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n        useContext(BaseModalContext);\n\n    useEffect(() => {\n        setHeaderOffset(headerOffset);\n    }, [headerOffset, setHeaderOffset]);\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const colorStyle = colorStyles[colors];\n    const hasContent = Boolean(title || children || bottomAddons);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={headerRef}\n            title={title}\n            bottomAddons={bottomAddons}\n            onClose={onClose}\n            sticky={sticky}\n            view='mobile'\n            className={cn(className, {\n                [styles.headerWrapper]: showSwipeMarker,\n                [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,\n                [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,\n                [colorStyle.hasContent]: hasContent,\n                [styles.sticky]: sticky,\n            })}\n            contentClassName={cn(styles.title, contentClassName)}\n            titleClassName={cn(colorStyle.title)}\n            subtitleClassName={cn(styles.subtitle, colorStyle.subtitle)}\n            colors={colors}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAClB;AAEH,MAAM,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAC;IAEhC,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACrB,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,eAAe;AACvC,YAAA,CAAC,MAAM,CAAC,+BAA+B,GAAG,CAAC,eAAe;YAC1D,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AACnE,YAAA,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,EACpD,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3D,MAAM,EAAE,MAAM,IAEb,QAAQ,CACU;AAE/B;;;;"}

package/modern/components/header/default.css

@@ -6,15 +6,15 @@
     --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-text-color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_1tf2d {
+.bottom-sheet__title_1ucm9 {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__hasContent_1tf2d {
+.bottom-sheet__hasContent_1ucm9 {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_1tf2d.bottom-sheet__subtitle_1tf2d {
+.bottom-sheet__subtitle_1ucm9.bottom-sheet__subtitle_1ucm9 {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__highlighted_1tf2d {
+.bottom-sheet__highlighted_1ucm9 {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }

package/modern/components/header/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"title":"bottom-sheet__title_1tf2d","hasContent":"bottom-sheet__hasContent_1tf2d","subtitle":"bottom-sheet__subtitle_1tf2d","highlighted":"bottom-sheet__highlighted_1tf2d"};
+const defaultColors = {"title":"bottom-sheet__title_1ucm9","hasContent":"bottom-sheet__hasContent_1ucm9","subtitle":"bottom-sheet__subtitle_1ucm9","highlighted":"bottom-sheet__highlighted_1ucm9"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/header/index.css

@@ -12,38 +12,38 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.bottom-sheet__headerBase_3v98l {
+.bottom-sheet__headerBase_nzj4a {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
-.bottom-sheet__headerWrapper_3v98l {
+.bottom-sheet__headerWrapper_nzj4a {
     padding: var(--gap-12) var(--gap-8) var(--gap-4);
 }
-.bottom-sheet__headerWrapperWithoutSwipeMarker_3v98l {
+.bottom-sheet__headerWrapperWithoutSwipeMarker_nzj4a {
     padding: var(--gap-8) var(--gap-8) var(--gap-4);
 }
-.bottom-sheet__header_3v98l {
+.bottom-sheet__header_nzj4a {
     display: flex;
 }
-.bottom-sheet__sticky_3v98l {
+.bottom-sheet__sticky_nzj4a {
     position: sticky;
     top: var(--gap-0);
 }
-.bottom-sheet__justifyEnd_3v98l {
+.bottom-sheet__justifyEnd_nzj4a {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_3v98l {
+.bottom-sheet__addon_nzj4a {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_3v98l {
+.bottom-sheet__addonFixed_nzj4a {
     position: fixed;
 }
-.bottom-sheet__title_3v98l {
+.bottom-sheet__title_nzj4a {
     padding: var(--gap-10) var(--gap-8);
     width: 100%;
 
@@ -55,18 +55,18 @@
 
     font-family: var(--font-family-system);
 }
-.bottom-sheet__titleCenter_3v98l {
+.bottom-sheet__titleCenter_nzj4a {
     text-align: center;
 }
-.bottom-sheet__titleLeft_3v98l {
+.bottom-sheet__titleLeft_nzj4a {
     text-align: left;
 }
-.bottom-sheet__trimTitle_3v98l {
+.bottom-sheet__trimTitle_nzj4a {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__subtitle_3v98l {
+.bottom-sheet__subtitle_nzj4a {
     width: 100%;
 
     font-size: 14px;

package/modern/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"headerWrapper":"bottom-sheet__headerWrapper_3v98l bottom-sheet__headerBase_3v98l","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_3v98l bottom-sheet__headerBase_3v98l","sticky":"bottom-sheet__sticky_3v98l","title":"bottom-sheet__title_3v98l","subtitle":"bottom-sheet__subtitle_3v98l"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_nzj4a bottom-sheet__headerBase_nzj4a","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_nzj4a bottom-sheet__headerBase_nzj4a","sticky":"bottom-sheet__sticky_nzj4a","title":"bottom-sheet__title_nzj4a","subtitle":"bottom-sheet__subtitle_nzj4a"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/header/inverted.css

@@ -6,15 +6,15 @@
     --bottom-sheet-header-border-bottom-inverted: 1px solid var(--color-light-neutral-300-inverted);
     --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
 }
-.bottom-sheet__title_n4jp3 {
+.bottom-sheet__title_o23la {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__hasContent_n4jp3 {
+.bottom-sheet__hasContent_o23la {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_n4jp3.bottom-sheet__subtitle_n4jp3 {
+.bottom-sheet__subtitle_o23la.bottom-sheet__subtitle_o23la {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__highlighted_n4jp3 {
+.bottom-sheet__highlighted_o23la {
     border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
 }

package/modern/components/header/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"title":"bottom-sheet__title_n4jp3","hasContent":"bottom-sheet__hasContent_n4jp3","subtitle":"bottom-sheet__subtitle_n4jp3","highlighted":"bottom-sheet__highlighted_n4jp3"};
+const invertedColors = {"title":"bottom-sheet__title_o23la","hasContent":"bottom-sheet__hasContent_o23la","subtitle":"bottom-sheet__subtitle_o23la","highlighted":"bottom-sheet__highlighted_o23la"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/default.css

@@ -8,15 +8,15 @@
     --bottom-sheet-marker-color: var(--color-light-neutral-translucent-300);
     --bottom-sheet-text-color: var(--color-light-text-primary);
 }
-.bottom-sheet__component_1oyrw {
+.bottom-sheet__component_25431 {
     background-color: var(--bottom-sheet-background-color);
 }
-.bottom-sheet__content_1oyrw {
+.bottom-sheet__content_25431 {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__defaultMarker_1oyrw {
+.bottom-sheet__defaultMarker_25431 {
     background-color: var(--bottom-sheet-marker-color);
 }
-.bottom-sheet__hasContent_1oyrw {
+.bottom-sheet__hasContent_25431 {
     color: var(--bottom-sheet-text-color);
 }

package/modern/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"component":"bottom-sheet__component_1oyrw","content":"bottom-sheet__content_1oyrw","defaultMarker":"bottom-sheet__defaultMarker_1oyrw","hasContent":"bottom-sheet__hasContent_1oyrw"};
+const defaultColors = {"component":"bottom-sheet__component_25431","content":"bottom-sheet__content_25431","defaultMarker":"bottom-sheet__defaultMarker_25431","hasContent":"bottom-sheet__hasContent_25431"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/index.css

@@ -45,18 +45,18 @@
     --bottom-sheet-top-radius: var(--border-radius-16);
     --bottom-sheet-shadow: none;
 }
-.bottom-sheet__modal_171py {
+.bottom-sheet__modal_wku8l {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
 }
-.bottom-sheet__modal_171py.bottom-sheet__modal_171py {
+.bottom-sheet__modal_wku8l.bottom-sheet__modal_wku8l {
     background-color: transparent;
     position: fixed;
 }
-.bottom-sheet__wrapper_171py {
+.bottom-sheet__wrapper_wku8l {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
@@ -64,13 +64,13 @@
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
 }
-.bottom-sheet__outerClassName_171py {
+.bottom-sheet__outerClassName_wku8l {
     pointer-events: all;
 }
-.bottom-sheet__fullscreen_171py {
+.bottom-sheet__fullscreen_wku8l {
     border-radius: var(--border-radius-0);
 }
-.bottom-sheet__component_171py {
+.bottom-sheet__component_wku8l {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -79,10 +79,10 @@
     box-shadow: var(--bottom-sheet-shadow);
     transform: translate(0, 0);
 }
-.bottom-sheet__withTransition_171py {
+.bottom-sheet__withTransition_wku8l {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_171py {
+.bottom-sheet__scrollableContainer_wku8l {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -92,7 +92,7 @@
     border-radius: inherit;
     overscroll-behavior: contain;
 }
-.bottom-sheet__marker_171py {
+.bottom-sheet__marker_wku8l {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -101,11 +101,11 @@
     width: 36px;
     margin: var(--gap-0) auto;
 }
-.bottom-sheet__defaultMarker_171py {
+.bottom-sheet__defaultMarker_wku8l {
     height: 4px;
     border-radius: var(--border-radius-20);
 }
-.bottom-sheet__content_171py {
+.bottom-sheet__content_wku8l {
     position: relative;
     z-index: 0;
     display: flex;
@@ -115,108 +115,108 @@
     background-color: inherit;
     border-radius: inherit;
 }
-.bottom-sheet__noHeader_171py {
+.bottom-sheet__noHeader_wku8l {
     padding-top: var(--gap-16);
 }
-.bottom-sheet__noFooter_171py {
+.bottom-sheet__noFooter_wku8l {
     padding-bottom: var(--gap-16);
 }
-.bottom-sheet__scrollLocked_171py {
+.bottom-sheet__scrollLocked_wku8l {
     overflow: hidden;
 }
-.bottom-sheet__hiddenScrollbar_171py {
+.bottom-sheet__hiddenScrollbar_wku8l {
     scrollbar-width: none;
 }
-.bottom-sheet__hiddenScrollbar_171py::-webkit-scrollbar {
+.bottom-sheet__hiddenScrollbar_wku8l::-webkit-scrollbar {
         width: 0;
         height: 0;
     }
-.bottom-sheet__disabledPointerEvents_171py {
+.bottom-sheet__disabledPointerEvents_wku8l {
     pointer-events: none;
 }
-.bottom-sheet__appear_171py .bottom-sheet__wrapper_171py, .bottom-sheet__enter_171py .bottom-sheet__wrapper_171py {
+.bottom-sheet__appear_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__enter_wku8l .bottom-sheet__wrapper_wku8l {
         transition: none;
     }
-.bottom-sheet__appearActive_171py .bottom-sheet__wrapper_171py, .bottom-sheet__enterActive_171py .bottom-sheet__wrapper_171py {
+.bottom-sheet__appearActive_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__enterActive_wku8l .bottom-sheet__wrapper_wku8l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_171py .bottom-sheet__wrapper_171py, .bottom-sheet__appearDone_171py .bottom-sheet__wrapper_171py {
+.bottom-sheet__enterDone_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__appearDone_wku8l .bottom-sheet__wrapper_wku8l {
         transform: translateY(0);
     }
-.bottom-sheet__exit_171py .bottom-sheet__wrapper_171py {
+.bottom-sheet__exit_wku8l .bottom-sheet__wrapper_wku8l {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_171py .bottom-sheet__wrapper_171py {
+.bottom-sheet__exitActive_wku8l .bottom-sheet__wrapper_wku8l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }
-.bottom-sheet__safeAreaBottom_171py {
+.bottom-sheet__safeAreaBottom_wku8l {
     padding-bottom: var(--sab);
 }
-.bottom-sheet__background-accent_171py {
+.bottom-sheet__background-accent_wku8l {
             background-color: var(--color-light-bg-accent);
         }
-.bottom-sheet__background-info_171py {
+.bottom-sheet__background-info_wku8l {
             background-color: var(--color-light-bg-info);
         }
-.bottom-sheet__background-attention-muted_171py {
+.bottom-sheet__background-attention-muted_wku8l {
             background-color: var(--color-light-bg-attention-muted);
         }
-.bottom-sheet__background-positive-muted_171py {
+.bottom-sheet__background-positive-muted_wku8l {
             background-color: var(--color-light-bg-positive-muted);
         }
-.bottom-sheet__background-negative-muted_171py {
+.bottom-sheet__background-negative-muted_wku8l {
             background-color: var(--color-light-bg-negative-muted);
         }
-.bottom-sheet__background-primary_171py {
+.bottom-sheet__background-primary_wku8l {
             background-color: var(--color-light-bg-primary);
         }
-.bottom-sheet__background-primary-inverted_171py {
+.bottom-sheet__background-primary-inverted_wku8l {
             background-color: var(--color-light-bg-primary-inverted);
         }
-.bottom-sheet__background-secondary_171py {
+.bottom-sheet__background-secondary_wku8l {
             background-color: var(--color-light-bg-secondary);
         }
-.bottom-sheet__background-secondary-inverted_171py {
+.bottom-sheet__background-secondary-inverted_wku8l {
             background-color: var(--color-light-bg-secondary-inverted);
         }
-.bottom-sheet__background-tertiary_171py {
+.bottom-sheet__background-tertiary_wku8l {
             background-color: var(--color-light-bg-tertiary);
         }
-.bottom-sheet__background-tertiary-inverted_171py {
+.bottom-sheet__background-tertiary-inverted_wku8l {
             background-color: var(--color-light-bg-tertiary-inverted);
         }
-.bottom-sheet__background-quaternary_171py {
+.bottom-sheet__background-quaternary_wku8l {
             background-color: var(--color-light-bg-quaternary);
         }
-.bottom-sheet__background-quaternary-inverted_171py {
+.bottom-sheet__background-quaternary-inverted_wku8l {
             background-color: var(--color-light-bg-quaternary-inverted);
         }
-.bottom-sheet__background-specialbg-component_171py {
+.bottom-sheet__background-specialbg-component_wku8l {
             background-color: var(--color-light-specialbg-component);
         }
-.bottom-sheet__background-specialbg-component-inverted_171py {
+.bottom-sheet__background-specialbg-component-inverted_wku8l {
             background-color: var(--color-light-specialbg-component-inverted);
         }
-.bottom-sheet__background-specialbg-primary-grouped_171py {
+.bottom-sheet__background-specialbg-primary-grouped_wku8l {
             background-color: var(--color-light-specialbg-primary-grouped);
         }
-.bottom-sheet__background-specialbg-secondary-grouped_171py {
+.bottom-sheet__background-specialbg-secondary-grouped_wku8l {
             background-color: var(--color-light-specialbg-secondary-grouped);
         }
-.bottom-sheet__background-specialbg-tertiary-grouped_171py {
+.bottom-sheet__background-specialbg-tertiary-grouped_wku8l {
             background-color: var(--color-light-specialbg-tertiary-grouped);
         }
-.bottom-sheet__background-specialbg-secondary-transparent_171py {
+.bottom-sheet__background-specialbg-secondary-transparent_wku8l {
             background-color: var(--color-light-specialbg-secondary-transparent);
         }
-.bottom-sheet__background-specialbg-secondary-transparent-inverted_171py {
+.bottom-sheet__background-specialbg-secondary-transparent-inverted_wku8l {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
         }
-.bottom-sheet__background-specialbg-tertiary-transparent_171py {
+.bottom-sheet__background-specialbg-tertiary-transparent_wku8l {
             background-color: var(--color-light-specialbg-tertiary-transparent);
         }
-.bottom-sheet__background-specialbg-tertiary-transparent-inverted_171py {
+.bottom-sheet__background-specialbg-tertiary-transparent-inverted_wku8l {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"modal":"bottom-sheet__modal_171py","wrapper":"bottom-sheet__wrapper_171py","outerClassName":"bottom-sheet__outerClassName_171py","fullscreen":"bottom-sheet__fullscreen_171py","component":"bottom-sheet__component_171py","withTransition":"bottom-sheet__withTransition_171py","scrollableContainer":"bottom-sheet__scrollableContainer_171py","marker":"bottom-sheet__marker_171py","defaultMarker":"bottom-sheet__defaultMarker_171py","content":"bottom-sheet__content_171py","noHeader":"bottom-sheet__noHeader_171py","noFooter":"bottom-sheet__noFooter_171py","scrollLocked":"bottom-sheet__scrollLocked_171py","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_171py","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_171py","appear":"bottom-sheet__appear_171py","enter":"bottom-sheet__enter_171py","appearActive":"bottom-sheet__appearActive_171py","enterActive":"bottom-sheet__enterActive_171py","enterDone":"bottom-sheet__enterDone_171py","appearDone":"bottom-sheet__appearDone_171py","exit":"bottom-sheet__exit_171py","exitActive":"bottom-sheet__exitActive_171py","safeAreaBottom":"bottom-sheet__safeAreaBottom_171py","background-accent":"bottom-sheet__background-accent_171py","background-info":"bottom-sheet__background-info_171py","background-attention-muted":"bottom-sheet__background-attention-muted_171py","background-positive-muted":"bottom-sheet__background-positive-muted_171py","background-negative-muted":"bottom-sheet__background-negative-muted_171py","background-primary":"bottom-sheet__background-primary_171py","background-primary-inverted":"bottom-sheet__background-primary-inverted_171py","background-secondary":"bottom-sheet__background-secondary_171py","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_171py","background-tertiary":"bottom-sheet__background-tertiary_171py","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_171py","background-quaternary":"bottom-sheet__background-quaternary_171py","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_171py","background-specialbg-component":"bottom-sheet__background-specialbg-component_171py","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_171py","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_171py","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_171py","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_171py","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_171py","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_171py","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_171py","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_171py"};
+const styles = {"modal":"bottom-sheet__modal_wku8l","wrapper":"bottom-sheet__wrapper_wku8l","outerClassName":"bottom-sheet__outerClassName_wku8l","fullscreen":"bottom-sheet__fullscreen_wku8l","component":"bottom-sheet__component_wku8l","withTransition":"bottom-sheet__withTransition_wku8l","scrollableContainer":"bottom-sheet__scrollableContainer_wku8l","marker":"bottom-sheet__marker_wku8l","defaultMarker":"bottom-sheet__defaultMarker_wku8l","content":"bottom-sheet__content_wku8l","noHeader":"bottom-sheet__noHeader_wku8l","noFooter":"bottom-sheet__noFooter_wku8l","scrollLocked":"bottom-sheet__scrollLocked_wku8l","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_wku8l","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_wku8l","appear":"bottom-sheet__appear_wku8l","enter":"bottom-sheet__enter_wku8l","appearActive":"bottom-sheet__appearActive_wku8l","enterActive":"bottom-sheet__enterActive_wku8l","enterDone":"bottom-sheet__enterDone_wku8l","appearDone":"bottom-sheet__appearDone_wku8l","exit":"bottom-sheet__exit_wku8l","exitActive":"bottom-sheet__exitActive_wku8l","safeAreaBottom":"bottom-sheet__safeAreaBottom_wku8l","background-accent":"bottom-sheet__background-accent_wku8l","background-info":"bottom-sheet__background-info_wku8l","background-attention-muted":"bottom-sheet__background-attention-muted_wku8l","background-positive-muted":"bottom-sheet__background-positive-muted_wku8l","background-negative-muted":"bottom-sheet__background-negative-muted_wku8l","background-primary":"bottom-sheet__background-primary_wku8l","background-primary-inverted":"bottom-sheet__background-primary-inverted_wku8l","background-secondary":"bottom-sheet__background-secondary_wku8l","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_wku8l","background-tertiary":"bottom-sheet__background-tertiary_wku8l","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_wku8l","background-quaternary":"bottom-sheet__background-quaternary_wku8l","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_wku8l","background-specialbg-component":"bottom-sheet__background-specialbg-component_wku8l","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_wku8l","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_wku8l","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_wku8l","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_wku8l","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_wku8l","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_wku8l","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_wku8l","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_wku8l"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/inverted.css

@@ -8,15 +8,15 @@
     --bottom-sheet-marker-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
 }
-.bottom-sheet__component_2dbvi {
+.bottom-sheet__component_eks4c {
     background-color: var(--bottom-sheet-background-color-inverted);
 }
-.bottom-sheet__content_2dbvi {
+.bottom-sheet__content_eks4c {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__defaultMarker_2dbvi {
+.bottom-sheet__defaultMarker_eks4c {
     background-color: var(--bottom-sheet-marker-color-inverted);
 }
-.bottom-sheet__hasContent_2dbvi {
+.bottom-sheet__hasContent_eks4c {
     color: var(--bottom-sheet-text-color-inverted);
 }

package/modern/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"component":"bottom-sheet__component_2dbvi","content":"bottom-sheet__content_2dbvi","defaultMarker":"bottom-sheet__defaultMarker_2dbvi","hasContent":"bottom-sheet__hasContent_2dbvi"};
+const invertedColors = {"component":"bottom-sheet__component_eks4c","content":"bottom-sheet__content_eks4c","defaultMarker":"bottom-sheet__defaultMarker_eks4c","hasContent":"bottom-sheet__hasContent_eks4c"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/moderncssm/components/header/Component.js

@@ -10,7 +10,7 @@ const colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
-const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset, showSwipeMarker, title, children, contentClassName, ...restProps }) => {
+const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset, showSwipeMarker, title, children, contentClassName, bottomAddons, ...restProps }) => {
     const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
     useEffect(() => {
         setHeaderOffset(headerOffset);
@@ -19,8 +19,8 @@ const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset
         setHasHeader(true);
     }, [setHasHeader]);
     const colorStyle = colorStyles[colors];
-    const hasContent = Boolean(title || children);
-    return (React.createElement(NavigationBarPrivate, { ...restProps, ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(className, {
+    const hasContent = Boolean(title || children || bottomAddons);
+    return (React.createElement(NavigationBarPrivate, { ...restProps, ref: headerRef, title: title, bottomAddons: bottomAddons, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(className, {
             [styles.headerWrapper]: showSwipeMarker,
             [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,
             [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,

package/moderncssm/components/header/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, type RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport { type ColorType } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n    headerRef: RefObject<HTMLDivElement>;\n    headerOffset: number;\n    colors?: ColorType;\n    showSwipeMarker?: boolean;\n};\n\nconst colorStyles = {\n    default: defaultColors,\n    inverted: invertedColors,\n} as const;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    colors = 'default',\n    sticky,\n    headerRef,\n    headerOffset,\n    showSwipeMarker,\n    title,\n    children,\n    contentClassName,\n    ...restProps\n}) => {\n    const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n        useContext(BaseModalContext);\n\n    useEffect(() => {\n        setHeaderOffset(headerOffset);\n    }, [headerOffset, setHeaderOffset]);\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const colorStyle = colorStyles[colors];\n    const hasContent = Boolean(title || children);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={headerRef}\n            title={title}\n            onClose={onClose}\n            sticky={sticky}\n            view='mobile'\n            className={cn(className, {\n                [styles.headerWrapper]: showSwipeMarker,\n                [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,\n                [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,\n                [colorStyle.hasContent]: hasContent,\n                [styles.sticky]: sticky,\n            })}\n            contentClassName={cn(styles.title, contentClassName)}\n            titleClassName={cn(colorStyle.title)}\n            subtitleClassName={cn(styles.subtitle, colorStyle.subtitle)}\n            colors={colors}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAClB;AAEH,MAAM,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAC;IAEhC,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;AAE7C,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACrB,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,eAAe;AACvC,YAAA,CAAC,MAAM,CAAC,+BAA+B,GAAG,CAAC,eAAe;YAC1D,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AACnE,YAAA,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,EACpD,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3D,MAAM,EAAE,MAAM,IAEb,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, type RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport { type ColorType } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n    headerRef: RefObject<HTMLDivElement>;\n    headerOffset: number;\n    colors?: ColorType;\n    showSwipeMarker?: boolean;\n};\n\nconst colorStyles = {\n    default: defaultColors,\n    inverted: invertedColors,\n} as const;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    colors = 'default',\n    sticky,\n    headerRef,\n    headerOffset,\n    showSwipeMarker,\n    title,\n    children,\n    contentClassName,\n    bottomAddons,\n    ...restProps\n}) => {\n    const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n        useContext(BaseModalContext);\n\n    useEffect(() => {\n        setHeaderOffset(headerOffset);\n    }, [headerOffset, setHeaderOffset]);\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const colorStyle = colorStyles[colors];\n    const hasContent = Boolean(title || children || bottomAddons);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={headerRef}\n            title={title}\n            bottomAddons={bottomAddons}\n            onClose={onClose}\n            sticky={sticky}\n            view='mobile'\n            className={cn(className, {\n                [styles.headerWrapper]: showSwipeMarker,\n                [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,\n                [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,\n                [colorStyle.hasContent]: hasContent,\n                [styles.sticky]: sticky,\n            })}\n            contentClassName={cn(styles.title, contentClassName)}\n            titleClassName={cn(colorStyle.title)}\n            subtitleClassName={cn(styles.subtitle, colorStyle.subtitle)}\n            colors={colors}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAClB;AAEH,MAAM,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAC;IAEhC,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACrB,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,eAAe;AACvC,YAAA,CAAC,MAAM,CAAC,+BAA+B,GAAG,CAAC,eAAe;YAC1D,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AACnE,YAAA,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,EACpD,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3D,MAAM,EAAE,MAAM,IAEb,QAAQ,CACU;AAE/B;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "8.0.1",
+    "version": "8.0.2",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",

package/src/components/header/Component.tsx

@@ -35,6 +35,7 @@ export const Header: FC<HeaderProps> = ({
     title,
     children,
     contentClassName,
+    bottomAddons,
     ...restProps
 }) => {
     const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =
@@ -49,13 +50,14 @@ export const Header: FC<HeaderProps> = ({
     }, [setHasHeader]);
 
     const colorStyle = colorStyles[colors];
-    const hasContent = Boolean(title || children);
+    const hasContent = Boolean(title || children || bottomAddons);
 
     return (
         <NavigationBarPrivate
             {...restProps}
             ref={headerRef}
             title={title}
+            bottomAddons={bottomAddons}
             onClose={onClose}
             sticky={sticky}
             view='mobile'