@alfalab/core-components-bottom-sheet 8.1.10 → 8.1.11

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_1ic4x {
+.bottom-sheet__title_13qlp {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__hasContent_1ic4x {
+.bottom-sheet__hasContent_13qlp {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_1ic4x.bottom-sheet__subtitle_1ic4x {
+.bottom-sheet__subtitle_13qlp.bottom-sheet__subtitle_13qlp {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__highlighted_1ic4x {
+.bottom-sheet__highlighted_13qlp {
     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_1ic4x","hasContent":"bottom-sheet__hasContent_1ic4x","subtitle":"bottom-sheet__subtitle_1ic4x","highlighted":"bottom-sheet__highlighted_1ic4x"};
+const defaultColors = {"title":"bottom-sheet__title_13qlp","hasContent":"bottom-sheet__hasContent_13qlp","subtitle":"bottom-sheet__subtitle_13qlp","highlighted":"bottom-sheet__highlighted_13qlp"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/header/index.css

@@ -12,38 +12,39 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.bottom-sheet__headerBase_ai7cc {
+.bottom-sheet__headerBase_1fd9s {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
-.bottom-sheet__headerWrapper_ai7cc {
+.bottom-sheet__headerWrapper_1fd9s {
     padding: var(--gap-12) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc {
+.bottom-sheet__headerWrapperWithoutSwipeMarker_1fd9s {
     padding: var(--gap-8) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__header_ai7cc {
+.bottom-sheet__header_1fd9s {
     display: flex;
 }
-.bottom-sheet__sticky_ai7cc {
+.bottom-sheet__sticky_1fd9s {
     position: sticky;
     top: var(--gap-0);
+    left: var(--gap-0);
 }
-.bottom-sheet__justifyEnd_ai7cc {
+.bottom-sheet__justifyEnd_1fd9s {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_ai7cc {
+.bottom-sheet__addon_1fd9s {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_ai7cc {
+.bottom-sheet__addonFixed_1fd9s {
     position: fixed;
 }
-.bottom-sheet__title_ai7cc {
+.bottom-sheet__title_1fd9s {
     padding: var(--gap-10) var(--gap-8);
     width: 100%;
 
@@ -55,18 +56,18 @@
 
     font-family: var(--font-family-system);
 }
-.bottom-sheet__titleCenter_ai7cc {
+.bottom-sheet__titleCenter_1fd9s {
     text-align: center;
 }
-.bottom-sheet__titleLeft_ai7cc {
+.bottom-sheet__titleLeft_1fd9s {
     text-align: left;
 }
-.bottom-sheet__trimTitle_ai7cc {
+.bottom-sheet__trimTitle_1fd9s {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__subtitle_ai7cc {
+.bottom-sheet__subtitle_1fd9s {
     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_ai7cc bottom-sheet__headerBase_ai7cc","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc bottom-sheet__headerBase_ai7cc","sticky":"bottom-sheet__sticky_ai7cc","title":"bottom-sheet__title_ai7cc","subtitle":"bottom-sheet__subtitle_ai7cc"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_1fd9s bottom-sheet__headerBase_1fd9s","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1fd9s bottom-sheet__headerBase_1fd9s","sticky":"bottom-sheet__sticky_1fd9s","title":"bottom-sheet__title_1fd9s","subtitle":"bottom-sheet__subtitle_1fd9s"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.headerBase {\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit;\n    z-index: 1;\n}\n\n.headerWrapper {\n    composes: headerBase;\n    padding: var(--gap-12) var(--gap-12) var(--gap-4);\n}\n\n.headerWrapperWithoutSwipeMarker {\n    composes: headerBase;\n    padding: var(--gap-8) var(--gap-12) var(--gap-4);\n}\n\n.header {\n    display: flex;\n}\n\n.sticky {\n    position: sticky;\n    top: var(--gap-0);\n}\n\n.justifyEnd {\n    justify-content: flex-end;\n}\n\n.addon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 48px;\n    height: 48px;\n}\n\n.addonFixed {\n    position: fixed;\n}\n\n.title {\n    padding: var(--gap-10) var(--gap-8);\n    width: 100%;\n\n    @mixin headline-system-mobile_small;\n}\n\n.titleCenter {\n    text-align: center;\n}\n\n.titleLeft {\n    text-align: left;\n}\n\n.trimTitle {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.subtitle {\n    width: 100%;\n\n    @mixin paragraph_primary_small;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.headerBase {\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit;\n    z-index: 1;\n}\n\n.headerWrapper {\n    composes: headerBase;\n    padding: var(--gap-12) var(--gap-12) var(--gap-4);\n}\n\n.headerWrapperWithoutSwipeMarker {\n    composes: headerBase;\n    padding: var(--gap-8) var(--gap-12) var(--gap-4);\n}\n\n.header {\n    display: flex;\n}\n\n.sticky {\n    position: sticky;\n    top: var(--gap-0);\n    left: var(--gap-0);\n}\n\n.justifyEnd {\n    justify-content: flex-end;\n}\n\n.addon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 48px;\n    height: 48px;\n}\n\n.addonFixed {\n    position: fixed;\n}\n\n.title {\n    padding: var(--gap-10) var(--gap-8);\n    width: 100%;\n\n    @mixin headline-system-mobile_small;\n}\n\n.titleCenter {\n    text-align: center;\n}\n\n.titleLeft {\n    text-align: left;\n}\n\n.trimTitle {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.subtitle {\n    width: 100%;\n\n    @mixin paragraph_primary_small;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}

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_c0o61 {
+.bottom-sheet__title_1wg90 {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__hasContent_c0o61 {
+.bottom-sheet__hasContent_1wg90 {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_c0o61.bottom-sheet__subtitle_c0o61 {
+.bottom-sheet__subtitle_1wg90.bottom-sheet__subtitle_1wg90 {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__highlighted_c0o61 {
+.bottom-sheet__highlighted_1wg90 {
     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_c0o61","hasContent":"bottom-sheet__hasContent_c0o61","subtitle":"bottom-sheet__subtitle_c0o61","highlighted":"bottom-sheet__highlighted_c0o61"};
+const invertedColors = {"title":"bottom-sheet__title_1wg90","hasContent":"bottom-sheet__hasContent_1wg90","subtitle":"bottom-sheet__subtitle_1wg90","highlighted":"bottom-sheet__highlighted_1wg90"};
 
 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_mdpla {
+.bottom-sheet__component_1r8s1 {
     background-color: var(--bottom-sheet-background-color);
 }
-.bottom-sheet__content_mdpla {
+.bottom-sheet__content_1r8s1 {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__defaultMarker_mdpla {
+.bottom-sheet__defaultMarker_1r8s1 {
     background-color: var(--bottom-sheet-marker-color);
 }
-.bottom-sheet__hasContent_mdpla {
+.bottom-sheet__hasContent_1r8s1 {
     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_mdpla","content":"bottom-sheet__content_mdpla","defaultMarker":"bottom-sheet__defaultMarker_mdpla","hasContent":"bottom-sheet__hasContent_mdpla"};
+const defaultColors = {"component":"bottom-sheet__component_1r8s1","content":"bottom-sheet__content_1r8s1","defaultMarker":"bottom-sheet__defaultMarker_1r8s1","hasContent":"bottom-sheet__hasContent_1r8s1"};
 
 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_1rnsz {
+.bottom-sheet__modal_1orql {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
 }
-.bottom-sheet__modal_1rnsz.bottom-sheet__modal_1rnsz {
+.bottom-sheet__modal_1orql.bottom-sheet__modal_1orql {
     background-color: transparent;
     position: fixed;
 }
-.bottom-sheet__wrapper_1rnsz {
+.bottom-sheet__wrapper_1orql {
     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_1rnsz {
+.bottom-sheet__outerClassName_1orql {
     pointer-events: all;
 }
-.bottom-sheet__fullscreen_1rnsz {
+.bottom-sheet__fullscreen_1orql {
     border-radius: var(--border-radius-0);
 }
-.bottom-sheet__component_1rnsz {
+.bottom-sheet__component_1orql {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -79,10 +79,10 @@
     box-shadow: var(--bottom-sheet-shadow);
     transform: translate(0, 0);
 }
-.bottom-sheet__withTransition_1rnsz {
+.bottom-sheet__withTransition_1orql {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_1rnsz {
+.bottom-sheet__scrollableContainer_1orql {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -92,7 +92,7 @@
     border-radius: inherit;
     overscroll-behavior: contain;
 }
-.bottom-sheet__marker_1rnsz {
+.bottom-sheet__marker_1orql {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -101,11 +101,11 @@
     width: 36px;
     margin: var(--gap-0) auto;
 }
-.bottom-sheet__defaultMarker_1rnsz {
+.bottom-sheet__defaultMarker_1orql {
     height: 4px;
     border-radius: var(--border-radius-20);
 }
-.bottom-sheet__content_1rnsz {
+.bottom-sheet__content_1orql {
     position: relative;
     z-index: 0;
     display: flex;
@@ -115,108 +115,108 @@
     background-color: inherit;
     border-radius: inherit;
 }
-.bottom-sheet__noHeader_1rnsz {
+.bottom-sheet__noHeader_1orql {
     padding-top: var(--gap-20);
 }
-.bottom-sheet__noFooter_1rnsz {
+.bottom-sheet__noFooter_1orql {
     padding-bottom: var(--gap-20);
 }
-.bottom-sheet__scrollLocked_1rnsz {
+.bottom-sheet__scrollLocked_1orql {
     overflow: hidden;
 }
-.bottom-sheet__hiddenScrollbar_1rnsz {
+.bottom-sheet__hiddenScrollbar_1orql {
     scrollbar-width: none;
 }
-.bottom-sheet__hiddenScrollbar_1rnsz::-webkit-scrollbar {
+.bottom-sheet__hiddenScrollbar_1orql::-webkit-scrollbar {
         width: 0;
         height: 0;
     }
-.bottom-sheet__disabledPointerEvents_1rnsz {
+.bottom-sheet__disabledPointerEvents_1orql {
     pointer-events: none;
 }
-.bottom-sheet__appear_1rnsz .bottom-sheet__wrapper_1rnsz, .bottom-sheet__enter_1rnsz .bottom-sheet__wrapper_1rnsz {
+.bottom-sheet__appear_1orql .bottom-sheet__wrapper_1orql, .bottom-sheet__enter_1orql .bottom-sheet__wrapper_1orql {
         transition: none;
     }
-.bottom-sheet__appearActive_1rnsz .bottom-sheet__wrapper_1rnsz, .bottom-sheet__enterActive_1rnsz .bottom-sheet__wrapper_1rnsz {
+.bottom-sheet__appearActive_1orql .bottom-sheet__wrapper_1orql, .bottom-sheet__enterActive_1orql .bottom-sheet__wrapper_1orql {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_1rnsz .bottom-sheet__wrapper_1rnsz, .bottom-sheet__appearDone_1rnsz .bottom-sheet__wrapper_1rnsz {
+.bottom-sheet__enterDone_1orql .bottom-sheet__wrapper_1orql, .bottom-sheet__appearDone_1orql .bottom-sheet__wrapper_1orql {
         transform: translateY(0);
     }
-.bottom-sheet__exit_1rnsz .bottom-sheet__wrapper_1rnsz {
+.bottom-sheet__exit_1orql .bottom-sheet__wrapper_1orql {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_1rnsz .bottom-sheet__wrapper_1rnsz {
+.bottom-sheet__exitActive_1orql .bottom-sheet__wrapper_1orql {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }
-.bottom-sheet__safeAreaBottom_1rnsz {
+.bottom-sheet__safeAreaBottom_1orql {
     padding-bottom: var(--sab);
 }
-.bottom-sheet__background-accent_1rnsz {
+.bottom-sheet__background-accent_1orql {
             background-color: var(--color-light-bg-accent);
         }
-.bottom-sheet__background-info_1rnsz {
+.bottom-sheet__background-info_1orql {
             background-color: var(--color-light-bg-info);
         }
-.bottom-sheet__background-attention-muted_1rnsz {
+.bottom-sheet__background-attention-muted_1orql {
             background-color: var(--color-light-bg-attention-muted);
         }
-.bottom-sheet__background-positive-muted_1rnsz {
+.bottom-sheet__background-positive-muted_1orql {
             background-color: var(--color-light-bg-positive-muted);
         }
-.bottom-sheet__background-negative-muted_1rnsz {
+.bottom-sheet__background-negative-muted_1orql {
             background-color: var(--color-light-bg-negative-muted);
         }
-.bottom-sheet__background-primary_1rnsz {
+.bottom-sheet__background-primary_1orql {
             background-color: var(--color-light-bg-primary);
         }
-.bottom-sheet__background-primary-inverted_1rnsz {
+.bottom-sheet__background-primary-inverted_1orql {
             background-color: var(--color-light-bg-primary-inverted);
         }
-.bottom-sheet__background-secondary_1rnsz {
+.bottom-sheet__background-secondary_1orql {
             background-color: var(--color-light-bg-secondary);
         }
-.bottom-sheet__background-secondary-inverted_1rnsz {
+.bottom-sheet__background-secondary-inverted_1orql {
             background-color: var(--color-light-bg-secondary-inverted);
         }
-.bottom-sheet__background-tertiary_1rnsz {
+.bottom-sheet__background-tertiary_1orql {
             background-color: var(--color-light-bg-tertiary);
         }
-.bottom-sheet__background-tertiary-inverted_1rnsz {
+.bottom-sheet__background-tertiary-inverted_1orql {
             background-color: var(--color-light-bg-tertiary-inverted);
         }
-.bottom-sheet__background-quaternary_1rnsz {
+.bottom-sheet__background-quaternary_1orql {
             background-color: var(--color-light-bg-quaternary);
         }
-.bottom-sheet__background-quaternary-inverted_1rnsz {
+.bottom-sheet__background-quaternary-inverted_1orql {
             background-color: var(--color-light-bg-quaternary-inverted);
         }
-.bottom-sheet__background-specialbg-component_1rnsz {
+.bottom-sheet__background-specialbg-component_1orql {
             background-color: var(--color-light-specialbg-component);
         }
-.bottom-sheet__background-specialbg-component-inverted_1rnsz {
+.bottom-sheet__background-specialbg-component-inverted_1orql {
             background-color: var(--color-light-specialbg-component-inverted);
         }
-.bottom-sheet__background-specialbg-primary-grouped_1rnsz {
+.bottom-sheet__background-specialbg-primary-grouped_1orql {
             background-color: var(--color-light-specialbg-primary-grouped);
         }
-.bottom-sheet__background-specialbg-secondary-grouped_1rnsz {
+.bottom-sheet__background-specialbg-secondary-grouped_1orql {
             background-color: var(--color-light-specialbg-secondary-grouped);
         }
-.bottom-sheet__background-specialbg-tertiary-grouped_1rnsz {
+.bottom-sheet__background-specialbg-tertiary-grouped_1orql {
             background-color: var(--color-light-specialbg-tertiary-grouped);
         }
-.bottom-sheet__background-specialbg-secondary-transparent_1rnsz {
+.bottom-sheet__background-specialbg-secondary-transparent_1orql {
             background-color: var(--color-light-specialbg-secondary-transparent);
         }
-.bottom-sheet__background-specialbg-secondary-transparent-inverted_1rnsz {
+.bottom-sheet__background-specialbg-secondary-transparent-inverted_1orql {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
         }
-.bottom-sheet__background-specialbg-tertiary-transparent_1rnsz {
+.bottom-sheet__background-specialbg-tertiary-transparent_1orql {
             background-color: var(--color-light-specialbg-tertiary-transparent);
         }
-.bottom-sheet__background-specialbg-tertiary-transparent-inverted_1rnsz {
+.bottom-sheet__background-specialbg-tertiary-transparent-inverted_1orql {
             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_1rnsz","wrapper":"bottom-sheet__wrapper_1rnsz","outerClassName":"bottom-sheet__outerClassName_1rnsz","fullscreen":"bottom-sheet__fullscreen_1rnsz","component":"bottom-sheet__component_1rnsz","withTransition":"bottom-sheet__withTransition_1rnsz","scrollableContainer":"bottom-sheet__scrollableContainer_1rnsz","marker":"bottom-sheet__marker_1rnsz","defaultMarker":"bottom-sheet__defaultMarker_1rnsz","content":"bottom-sheet__content_1rnsz","noHeader":"bottom-sheet__noHeader_1rnsz","noFooter":"bottom-sheet__noFooter_1rnsz","scrollLocked":"bottom-sheet__scrollLocked_1rnsz","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1rnsz","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1rnsz","appear":"bottom-sheet__appear_1rnsz","enter":"bottom-sheet__enter_1rnsz","appearActive":"bottom-sheet__appearActive_1rnsz","enterActive":"bottom-sheet__enterActive_1rnsz","enterDone":"bottom-sheet__enterDone_1rnsz","appearDone":"bottom-sheet__appearDone_1rnsz","exit":"bottom-sheet__exit_1rnsz","exitActive":"bottom-sheet__exitActive_1rnsz","safeAreaBottom":"bottom-sheet__safeAreaBottom_1rnsz","background-accent":"bottom-sheet__background-accent_1rnsz","background-info":"bottom-sheet__background-info_1rnsz","background-attention-muted":"bottom-sheet__background-attention-muted_1rnsz","background-positive-muted":"bottom-sheet__background-positive-muted_1rnsz","background-negative-muted":"bottom-sheet__background-negative-muted_1rnsz","background-primary":"bottom-sheet__background-primary_1rnsz","background-primary-inverted":"bottom-sheet__background-primary-inverted_1rnsz","background-secondary":"bottom-sheet__background-secondary_1rnsz","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1rnsz","background-tertiary":"bottom-sheet__background-tertiary_1rnsz","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1rnsz","background-quaternary":"bottom-sheet__background-quaternary_1rnsz","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1rnsz","background-specialbg-component":"bottom-sheet__background-specialbg-component_1rnsz","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1rnsz","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1rnsz","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1rnsz","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1rnsz","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1rnsz","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1rnsz","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1rnsz","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1rnsz"};
+const styles = {"modal":"bottom-sheet__modal_1orql","wrapper":"bottom-sheet__wrapper_1orql","outerClassName":"bottom-sheet__outerClassName_1orql","fullscreen":"bottom-sheet__fullscreen_1orql","component":"bottom-sheet__component_1orql","withTransition":"bottom-sheet__withTransition_1orql","scrollableContainer":"bottom-sheet__scrollableContainer_1orql","marker":"bottom-sheet__marker_1orql","defaultMarker":"bottom-sheet__defaultMarker_1orql","content":"bottom-sheet__content_1orql","noHeader":"bottom-sheet__noHeader_1orql","noFooter":"bottom-sheet__noFooter_1orql","scrollLocked":"bottom-sheet__scrollLocked_1orql","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1orql","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1orql","appear":"bottom-sheet__appear_1orql","enter":"bottom-sheet__enter_1orql","appearActive":"bottom-sheet__appearActive_1orql","enterActive":"bottom-sheet__enterActive_1orql","enterDone":"bottom-sheet__enterDone_1orql","appearDone":"bottom-sheet__appearDone_1orql","exit":"bottom-sheet__exit_1orql","exitActive":"bottom-sheet__exitActive_1orql","safeAreaBottom":"bottom-sheet__safeAreaBottom_1orql","background-accent":"bottom-sheet__background-accent_1orql","background-info":"bottom-sheet__background-info_1orql","background-attention-muted":"bottom-sheet__background-attention-muted_1orql","background-positive-muted":"bottom-sheet__background-positive-muted_1orql","background-negative-muted":"bottom-sheet__background-negative-muted_1orql","background-primary":"bottom-sheet__background-primary_1orql","background-primary-inverted":"bottom-sheet__background-primary-inverted_1orql","background-secondary":"bottom-sheet__background-secondary_1orql","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1orql","background-tertiary":"bottom-sheet__background-tertiary_1orql","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1orql","background-quaternary":"bottom-sheet__background-quaternary_1orql","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1orql","background-specialbg-component":"bottom-sheet__background-specialbg-component_1orql","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1orql","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1orql","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1orql","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1orql","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1orql","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1orql","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1orql","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1orql"};
 
 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_aakps {
+.bottom-sheet__component_1f5n6 {
     background-color: var(--bottom-sheet-background-color-inverted);
 }
-.bottom-sheet__content_aakps {
+.bottom-sheet__content_1f5n6 {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__defaultMarker_aakps {
+.bottom-sheet__defaultMarker_1f5n6 {
     background-color: var(--bottom-sheet-marker-color-inverted);
 }
-.bottom-sheet__hasContent_aakps {
+.bottom-sheet__hasContent_1f5n6 {
     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_aakps","content":"bottom-sheet__content_aakps","defaultMarker":"bottom-sheet__defaultMarker_aakps","hasContent":"bottom-sheet__hasContent_aakps"};
+const invertedColors = {"component":"bottom-sheet__component_1f5n6","content":"bottom-sheet__content_1f5n6","defaultMarker":"bottom-sheet__defaultMarker_1f5n6","hasContent":"bottom-sheet__hasContent_1f5n6"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/moderncssm/components/footer/index.module.css

@@ -14,5 +14,6 @@
 .sticky {
     position: sticky;
     bottom: var(--gap-0);
+    left: var(--gap-0);
     z-index: 1;
 }

package/moderncssm/components/header/index.module.css

@@ -23,6 +23,7 @@
 .sticky {
     position: sticky;
     top: var(--gap-0);
+    left: var(--gap-0);
 }
 
 .justifyEnd {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "8.1.10",
+    "version": "8.1.11",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
@@ -14,9 +14,9 @@
     },
     "dependencies": {
         "@alfalab/core-components-backdrop": "^5.0.2",
-        "@alfalab/core-components-base-modal": "^7.1.6",
-        "@alfalab/core-components-navigation-bar-private": "^2.0.11",
-        "@alfalab/core-components-shared": "^2.2.1",
+        "@alfalab/core-components-base-modal": "^7.1.7",
+        "@alfalab/core-components-navigation-bar-private": "^2.0.12",
+        "@alfalab/core-components-shared": "^2.2.2",
         "@alfalab/core-components-types": "^2.0.1",
         "classnames": "^2.5.1",
         "react-div-100vh": "^0.7.0",
@@ -34,6 +34,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.1.0",
+    "themesVersion": "15.2.0",
     "varsVersion": "11.1.0"
 }

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

@@ -15,5 +15,6 @@
 .sticky {
     position: sticky;
     bottom: var(--gap-0);
+    left: var(--gap-0);
     z-index: 1;
 }

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

@@ -24,6 +24,7 @@
 .sticky {
     position: sticky;
     top: var(--gap-0);
+    left: var(--gap-0);
 }
 
 .justifyEnd {