@alfalab/core-components 42.14.0 → 42.15.0

package/bottom-sheet/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w970 */
+/* hash: rx6nz */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -51,7 +51,7 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_s4kzq {
+} .bottom-sheet__modal_1ht9j {
     background-color: transparent;
     position: fixed;
     bottom: 0;
@@ -59,16 +59,16 @@
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__wrapper_s4kzq {
+} .bottom-sheet__wrapper_1ht9j {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__fullscreen_s4kzq {
+} .bottom-sheet__fullscreen_1ht9j {
     border-radius: 0;
-} .bottom-sheet__component_s4kzq {
+} .bottom-sheet__component_1ht9j {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -76,9 +76,9 @@
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_s4kzq {
+} .bottom-sheet__withTransition_1ht9j {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_s4kzq {
+} .bottom-sheet__scrollableContainer_1ht9j {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -87,7 +87,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_s4kzq {
+} .bottom-sheet__marker_1ht9j {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -95,11 +95,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_s4kzq {
+} .bottom-sheet__defaultMarker_1ht9j {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-graphic-quaternary);
-} .bottom-sheet__content_s4kzq {
+} .bottom-sheet__content_1ht9j {
     position: relative;
     z-index: 0;
     display: flex;
@@ -109,73 +109,73 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_s4kzq {
+} .bottom-sheet__noHeader_1ht9j {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_s4kzq {
+} .bottom-sheet__noFooter_1ht9j {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_s4kzq {
+} .bottom-sheet__scrollLocked_1ht9j {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_s4kzq {
+} .bottom-sheet__hiddenScrollbar_1ht9j {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_s4kzq::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1ht9j::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_s4kzq {
+    } .bottom-sheet__disabledPointerEvents_1ht9j {
     pointer-events: none;
-} .bottom-sheet__appear_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enter_s4kzq .bottom-sheet__wrapper_s4kzq {
+} .bottom-sheet__appear_1ht9j .bottom-sheet__wrapper_1ht9j, .bottom-sheet__enter_1ht9j .bottom-sheet__wrapper_1ht9j {
         transition: none;
-    } .bottom-sheet__appearActive_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enterActive_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__appearActive_1ht9j .bottom-sheet__wrapper_1ht9j, .bottom-sheet__enterActive_1ht9j .bottom-sheet__wrapper_1ht9j {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__appearDone_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__enterDone_1ht9j .bottom-sheet__wrapper_1ht9j, .bottom-sheet__appearDone_1ht9j .bottom-sheet__wrapper_1ht9j {
         transform: translateY(0);
-    } .bottom-sheet__exit_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__exit_1ht9j .bottom-sheet__wrapper_1ht9j {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__exitActive_1ht9j .bottom-sheet__wrapper_1ht9j {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_s4kzq {
+    } .bottom-sheet__background-accent_1ht9j {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_s4kzq {
+        } .bottom-sheet__background-info_1ht9j {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_s4kzq {
+        } .bottom-sheet__background-attention-muted_1ht9j {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_s4kzq {
+        } .bottom-sheet__background-positive-muted_1ht9j {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_s4kzq {
+        } .bottom-sheet__background-negative-muted_1ht9j {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_s4kzq {
+        } .bottom-sheet__background-primary_1ht9j {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_s4kzq {
+        } .bottom-sheet__background-primary-inverted_1ht9j {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_s4kzq {
+        } .bottom-sheet__background-secondary_1ht9j {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_s4kzq {
+        } .bottom-sheet__background-secondary-inverted_1ht9j {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_s4kzq {
+        } .bottom-sheet__background-tertiary_1ht9j {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_s4kzq {
+        } .bottom-sheet__background-tertiary-inverted_1ht9j {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_s4kzq {
+        } .bottom-sheet__background-quaternary_1ht9j {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_s4kzq {
+        } .bottom-sheet__background-quaternary-inverted_1ht9j {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_s4kzq {
+        } .bottom-sheet__background-specialbg-component_1ht9j {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_s4kzq {
+        } .bottom-sheet__background-specialbg-component-inverted_1ht9j {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_s4kzq {
+        } .bottom-sheet__background-specialbg-primary-grouped_1ht9j {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_s4kzq {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1ht9j {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_s4kzq {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1ht9j {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_s4kzq {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1ht9j {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_s4kzq {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ht9j {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_s4kzq {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1ht9j {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_s4kzq {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ht9j {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w970 */
+/* hash: rx6nz */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -51,7 +51,7 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_s4kzq {
+} .bottom-sheet__modal_1ht9j {
     background-color: transparent;
     position: fixed;
     bottom: 0;
@@ -59,16 +59,16 @@
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__wrapper_s4kzq {
+} .bottom-sheet__wrapper_1ht9j {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__fullscreen_s4kzq {
+} .bottom-sheet__fullscreen_1ht9j {
     border-radius: 0;
-} .bottom-sheet__component_s4kzq {
+} .bottom-sheet__component_1ht9j {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -76,9 +76,9 @@
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_s4kzq {
+} .bottom-sheet__withTransition_1ht9j {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_s4kzq {
+} .bottom-sheet__scrollableContainer_1ht9j {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -87,7 +87,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_s4kzq {
+} .bottom-sheet__marker_1ht9j {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -95,11 +95,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_s4kzq {
+} .bottom-sheet__defaultMarker_1ht9j {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-graphic-quaternary);
-} .bottom-sheet__content_s4kzq {
+} .bottom-sheet__content_1ht9j {
     position: relative;
     z-index: 0;
     display: flex;
@@ -109,73 +109,73 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_s4kzq {
+} .bottom-sheet__noHeader_1ht9j {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_s4kzq {
+} .bottom-sheet__noFooter_1ht9j {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_s4kzq {
+} .bottom-sheet__scrollLocked_1ht9j {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_s4kzq {
+} .bottom-sheet__hiddenScrollbar_1ht9j {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_s4kzq::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1ht9j::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_s4kzq {
+    } .bottom-sheet__disabledPointerEvents_1ht9j {
     pointer-events: none;
-} .bottom-sheet__appear_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enter_s4kzq .bottom-sheet__wrapper_s4kzq {
+} .bottom-sheet__appear_1ht9j .bottom-sheet__wrapper_1ht9j, .bottom-sheet__enter_1ht9j .bottom-sheet__wrapper_1ht9j {
         transition: none;
-    } .bottom-sheet__appearActive_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enterActive_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__appearActive_1ht9j .bottom-sheet__wrapper_1ht9j, .bottom-sheet__enterActive_1ht9j .bottom-sheet__wrapper_1ht9j {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__appearDone_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__enterDone_1ht9j .bottom-sheet__wrapper_1ht9j, .bottom-sheet__appearDone_1ht9j .bottom-sheet__wrapper_1ht9j {
         transform: translateY(0);
-    } .bottom-sheet__exit_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__exit_1ht9j .bottom-sheet__wrapper_1ht9j {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_s4kzq .bottom-sheet__wrapper_s4kzq {
+    } .bottom-sheet__exitActive_1ht9j .bottom-sheet__wrapper_1ht9j {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_s4kzq {
+    } .bottom-sheet__background-accent_1ht9j {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_s4kzq {
+        } .bottom-sheet__background-info_1ht9j {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_s4kzq {
+        } .bottom-sheet__background-attention-muted_1ht9j {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_s4kzq {
+        } .bottom-sheet__background-positive-muted_1ht9j {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_s4kzq {
+        } .bottom-sheet__background-negative-muted_1ht9j {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_s4kzq {
+        } .bottom-sheet__background-primary_1ht9j {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_s4kzq {
+        } .bottom-sheet__background-primary-inverted_1ht9j {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_s4kzq {
+        } .bottom-sheet__background-secondary_1ht9j {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_s4kzq {
+        } .bottom-sheet__background-secondary-inverted_1ht9j {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_s4kzq {
+        } .bottom-sheet__background-tertiary_1ht9j {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_s4kzq {
+        } .bottom-sheet__background-tertiary-inverted_1ht9j {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_s4kzq {
+        } .bottom-sheet__background-quaternary_1ht9j {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_s4kzq {
+        } .bottom-sheet__background-quaternary-inverted_1ht9j {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_s4kzq {
+        } .bottom-sheet__background-specialbg-component_1ht9j {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_s4kzq {
+        } .bottom-sheet__background-specialbg-component-inverted_1ht9j {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_s4kzq {
+        } .bottom-sheet__background-specialbg-primary-grouped_1ht9j {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_s4kzq {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1ht9j {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_s4kzq {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1ht9j {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_s4kzq {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1ht9j {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_s4kzq {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ht9j {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_s4kzq {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1ht9j {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_s4kzq {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ht9j {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/component.js

@@ -12,7 +12,7 @@ import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VE
 import '../../navigation-bar/modern';
 import '../../backdrop/modern';
 
-const styles = {"modal":"bottom-sheet__modal_s4kzq","wrapper":"bottom-sheet__wrapper_s4kzq","fullscreen":"bottom-sheet__fullscreen_s4kzq","component":"bottom-sheet__component_s4kzq","withTransition":"bottom-sheet__withTransition_s4kzq","scrollableContainer":"bottom-sheet__scrollableContainer_s4kzq","marker":"bottom-sheet__marker_s4kzq","defaultMarker":"bottom-sheet__defaultMarker_s4kzq","content":"bottom-sheet__content_s4kzq","noHeader":"bottom-sheet__noHeader_s4kzq","noFooter":"bottom-sheet__noFooter_s4kzq","scrollLocked":"bottom-sheet__scrollLocked_s4kzq","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_s4kzq","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_s4kzq","appear":"bottom-sheet__appear_s4kzq","enter":"bottom-sheet__enter_s4kzq","appearActive":"bottom-sheet__appearActive_s4kzq","enterActive":"bottom-sheet__enterActive_s4kzq","enterDone":"bottom-sheet__enterDone_s4kzq","appearDone":"bottom-sheet__appearDone_s4kzq","exit":"bottom-sheet__exit_s4kzq","exitActive":"bottom-sheet__exitActive_s4kzq","background-accent":"bottom-sheet__background-accent_s4kzq","background-info":"bottom-sheet__background-info_s4kzq","background-attention-muted":"bottom-sheet__background-attention-muted_s4kzq","background-positive-muted":"bottom-sheet__background-positive-muted_s4kzq","background-negative-muted":"bottom-sheet__background-negative-muted_s4kzq","background-primary":"bottom-sheet__background-primary_s4kzq","background-primary-inverted":"bottom-sheet__background-primary-inverted_s4kzq","background-secondary":"bottom-sheet__background-secondary_s4kzq","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_s4kzq","background-tertiary":"bottom-sheet__background-tertiary_s4kzq","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_s4kzq","background-quaternary":"bottom-sheet__background-quaternary_s4kzq","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_s4kzq","background-specialbg-component":"bottom-sheet__background-specialbg-component_s4kzq","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_s4kzq","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_s4kzq","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_s4kzq","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_s4kzq","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_s4kzq","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_s4kzq","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_s4kzq","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_s4kzq"};
+const styles = {"modal":"bottom-sheet__modal_1ht9j","wrapper":"bottom-sheet__wrapper_1ht9j","fullscreen":"bottom-sheet__fullscreen_1ht9j","component":"bottom-sheet__component_1ht9j","withTransition":"bottom-sheet__withTransition_1ht9j","scrollableContainer":"bottom-sheet__scrollableContainer_1ht9j","marker":"bottom-sheet__marker_1ht9j","defaultMarker":"bottom-sheet__defaultMarker_1ht9j","content":"bottom-sheet__content_1ht9j","noHeader":"bottom-sheet__noHeader_1ht9j","noFooter":"bottom-sheet__noFooter_1ht9j","scrollLocked":"bottom-sheet__scrollLocked_1ht9j","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ht9j","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ht9j","appear":"bottom-sheet__appear_1ht9j","enter":"bottom-sheet__enter_1ht9j","appearActive":"bottom-sheet__appearActive_1ht9j","enterActive":"bottom-sheet__enterActive_1ht9j","enterDone":"bottom-sheet__enterDone_1ht9j","appearDone":"bottom-sheet__appearDone_1ht9j","exit":"bottom-sheet__exit_1ht9j","exitActive":"bottom-sheet__exitActive_1ht9j","background-accent":"bottom-sheet__background-accent_1ht9j","background-info":"bottom-sheet__background-info_1ht9j","background-attention-muted":"bottom-sheet__background-attention-muted_1ht9j","background-positive-muted":"bottom-sheet__background-positive-muted_1ht9j","background-negative-muted":"bottom-sheet__background-negative-muted_1ht9j","background-primary":"bottom-sheet__background-primary_1ht9j","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ht9j","background-secondary":"bottom-sheet__background-secondary_1ht9j","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ht9j","background-tertiary":"bottom-sheet__background-tertiary_1ht9j","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ht9j","background-quaternary":"bottom-sheet__background-quaternary_1ht9j","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ht9j","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ht9j","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ht9j","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ht9j","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ht9j","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ht9j","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ht9j","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ht9j","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ht9j","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ht9j"};
 require('./index.css');
 
 const { isNil } = fnUtils;

package/bottom-sheet/modern/components/footer/Component.js

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/modern';
 
-const styles = {"footer":"bottom-sheet__footer_jxytq","sticky":"bottom-sheet__sticky_jxytq","highlighted":"bottom-sheet__highlighted_jxytq","background-accent":"bottom-sheet__background-accent_jxytq","background-info":"bottom-sheet__background-info_jxytq","background-attention-muted":"bottom-sheet__background-attention-muted_jxytq","background-positive-muted":"bottom-sheet__background-positive-muted_jxytq","background-negative-muted":"bottom-sheet__background-negative-muted_jxytq","background-primary":"bottom-sheet__background-primary_jxytq","background-primary-inverted":"bottom-sheet__background-primary-inverted_jxytq","background-secondary":"bottom-sheet__background-secondary_jxytq","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_jxytq","background-tertiary":"bottom-sheet__background-tertiary_jxytq","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_jxytq","background-quaternary":"bottom-sheet__background-quaternary_jxytq","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_jxytq","background-specialbg-component":"bottom-sheet__background-specialbg-component_jxytq","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_jxytq","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_jxytq","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_jxytq","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_jxytq","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_jxytq","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_jxytq","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_jxytq","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_jxytq"};
+const styles = {"footer":"bottom-sheet__footer_rs7x8","sticky":"bottom-sheet__sticky_rs7x8","highlighted":"bottom-sheet__highlighted_rs7x8","background-accent":"bottom-sheet__background-accent_rs7x8","background-info":"bottom-sheet__background-info_rs7x8","background-attention-muted":"bottom-sheet__background-attention-muted_rs7x8","background-positive-muted":"bottom-sheet__background-positive-muted_rs7x8","background-negative-muted":"bottom-sheet__background-negative-muted_rs7x8","background-primary":"bottom-sheet__background-primary_rs7x8","background-primary-inverted":"bottom-sheet__background-primary-inverted_rs7x8","background-secondary":"bottom-sheet__background-secondary_rs7x8","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_rs7x8","background-tertiary":"bottom-sheet__background-tertiary_rs7x8","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_rs7x8","background-quaternary":"bottom-sheet__background-quaternary_rs7x8","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_rs7x8","background-specialbg-component":"bottom-sheet__background-specialbg-component_rs7x8","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_rs7x8","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_rs7x8","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_rs7x8","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_rs7x8","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_rs7x8","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_rs7x8","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_rs7x8","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_rs7x8"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky }) => {

package/bottom-sheet/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: trkge */
+/* hash: 1vbdf */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -45,58 +45,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
-} .bottom-sheet__footer_jxytq {
+} .bottom-sheet__footer_rs7x8 {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__sticky_jxytq {
+} .bottom-sheet__sticky_rs7x8 {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_jxytq {
+} .bottom-sheet__highlighted_rs7x8 {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_jxytq {
+} .bottom-sheet__background-accent_rs7x8 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_jxytq {
+        } .bottom-sheet__background-info_rs7x8 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_jxytq {
+        } .bottom-sheet__background-attention-muted_rs7x8 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_jxytq {
+        } .bottom-sheet__background-positive-muted_rs7x8 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_jxytq {
+        } .bottom-sheet__background-negative-muted_rs7x8 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_jxytq {
+        } .bottom-sheet__background-primary_rs7x8 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_jxytq {
+        } .bottom-sheet__background-primary-inverted_rs7x8 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_jxytq {
+        } .bottom-sheet__background-secondary_rs7x8 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_jxytq {
+        } .bottom-sheet__background-secondary-inverted_rs7x8 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_jxytq {
+        } .bottom-sheet__background-tertiary_rs7x8 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_jxytq {
+        } .bottom-sheet__background-tertiary-inverted_rs7x8 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_jxytq {
+        } .bottom-sheet__background-quaternary_rs7x8 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_jxytq {
+        } .bottom-sheet__background-quaternary-inverted_rs7x8 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_jxytq {
+        } .bottom-sheet__background-specialbg-component_rs7x8 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_jxytq {
+        } .bottom-sheet__background-specialbg-component-inverted_rs7x8 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_jxytq {
+        } .bottom-sheet__background-specialbg-primary-grouped_rs7x8 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_jxytq {
+        } .bottom-sheet__background-specialbg-secondary-grouped_rs7x8 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_jxytq {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_rs7x8 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_jxytq {
+        } .bottom-sheet__background-specialbg-secondary-transparent_rs7x8 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_jxytq {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rs7x8 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_jxytq {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_rs7x8 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_jxytq {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rs7x8 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/modern';
 import { NavigationBar } from '../../../../navigation-bar/modern';
 
-const styles = {"headerWrapper":"bottom-sheet__headerWrapper_68phn","hasContent":"bottom-sheet__hasContent_68phn","header":"bottom-sheet__header_68phn","sticky":"bottom-sheet__sticky_68phn","highlighted":"bottom-sheet__highlighted_68phn","justifyEnd":"bottom-sheet__justifyEnd_68phn","addon":"bottom-sheet__addon_68phn","addonFixed":"bottom-sheet__addonFixed_68phn","title":"bottom-sheet__title_68phn","titleCenter":"bottom-sheet__titleCenter_68phn","titleLeft":"bottom-sheet__titleLeft_68phn","trimTitle":"bottom-sheet__trimTitle_68phn"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_2fck9","hasContent":"bottom-sheet__hasContent_2fck9","header":"bottom-sheet__header_2fck9","sticky":"bottom-sheet__sticky_2fck9","highlighted":"bottom-sheet__highlighted_2fck9","justifyEnd":"bottom-sheet__justifyEnd_2fck9","addon":"bottom-sheet__addon_2fck9","addonFixed":"bottom-sheet__addonFixed_2fck9","title":"bottom-sheet__title_2fck9","titleCenter":"bottom-sheet__titleCenter_2fck9","titleLeft":"bottom-sheet__titleLeft_2fck9","trimTitle":"bottom-sheet__trimTitle_2fck9"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {

package/bottom-sheet/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 7594c */
+/* hash: 1r1gt */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,42 +30,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_68phn {
+} .bottom-sheet__headerWrapper_2fck9 {
     padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__hasContent_68phn {
+} .bottom-sheet__hasContent_2fck9 {
     background-color: inherit;
-} .bottom-sheet__header_68phn {
+} .bottom-sheet__header_2fck9 {
     display: flex;
-} .bottom-sheet__sticky_68phn {
+} .bottom-sheet__sticky_2fck9 {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_68phn {
+} .bottom-sheet__highlighted_2fck9 {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_68phn {
+} .bottom-sheet__justifyEnd_2fck9 {
     justify-content: flex-end;
-} .bottom-sheet__addon_68phn {
+} .bottom-sheet__addon_2fck9 {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_68phn {
+} .bottom-sheet__addonFixed_2fck9 {
     position: fixed;
-} .bottom-sheet__title_68phn {
+} .bottom-sheet__title_2fck9 {
     padding: var(--gap-s) var(--gap-xs);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_68phn {
+} .bottom-sheet__titleCenter_2fck9 {
     text-align: center;
-} .bottom-sheet__titleLeft_68phn {
+} .bottom-sheet__titleLeft_2fck9 {
     text-align: left;
-} .bottom-sheet__trimTitle_68phn {
+} .bottom-sheet__trimTitle_2fck9 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;