@alfalab/core-components-bottom-sheet 8.1.7 → 8.1.8-alfasans

package/modern/components/footer/index.css

@@ -3,16 +3,16 @@
     --gap-0: 0px;
     --gap-20: var(--gap-l);
 }
-.bottom-sheet__footer_1clj0 {
+.bottom-sheet__footer_16sav {
     padding: var(--gap-20);
 }
-.bottom-sheet__footer_1clj0:empty {
+.bottom-sheet__footer_16sav:empty {
         padding: var(--gap-20) var(--gap-0) var(--gap-0);
         position: sticky;
         bottom: var(--gap-0);
         z-index: 1;
     }
-.bottom-sheet__sticky_1clj0 {
+.bottom-sheet__sticky_16sav {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"bottom-sheet__footer_1clj0","sticky":"bottom-sheet__sticky_1clj0"};
+const styles = {"footer":"bottom-sheet__footer_16sav","sticky":"bottom-sheet__sticky_16sav"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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_1nx3s {
+.bottom-sheet__highlighted_64wwl {
     background-color: var(--bottom-sheet-footer-background-color-inverted);
 }
-.bottom-sheet__highlighted_1nx3s:not(:empty) {
+.bottom-sheet__highlighted_64wwl:not(:empty) {
         border-top: var(--bottom-sheet-footer-border-top-inverted);
     }
-.bottom-sheet__hasContent_1nx3s {
+.bottom-sheet__hasContent_64wwl {
     color: var(--bottom-sheet-text-color-inverted);
 }

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

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"highlighted":"bottom-sheet__highlighted_1nx3s","hasContent":"bottom-sheet__hasContent_1nx3s"};
+const invertedColors = {"highlighted":"bottom-sheet__highlighted_64wwl","hasContent":"bottom-sheet__hasContent_64wwl"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inverted.module.css.js","sources":["../../src/components/footer/inverted.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n    background-color: var(--bottom-sheet-footer-background-color-inverted);\n\n    &:not(:empty) {\n        border-top: var(--bottom-sheet-footer-border-top-inverted);\n    }\n}\n\n.hasContent {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,uBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"inverted.module.css.js","sources":["../../src/components/footer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n    background-color: var(--bottom-sheet-footer-background-color-inverted);\n\n    &:not(:empty) {\n        border-top: var(--bottom-sheet-footer-border-top-inverted);\n    }\n}\n\n.hasContent {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,uBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}

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_nqww0 {
+.bottom-sheet__title_5lmbp {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__hasContent_nqww0 {
+.bottom-sheet__hasContent_5lmbp {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_nqww0.bottom-sheet__subtitle_nqww0 {
+.bottom-sheet__subtitle_5lmbp.bottom-sheet__subtitle_5lmbp {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__highlighted_nqww0 {
+.bottom-sheet__highlighted_5lmbp {
     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_nqww0","hasContent":"bottom-sheet__hasContent_nqww0","subtitle":"bottom-sheet__subtitle_nqww0","highlighted":"bottom-sheet__highlighted_nqww0"};
+const defaultColors = {"title":"bottom-sheet__title_5lmbp","hasContent":"bottom-sheet__hasContent_5lmbp","subtitle":"bottom-sheet__subtitle_5lmbp","highlighted":"bottom-sheet__highlighted_5lmbp"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"default.module.css.js","sources":["../../src/components/header/default.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n    color: var(--bottom-sheet-text-color);\n}\n\n.hasContent {\n    background-color: inherit;\n}\n\n.subtitle.subtitle {\n    color: var(--bottom-sheet-text-color);\n}\n\n.highlighted {\n    border-bottom: var(--bottom-sheet-header-border-bottom);\n}\n"],"names":[],"mappings":";;AAEgB,sBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"default.module.css.js","sources":["../../src/components/header/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n    color: var(--bottom-sheet-text-color);\n}\n\n.hasContent {\n    background-color: inherit;\n}\n\n.subtitle.subtitle {\n    color: var(--bottom-sheet-text-color);\n}\n\n.highlighted {\n    border-bottom: var(--bottom-sheet-header-border-bottom);\n}\n"],"names":[],"mappings":";;AAEgB,sBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}

package/modern/components/header/index.css

@@ -9,41 +9,42 @@
     --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_49xja {
+.bottom-sheet__headerBase_15sjp {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
-.bottom-sheet__headerWrapper_49xja {
+.bottom-sheet__headerWrapper_15sjp {
     padding: var(--gap-12) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__headerWrapperWithoutSwipeMarker_49xja {
+.bottom-sheet__headerWrapperWithoutSwipeMarker_15sjp {
     padding: var(--gap-8) var(--gap-12) var(--gap-4);
 }
-.bottom-sheet__header_49xja {
+.bottom-sheet__header_15sjp {
     display: flex;
 }
-.bottom-sheet__sticky_49xja {
+.bottom-sheet__sticky_15sjp {
     position: sticky;
     top: var(--gap-0);
 }
-.bottom-sheet__justifyEnd_49xja {
+.bottom-sheet__justifyEnd_15sjp {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_49xja {
+.bottom-sheet__addon_15sjp {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_49xja {
+.bottom-sheet__addonFixed_15sjp {
     position: fixed;
 }
-.bottom-sheet__title_49xja {
+.bottom-sheet__title_15sjp {
     padding: var(--gap-10) var(--gap-8);
     width: 100%;
 
@@ -51,22 +52,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_49xja {
+.bottom-sheet__titleCenter_15sjp {
     text-align: center;
 }
-.bottom-sheet__titleLeft_49xja {
+.bottom-sheet__titleLeft_15sjp {
     text-align: left;
 }
-.bottom-sheet__trimTitle_49xja {
+.bottom-sheet__trimTitle_15sjp {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__subtitle_49xja {
+.bottom-sheet__subtitle_15sjp {
     width: 100%;
 
     font-size: 14px;
@@ -75,5 +78,7 @@
 
     font-weight: 400;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+
+    font-family: var(--font-family-alfasans);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"headerWrapper":"bottom-sheet__headerWrapper_49xja bottom-sheet__headerBase_49xja","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_49xja bottom-sheet__headerBase_49xja","sticky":"bottom-sheet__sticky_49xja","title":"bottom-sheet__title_49xja","subtitle":"bottom-sheet__subtitle_49xja"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_15sjp bottom-sheet__headerBase_15sjp","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_15sjp bottom-sheet__headerBase_15sjp","sticky":"bottom-sheet__sticky_15sjp","title":"bottom-sheet__title_15sjp","subtitle":"bottom-sheet__subtitle_15sjp"};
 
 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_1ghi9 {
+.bottom-sheet__title_188qd {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__hasContent_1ghi9 {
+.bottom-sheet__hasContent_188qd {
     background-color: inherit;
 }
-.bottom-sheet__subtitle_1ghi9.bottom-sheet__subtitle_1ghi9 {
+.bottom-sheet__subtitle_188qd.bottom-sheet__subtitle_188qd {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__highlighted_1ghi9 {
+.bottom-sheet__highlighted_188qd {
     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_1ghi9","hasContent":"bottom-sheet__hasContent_1ghi9","subtitle":"bottom-sheet__subtitle_1ghi9","highlighted":"bottom-sheet__highlighted_1ghi9"};
+const invertedColors = {"title":"bottom-sheet__title_188qd","hasContent":"bottom-sheet__hasContent_188qd","subtitle":"bottom-sheet__subtitle_188qd","highlighted":"bottom-sheet__highlighted_188qd"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inverted.module.css.js","sources":["../../src/components/header/inverted.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n\n.hasContent {\n    background-color: inherit;\n}\n\n.subtitle.subtitle {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n\n.highlighted {\n    border-bottom: var(--bottom-sheet-header-border-bottom-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,uBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"inverted.module.css.js","sources":["../../src/components/header/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n\n.hasContent {\n    background-color: inherit;\n}\n\n.subtitle.subtitle {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n\n.highlighted {\n    border-bottom: var(--bottom-sheet-header-border-bottom-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,uBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}

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_1kl29 {
+.bottom-sheet__component_h0loo {
     background-color: var(--bottom-sheet-background-color);
 }
-.bottom-sheet__content_1kl29 {
+.bottom-sheet__content_h0loo {
     color: var(--bottom-sheet-text-color);
 }
-.bottom-sheet__defaultMarker_1kl29 {
+.bottom-sheet__defaultMarker_h0loo {
     background-color: var(--bottom-sheet-marker-color);
 }
-.bottom-sheet__hasContent_1kl29 {
+.bottom-sheet__hasContent_h0loo {
     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_1kl29","content":"bottom-sheet__content_1kl29","defaultMarker":"bottom-sheet__defaultMarker_1kl29","hasContent":"bottom-sheet__hasContent_1kl29"};
+const defaultColors = {"component":"bottom-sheet__component_h0loo","content":"bottom-sheet__content_h0loo","defaultMarker":"bottom-sheet__defaultMarker_h0loo","hasContent":"bottom-sheet__hasContent_h0loo"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/default.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.module.css.js","sources":["src/default.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n@import './vars.css';\n\n.component {\n    background-color: var(--bottom-sheet-background-color);\n}\n\n.content {\n    color: var(--bottom-sheet-text-color);\n}\n\n.defaultMarker {\n    background-color: var(--bottom-sheet-marker-color);\n}\n\n.hasContent {\n    color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;AAEgB,sBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,SAAS,CAAC,6BAA6B,CAAC,eAAe,CAAC,mCAAmC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"default.module.css.js","sources":["src/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import './vars.css';\n\n.component {\n    background-color: var(--bottom-sheet-background-color);\n}\n\n.content {\n    color: var(--bottom-sheet-text-color);\n}\n\n.defaultMarker {\n    background-color: var(--bottom-sheet-marker-color);\n}\n\n.hasContent {\n    color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;AAEgB,sBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,SAAS,CAAC,6BAA6B,CAAC,eAAe,CAAC,mCAAmC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}

package/modern/index.css

@@ -45,18 +45,18 @@
     --bottom-sheet-top-radius: var(--border-radius-16);
     --bottom-sheet-shadow: none;
 }
-.bottom-sheet__modal_q7jth {
+.bottom-sheet__modal_ghq7f {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
 }
-.bottom-sheet__modal_q7jth.bottom-sheet__modal_q7jth {
+.bottom-sheet__modal_ghq7f.bottom-sheet__modal_ghq7f {
     background-color: transparent;
     position: fixed;
 }
-.bottom-sheet__wrapper_q7jth {
+.bottom-sheet__wrapper_ghq7f {
     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_q7jth {
+.bottom-sheet__outerClassName_ghq7f {
     pointer-events: all;
 }
-.bottom-sheet__fullscreen_q7jth {
+.bottom-sheet__fullscreen_ghq7f {
     border-radius: var(--border-radius-0);
 }
-.bottom-sheet__component_q7jth {
+.bottom-sheet__component_ghq7f {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -79,10 +79,10 @@
     box-shadow: var(--bottom-sheet-shadow);
     transform: translate(0, 0);
 }
-.bottom-sheet__withTransition_q7jth {
+.bottom-sheet__withTransition_ghq7f {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_q7jth {
+.bottom-sheet__scrollableContainer_ghq7f {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -92,7 +92,7 @@
     border-radius: inherit;
     overscroll-behavior: contain;
 }
-.bottom-sheet__marker_q7jth {
+.bottom-sheet__marker_ghq7f {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -101,11 +101,11 @@
     width: 36px;
     margin: var(--gap-0) auto;
 }
-.bottom-sheet__defaultMarker_q7jth {
+.bottom-sheet__defaultMarker_ghq7f {
     height: 4px;
     border-radius: var(--border-radius-20);
 }
-.bottom-sheet__content_q7jth {
+.bottom-sheet__content_ghq7f {
     position: relative;
     z-index: 0;
     display: flex;
@@ -115,108 +115,108 @@
     background-color: inherit;
     border-radius: inherit;
 }
-.bottom-sheet__noHeader_q7jth {
+.bottom-sheet__noHeader_ghq7f {
     padding-top: var(--gap-20);
 }
-.bottom-sheet__noFooter_q7jth {
+.bottom-sheet__noFooter_ghq7f {
     padding-bottom: var(--gap-20);
 }
-.bottom-sheet__scrollLocked_q7jth {
+.bottom-sheet__scrollLocked_ghq7f {
     overflow: hidden;
 }
-.bottom-sheet__hiddenScrollbar_q7jth {
+.bottom-sheet__hiddenScrollbar_ghq7f {
     scrollbar-width: none;
 }
-.bottom-sheet__hiddenScrollbar_q7jth::-webkit-scrollbar {
+.bottom-sheet__hiddenScrollbar_ghq7f::-webkit-scrollbar {
         width: 0;
         height: 0;
     }
-.bottom-sheet__disabledPointerEvents_q7jth {
+.bottom-sheet__disabledPointerEvents_ghq7f {
     pointer-events: none;
 }
-.bottom-sheet__appear_q7jth .bottom-sheet__wrapper_q7jth, .bottom-sheet__enter_q7jth .bottom-sheet__wrapper_q7jth {
+.bottom-sheet__appear_ghq7f .bottom-sheet__wrapper_ghq7f, .bottom-sheet__enter_ghq7f .bottom-sheet__wrapper_ghq7f {
         transition: none;
     }
-.bottom-sheet__appearActive_q7jth .bottom-sheet__wrapper_q7jth, .bottom-sheet__enterActive_q7jth .bottom-sheet__wrapper_q7jth {
+.bottom-sheet__appearActive_ghq7f .bottom-sheet__wrapper_ghq7f, .bottom-sheet__enterActive_ghq7f .bottom-sheet__wrapper_ghq7f {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_q7jth .bottom-sheet__wrapper_q7jth, .bottom-sheet__appearDone_q7jth .bottom-sheet__wrapper_q7jth {
+.bottom-sheet__enterDone_ghq7f .bottom-sheet__wrapper_ghq7f, .bottom-sheet__appearDone_ghq7f .bottom-sheet__wrapper_ghq7f {
         transform: translateY(0);
     }
-.bottom-sheet__exit_q7jth .bottom-sheet__wrapper_q7jth {
+.bottom-sheet__exit_ghq7f .bottom-sheet__wrapper_ghq7f {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_q7jth .bottom-sheet__wrapper_q7jth {
+.bottom-sheet__exitActive_ghq7f .bottom-sheet__wrapper_ghq7f {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }
-.bottom-sheet__safeAreaBottom_q7jth {
+.bottom-sheet__safeAreaBottom_ghq7f {
     padding-bottom: var(--sab);
 }
-.bottom-sheet__background-accent_q7jth {
+.bottom-sheet__background-accent_ghq7f {
             background-color: var(--color-light-bg-accent);
         }
-.bottom-sheet__background-info_q7jth {
+.bottom-sheet__background-info_ghq7f {
             background-color: var(--color-light-bg-info);
         }
-.bottom-sheet__background-attention-muted_q7jth {
+.bottom-sheet__background-attention-muted_ghq7f {
             background-color: var(--color-light-bg-attention-muted);
         }
-.bottom-sheet__background-positive-muted_q7jth {
+.bottom-sheet__background-positive-muted_ghq7f {
             background-color: var(--color-light-bg-positive-muted);
         }
-.bottom-sheet__background-negative-muted_q7jth {
+.bottom-sheet__background-negative-muted_ghq7f {
             background-color: var(--color-light-bg-negative-muted);
         }
-.bottom-sheet__background-primary_q7jth {
+.bottom-sheet__background-primary_ghq7f {
             background-color: var(--color-light-bg-primary);
         }
-.bottom-sheet__background-primary-inverted_q7jth {
+.bottom-sheet__background-primary-inverted_ghq7f {
             background-color: var(--color-light-bg-primary-inverted);
         }
-.bottom-sheet__background-secondary_q7jth {
+.bottom-sheet__background-secondary_ghq7f {
             background-color: var(--color-light-bg-secondary);
         }
-.bottom-sheet__background-secondary-inverted_q7jth {
+.bottom-sheet__background-secondary-inverted_ghq7f {
             background-color: var(--color-light-bg-secondary-inverted);
         }
-.bottom-sheet__background-tertiary_q7jth {
+.bottom-sheet__background-tertiary_ghq7f {
             background-color: var(--color-light-bg-tertiary);
         }
-.bottom-sheet__background-tertiary-inverted_q7jth {
+.bottom-sheet__background-tertiary-inverted_ghq7f {
             background-color: var(--color-light-bg-tertiary-inverted);
         }
-.bottom-sheet__background-quaternary_q7jth {
+.bottom-sheet__background-quaternary_ghq7f {
             background-color: var(--color-light-bg-quaternary);
         }
-.bottom-sheet__background-quaternary-inverted_q7jth {
+.bottom-sheet__background-quaternary-inverted_ghq7f {
             background-color: var(--color-light-bg-quaternary-inverted);
         }
-.bottom-sheet__background-specialbg-component_q7jth {
+.bottom-sheet__background-specialbg-component_ghq7f {
             background-color: var(--color-light-specialbg-component);
         }
-.bottom-sheet__background-specialbg-component-inverted_q7jth {
+.bottom-sheet__background-specialbg-component-inverted_ghq7f {
             background-color: var(--color-light-specialbg-component-inverted);
         }
-.bottom-sheet__background-specialbg-primary-grouped_q7jth {
+.bottom-sheet__background-specialbg-primary-grouped_ghq7f {
             background-color: var(--color-light-specialbg-primary-grouped);
         }
-.bottom-sheet__background-specialbg-secondary-grouped_q7jth {
+.bottom-sheet__background-specialbg-secondary-grouped_ghq7f {
             background-color: var(--color-light-specialbg-secondary-grouped);
         }
-.bottom-sheet__background-specialbg-tertiary-grouped_q7jth {
+.bottom-sheet__background-specialbg-tertiary-grouped_ghq7f {
             background-color: var(--color-light-specialbg-tertiary-grouped);
         }
-.bottom-sheet__background-specialbg-secondary-transparent_q7jth {
+.bottom-sheet__background-specialbg-secondary-transparent_ghq7f {
             background-color: var(--color-light-specialbg-secondary-transparent);
         }
-.bottom-sheet__background-specialbg-secondary-transparent-inverted_q7jth {
+.bottom-sheet__background-specialbg-secondary-transparent-inverted_ghq7f {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
         }
-.bottom-sheet__background-specialbg-tertiary-transparent_q7jth {
+.bottom-sheet__background-specialbg-tertiary-transparent_ghq7f {
             background-color: var(--color-light-specialbg-tertiary-transparent);
         }
-.bottom-sheet__background-specialbg-tertiary-transparent-inverted_q7jth {
+.bottom-sheet__background-specialbg-tertiary-transparent-inverted_ghq7f {
             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_q7jth","wrapper":"bottom-sheet__wrapper_q7jth","outerClassName":"bottom-sheet__outerClassName_q7jth","fullscreen":"bottom-sheet__fullscreen_q7jth","component":"bottom-sheet__component_q7jth","withTransition":"bottom-sheet__withTransition_q7jth","scrollableContainer":"bottom-sheet__scrollableContainer_q7jth","marker":"bottom-sheet__marker_q7jth","defaultMarker":"bottom-sheet__defaultMarker_q7jth","content":"bottom-sheet__content_q7jth","noHeader":"bottom-sheet__noHeader_q7jth","noFooter":"bottom-sheet__noFooter_q7jth","scrollLocked":"bottom-sheet__scrollLocked_q7jth","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_q7jth","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_q7jth","appear":"bottom-sheet__appear_q7jth","enter":"bottom-sheet__enter_q7jth","appearActive":"bottom-sheet__appearActive_q7jth","enterActive":"bottom-sheet__enterActive_q7jth","enterDone":"bottom-sheet__enterDone_q7jth","appearDone":"bottom-sheet__appearDone_q7jth","exit":"bottom-sheet__exit_q7jth","exitActive":"bottom-sheet__exitActive_q7jth","safeAreaBottom":"bottom-sheet__safeAreaBottom_q7jth","background-accent":"bottom-sheet__background-accent_q7jth","background-info":"bottom-sheet__background-info_q7jth","background-attention-muted":"bottom-sheet__background-attention-muted_q7jth","background-positive-muted":"bottom-sheet__background-positive-muted_q7jth","background-negative-muted":"bottom-sheet__background-negative-muted_q7jth","background-primary":"bottom-sheet__background-primary_q7jth","background-primary-inverted":"bottom-sheet__background-primary-inverted_q7jth","background-secondary":"bottom-sheet__background-secondary_q7jth","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_q7jth","background-tertiary":"bottom-sheet__background-tertiary_q7jth","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_q7jth","background-quaternary":"bottom-sheet__background-quaternary_q7jth","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_q7jth","background-specialbg-component":"bottom-sheet__background-specialbg-component_q7jth","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_q7jth","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_q7jth","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_q7jth","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_q7jth","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_q7jth","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_q7jth","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_q7jth","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_q7jth"};
+const styles = {"modal":"bottom-sheet__modal_ghq7f","wrapper":"bottom-sheet__wrapper_ghq7f","outerClassName":"bottom-sheet__outerClassName_ghq7f","fullscreen":"bottom-sheet__fullscreen_ghq7f","component":"bottom-sheet__component_ghq7f","withTransition":"bottom-sheet__withTransition_ghq7f","scrollableContainer":"bottom-sheet__scrollableContainer_ghq7f","marker":"bottom-sheet__marker_ghq7f","defaultMarker":"bottom-sheet__defaultMarker_ghq7f","content":"bottom-sheet__content_ghq7f","noHeader":"bottom-sheet__noHeader_ghq7f","noFooter":"bottom-sheet__noFooter_ghq7f","scrollLocked":"bottom-sheet__scrollLocked_ghq7f","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_ghq7f","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_ghq7f","appear":"bottom-sheet__appear_ghq7f","enter":"bottom-sheet__enter_ghq7f","appearActive":"bottom-sheet__appearActive_ghq7f","enterActive":"bottom-sheet__enterActive_ghq7f","enterDone":"bottom-sheet__enterDone_ghq7f","appearDone":"bottom-sheet__appearDone_ghq7f","exit":"bottom-sheet__exit_ghq7f","exitActive":"bottom-sheet__exitActive_ghq7f","safeAreaBottom":"bottom-sheet__safeAreaBottom_ghq7f","background-accent":"bottom-sheet__background-accent_ghq7f","background-info":"bottom-sheet__background-info_ghq7f","background-attention-muted":"bottom-sheet__background-attention-muted_ghq7f","background-positive-muted":"bottom-sheet__background-positive-muted_ghq7f","background-negative-muted":"bottom-sheet__background-negative-muted_ghq7f","background-primary":"bottom-sheet__background-primary_ghq7f","background-primary-inverted":"bottom-sheet__background-primary-inverted_ghq7f","background-secondary":"bottom-sheet__background-secondary_ghq7f","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_ghq7f","background-tertiary":"bottom-sheet__background-tertiary_ghq7f","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_ghq7f","background-quaternary":"bottom-sheet__background-quaternary_ghq7f","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_ghq7f","background-specialbg-component":"bottom-sheet__background-specialbg-component_ghq7f","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_ghq7f","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_ghq7f","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_ghq7f","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_ghq7f","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_ghq7f","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_ghq7f","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_ghq7f","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_ghq7f"};
 
 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_1x0qa {
+.bottom-sheet__component_p6p7m {
     background-color: var(--bottom-sheet-background-color-inverted);
 }
-.bottom-sheet__content_1x0qa {
+.bottom-sheet__content_p6p7m {
     color: var(--bottom-sheet-text-color-inverted);
 }
-.bottom-sheet__defaultMarker_1x0qa {
+.bottom-sheet__defaultMarker_p6p7m {
     background-color: var(--bottom-sheet-marker-color-inverted);
 }
-.bottom-sheet__hasContent_1x0qa {
+.bottom-sheet__hasContent_p6p7m {
     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_1x0qa","content":"bottom-sheet__content_1x0qa","defaultMarker":"bottom-sheet__defaultMarker_1x0qa","hasContent":"bottom-sheet__hasContent_1x0qa"};
+const invertedColors = {"component":"bottom-sheet__component_p6p7m","content":"bottom-sheet__content_p6p7m","defaultMarker":"bottom-sheet__defaultMarker_p6p7m","hasContent":"bottom-sheet__hasContent_p6p7m"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/inverted.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"inverted.module.css.js","sources":["src/inverted.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n@import './vars.css';\n\n.component {\n    background-color: var(--bottom-sheet-background-color-inverted);\n}\n\n.content {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n\n.defaultMarker {\n    background-color: var(--bottom-sheet-marker-color-inverted);\n}\n\n.hasContent {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,uBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,SAAS,CAAC,6BAA6B,CAAC,eAAe,CAAC,mCAAmC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"inverted.module.css.js","sources":["src/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import './vars.css';\n\n.component {\n    background-color: var(--bottom-sheet-background-color-inverted);\n}\n\n.content {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n\n.defaultMarker {\n    background-color: var(--bottom-sheet-marker-color-inverted);\n}\n\n.hasContent {\n    color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,uBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,SAAS,CAAC,6BAA6B,CAAC,eAAe,CAAC,mCAAmC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}

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

@@ -49,9 +49,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 {
@@ -77,5 +79,7 @@
 
     font-weight: 400;
 
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+
+    font-family: var(--font-family-alfasans);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "8.1.7",
+    "version": "8.1.8-alfasans",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
@@ -13,11 +13,11 @@
         "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^5.0.2",
-        "@alfalab/core-components-base-modal": "^7.1.5",
-        "@alfalab/core-components-navigation-bar-private": "^2.0.8",
-        "@alfalab/core-components-shared": "^2.2.0",
-        "@alfalab/core-components-types": "^2.0.1",
+        "@alfalab/core-components-backdrop": "5.0.2-alfasans",
+        "@alfalab/core-components-base-modal": "7.1.5-alfasans",
+        "@alfalab/core-components-navigation-bar-private": "2.0.9-alfasans",
+        "@alfalab/core-components-shared": "2.2.0-alfasans",
+        "@alfalab/core-components-types": "2.0.1-alfasans",
         "classnames": "^2.5.1",
         "react-div-100vh": "^0.7.0",
         "react-merge-refs": "^1.1.0",
@@ -34,6 +34,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.1.0",
-    "varsVersion": "11.0.2"
+    "themesVersion": "15.1.0-alfasans",
+    "varsVersion": "11.1.0-alfasans"
 }

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

@@ -1,4 +1,4 @@
-@import '../../../../vars/src/index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../../vars.css';
 
 .highlighted {

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

@@ -1,4 +1,4 @@
-@import '../../../../vars/src/index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../../vars.css';
 
 .highlighted {

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

@@ -1,4 +1,4 @@
-@import '../../../../vars/src/index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../../vars.css';
 
 .title {