npm - @alfalab/core-components - Versions diffs - 47.12.1 → 47.13.0 - Mend

@alfalab/core-components 47.12.1 → 47.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2435) hide show

package/bottom-sheet/esm/index.css CHANGED Viewed

@@ -56,25 +56,25 @@
     /* header */
     /* footer */
-} .bottom-sheet__modal_iipqc {
+} .bottom-sheet__modal_sd5is {
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_iipqc.bottom-sheet__modal_iipqc {
+} .bottom-sheet__modal_sd5is.bottom-sheet__modal_sd5is {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_iipqc {
+} .bottom-sheet__wrapper_sd5is {
     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_iipqc {
+} .bottom-sheet__fullscreen_sd5is {
     border-radius: 0;
-} .bottom-sheet__component_iipqc {
+} .bottom-sheet__component_sd5is {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -82,9 +82,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_iipqc {
+} .bottom-sheet__withTransition_sd5is {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_iipqc {
+} .bottom-sheet__scrollableContainer_sd5is {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -93,7 +93,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_iipqc {
+} .bottom-sheet__marker_sd5is {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -101,11 +101,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_iipqc {
+} .bottom-sheet__defaultMarker_sd5is {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_iipqc {
+} .bottom-sheet__content_sd5is {
     position: relative;
     z-index: 0;
     display: flex;
@@ -115,75 +115,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_iipqc {
+} .bottom-sheet__noHeader_sd5is {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_iipqc {
+} .bottom-sheet__noFooter_sd5is {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_iipqc {
+} .bottom-sheet__scrollLocked_sd5is {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_iipqc {
+} .bottom-sheet__hiddenScrollbar_sd5is {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_iipqc::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_sd5is::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_iipqc {
+    } .bottom-sheet__disabledPointerEvents_sd5is {
     pointer-events: none;
-} .bottom-sheet__appear_iipqc .bottom-sheet__wrapper_iipqc, .bottom-sheet__enter_iipqc .bottom-sheet__wrapper_iipqc {
+} .bottom-sheet__appear_sd5is .bottom-sheet__wrapper_sd5is, .bottom-sheet__enter_sd5is .bottom-sheet__wrapper_sd5is {
         transition: none;
-    } .bottom-sheet__appearActive_iipqc .bottom-sheet__wrapper_iipqc, .bottom-sheet__enterActive_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__appearActive_sd5is .bottom-sheet__wrapper_sd5is, .bottom-sheet__enterActive_sd5is .bottom-sheet__wrapper_sd5is {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_iipqc .bottom-sheet__wrapper_iipqc, .bottom-sheet__appearDone_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__enterDone_sd5is .bottom-sheet__wrapper_sd5is, .bottom-sheet__appearDone_sd5is .bottom-sheet__wrapper_sd5is {
         transform: translateY(0);
-    } .bottom-sheet__exit_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__exit_sd5is .bottom-sheet__wrapper_sd5is {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__exitActive_sd5is .bottom-sheet__wrapper_sd5is {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_iipqc {
+    } .bottom-sheet__safeAreaBottom_sd5is {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_iipqc {
+} .bottom-sheet__background-accent_sd5is {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_iipqc {
+        } .bottom-sheet__background-info_sd5is {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_iipqc {
+        } .bottom-sheet__background-attention-muted_sd5is {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_iipqc {
+        } .bottom-sheet__background-positive-muted_sd5is {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_iipqc {
+        } .bottom-sheet__background-negative-muted_sd5is {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_iipqc {
+        } .bottom-sheet__background-primary_sd5is {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_iipqc {
+        } .bottom-sheet__background-primary-inverted_sd5is {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_iipqc {
+        } .bottom-sheet__background-secondary_sd5is {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_iipqc {
+        } .bottom-sheet__background-secondary-inverted_sd5is {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_iipqc {
+        } .bottom-sheet__background-tertiary_sd5is {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_iipqc {
+        } .bottom-sheet__background-tertiary-inverted_sd5is {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_iipqc {
+        } .bottom-sheet__background-quaternary_sd5is {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_iipqc {
+        } .bottom-sheet__background-quaternary-inverted_sd5is {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_iipqc {
+        } .bottom-sheet__background-specialbg-component_sd5is {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_iipqc {
+        } .bottom-sheet__background-specialbg-component-inverted_sd5is {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_iipqc {
+        } .bottom-sheet__background-specialbg-primary-grouped_sd5is {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_iipqc {
+        } .bottom-sheet__background-specialbg-secondary-grouped_sd5is {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_iipqc {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_sd5is {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_iipqc {
+        } .bottom-sheet__background-specialbg-secondary-transparent_sd5is {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_iipqc {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_sd5is {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_iipqc {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_sd5is {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_iipqc {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_sd5is {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/index.css CHANGED Viewed

@@ -56,25 +56,25 @@
     /* header */
     /* footer */
-} .bottom-sheet__modal_iipqc {
+} .bottom-sheet__modal_sd5is {
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_iipqc.bottom-sheet__modal_iipqc {
+} .bottom-sheet__modal_sd5is.bottom-sheet__modal_sd5is {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_iipqc {
+} .bottom-sheet__wrapper_sd5is {
     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_iipqc {
+} .bottom-sheet__fullscreen_sd5is {
     border-radius: 0;
-} .bottom-sheet__component_iipqc {
+} .bottom-sheet__component_sd5is {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -82,9 +82,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_iipqc {
+} .bottom-sheet__withTransition_sd5is {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_iipqc {
+} .bottom-sheet__scrollableContainer_sd5is {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -93,7 +93,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_iipqc {
+} .bottom-sheet__marker_sd5is {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -101,11 +101,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_iipqc {
+} .bottom-sheet__defaultMarker_sd5is {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_iipqc {
+} .bottom-sheet__content_sd5is {
     position: relative;
     z-index: 0;
     display: flex;
@@ -115,75 +115,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_iipqc {
+} .bottom-sheet__noHeader_sd5is {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_iipqc {
+} .bottom-sheet__noFooter_sd5is {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_iipqc {
+} .bottom-sheet__scrollLocked_sd5is {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_iipqc {
+} .bottom-sheet__hiddenScrollbar_sd5is {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_iipqc::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_sd5is::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_iipqc {
+    } .bottom-sheet__disabledPointerEvents_sd5is {
     pointer-events: none;
-} .bottom-sheet__appear_iipqc .bottom-sheet__wrapper_iipqc, .bottom-sheet__enter_iipqc .bottom-sheet__wrapper_iipqc {
+} .bottom-sheet__appear_sd5is .bottom-sheet__wrapper_sd5is, .bottom-sheet__enter_sd5is .bottom-sheet__wrapper_sd5is {
         transition: none;
-    } .bottom-sheet__appearActive_iipqc .bottom-sheet__wrapper_iipqc, .bottom-sheet__enterActive_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__appearActive_sd5is .bottom-sheet__wrapper_sd5is, .bottom-sheet__enterActive_sd5is .bottom-sheet__wrapper_sd5is {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_iipqc .bottom-sheet__wrapper_iipqc, .bottom-sheet__appearDone_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__enterDone_sd5is .bottom-sheet__wrapper_sd5is, .bottom-sheet__appearDone_sd5is .bottom-sheet__wrapper_sd5is {
         transform: translateY(0);
-    } .bottom-sheet__exit_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__exit_sd5is .bottom-sheet__wrapper_sd5is {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_iipqc .bottom-sheet__wrapper_iipqc {
+    } .bottom-sheet__exitActive_sd5is .bottom-sheet__wrapper_sd5is {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_iipqc {
+    } .bottom-sheet__safeAreaBottom_sd5is {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_iipqc {
+} .bottom-sheet__background-accent_sd5is {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_iipqc {
+        } .bottom-sheet__background-info_sd5is {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_iipqc {
+        } .bottom-sheet__background-attention-muted_sd5is {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_iipqc {
+        } .bottom-sheet__background-positive-muted_sd5is {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_iipqc {
+        } .bottom-sheet__background-negative-muted_sd5is {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_iipqc {
+        } .bottom-sheet__background-primary_sd5is {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_iipqc {
+        } .bottom-sheet__background-primary-inverted_sd5is {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_iipqc {
+        } .bottom-sheet__background-secondary_sd5is {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_iipqc {
+        } .bottom-sheet__background-secondary-inverted_sd5is {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_iipqc {
+        } .bottom-sheet__background-tertiary_sd5is {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_iipqc {
+        } .bottom-sheet__background-tertiary-inverted_sd5is {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_iipqc {
+        } .bottom-sheet__background-quaternary_sd5is {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_iipqc {
+        } .bottom-sheet__background-quaternary-inverted_sd5is {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_iipqc {
+        } .bottom-sheet__background-specialbg-component_sd5is {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_iipqc {
+        } .bottom-sheet__background-specialbg-component-inverted_sd5is {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_iipqc {
+        } .bottom-sheet__background-specialbg-primary-grouped_sd5is {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_iipqc {
+        } .bottom-sheet__background-specialbg-secondary-grouped_sd5is {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_iipqc {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_sd5is {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_iipqc {
+        } .bottom-sheet__background-specialbg-secondary-transparent_sd5is {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_iipqc {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_sd5is {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_iipqc {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_sd5is {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_iipqc {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_sd5is {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/component.js CHANGED Viewed

@@ -15,7 +15,7 @@ import '../../navigation-bar-private/modern';
 import '../../backdrop/modern';
 import './enums/swipeEnums.js';
-const styles = {"modal":"bottom-sheet__modal_iipqc","wrapper":"bottom-sheet__wrapper_iipqc","fullscreen":"bottom-sheet__fullscreen_iipqc","component":"bottom-sheet__component_iipqc","withTransition":"bottom-sheet__withTransition_iipqc","scrollableContainer":"bottom-sheet__scrollableContainer_iipqc","marker":"bottom-sheet__marker_iipqc","defaultMarker":"bottom-sheet__defaultMarker_iipqc","content":"bottom-sheet__content_iipqc","noHeader":"bottom-sheet__noHeader_iipqc","noFooter":"bottom-sheet__noFooter_iipqc","scrollLocked":"bottom-sheet__scrollLocked_iipqc","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_iipqc","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_iipqc","appear":"bottom-sheet__appear_iipqc","enter":"bottom-sheet__enter_iipqc","appearActive":"bottom-sheet__appearActive_iipqc","enterActive":"bottom-sheet__enterActive_iipqc","enterDone":"bottom-sheet__enterDone_iipqc","appearDone":"bottom-sheet__appearDone_iipqc","exit":"bottom-sheet__exit_iipqc","exitActive":"bottom-sheet__exitActive_iipqc","safeAreaBottom":"bottom-sheet__safeAreaBottom_iipqc","background-accent":"bottom-sheet__background-accent_iipqc","background-info":"bottom-sheet__background-info_iipqc","background-attention-muted":"bottom-sheet__background-attention-muted_iipqc","background-positive-muted":"bottom-sheet__background-positive-muted_iipqc","background-negative-muted":"bottom-sheet__background-negative-muted_iipqc","background-primary":"bottom-sheet__background-primary_iipqc","background-primary-inverted":"bottom-sheet__background-primary-inverted_iipqc","background-secondary":"bottom-sheet__background-secondary_iipqc","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_iipqc","background-tertiary":"bottom-sheet__background-tertiary_iipqc","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_iipqc","background-quaternary":"bottom-sheet__background-quaternary_iipqc","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_iipqc","background-specialbg-component":"bottom-sheet__background-specialbg-component_iipqc","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_iipqc","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_iipqc","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_iipqc","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_iipqc","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_iipqc","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_iipqc","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_iipqc","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_iipqc"};
+const styles = {"modal":"bottom-sheet__modal_sd5is","wrapper":"bottom-sheet__wrapper_sd5is","fullscreen":"bottom-sheet__fullscreen_sd5is","component":"bottom-sheet__component_sd5is","withTransition":"bottom-sheet__withTransition_sd5is","scrollableContainer":"bottom-sheet__scrollableContainer_sd5is","marker":"bottom-sheet__marker_sd5is","defaultMarker":"bottom-sheet__defaultMarker_sd5is","content":"bottom-sheet__content_sd5is","noHeader":"bottom-sheet__noHeader_sd5is","noFooter":"bottom-sheet__noFooter_sd5is","scrollLocked":"bottom-sheet__scrollLocked_sd5is","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_sd5is","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_sd5is","appear":"bottom-sheet__appear_sd5is","enter":"bottom-sheet__enter_sd5is","appearActive":"bottom-sheet__appearActive_sd5is","enterActive":"bottom-sheet__enterActive_sd5is","enterDone":"bottom-sheet__enterDone_sd5is","appearDone":"bottom-sheet__appearDone_sd5is","exit":"bottom-sheet__exit_sd5is","exitActive":"bottom-sheet__exitActive_sd5is","safeAreaBottom":"bottom-sheet__safeAreaBottom_sd5is","background-accent":"bottom-sheet__background-accent_sd5is","background-info":"bottom-sheet__background-info_sd5is","background-attention-muted":"bottom-sheet__background-attention-muted_sd5is","background-positive-muted":"bottom-sheet__background-positive-muted_sd5is","background-negative-muted":"bottom-sheet__background-negative-muted_sd5is","background-primary":"bottom-sheet__background-primary_sd5is","background-primary-inverted":"bottom-sheet__background-primary-inverted_sd5is","background-secondary":"bottom-sheet__background-secondary_sd5is","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_sd5is","background-tertiary":"bottom-sheet__background-tertiary_sd5is","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_sd5is","background-quaternary":"bottom-sheet__background-quaternary_sd5is","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_sd5is","background-specialbg-component":"bottom-sheet__background-specialbg-component_sd5is","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_sd5is","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_sd5is","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_sd5is","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_sd5is","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_sd5is","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_sd5is","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_sd5is","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_sd5is"};
 require('./index.css');
 const { isNil } = fnUtils;

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

@@ -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_keysb","sticky":"bottom-sheet__sticky_keysb","highlighted":"bottom-sheet__highlighted_keysb","background-accent":"bottom-sheet__background-accent_keysb","background-info":"bottom-sheet__background-info_keysb","background-attention-muted":"bottom-sheet__background-attention-muted_keysb","background-positive-muted":"bottom-sheet__background-positive-muted_keysb","background-negative-muted":"bottom-sheet__background-negative-muted_keysb","background-primary":"bottom-sheet__background-primary_keysb","background-primary-inverted":"bottom-sheet__background-primary-inverted_keysb","background-secondary":"bottom-sheet__background-secondary_keysb","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_keysb","background-tertiary":"bottom-sheet__background-tertiary_keysb","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_keysb","background-quaternary":"bottom-sheet__background-quaternary_keysb","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_keysb","background-specialbg-component":"bottom-sheet__background-specialbg-component_keysb","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_keysb","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_keysb","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_keysb","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_keysb","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_keysb","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_keysb","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_keysb","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_keysb"};
+const styles = {"footer":"bottom-sheet__footer_wrdjq","sticky":"bottom-sheet__sticky_wrdjq","highlighted":"bottom-sheet__highlighted_wrdjq","background-accent":"bottom-sheet__background-accent_wrdjq","background-info":"bottom-sheet__background-info_wrdjq","background-attention-muted":"bottom-sheet__background-attention-muted_wrdjq","background-positive-muted":"bottom-sheet__background-positive-muted_wrdjq","background-negative-muted":"bottom-sheet__background-negative-muted_wrdjq","background-primary":"bottom-sheet__background-primary_wrdjq","background-primary-inverted":"bottom-sheet__background-primary-inverted_wrdjq","background-secondary":"bottom-sheet__background-secondary_wrdjq","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_wrdjq","background-tertiary":"bottom-sheet__background-tertiary_wrdjq","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_wrdjq","background-quaternary":"bottom-sheet__background-quaternary_wrdjq","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_wrdjq","background-specialbg-component":"bottom-sheet__background-specialbg-component_wrdjq","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_wrdjq","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_wrdjq","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_wrdjq","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_wrdjq","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_wrdjq","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_wrdjq","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_wrdjq","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_wrdjq"};
 require('./index.css');
 const Footer = ({ children, className, sticky, dataTestId }) => {

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

@@ -50,58 +50,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_keysb {
+} .bottom-sheet__footer_wrdjq {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_keysb {
+} .bottom-sheet__sticky_wrdjq {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_keysb {
+} .bottom-sheet__highlighted_wrdjq {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_keysb {
+} .bottom-sheet__background-accent_wrdjq {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_keysb {
+        } .bottom-sheet__background-info_wrdjq {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_keysb {
+        } .bottom-sheet__background-attention-muted_wrdjq {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_keysb {
+        } .bottom-sheet__background-positive-muted_wrdjq {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_keysb {
+        } .bottom-sheet__background-negative-muted_wrdjq {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_keysb {
+        } .bottom-sheet__background-primary_wrdjq {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_keysb {
+        } .bottom-sheet__background-primary-inverted_wrdjq {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_keysb {
+        } .bottom-sheet__background-secondary_wrdjq {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_keysb {
+        } .bottom-sheet__background-secondary-inverted_wrdjq {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_keysb {
+        } .bottom-sheet__background-tertiary_wrdjq {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_keysb {
+        } .bottom-sheet__background-tertiary-inverted_wrdjq {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_keysb {
+        } .bottom-sheet__background-quaternary_wrdjq {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_keysb {
+        } .bottom-sheet__background-quaternary-inverted_wrdjq {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_keysb {
+        } .bottom-sheet__background-specialbg-component_wrdjq {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_keysb {
+        } .bottom-sheet__background-specialbg-component-inverted_wrdjq {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_keysb {
+        } .bottom-sheet__background-specialbg-primary-grouped_wrdjq {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_keysb {
+        } .bottom-sheet__background-specialbg-secondary-grouped_wrdjq {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_keysb {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_wrdjq {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_keysb {
+        } .bottom-sheet__background-specialbg-secondary-transparent_wrdjq {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_keysb {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_wrdjq {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_keysb {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_wrdjq {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_keysb {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_wrdjq {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -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_wbi2k","hasContent":"bottom-sheet__hasContent_wbi2k","header":"bottom-sheet__header_wbi2k","sticky":"bottom-sheet__sticky_wbi2k","highlighted":"bottom-sheet__highlighted_wbi2k","justifyEnd":"bottom-sheet__justifyEnd_wbi2k","addon":"bottom-sheet__addon_wbi2k","addonFixed":"bottom-sheet__addonFixed_wbi2k","title":"bottom-sheet__title_wbi2k","titleCenter":"bottom-sheet__titleCenter_wbi2k","titleLeft":"bottom-sheet__titleLeft_wbi2k","trimTitle":"bottom-sheet__trimTitle_wbi2k"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_tbk9t","hasContent":"bottom-sheet__hasContent_tbk9t","header":"bottom-sheet__header_tbk9t","sticky":"bottom-sheet__sticky_tbk9t","highlighted":"bottom-sheet__highlighted_tbk9t","justifyEnd":"bottom-sheet__justifyEnd_tbk9t","addon":"bottom-sheet__addon_tbk9t","addonFixed":"bottom-sheet__addonFixed_tbk9t","title":"bottom-sheet__title_tbk9t","titleCenter":"bottom-sheet__titleCenter_tbk9t","titleLeft":"bottom-sheet__titleLeft_tbk9t","trimTitle":"bottom-sheet__trimTitle_tbk9t"};
 require('./index.css');
 const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {

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

@@ -34,42 +34,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     /* footer */
-} .bottom-sheet__headerWrapper_wbi2k {
+} .bottom-sheet__headerWrapper_tbk9t {
     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_wbi2k {
+} .bottom-sheet__hasContent_tbk9t {
     background-color: inherit;
-} .bottom-sheet__header_wbi2k {
+} .bottom-sheet__header_tbk9t {
     display: flex;
-} .bottom-sheet__sticky_wbi2k {
+} .bottom-sheet__sticky_tbk9t {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_wbi2k {
+} .bottom-sheet__highlighted_tbk9t {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_wbi2k {
+} .bottom-sheet__justifyEnd_tbk9t {
     justify-content: flex-end;
-} .bottom-sheet__addon_wbi2k {
+} .bottom-sheet__addon_tbk9t {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_wbi2k {
+} .bottom-sheet__addonFixed_tbk9t {
     position: fixed;
-} .bottom-sheet__title_wbi2k {
+} .bottom-sheet__title_tbk9t {
     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_wbi2k {
+} .bottom-sheet__titleCenter_tbk9t {
     text-align: center;
-} .bottom-sheet__titleLeft_wbi2k {
+} .bottom-sheet__titleLeft_tbk9t {
     text-align: left;
-} .bottom-sheet__trimTitle_wbi2k {
+} .bottom-sheet__trimTitle_tbk9t {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;