@alfalab/core-components 46.3.0 → 46.3.1

package/bottom-sheet/index.css

@@ -52,25 +52,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_rqbm0 {
+} .bottom-sheet__modal_t0yv5 {
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_rqbm0.bottom-sheet__modal_rqbm0 {
+} .bottom-sheet__modal_t0yv5.bottom-sheet__modal_t0yv5 {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_rqbm0 {
+} .bottom-sheet__wrapper_t0yv5 {
     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_rqbm0 {
+} .bottom-sheet__fullscreen_t0yv5 {
     border-radius: 0;
-} .bottom-sheet__component_rqbm0 {
+} .bottom-sheet__component_t0yv5 {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -78,9 +78,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_rqbm0 {
+} .bottom-sheet__withTransition_t0yv5 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_rqbm0 {
+} .bottom-sheet__scrollableContainer_t0yv5 {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -89,7 +89,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_rqbm0 {
+} .bottom-sheet__marker_t0yv5 {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -97,11 +97,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_rqbm0 {
+} .bottom-sheet__defaultMarker_t0yv5 {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_rqbm0 {
+} .bottom-sheet__content_t0yv5 {
     position: relative;
     z-index: 0;
     display: flex;
@@ -111,75 +111,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_rqbm0 {
+} .bottom-sheet__noHeader_t0yv5 {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_rqbm0 {
+} .bottom-sheet__noFooter_t0yv5 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_rqbm0 {
+} .bottom-sheet__scrollLocked_t0yv5 {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_rqbm0 {
+} .bottom-sheet__hiddenScrollbar_t0yv5 {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_rqbm0::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_t0yv5::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_rqbm0 {
+    } .bottom-sheet__disabledPointerEvents_t0yv5 {
     pointer-events: none;
-} .bottom-sheet__appear_rqbm0 .bottom-sheet__wrapper_rqbm0, .bottom-sheet__enter_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+} .bottom-sheet__appear_t0yv5 .bottom-sheet__wrapper_t0yv5, .bottom-sheet__enter_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transition: none;
-    } .bottom-sheet__appearActive_rqbm0 .bottom-sheet__wrapper_rqbm0, .bottom-sheet__enterActive_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__appearActive_t0yv5 .bottom-sheet__wrapper_t0yv5, .bottom-sheet__enterActive_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_rqbm0 .bottom-sheet__wrapper_rqbm0, .bottom-sheet__appearDone_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__enterDone_t0yv5 .bottom-sheet__wrapper_t0yv5, .bottom-sheet__appearDone_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transform: translateY(0);
-    } .bottom-sheet__exit_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__exit_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__exitActive_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_rqbm0 {
+    } .bottom-sheet__safeAreaBottom_t0yv5 {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_rqbm0 {
+} .bottom-sheet__background-accent_t0yv5 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_rqbm0 {
+        } .bottom-sheet__background-info_t0yv5 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_rqbm0 {
+        } .bottom-sheet__background-attention-muted_t0yv5 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_rqbm0 {
+        } .bottom-sheet__background-positive-muted_t0yv5 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_rqbm0 {
+        } .bottom-sheet__background-negative-muted_t0yv5 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_rqbm0 {
+        } .bottom-sheet__background-primary_t0yv5 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_rqbm0 {
+        } .bottom-sheet__background-primary-inverted_t0yv5 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_rqbm0 {
+        } .bottom-sheet__background-secondary_t0yv5 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_rqbm0 {
+        } .bottom-sheet__background-secondary-inverted_t0yv5 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_rqbm0 {
+        } .bottom-sheet__background-tertiary_t0yv5 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_rqbm0 {
+        } .bottom-sheet__background-tertiary-inverted_t0yv5 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_rqbm0 {
+        } .bottom-sheet__background-quaternary_t0yv5 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_rqbm0 {
+        } .bottom-sheet__background-quaternary-inverted_t0yv5 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_rqbm0 {
+        } .bottom-sheet__background-specialbg-component_t0yv5 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_rqbm0 {
+        } .bottom-sheet__background-specialbg-component-inverted_t0yv5 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_rqbm0 {
+        } .bottom-sheet__background-specialbg-primary-grouped_t0yv5 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_rqbm0 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_t0yv5 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_rqbm0 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_t0yv5 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_rqbm0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_t0yv5 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rqbm0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_t0yv5 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_rqbm0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_t0yv5 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rqbm0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_t0yv5 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/component.js

@@ -14,7 +14,7 @@ import '../../navigation-bar-private/modern';
 import '../../backdrop/modern';
 import './enums/swipeEnums.js';
 
-const styles = {"modal":"bottom-sheet__modal_rqbm0","wrapper":"bottom-sheet__wrapper_rqbm0","fullscreen":"bottom-sheet__fullscreen_rqbm0","component":"bottom-sheet__component_rqbm0","withTransition":"bottom-sheet__withTransition_rqbm0","scrollableContainer":"bottom-sheet__scrollableContainer_rqbm0","marker":"bottom-sheet__marker_rqbm0","defaultMarker":"bottom-sheet__defaultMarker_rqbm0","content":"bottom-sheet__content_rqbm0","noHeader":"bottom-sheet__noHeader_rqbm0","noFooter":"bottom-sheet__noFooter_rqbm0","scrollLocked":"bottom-sheet__scrollLocked_rqbm0","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_rqbm0","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_rqbm0","appear":"bottom-sheet__appear_rqbm0","enter":"bottom-sheet__enter_rqbm0","appearActive":"bottom-sheet__appearActive_rqbm0","enterActive":"bottom-sheet__enterActive_rqbm0","enterDone":"bottom-sheet__enterDone_rqbm0","appearDone":"bottom-sheet__appearDone_rqbm0","exit":"bottom-sheet__exit_rqbm0","exitActive":"bottom-sheet__exitActive_rqbm0","safeAreaBottom":"bottom-sheet__safeAreaBottom_rqbm0","background-accent":"bottom-sheet__background-accent_rqbm0","background-info":"bottom-sheet__background-info_rqbm0","background-attention-muted":"bottom-sheet__background-attention-muted_rqbm0","background-positive-muted":"bottom-sheet__background-positive-muted_rqbm0","background-negative-muted":"bottom-sheet__background-negative-muted_rqbm0","background-primary":"bottom-sheet__background-primary_rqbm0","background-primary-inverted":"bottom-sheet__background-primary-inverted_rqbm0","background-secondary":"bottom-sheet__background-secondary_rqbm0","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_rqbm0","background-tertiary":"bottom-sheet__background-tertiary_rqbm0","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_rqbm0","background-quaternary":"bottom-sheet__background-quaternary_rqbm0","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_rqbm0","background-specialbg-component":"bottom-sheet__background-specialbg-component_rqbm0","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_rqbm0","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_rqbm0","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_rqbm0","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_rqbm0","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_rqbm0","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_rqbm0","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_rqbm0","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_rqbm0"};
+const styles = {"modal":"bottom-sheet__modal_t0yv5","wrapper":"bottom-sheet__wrapper_t0yv5","fullscreen":"bottom-sheet__fullscreen_t0yv5","component":"bottom-sheet__component_t0yv5","withTransition":"bottom-sheet__withTransition_t0yv5","scrollableContainer":"bottom-sheet__scrollableContainer_t0yv5","marker":"bottom-sheet__marker_t0yv5","defaultMarker":"bottom-sheet__defaultMarker_t0yv5","content":"bottom-sheet__content_t0yv5","noHeader":"bottom-sheet__noHeader_t0yv5","noFooter":"bottom-sheet__noFooter_t0yv5","scrollLocked":"bottom-sheet__scrollLocked_t0yv5","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_t0yv5","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_t0yv5","appear":"bottom-sheet__appear_t0yv5","enter":"bottom-sheet__enter_t0yv5","appearActive":"bottom-sheet__appearActive_t0yv5","enterActive":"bottom-sheet__enterActive_t0yv5","enterDone":"bottom-sheet__enterDone_t0yv5","appearDone":"bottom-sheet__appearDone_t0yv5","exit":"bottom-sheet__exit_t0yv5","exitActive":"bottom-sheet__exitActive_t0yv5","safeAreaBottom":"bottom-sheet__safeAreaBottom_t0yv5","background-accent":"bottom-sheet__background-accent_t0yv5","background-info":"bottom-sheet__background-info_t0yv5","background-attention-muted":"bottom-sheet__background-attention-muted_t0yv5","background-positive-muted":"bottom-sheet__background-positive-muted_t0yv5","background-negative-muted":"bottom-sheet__background-negative-muted_t0yv5","background-primary":"bottom-sheet__background-primary_t0yv5","background-primary-inverted":"bottom-sheet__background-primary-inverted_t0yv5","background-secondary":"bottom-sheet__background-secondary_t0yv5","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_t0yv5","background-tertiary":"bottom-sheet__background-tertiary_t0yv5","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_t0yv5","background-quaternary":"bottom-sheet__background-quaternary_t0yv5","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_t0yv5","background-specialbg-component":"bottom-sheet__background-specialbg-component_t0yv5","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_t0yv5","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_t0yv5","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_t0yv5","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_t0yv5","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_t0yv5","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_t0yv5","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_t0yv5","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_t0yv5"};
 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_ch6uy","sticky":"bottom-sheet__sticky_ch6uy","highlighted":"bottom-sheet__highlighted_ch6uy","background-accent":"bottom-sheet__background-accent_ch6uy","background-info":"bottom-sheet__background-info_ch6uy","background-attention-muted":"bottom-sheet__background-attention-muted_ch6uy","background-positive-muted":"bottom-sheet__background-positive-muted_ch6uy","background-negative-muted":"bottom-sheet__background-negative-muted_ch6uy","background-primary":"bottom-sheet__background-primary_ch6uy","background-primary-inverted":"bottom-sheet__background-primary-inverted_ch6uy","background-secondary":"bottom-sheet__background-secondary_ch6uy","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_ch6uy","background-tertiary":"bottom-sheet__background-tertiary_ch6uy","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_ch6uy","background-quaternary":"bottom-sheet__background-quaternary_ch6uy","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_ch6uy","background-specialbg-component":"bottom-sheet__background-specialbg-component_ch6uy","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_ch6uy","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_ch6uy","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_ch6uy","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_ch6uy","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_ch6uy","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_ch6uy","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_ch6uy","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_ch6uy"};
+const styles = {"footer":"bottom-sheet__footer_7nbir","sticky":"bottom-sheet__sticky_7nbir","highlighted":"bottom-sheet__highlighted_7nbir","background-accent":"bottom-sheet__background-accent_7nbir","background-info":"bottom-sheet__background-info_7nbir","background-attention-muted":"bottom-sheet__background-attention-muted_7nbir","background-positive-muted":"bottom-sheet__background-positive-muted_7nbir","background-negative-muted":"bottom-sheet__background-negative-muted_7nbir","background-primary":"bottom-sheet__background-primary_7nbir","background-primary-inverted":"bottom-sheet__background-primary-inverted_7nbir","background-secondary":"bottom-sheet__background-secondary_7nbir","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_7nbir","background-tertiary":"bottom-sheet__background-tertiary_7nbir","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_7nbir","background-quaternary":"bottom-sheet__background-quaternary_7nbir","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_7nbir","background-specialbg-component":"bottom-sheet__background-specialbg-component_7nbir","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_7nbir","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_7nbir","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_7nbir","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_7nbir","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_7nbir","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_7nbir","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_7nbir","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_7nbir"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky, dataTestId }) => {

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

@@ -46,58 +46,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_ch6uy {
+} .bottom-sheet__footer_7nbir {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_ch6uy {
+} .bottom-sheet__sticky_7nbir {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_ch6uy {
+} .bottom-sheet__highlighted_7nbir {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_ch6uy {
+} .bottom-sheet__background-accent_7nbir {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_ch6uy {
+        } .bottom-sheet__background-info_7nbir {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_ch6uy {
+        } .bottom-sheet__background-attention-muted_7nbir {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_ch6uy {
+        } .bottom-sheet__background-positive-muted_7nbir {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_ch6uy {
+        } .bottom-sheet__background-negative-muted_7nbir {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_ch6uy {
+        } .bottom-sheet__background-primary_7nbir {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_ch6uy {
+        } .bottom-sheet__background-primary-inverted_7nbir {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_ch6uy {
+        } .bottom-sheet__background-secondary_7nbir {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_ch6uy {
+        } .bottom-sheet__background-secondary-inverted_7nbir {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_ch6uy {
+        } .bottom-sheet__background-tertiary_7nbir {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_ch6uy {
+        } .bottom-sheet__background-tertiary-inverted_7nbir {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_ch6uy {
+        } .bottom-sheet__background-quaternary_7nbir {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_ch6uy {
+        } .bottom-sheet__background-quaternary-inverted_7nbir {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_ch6uy {
+        } .bottom-sheet__background-specialbg-component_7nbir {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_ch6uy {
+        } .bottom-sheet__background-specialbg-component-inverted_7nbir {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_ch6uy {
+        } .bottom-sheet__background-specialbg-primary-grouped_7nbir {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_ch6uy {
+        } .bottom-sheet__background-specialbg-secondary-grouped_7nbir {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_ch6uy {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_7nbir {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_ch6uy {
+        } .bottom-sheet__background-specialbg-secondary-transparent_7nbir {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_ch6uy {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_7nbir {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_ch6uy {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_7nbir {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_ch6uy {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_7nbir {
             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 { NavigationBarPrivate } from '../../../../navigation-bar-private/modern';
 
-const styles = {"headerWrapper":"bottom-sheet__headerWrapper_igqme","hasContent":"bottom-sheet__hasContent_igqme","header":"bottom-sheet__header_igqme","sticky":"bottom-sheet__sticky_igqme","highlighted":"bottom-sheet__highlighted_igqme","justifyEnd":"bottom-sheet__justifyEnd_igqme","addon":"bottom-sheet__addon_igqme","addonFixed":"bottom-sheet__addonFixed_igqme","title":"bottom-sheet__title_igqme","titleCenter":"bottom-sheet__titleCenter_igqme","titleLeft":"bottom-sheet__titleLeft_igqme","trimTitle":"bottom-sheet__trimTitle_igqme"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_dmva7","hasContent":"bottom-sheet__hasContent_dmva7","header":"bottom-sheet__header_dmva7","sticky":"bottom-sheet__sticky_dmva7","highlighted":"bottom-sheet__highlighted_dmva7","justifyEnd":"bottom-sheet__justifyEnd_dmva7","addon":"bottom-sheet__addon_dmva7","addonFixed":"bottom-sheet__addonFixed_dmva7","title":"bottom-sheet__title_dmva7","titleCenter":"bottom-sheet__titleCenter_dmva7","titleLeft":"bottom-sheet__titleLeft_dmva7","trimTitle":"bottom-sheet__trimTitle_dmva7"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {

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

@@ -30,42 +30,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_igqme {
+} .bottom-sheet__headerWrapper_dmva7 {
     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_igqme {
+} .bottom-sheet__hasContent_dmva7 {
     background-color: inherit;
-} .bottom-sheet__header_igqme {
+} .bottom-sheet__header_dmva7 {
     display: flex;
-} .bottom-sheet__sticky_igqme {
+} .bottom-sheet__sticky_dmva7 {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_igqme {
+} .bottom-sheet__highlighted_dmva7 {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_igqme {
+} .bottom-sheet__justifyEnd_dmva7 {
     justify-content: flex-end;
-} .bottom-sheet__addon_igqme {
+} .bottom-sheet__addon_dmva7 {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_igqme {
+} .bottom-sheet__addonFixed_dmva7 {
     position: fixed;
-} .bottom-sheet__title_igqme {
+} .bottom-sheet__title_dmva7 {
     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_igqme {
+} .bottom-sheet__titleCenter_dmva7 {
     text-align: center;
-} .bottom-sheet__titleLeft_igqme {
+} .bottom-sheet__titleLeft_dmva7 {
     text-align: left;
-} .bottom-sheet__trimTitle_igqme {
+} .bottom-sheet__trimTitle_dmva7 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/modern/index.css

@@ -52,25 +52,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_rqbm0 {
+} .bottom-sheet__modal_t0yv5 {
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_rqbm0.bottom-sheet__modal_rqbm0 {
+} .bottom-sheet__modal_t0yv5.bottom-sheet__modal_t0yv5 {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_rqbm0 {
+} .bottom-sheet__wrapper_t0yv5 {
     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_rqbm0 {
+} .bottom-sheet__fullscreen_t0yv5 {
     border-radius: 0;
-} .bottom-sheet__component_rqbm0 {
+} .bottom-sheet__component_t0yv5 {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -78,9 +78,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_rqbm0 {
+} .bottom-sheet__withTransition_t0yv5 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_rqbm0 {
+} .bottom-sheet__scrollableContainer_t0yv5 {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -89,7 +89,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_rqbm0 {
+} .bottom-sheet__marker_t0yv5 {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -97,11 +97,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_rqbm0 {
+} .bottom-sheet__defaultMarker_t0yv5 {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_rqbm0 {
+} .bottom-sheet__content_t0yv5 {
     position: relative;
     z-index: 0;
     display: flex;
@@ -111,75 +111,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_rqbm0 {
+} .bottom-sheet__noHeader_t0yv5 {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_rqbm0 {
+} .bottom-sheet__noFooter_t0yv5 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_rqbm0 {
+} .bottom-sheet__scrollLocked_t0yv5 {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_rqbm0 {
+} .bottom-sheet__hiddenScrollbar_t0yv5 {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_rqbm0::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_t0yv5::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_rqbm0 {
+    } .bottom-sheet__disabledPointerEvents_t0yv5 {
     pointer-events: none;
-} .bottom-sheet__appear_rqbm0 .bottom-sheet__wrapper_rqbm0, .bottom-sheet__enter_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+} .bottom-sheet__appear_t0yv5 .bottom-sheet__wrapper_t0yv5, .bottom-sheet__enter_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transition: none;
-    } .bottom-sheet__appearActive_rqbm0 .bottom-sheet__wrapper_rqbm0, .bottom-sheet__enterActive_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__appearActive_t0yv5 .bottom-sheet__wrapper_t0yv5, .bottom-sheet__enterActive_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_rqbm0 .bottom-sheet__wrapper_rqbm0, .bottom-sheet__appearDone_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__enterDone_t0yv5 .bottom-sheet__wrapper_t0yv5, .bottom-sheet__appearDone_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transform: translateY(0);
-    } .bottom-sheet__exit_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__exit_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_rqbm0 .bottom-sheet__wrapper_rqbm0 {
+    } .bottom-sheet__exitActive_t0yv5 .bottom-sheet__wrapper_t0yv5 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_rqbm0 {
+    } .bottom-sheet__safeAreaBottom_t0yv5 {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_rqbm0 {
+} .bottom-sheet__background-accent_t0yv5 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_rqbm0 {
+        } .bottom-sheet__background-info_t0yv5 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_rqbm0 {
+        } .bottom-sheet__background-attention-muted_t0yv5 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_rqbm0 {
+        } .bottom-sheet__background-positive-muted_t0yv5 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_rqbm0 {
+        } .bottom-sheet__background-negative-muted_t0yv5 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_rqbm0 {
+        } .bottom-sheet__background-primary_t0yv5 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_rqbm0 {
+        } .bottom-sheet__background-primary-inverted_t0yv5 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_rqbm0 {
+        } .bottom-sheet__background-secondary_t0yv5 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_rqbm0 {
+        } .bottom-sheet__background-secondary-inverted_t0yv5 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_rqbm0 {
+        } .bottom-sheet__background-tertiary_t0yv5 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_rqbm0 {
+        } .bottom-sheet__background-tertiary-inverted_t0yv5 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_rqbm0 {
+        } .bottom-sheet__background-quaternary_t0yv5 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_rqbm0 {
+        } .bottom-sheet__background-quaternary-inverted_t0yv5 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_rqbm0 {
+        } .bottom-sheet__background-specialbg-component_t0yv5 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_rqbm0 {
+        } .bottom-sheet__background-specialbg-component-inverted_t0yv5 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_rqbm0 {
+        } .bottom-sheet__background-specialbg-primary-grouped_t0yv5 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_rqbm0 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_t0yv5 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_rqbm0 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_t0yv5 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_rqbm0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_t0yv5 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rqbm0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_t0yv5 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_rqbm0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_t0yv5 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rqbm0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_t0yv5 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/button/components/base-button/Component.js

@@ -14,13 +14,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"accent":"button__accent_1rg9e","loader":"button__loader_1rg9e","primary":"button__primary_1rg9e","secondary":"button__secondary_1rg9e","outlined":"button__outlined_1rg9e","tertiary":"button__tertiary_1rg9e","filled":"button__filled_1rg9e","transparent":"button__transparent_1rg9e","link":"button__link_1rg9e","text":"button__text_1rg9e","ghost":"button__ghost_1rg9e","component":"button__component_1rg9e","loading":"button__loading_1rg9e"};
+var defaultColors = {"accent":"button__accent_c6wj9","loader":"button__loader_c6wj9","primary":"button__primary_c6wj9","secondary":"button__secondary_c6wj9","outlined":"button__outlined_c6wj9","tertiary":"button__tertiary_c6wj9","filled":"button__filled_c6wj9","transparent":"button__transparent_c6wj9","link":"button__link_c6wj9","text":"button__text_c6wj9","ghost":"button__ghost_c6wj9","component":"button__component_c6wj9","loading":"button__loading_c6wj9"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_5j8ty","hug":"button__hug_5j8ty","fill":"button__fill_5j8ty","hint":"button__hint_5j8ty","allowBackdropBlur":"button__allowBackdropBlur_5j8ty","secondary":"button__secondary_5j8ty","accent":"button__accent_5j8ty","primary":"button__primary_5j8ty","focused":"button__focused_5j8ty","loading":"button__loading_5j8ty","label":"button__label_5j8ty","addons":"button__addons_5j8ty","stretchText":"button__stretchText_5j8ty","loader":"button__loader_5j8ty","size-32":"button__size-32_5j8ty","iconOnly":"button__iconOnly_5j8ty","size-40":"button__size-40_5j8ty","size-48":"button__size-48_5j8ty","size-56":"button__size-56_5j8ty","size-64":"button__size-64_5j8ty","size-72":"button__size-72_5j8ty","withRightAddons":"button__withRightAddons_5j8ty","ghost":"button__ghost_5j8ty","text":"button__text_5j8ty","withLeftAddons":"button__withLeftAddons_5j8ty","link":"button__link_5j8ty","transparent":"button__transparent_5j8ty","block":"button__block_5j8ty","nowrap":"button__nowrap_5j8ty","rounded":"button__rounded_5j8ty"};
+var commonStyles = {"component":"button__component_1kslo","hug":"button__hug_1kslo","fill":"button__fill_1kslo","hint":"button__hint_1kslo","allowBackdropBlur":"button__allowBackdropBlur_1kslo","secondary":"button__secondary_1kslo","accent":"button__accent_1kslo","primary":"button__primary_1kslo","focused":"button__focused_1kslo","loading":"button__loading_1kslo","label":"button__label_1kslo","addons":"button__addons_1kslo","stretchText":"button__stretchText_1kslo","loader":"button__loader_1kslo","size-32":"button__size-32_1kslo","iconOnly":"button__iconOnly_1kslo","size-40":"button__size-40_1kslo","size-48":"button__size-48_1kslo","size-56":"button__size-56_1kslo","size-64":"button__size-64_1kslo","size-72":"button__size-72_1kslo","withRightAddons":"button__withRightAddons_1kslo","ghost":"button__ghost_1kslo","text":"button__text_1kslo","withLeftAddons":"button__withLeftAddons_1kslo","link":"button__link_1kslo","transparent":"button__transparent_1kslo","block":"button__block_1kslo","nowrap":"button__nowrap_1kslo","rounded":"button__rounded_1kslo"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_atnvn","loader":"button__loader_atnvn","primary":"button__primary_atnvn","secondary":"button__secondary_atnvn","outlined":"button__outlined_atnvn","tertiary":"button__tertiary_atnvn","filled":"button__filled_atnvn","transparent":"button__transparent_atnvn","link":"button__link_atnvn","text":"button__text_atnvn","ghost":"button__ghost_atnvn","component":"button__component_atnvn","loading":"button__loading_atnvn"};
+var invertedColors = {"accent":"button__accent_ulf2t","loader":"button__loader_ulf2t","primary":"button__primary_ulf2t","secondary":"button__secondary_ulf2t","outlined":"button__outlined_ulf2t","tertiary":"button__tertiary_ulf2t","filled":"button__filled_ulf2t","transparent":"button__transparent_ulf2t","link":"button__link_ulf2t","text":"button__text_ulf2t","ghost":"button__ghost_ulf2t","component":"button__component_ulf2t","loading":"button__loading_ulf2t"};
 require('./inverted.css');
 
 var colorStyles = {