@alfalab/core-components 48.12.0-beta.0 → 48.12.1-beta.1

package/bottom-sheet/index.css

@@ -61,25 +61,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_1sfu1 {
+} .bottom-sheet__modal_cjgnu {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_1sfu1.bottom-sheet__modal_1sfu1 {
+} .bottom-sheet__modal_cjgnu.bottom-sheet__modal_cjgnu {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_1sfu1 {
+} .bottom-sheet__wrapper_cjgnu {
     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_1sfu1 {
+} .bottom-sheet__fullscreen_cjgnu {
     border-radius: 0;
-} .bottom-sheet__component_1sfu1 {
+} .bottom-sheet__component_cjgnu {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -87,9 +87,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_1sfu1 {
+} .bottom-sheet__withTransition_cjgnu {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_1sfu1 {
+} .bottom-sheet__scrollableContainer_cjgnu {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -98,7 +98,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_1sfu1 {
+} .bottom-sheet__marker_cjgnu {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -106,11 +106,11 @@
     z-index: 1000;
     width: 36px;
     margin: var(--gap-0) auto;
-} .bottom-sheet__defaultMarker_1sfu1 {
+} .bottom-sheet__defaultMarker_cjgnu {
     height: 4px;
     border-radius: var(--border-radius-20);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_1sfu1 {
+} .bottom-sheet__content_cjgnu {
     position: relative;
     z-index: 0;
     display: flex;
@@ -120,75 +120,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_1sfu1 {
+} .bottom-sheet__noHeader_cjgnu {
     padding-top: var(--gap-16);
-} .bottom-sheet__noFooter_1sfu1 {
+} .bottom-sheet__noFooter_cjgnu {
     padding-bottom: var(--gap-16);
-} .bottom-sheet__scrollLocked_1sfu1 {
+} .bottom-sheet__scrollLocked_cjgnu {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_1sfu1 {
+} .bottom-sheet__hiddenScrollbar_cjgnu {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_1sfu1::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_cjgnu::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_1sfu1 {
+    } .bottom-sheet__disabledPointerEvents_cjgnu {
     pointer-events: none;
-} .bottom-sheet__appear_1sfu1 .bottom-sheet__wrapper_1sfu1, .bottom-sheet__enter_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+} .bottom-sheet__appear_cjgnu .bottom-sheet__wrapper_cjgnu, .bottom-sheet__enter_cjgnu .bottom-sheet__wrapper_cjgnu {
         transition: none;
-    } .bottom-sheet__appearActive_1sfu1 .bottom-sheet__wrapper_1sfu1, .bottom-sheet__enterActive_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__appearActive_cjgnu .bottom-sheet__wrapper_cjgnu, .bottom-sheet__enterActive_cjgnu .bottom-sheet__wrapper_cjgnu {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_1sfu1 .bottom-sheet__wrapper_1sfu1, .bottom-sheet__appearDone_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__enterDone_cjgnu .bottom-sheet__wrapper_cjgnu, .bottom-sheet__appearDone_cjgnu .bottom-sheet__wrapper_cjgnu {
         transform: translateY(0);
-    } .bottom-sheet__exit_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__exit_cjgnu .bottom-sheet__wrapper_cjgnu {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__exitActive_cjgnu .bottom-sheet__wrapper_cjgnu {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_1sfu1 {
+    } .bottom-sheet__safeAreaBottom_cjgnu {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_1sfu1 {
+} .bottom-sheet__background-accent_cjgnu {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_1sfu1 {
+        } .bottom-sheet__background-info_cjgnu {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_1sfu1 {
+        } .bottom-sheet__background-attention-muted_cjgnu {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_1sfu1 {
+        } .bottom-sheet__background-positive-muted_cjgnu {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_1sfu1 {
+        } .bottom-sheet__background-negative-muted_cjgnu {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_1sfu1 {
+        } .bottom-sheet__background-primary_cjgnu {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_1sfu1 {
+        } .bottom-sheet__background-primary-inverted_cjgnu {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_1sfu1 {
+        } .bottom-sheet__background-secondary_cjgnu {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_1sfu1 {
+        } .bottom-sheet__background-secondary-inverted_cjgnu {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_1sfu1 {
+        } .bottom-sheet__background-tertiary_cjgnu {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_1sfu1 {
+        } .bottom-sheet__background-tertiary-inverted_cjgnu {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_1sfu1 {
+        } .bottom-sheet__background-quaternary_cjgnu {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_1sfu1 {
+        } .bottom-sheet__background-quaternary-inverted_cjgnu {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_1sfu1 {
+        } .bottom-sheet__background-specialbg-component_cjgnu {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_1sfu1 {
+        } .bottom-sheet__background-specialbg-component-inverted_cjgnu {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_1sfu1 {
+        } .bottom-sheet__background-specialbg-primary-grouped_cjgnu {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_1sfu1 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_cjgnu {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_1sfu1 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_cjgnu {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_1sfu1 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_cjgnu {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1sfu1 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_cjgnu {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_1sfu1 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_cjgnu {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1sfu1 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_cjgnu {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/component.js

@@ -15,7 +15,7 @@ import '../../navigation-bar-private/modern';
 import '../../backdrop/modern';
 import './enums/swipeEnums.js';
 
-const styles = {"modal":"bottom-sheet__modal_1sfu1","wrapper":"bottom-sheet__wrapper_1sfu1","fullscreen":"bottom-sheet__fullscreen_1sfu1","component":"bottom-sheet__component_1sfu1","withTransition":"bottom-sheet__withTransition_1sfu1","scrollableContainer":"bottom-sheet__scrollableContainer_1sfu1","marker":"bottom-sheet__marker_1sfu1","defaultMarker":"bottom-sheet__defaultMarker_1sfu1","content":"bottom-sheet__content_1sfu1","noHeader":"bottom-sheet__noHeader_1sfu1","noFooter":"bottom-sheet__noFooter_1sfu1","scrollLocked":"bottom-sheet__scrollLocked_1sfu1","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1sfu1","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1sfu1","appear":"bottom-sheet__appear_1sfu1","enter":"bottom-sheet__enter_1sfu1","appearActive":"bottom-sheet__appearActive_1sfu1","enterActive":"bottom-sheet__enterActive_1sfu1","enterDone":"bottom-sheet__enterDone_1sfu1","appearDone":"bottom-sheet__appearDone_1sfu1","exit":"bottom-sheet__exit_1sfu1","exitActive":"bottom-sheet__exitActive_1sfu1","safeAreaBottom":"bottom-sheet__safeAreaBottom_1sfu1","background-accent":"bottom-sheet__background-accent_1sfu1","background-info":"bottom-sheet__background-info_1sfu1","background-attention-muted":"bottom-sheet__background-attention-muted_1sfu1","background-positive-muted":"bottom-sheet__background-positive-muted_1sfu1","background-negative-muted":"bottom-sheet__background-negative-muted_1sfu1","background-primary":"bottom-sheet__background-primary_1sfu1","background-primary-inverted":"bottom-sheet__background-primary-inverted_1sfu1","background-secondary":"bottom-sheet__background-secondary_1sfu1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1sfu1","background-tertiary":"bottom-sheet__background-tertiary_1sfu1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1sfu1","background-quaternary":"bottom-sheet__background-quaternary_1sfu1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1sfu1","background-specialbg-component":"bottom-sheet__background-specialbg-component_1sfu1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1sfu1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1sfu1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1sfu1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1sfu1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1sfu1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1sfu1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1sfu1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1sfu1"};
+const styles = {"modal":"bottom-sheet__modal_cjgnu","wrapper":"bottom-sheet__wrapper_cjgnu","fullscreen":"bottom-sheet__fullscreen_cjgnu","component":"bottom-sheet__component_cjgnu","withTransition":"bottom-sheet__withTransition_cjgnu","scrollableContainer":"bottom-sheet__scrollableContainer_cjgnu","marker":"bottom-sheet__marker_cjgnu","defaultMarker":"bottom-sheet__defaultMarker_cjgnu","content":"bottom-sheet__content_cjgnu","noHeader":"bottom-sheet__noHeader_cjgnu","noFooter":"bottom-sheet__noFooter_cjgnu","scrollLocked":"bottom-sheet__scrollLocked_cjgnu","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_cjgnu","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_cjgnu","appear":"bottom-sheet__appear_cjgnu","enter":"bottom-sheet__enter_cjgnu","appearActive":"bottom-sheet__appearActive_cjgnu","enterActive":"bottom-sheet__enterActive_cjgnu","enterDone":"bottom-sheet__enterDone_cjgnu","appearDone":"bottom-sheet__appearDone_cjgnu","exit":"bottom-sheet__exit_cjgnu","exitActive":"bottom-sheet__exitActive_cjgnu","safeAreaBottom":"bottom-sheet__safeAreaBottom_cjgnu","background-accent":"bottom-sheet__background-accent_cjgnu","background-info":"bottom-sheet__background-info_cjgnu","background-attention-muted":"bottom-sheet__background-attention-muted_cjgnu","background-positive-muted":"bottom-sheet__background-positive-muted_cjgnu","background-negative-muted":"bottom-sheet__background-negative-muted_cjgnu","background-primary":"bottom-sheet__background-primary_cjgnu","background-primary-inverted":"bottom-sheet__background-primary-inverted_cjgnu","background-secondary":"bottom-sheet__background-secondary_cjgnu","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_cjgnu","background-tertiary":"bottom-sheet__background-tertiary_cjgnu","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_cjgnu","background-quaternary":"bottom-sheet__background-quaternary_cjgnu","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_cjgnu","background-specialbg-component":"bottom-sheet__background-specialbg-component_cjgnu","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_cjgnu","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_cjgnu","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_cjgnu","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_cjgnu","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_cjgnu","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_cjgnu","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_cjgnu","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_cjgnu"};
 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_1u18c","sticky":"bottom-sheet__sticky_1u18c","highlighted":"bottom-sheet__highlighted_1u18c","background-accent":"bottom-sheet__background-accent_1u18c","background-info":"bottom-sheet__background-info_1u18c","background-attention-muted":"bottom-sheet__background-attention-muted_1u18c","background-positive-muted":"bottom-sheet__background-positive-muted_1u18c","background-negative-muted":"bottom-sheet__background-negative-muted_1u18c","background-primary":"bottom-sheet__background-primary_1u18c","background-primary-inverted":"bottom-sheet__background-primary-inverted_1u18c","background-secondary":"bottom-sheet__background-secondary_1u18c","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1u18c","background-tertiary":"bottom-sheet__background-tertiary_1u18c","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1u18c","background-quaternary":"bottom-sheet__background-quaternary_1u18c","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1u18c","background-specialbg-component":"bottom-sheet__background-specialbg-component_1u18c","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1u18c","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1u18c","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1u18c","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1u18c","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1u18c","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1u18c","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1u18c","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1u18c"};
+const styles = {"footer":"bottom-sheet__footer_1ki9p","sticky":"bottom-sheet__sticky_1ki9p","highlighted":"bottom-sheet__highlighted_1ki9p","background-accent":"bottom-sheet__background-accent_1ki9p","background-info":"bottom-sheet__background-info_1ki9p","background-attention-muted":"bottom-sheet__background-attention-muted_1ki9p","background-positive-muted":"bottom-sheet__background-positive-muted_1ki9p","background-negative-muted":"bottom-sheet__background-negative-muted_1ki9p","background-primary":"bottom-sheet__background-primary_1ki9p","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ki9p","background-secondary":"bottom-sheet__background-secondary_1ki9p","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ki9p","background-tertiary":"bottom-sheet__background-tertiary_1ki9p","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ki9p","background-quaternary":"bottom-sheet__background-quaternary_1ki9p","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ki9p","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ki9p","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ki9p","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ki9p","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ki9p","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ki9p","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ki9p","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ki9p","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ki9p","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ki9p"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky, dataTestId }) => {

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

@@ -52,58 +52,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_1u18c {
+} .bottom-sheet__footer_1ki9p {
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_1u18c {
+} .bottom-sheet__sticky_1ki9p {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
-} .bottom-sheet__highlighted_1u18c {
+} .bottom-sheet__highlighted_1ki9p {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_1u18c {
+} .bottom-sheet__background-accent_1ki9p {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_1u18c {
+        } .bottom-sheet__background-info_1ki9p {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_1u18c {
+        } .bottom-sheet__background-attention-muted_1ki9p {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_1u18c {
+        } .bottom-sheet__background-positive-muted_1ki9p {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_1u18c {
+        } .bottom-sheet__background-negative-muted_1ki9p {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_1u18c {
+        } .bottom-sheet__background-primary_1ki9p {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_1u18c {
+        } .bottom-sheet__background-primary-inverted_1ki9p {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_1u18c {
+        } .bottom-sheet__background-secondary_1ki9p {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_1u18c {
+        } .bottom-sheet__background-secondary-inverted_1ki9p {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_1u18c {
+        } .bottom-sheet__background-tertiary_1ki9p {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_1u18c {
+        } .bottom-sheet__background-tertiary-inverted_1ki9p {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_1u18c {
+        } .bottom-sheet__background-quaternary_1ki9p {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_1u18c {
+        } .bottom-sheet__background-quaternary-inverted_1ki9p {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_1u18c {
+        } .bottom-sheet__background-specialbg-component_1ki9p {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_1u18c {
+        } .bottom-sheet__background-specialbg-component-inverted_1ki9p {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_1u18c {
+        } .bottom-sheet__background-specialbg-primary-grouped_1ki9p {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_1u18c {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1ki9p {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_1u18c {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1ki9p {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_1u18c {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1ki9p {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1u18c {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ki9p {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_1u18c {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1ki9p {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1u18c {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ki9p {
             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_1uokj","hasContent":"bottom-sheet__hasContent_1uokj","header":"bottom-sheet__header_1uokj","sticky":"bottom-sheet__sticky_1uokj","highlighted":"bottom-sheet__highlighted_1uokj","justifyEnd":"bottom-sheet__justifyEnd_1uokj","addon":"bottom-sheet__addon_1uokj","addonFixed":"bottom-sheet__addonFixed_1uokj","title":"bottom-sheet__title_1uokj","titleCenter":"bottom-sheet__titleCenter_1uokj","titleLeft":"bottom-sheet__titleLeft_1uokj","trimTitle":"bottom-sheet__trimTitle_1uokj"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_1eyrw","hasContent":"bottom-sheet__hasContent_1eyrw","header":"bottom-sheet__header_1eyrw","sticky":"bottom-sheet__sticky_1eyrw","highlighted":"bottom-sheet__highlighted_1eyrw","justifyEnd":"bottom-sheet__justifyEnd_1eyrw","addon":"bottom-sheet__addon_1eyrw","addonFixed":"bottom-sheet__addonFixed_1eyrw","title":"bottom-sheet__title_1eyrw","titleCenter":"bottom-sheet__titleCenter_1eyrw","titleLeft":"bottom-sheet__titleLeft_1eyrw","trimTitle":"bottom-sheet__trimTitle_1eyrw"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {

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

@@ -38,42 +38,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_1uokj {
+} .bottom-sheet__headerWrapper_1eyrw {
     padding: var(--gap-12) var(--gap-8) var(--gap-4);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__hasContent_1uokj {
+} .bottom-sheet__hasContent_1eyrw {
     background-color: inherit;
-} .bottom-sheet__header_1uokj {
+} .bottom-sheet__header_1eyrw {
     display: flex;
-} .bottom-sheet__sticky_1uokj {
+} .bottom-sheet__sticky_1eyrw {
     position: sticky;
     top: var(--gap-0);
-} .bottom-sheet__highlighted_1uokj {
+} .bottom-sheet__highlighted_1eyrw {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_1uokj {
+} .bottom-sheet__justifyEnd_1eyrw {
     justify-content: flex-end;
-} .bottom-sheet__addon_1uokj {
+} .bottom-sheet__addon_1eyrw {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_1uokj {
+} .bottom-sheet__addonFixed_1eyrw {
     position: fixed;
-} .bottom-sheet__title_1uokj {
+} .bottom-sheet__title_1eyrw {
     padding: 10px var(--gap-8);
     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_1uokj {
+} .bottom-sheet__titleCenter_1eyrw {
     text-align: center;
-} .bottom-sheet__titleLeft_1uokj {
+} .bottom-sheet__titleLeft_1eyrw {
     text-align: left;
-} .bottom-sheet__trimTitle_1uokj {
+} .bottom-sheet__trimTitle_1eyrw {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/modern/index.css

@@ -61,25 +61,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_1sfu1 {
+} .bottom-sheet__modal_cjgnu {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_1sfu1.bottom-sheet__modal_1sfu1 {
+} .bottom-sheet__modal_cjgnu.bottom-sheet__modal_cjgnu {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_1sfu1 {
+} .bottom-sheet__wrapper_cjgnu {
     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_1sfu1 {
+} .bottom-sheet__fullscreen_cjgnu {
     border-radius: 0;
-} .bottom-sheet__component_1sfu1 {
+} .bottom-sheet__component_cjgnu {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -87,9 +87,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_1sfu1 {
+} .bottom-sheet__withTransition_cjgnu {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_1sfu1 {
+} .bottom-sheet__scrollableContainer_cjgnu {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -98,7 +98,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_1sfu1 {
+} .bottom-sheet__marker_cjgnu {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -106,11 +106,11 @@
     z-index: 1000;
     width: 36px;
     margin: var(--gap-0) auto;
-} .bottom-sheet__defaultMarker_1sfu1 {
+} .bottom-sheet__defaultMarker_cjgnu {
     height: 4px;
     border-radius: var(--border-radius-20);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_1sfu1 {
+} .bottom-sheet__content_cjgnu {
     position: relative;
     z-index: 0;
     display: flex;
@@ -120,75 +120,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_1sfu1 {
+} .bottom-sheet__noHeader_cjgnu {
     padding-top: var(--gap-16);
-} .bottom-sheet__noFooter_1sfu1 {
+} .bottom-sheet__noFooter_cjgnu {
     padding-bottom: var(--gap-16);
-} .bottom-sheet__scrollLocked_1sfu1 {
+} .bottom-sheet__scrollLocked_cjgnu {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_1sfu1 {
+} .bottom-sheet__hiddenScrollbar_cjgnu {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_1sfu1::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_cjgnu::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_1sfu1 {
+    } .bottom-sheet__disabledPointerEvents_cjgnu {
     pointer-events: none;
-} .bottom-sheet__appear_1sfu1 .bottom-sheet__wrapper_1sfu1, .bottom-sheet__enter_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+} .bottom-sheet__appear_cjgnu .bottom-sheet__wrapper_cjgnu, .bottom-sheet__enter_cjgnu .bottom-sheet__wrapper_cjgnu {
         transition: none;
-    } .bottom-sheet__appearActive_1sfu1 .bottom-sheet__wrapper_1sfu1, .bottom-sheet__enterActive_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__appearActive_cjgnu .bottom-sheet__wrapper_cjgnu, .bottom-sheet__enterActive_cjgnu .bottom-sheet__wrapper_cjgnu {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_1sfu1 .bottom-sheet__wrapper_1sfu1, .bottom-sheet__appearDone_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__enterDone_cjgnu .bottom-sheet__wrapper_cjgnu, .bottom-sheet__appearDone_cjgnu .bottom-sheet__wrapper_cjgnu {
         transform: translateY(0);
-    } .bottom-sheet__exit_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__exit_cjgnu .bottom-sheet__wrapper_cjgnu {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_1sfu1 .bottom-sheet__wrapper_1sfu1 {
+    } .bottom-sheet__exitActive_cjgnu .bottom-sheet__wrapper_cjgnu {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_1sfu1 {
+    } .bottom-sheet__safeAreaBottom_cjgnu {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_1sfu1 {
+} .bottom-sheet__background-accent_cjgnu {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_1sfu1 {
+        } .bottom-sheet__background-info_cjgnu {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_1sfu1 {
+        } .bottom-sheet__background-attention-muted_cjgnu {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_1sfu1 {
+        } .bottom-sheet__background-positive-muted_cjgnu {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_1sfu1 {
+        } .bottom-sheet__background-negative-muted_cjgnu {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_1sfu1 {
+        } .bottom-sheet__background-primary_cjgnu {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_1sfu1 {
+        } .bottom-sheet__background-primary-inverted_cjgnu {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_1sfu1 {
+        } .bottom-sheet__background-secondary_cjgnu {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_1sfu1 {
+        } .bottom-sheet__background-secondary-inverted_cjgnu {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_1sfu1 {
+        } .bottom-sheet__background-tertiary_cjgnu {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_1sfu1 {
+        } .bottom-sheet__background-tertiary-inverted_cjgnu {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_1sfu1 {
+        } .bottom-sheet__background-quaternary_cjgnu {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_1sfu1 {
+        } .bottom-sheet__background-quaternary-inverted_cjgnu {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_1sfu1 {
+        } .bottom-sheet__background-specialbg-component_cjgnu {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_1sfu1 {
+        } .bottom-sheet__background-specialbg-component-inverted_cjgnu {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_1sfu1 {
+        } .bottom-sheet__background-specialbg-primary-grouped_cjgnu {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_1sfu1 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_cjgnu {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_1sfu1 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_cjgnu {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_1sfu1 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_cjgnu {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1sfu1 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_cjgnu {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_1sfu1 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_cjgnu {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1sfu1 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_cjgnu {
             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_1hqzy","loader":"button__loader_1hqzy","primary":"button__primary_1hqzy","hint":"button__hint_1hqzy","secondary":"button__secondary_1hqzy","outlined":"button__outlined_1hqzy","tertiary":"button__tertiary_1hqzy","filled":"button__filled_1hqzy","transparent":"button__transparent_1hqzy","link":"button__link_1hqzy","text":"button__text_1hqzy","ghost":"button__ghost_1hqzy","component":"button__component_1hqzy","loading":"button__loading_1hqzy"};
+var defaultColors = {"accent":"button__accent_gsn4m","loader":"button__loader_gsn4m","primary":"button__primary_gsn4m","hint":"button__hint_gsn4m","secondary":"button__secondary_gsn4m","outlined":"button__outlined_gsn4m","tertiary":"button__tertiary_gsn4m","filled":"button__filled_gsn4m","transparent":"button__transparent_gsn4m","link":"button__link_gsn4m","text":"button__text_gsn4m","ghost":"button__ghost_gsn4m","component":"button__component_gsn4m","loading":"button__loading_gsn4m"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_80lz0","hug":"button__hug_80lz0","fill":"button__fill_80lz0","hint":"button__hint_80lz0","allowBackdropBlur":"button__allowBackdropBlur_80lz0","secondary":"button__secondary_80lz0","accent":"button__accent_80lz0","primary":"button__primary_80lz0","focused":"button__focused_80lz0","loading":"button__loading_80lz0","label":"button__label_80lz0","addons":"button__addons_80lz0","stretchText":"button__stretchText_80lz0","loader":"button__loader_80lz0","size-32":"button__size-32_80lz0","iconOnly":"button__iconOnly_80lz0","size-40":"button__size-40_80lz0","size-48":"button__size-48_80lz0","size-56":"button__size-56_80lz0","size-64":"button__size-64_80lz0","size-72":"button__size-72_80lz0","withRightAddons":"button__withRightAddons_80lz0","ghost":"button__ghost_80lz0","text":"button__text_80lz0","withLeftAddons":"button__withLeftAddons_80lz0","link":"button__link_80lz0","transparent":"button__transparent_80lz0","block":"button__block_80lz0","nowrap":"button__nowrap_80lz0","rounded":"button__rounded_80lz0"};
+var commonStyles = {"component":"button__component_12efm","hug":"button__hug_12efm","fill":"button__fill_12efm","hint":"button__hint_12efm","allowBackdropBlur":"button__allowBackdropBlur_12efm","secondary":"button__secondary_12efm","accent":"button__accent_12efm","primary":"button__primary_12efm","focused":"button__focused_12efm","loading":"button__loading_12efm","label":"button__label_12efm","addons":"button__addons_12efm","stretchText":"button__stretchText_12efm","loader":"button__loader_12efm","size-32":"button__size-32_12efm","iconOnly":"button__iconOnly_12efm","size-40":"button__size-40_12efm","size-48":"button__size-48_12efm","size-56":"button__size-56_12efm","size-64":"button__size-64_12efm","size-72":"button__size-72_12efm","withRightAddons":"button__withRightAddons_12efm","ghost":"button__ghost_12efm","text":"button__text_12efm","withLeftAddons":"button__withLeftAddons_12efm","link":"button__link_12efm","transparent":"button__transparent_12efm","block":"button__block_12efm","nowrap":"button__nowrap_12efm","rounded":"button__rounded_12efm"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_148wh","loader":"button__loader_148wh","primary":"button__primary_148wh","hint":"button__hint_148wh","secondary":"button__secondary_148wh","outlined":"button__outlined_148wh","tertiary":"button__tertiary_148wh","filled":"button__filled_148wh","transparent":"button__transparent_148wh","link":"button__link_148wh","text":"button__text_148wh","ghost":"button__ghost_148wh","component":"button__component_148wh","loading":"button__loading_148wh"};
+var invertedColors = {"accent":"button__accent_3ajnw","loader":"button__loader_3ajnw","primary":"button__primary_3ajnw","hint":"button__hint_3ajnw","secondary":"button__secondary_3ajnw","outlined":"button__outlined_3ajnw","tertiary":"button__tertiary_3ajnw","filled":"button__filled_3ajnw","transparent":"button__transparent_3ajnw","link":"button__link_3ajnw","text":"button__text_3ajnw","ghost":"button__ghost_3ajnw","component":"button__component_3ajnw","loading":"button__loading_3ajnw"};
 require('./inverted.css');
 
 var colorStyles = {