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

package/components/footer/default.css

@@ -8,12 +8,12 @@
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
 }
-.bottom-sheet__highlighted_p1q72 {
+.bottom-sheet__highlighted_vza4f {
     background-color: var(--bottom-sheet-footer-background-color);
 }
-.bottom-sheet__highlighted_p1q72:not(:empty) {
+.bottom-sheet__highlighted_vza4f:not(:empty) {
         border-top: var(--bottom-sheet-footer-border-top);
     }
-.bottom-sheet__hasContent_p1q72 {
+.bottom-sheet__hasContent_vza4f {
     color: var(--bottom-sheet-text-color);
 }

package/components/footer/default.module.css.js

@@ -2,7 +2,7 @@
 
 require('./default.css');
 
-var defaultColors = {"highlighted":"bottom-sheet__highlighted_p1q72","hasContent":"bottom-sheet__hasContent_p1q72"};
+var defaultColors = {"highlighted":"bottom-sheet__highlighted_vza4f","hasContent":"bottom-sheet__hasContent_vza4f"};
 
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/footer/index.css

@@ -3,17 +3,18 @@
     --gap-0: 0px;
     --gap-20: var(--gap-l);
 }
-.bottom-sheet__footer_j1y17 {
+.bottom-sheet__footer_15anf {
     padding: var(--gap-20);
 }
-.bottom-sheet__footer_j1y17:empty {
+.bottom-sheet__footer_15anf:empty {
         padding: var(--gap-20) var(--gap-0) var(--gap-0);
         position: sticky;
         bottom: var(--gap-0);
         z-index: 1;
     }
-.bottom-sheet__sticky_j1y17 {
+.bottom-sheet__sticky_15anf {
     position: sticky;
     bottom: var(--gap-0);
+    left: var(--gap-0);
     z-index: 1;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"bottom-sheet__footer_j1y17","sticky":"bottom-sheet__sticky_j1y17"};
+var styles = {"footer":"bottom-sheet__footer_15anf","sticky":"bottom-sheet__sticky_15anf"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n    padding: var(--gap-20);\n\n    &:empty {\n        padding: var(--gap-20) var(--gap-0) var(--gap-0);\n        position: sticky;\n        bottom: var(--gap-0);\n        z-index: 1;\n    }\n}\n\n.sticky {\n    position: sticky;\n    bottom: var(--gap-0);\n    z-index: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n    padding: var(--gap-20);\n\n    &:empty {\n        padding: var(--gap-20) var(--gap-0) var(--gap-0);\n        position: sticky;\n        bottom: var(--gap-0);\n        z-index: 1;\n    }\n}\n\n.sticky {\n    position: sticky;\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    z-index: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/components/footer/inverted.css

@@ -8,12 +8,12 @@
     --bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
     --bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
 }
-.bottom-sheet__highlighted_14s6m {
+.bottom-sheet__highlighted_181ai {
     background-color: var(--bottom-sheet-footer-background-color-inverted);
 }
-.bottom-sheet__highlighted_14s6m:not(:empty) {
+.bottom-sheet__highlighted_181ai:not(:empty) {
         border-top: var(--bottom-sheet-footer-border-top-inverted);
     }
-.bottom-sheet__hasContent_14s6m {
+.bottom-sheet__hasContent_181ai {
     color: var(--bottom-sheet-text-color-inverted);
 }

package/components/footer/inverted.module.css.js

@@ -2,7 +2,7 @@
 
 require('./inverted.css');
 
-var invertedColors = {"highlighted":"bottom-sheet__highlighted_14s6m","hasContent":"bottom-sheet__hasContent_14s6m"};
+var invertedColors = {"highlighted":"bottom-sheet__highlighted_181ai","hasContent":"bottom-sheet__hasContent_181ai"};
 
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/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_1uaup {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__hasContent_1ic4x {
+.bottom-sheet__hasContent_1uaup {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_1ic4x.bottom-sheet__subtitle_1ic4x {
+.bottom-sheet__subtitle_1uaup.bottom-sheet__subtitle_1uaup {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__highlighted_1ic4x {
+.bottom-sheet__highlighted_1uaup {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }

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

@@ -2,7 +2,7 @@
 
 require('./default.css');
 
-var defaultColors = {"title":"bottom-sheet__title_1ic4x","hasContent":"bottom-sheet__hasContent_1ic4x","subtitle":"bottom-sheet__subtitle_1ic4x","highlighted":"bottom-sheet__highlighted_1ic4x"};
+var defaultColors = {"title":"bottom-sheet__title_1uaup","hasContent":"bottom-sheet__hasContent_1uaup","subtitle":"bottom-sheet__subtitle_1uaup","highlighted":"bottom-sheet__highlighted_1uaup"};
 
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/header/index.css

@@ -9,41 +9,43 @@
     --gap-12: var(--gap-s);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.bottom-sheet__headerBase_ai7cc {
+.bottom-sheet__headerBase_169vo {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
-.bottom-sheet__headerWrapper_ai7cc {
+.bottom-sheet__headerWrapper_169vo {
     padding: var(--gap-12) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc {
+.bottom-sheet__headerWrapperWithoutSwipeMarker_169vo {
     padding: var(--gap-8) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__header_ai7cc {
+.bottom-sheet__header_169vo {
     display: flex;
 }
-.bottom-sheet__sticky_ai7cc {
+.bottom-sheet__sticky_169vo {
     position: sticky;
     top: var(--gap-0);
+    left: var(--gap-0);
 }
-.bottom-sheet__justifyEnd_ai7cc {
+.bottom-sheet__justifyEnd_169vo {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_ai7cc {
+.bottom-sheet__addon_169vo {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_ai7cc {
+.bottom-sheet__addonFixed_169vo {
     position: fixed;
 }
-.bottom-sheet__title_ai7cc {
+.bottom-sheet__title_169vo {
     padding: var(--gap-10) var(--gap-8);
     width: 100%;
 
@@ -51,22 +53,24 @@
 
     line-height: 28px;
 
-    font-weight: 600;
+    font-weight: 500;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.15px;
+
+    font-family: var(--font-family-alfasans);
 }
-.bottom-sheet__titleCenter_ai7cc {
+.bottom-sheet__titleCenter_169vo {
     text-align: center;
 }
-.bottom-sheet__titleLeft_ai7cc {
+.bottom-sheet__titleLeft_169vo {
     text-align: left;
 }
-.bottom-sheet__trimTitle_ai7cc {
+.bottom-sheet__trimTitle_169vo {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__subtitle_ai7cc {
+.bottom-sheet__subtitle_169vo {
     width: 100%;
 
     font-size: 14px;
@@ -75,5 +79,7 @@
 
     font-weight: 400;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+
+    font-family: var(--font-family-alfasans);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var 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"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_169vo bottom-sheet__headerBase_169vo","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_169vo bottom-sheet__headerBase_169vo","sticky":"bottom-sheet__sticky_169vo","title":"bottom-sheet__title_169vo","subtitle":"bottom-sheet__subtitle_169vo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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,aAAe,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,aAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}

package/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_14p5e {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__hasContent_c0o61 {
+.bottom-sheet__hasContent_14p5e {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_c0o61.bottom-sheet__subtitle_c0o61 {
+.bottom-sheet__subtitle_14p5e.bottom-sheet__subtitle_14p5e {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__highlighted_c0o61 {
+.bottom-sheet__highlighted_14p5e {
     border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
 }

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

@@ -2,7 +2,7 @@
 
 require('./inverted.css');
 
-var invertedColors = {"title":"bottom-sheet__title_c0o61","hasContent":"bottom-sheet__hasContent_c0o61","subtitle":"bottom-sheet__subtitle_c0o61","highlighted":"bottom-sheet__highlighted_c0o61"};
+var invertedColors = {"title":"bottom-sheet__title_14p5e","hasContent":"bottom-sheet__hasContent_14p5e","subtitle":"bottom-sheet__subtitle_14p5e","highlighted":"bottom-sheet__highlighted_14p5e"};
 
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

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

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

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

@@ -9,8 +9,9 @@
     --gap-12: var(--gap-s);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .headerBase {
     border-top-left-radius: inherit;
@@ -31,6 +32,7 @@
 .sticky {
     position: sticky;
     top: var(--gap-0);
+    left: var(--gap-0);
 }
 .justifyEnd {
     justify-content: flex-end;
@@ -53,9 +55,11 @@
 
     line-height: 28px;
 
-    font-weight: 600;
+    font-weight: 500;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.15px;
+
+    font-family: var(--font-family-alfasans);
 }
 .titleCenter {
     text-align: center;
@@ -77,5 +81,7 @@
 
     font-weight: 400;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+
+    font-family: var(--font-family-alfasans);
 }

package/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_1i4jx {
     background-color: var(--bottom-sheet-background-color);
 }
-.bottom-sheet__content_mdpla {
+.bottom-sheet__content_1i4jx {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__defaultMarker_mdpla {
+.bottom-sheet__defaultMarker_1i4jx {
     background-color: var(--bottom-sheet-marker-color);
 }
-.bottom-sheet__hasContent_mdpla {
+.bottom-sheet__hasContent_1i4jx {
     color: var(--bottom-sheet-text-color);
 }

package/default.module.css.js

@@ -2,7 +2,7 @@
 
 require('./default.css');
 
-var defaultColors = {"component":"bottom-sheet__component_mdpla","content":"bottom-sheet__content_mdpla","defaultMarker":"bottom-sheet__defaultMarker_mdpla","hasContent":"bottom-sheet__hasContent_mdpla"};
+var defaultColors = {"component":"bottom-sheet__component_1i4jx","content":"bottom-sheet__content_1i4jx","defaultMarker":"bottom-sheet__defaultMarker_1i4jx","hasContent":"bottom-sheet__hasContent_1i4jx"};
 
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/footer/default.css

@@ -8,12 +8,12 @@
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
 }
-.bottom-sheet__highlighted_p1q72 {
+.bottom-sheet__highlighted_vza4f {
     background-color: var(--bottom-sheet-footer-background-color);
 }
-.bottom-sheet__highlighted_p1q72:not(:empty) {
+.bottom-sheet__highlighted_vza4f:not(:empty) {
         border-top: var(--bottom-sheet-footer-border-top);
     }
-.bottom-sheet__hasContent_p1q72 {
+.bottom-sheet__hasContent_vza4f {
     color: var(--bottom-sheet-text-color);
 }

package/esm/components/footer/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-var defaultColors = {"highlighted":"bottom-sheet__highlighted_p1q72","hasContent":"bottom-sheet__hasContent_p1q72"};
+var defaultColors = {"highlighted":"bottom-sheet__highlighted_vza4f","hasContent":"bottom-sheet__hasContent_vza4f"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/footer/index.css

@@ -3,17 +3,18 @@
     --gap-0: 0px;
     --gap-20: var(--gap-l);
 }
-.bottom-sheet__footer_j1y17 {
+.bottom-sheet__footer_15anf {
     padding: var(--gap-20);
 }
-.bottom-sheet__footer_j1y17:empty {
+.bottom-sheet__footer_15anf:empty {
         padding: var(--gap-20) var(--gap-0) var(--gap-0);
         position: sticky;
         bottom: var(--gap-0);
         z-index: 1;
     }
-.bottom-sheet__sticky_j1y17 {
+.bottom-sheet__sticky_15anf {
     position: sticky;
     bottom: var(--gap-0);
+    left: var(--gap-0);
     z-index: 1;
 }

package/esm/components/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"bottom-sheet__footer_j1y17","sticky":"bottom-sheet__sticky_j1y17"};
+var styles = {"footer":"bottom-sheet__footer_15anf","sticky":"bottom-sheet__sticky_15anf"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n    padding: var(--gap-20);\n\n    &:empty {\n        padding: var(--gap-20) var(--gap-0) var(--gap-0);\n        position: sticky;\n        bottom: var(--gap-0);\n        z-index: 1;\n    }\n}\n\n.sticky {\n    position: sticky;\n    bottom: var(--gap-0);\n    z-index: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n    padding: var(--gap-20);\n\n    &:empty {\n        padding: var(--gap-20) var(--gap-0) var(--gap-0);\n        position: sticky;\n        bottom: var(--gap-0);\n        z-index: 1;\n    }\n}\n\n.sticky {\n    position: sticky;\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    z-index: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/esm/components/footer/inverted.css

@@ -8,12 +8,12 @@
     --bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
     --bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
 }
-.bottom-sheet__highlighted_14s6m {
+.bottom-sheet__highlighted_181ai {
     background-color: var(--bottom-sheet-footer-background-color-inverted);
 }
-.bottom-sheet__highlighted_14s6m:not(:empty) {
+.bottom-sheet__highlighted_181ai:not(:empty) {
         border-top: var(--bottom-sheet-footer-border-top-inverted);
     }
-.bottom-sheet__hasContent_14s6m {
+.bottom-sheet__hasContent_181ai {
     color: var(--bottom-sheet-text-color-inverted);
 }

package/esm/components/footer/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"highlighted":"bottom-sheet__highlighted_14s6m","hasContent":"bottom-sheet__hasContent_14s6m"};
+var invertedColors = {"highlighted":"bottom-sheet__highlighted_181ai","hasContent":"bottom-sheet__hasContent_181ai"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/esm/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_1uaup {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__hasContent_1ic4x {
+.bottom-sheet__hasContent_1uaup {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_1ic4x.bottom-sheet__subtitle_1ic4x {
+.bottom-sheet__subtitle_1uaup.bottom-sheet__subtitle_1uaup {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__highlighted_1ic4x {
+.bottom-sheet__highlighted_1uaup {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }

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

@@ -1,6 +1,6 @@
 import './default.css';
 
-var defaultColors = {"title":"bottom-sheet__title_1ic4x","hasContent":"bottom-sheet__hasContent_1ic4x","subtitle":"bottom-sheet__subtitle_1ic4x","highlighted":"bottom-sheet__highlighted_1ic4x"};
+var defaultColors = {"title":"bottom-sheet__title_1uaup","hasContent":"bottom-sheet__hasContent_1uaup","subtitle":"bottom-sheet__subtitle_1uaup","highlighted":"bottom-sheet__highlighted_1uaup"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/header/index.css

@@ -9,41 +9,43 @@
     --gap-12: var(--gap-s);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.bottom-sheet__headerBase_ai7cc {
+.bottom-sheet__headerBase_169vo {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
-.bottom-sheet__headerWrapper_ai7cc {
+.bottom-sheet__headerWrapper_169vo {
     padding: var(--gap-12) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc {
+.bottom-sheet__headerWrapperWithoutSwipeMarker_169vo {
     padding: var(--gap-8) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__header_ai7cc {
+.bottom-sheet__header_169vo {
     display: flex;
 }
-.bottom-sheet__sticky_ai7cc {
+.bottom-sheet__sticky_169vo {
     position: sticky;
     top: var(--gap-0);
+    left: var(--gap-0);
 }
-.bottom-sheet__justifyEnd_ai7cc {
+.bottom-sheet__justifyEnd_169vo {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_ai7cc {
+.bottom-sheet__addon_169vo {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_ai7cc {
+.bottom-sheet__addonFixed_169vo {
     position: fixed;
 }
-.bottom-sheet__title_ai7cc {
+.bottom-sheet__title_169vo {
     padding: var(--gap-10) var(--gap-8);
     width: 100%;
 
@@ -51,22 +53,24 @@
 
     line-height: 28px;
 
-    font-weight: 600;
+    font-weight: 500;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.15px;
+
+    font-family: var(--font-family-alfasans);
 }
-.bottom-sheet__titleCenter_ai7cc {
+.bottom-sheet__titleCenter_169vo {
     text-align: center;
 }
-.bottom-sheet__titleLeft_ai7cc {
+.bottom-sheet__titleLeft_169vo {
     text-align: left;
 }
-.bottom-sheet__trimTitle_ai7cc {
+.bottom-sheet__trimTitle_169vo {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__subtitle_ai7cc {
+.bottom-sheet__subtitle_169vo {
     width: 100%;
 
     font-size: 14px;
@@ -75,5 +79,7 @@
 
     font-weight: 400;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+
+    font-family: var(--font-family-alfasans);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var 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"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_169vo bottom-sheet__headerBase_169vo","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_169vo bottom-sheet__headerBase_169vo","sticky":"bottom-sheet__sticky_169vo","title":"bottom-sheet__title_169vo","subtitle":"bottom-sheet__subtitle_169vo"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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,aAAe,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,aAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}

package/esm/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_14p5e {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__hasContent_c0o61 {
+.bottom-sheet__hasContent_14p5e {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_c0o61.bottom-sheet__subtitle_c0o61 {
+.bottom-sheet__subtitle_14p5e.bottom-sheet__subtitle_14p5e {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__highlighted_c0o61 {
+.bottom-sheet__highlighted_14p5e {
     border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
 }

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

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"title":"bottom-sheet__title_c0o61","hasContent":"bottom-sheet__hasContent_c0o61","subtitle":"bottom-sheet__subtitle_c0o61","highlighted":"bottom-sheet__highlighted_c0o61"};
+var invertedColors = {"title":"bottom-sheet__title_14p5e","hasContent":"bottom-sheet__hasContent_14p5e","subtitle":"bottom-sheet__subtitle_14p5e","highlighted":"bottom-sheet__highlighted_14p5e"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/esm/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_1i4jx {
     background-color: var(--bottom-sheet-background-color);
 }
-.bottom-sheet__content_mdpla {
+.bottom-sheet__content_1i4jx {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__defaultMarker_mdpla {
+.bottom-sheet__defaultMarker_1i4jx {
     background-color: var(--bottom-sheet-marker-color);
 }
-.bottom-sheet__hasContent_mdpla {
+.bottom-sheet__hasContent_1i4jx {
     color: var(--bottom-sheet-text-color);
 }