@alfalab/core-components 41.8.0 → 41.10.0

package/bottom-sheet/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gwx7 */
+/* hash: 1nlbo */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -45,20 +45,20 @@
 } :root {
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
-} .bottom-sheet__modal_5wnda {
+} .bottom-sheet__modal_8nffl {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_5wnda {
+} .bottom-sheet__wrapper_8nffl {
     transform: translateY(100%);
     overflow: hidden;
     pointer-events: none;
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
-} .bottom-sheet__component_5wnda {
+} .bottom-sheet__component_8nffl {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -66,16 +66,16 @@
     border-radius: inherit;
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
-} .bottom-sheet__withTransition_5wnda {
+} .bottom-sheet__withTransition_8nffl {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_5wnda {
+} .bottom-sheet__scrollableContainer_8nffl {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_5wnda {
+} .bottom-sheet__marker_8nffl {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -85,7 +85,7 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_5wnda {
+} .bottom-sheet__content_8nffl {
     position: relative;
     z-index: 0;
     display: flex;
@@ -94,73 +94,73 @@
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: inherit;
-} .bottom-sheet__noHeader_5wnda {
+} .bottom-sheet__noHeader_8nffl {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_5wnda {
+} .bottom-sheet__noFooter_8nffl {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_5wnda {
+} .bottom-sheet__scrollLocked_8nffl {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_5wnda {
+} .bottom-sheet__hiddenScrollbar_8nffl {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_5wnda::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_8nffl::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_5wnda {
+    } .bottom-sheet__disabledPointerEvents_8nffl {
     pointer-events: none;
-} .bottom-sheet__appear_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__enter_5wnda .bottom-sheet__wrapper_5wnda {
+} .bottom-sheet__appear_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__enter_8nffl .bottom-sheet__wrapper_8nffl {
         transition: none;
-    } .bottom-sheet__appearActive_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__enterActive_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__appearActive_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__enterActive_8nffl .bottom-sheet__wrapper_8nffl {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__appearDone_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__enterDone_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__appearDone_8nffl .bottom-sheet__wrapper_8nffl {
         transform: translateY(0);
-    } .bottom-sheet__exit_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__exit_8nffl .bottom-sheet__wrapper_8nffl {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__exitActive_8nffl .bottom-sheet__wrapper_8nffl {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_5wnda {
+    } .bottom-sheet__background-accent_8nffl {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_5wnda {
+        } .bottom-sheet__background-info_8nffl {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_5wnda {
+        } .bottom-sheet__background-attention-muted_8nffl {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_5wnda {
+        } .bottom-sheet__background-positive-muted_8nffl {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_5wnda {
+        } .bottom-sheet__background-negative-muted_8nffl {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_5wnda {
+        } .bottom-sheet__background-primary_8nffl {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_5wnda {
+        } .bottom-sheet__background-primary-inverted_8nffl {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_5wnda {
+        } .bottom-sheet__background-secondary_8nffl {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_5wnda {
+        } .bottom-sheet__background-secondary-inverted_8nffl {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_5wnda {
+        } .bottom-sheet__background-tertiary_8nffl {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_5wnda {
+        } .bottom-sheet__background-tertiary-inverted_8nffl {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_5wnda {
+        } .bottom-sheet__background-quaternary_8nffl {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_5wnda {
+        } .bottom-sheet__background-quaternary-inverted_8nffl {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_5wnda {
+        } .bottom-sheet__background-specialbg-component_8nffl {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_5wnda {
+        } .bottom-sheet__background-specialbg-component-inverted_8nffl {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_5wnda {
+        } .bottom-sheet__background-specialbg-primary-grouped_8nffl {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_5wnda {
+        } .bottom-sheet__background-specialbg-secondary-grouped_8nffl {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_5wnda {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_8nffl {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_5wnda {
+        } .bottom-sheet__background-specialbg-secondary-transparent_8nffl {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5wnda {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_8nffl {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_5wnda {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_8nffl {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5wnda {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_8nffl {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/component.js

@@ -16,7 +16,7 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-const styles = {"modal":"bottom-sheet__modal_5wnda","wrapper":"bottom-sheet__wrapper_5wnda","component":"bottom-sheet__component_5wnda","withTransition":"bottom-sheet__withTransition_5wnda","scrollableContainer":"bottom-sheet__scrollableContainer_5wnda","marker":"bottom-sheet__marker_5wnda","content":"bottom-sheet__content_5wnda","noHeader":"bottom-sheet__noHeader_5wnda","noFooter":"bottom-sheet__noFooter_5wnda","scrollLocked":"bottom-sheet__scrollLocked_5wnda","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_5wnda","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_5wnda","appear":"bottom-sheet__appear_5wnda","enter":"bottom-sheet__enter_5wnda","appearActive":"bottom-sheet__appearActive_5wnda","enterActive":"bottom-sheet__enterActive_5wnda","enterDone":"bottom-sheet__enterDone_5wnda","appearDone":"bottom-sheet__appearDone_5wnda","exit":"bottom-sheet__exit_5wnda","exitActive":"bottom-sheet__exitActive_5wnda","background-accent":"bottom-sheet__background-accent_5wnda","background-info":"bottom-sheet__background-info_5wnda","background-attention-muted":"bottom-sheet__background-attention-muted_5wnda","background-positive-muted":"bottom-sheet__background-positive-muted_5wnda","background-negative-muted":"bottom-sheet__background-negative-muted_5wnda","background-primary":"bottom-sheet__background-primary_5wnda","background-primary-inverted":"bottom-sheet__background-primary-inverted_5wnda","background-secondary":"bottom-sheet__background-secondary_5wnda","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_5wnda","background-tertiary":"bottom-sheet__background-tertiary_5wnda","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_5wnda","background-quaternary":"bottom-sheet__background-quaternary_5wnda","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_5wnda","background-specialbg-component":"bottom-sheet__background-specialbg-component_5wnda","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_5wnda","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_5wnda","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_5wnda","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_5wnda","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_5wnda","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_5wnda","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_5wnda","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_5wnda"};
+const styles = {"modal":"bottom-sheet__modal_8nffl","wrapper":"bottom-sheet__wrapper_8nffl","component":"bottom-sheet__component_8nffl","withTransition":"bottom-sheet__withTransition_8nffl","scrollableContainer":"bottom-sheet__scrollableContainer_8nffl","marker":"bottom-sheet__marker_8nffl","content":"bottom-sheet__content_8nffl","noHeader":"bottom-sheet__noHeader_8nffl","noFooter":"bottom-sheet__noFooter_8nffl","scrollLocked":"bottom-sheet__scrollLocked_8nffl","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_8nffl","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_8nffl","appear":"bottom-sheet__appear_8nffl","enter":"bottom-sheet__enter_8nffl","appearActive":"bottom-sheet__appearActive_8nffl","enterActive":"bottom-sheet__enterActive_8nffl","enterDone":"bottom-sheet__enterDone_8nffl","appearDone":"bottom-sheet__appearDone_8nffl","exit":"bottom-sheet__exit_8nffl","exitActive":"bottom-sheet__exitActive_8nffl","background-accent":"bottom-sheet__background-accent_8nffl","background-info":"bottom-sheet__background-info_8nffl","background-attention-muted":"bottom-sheet__background-attention-muted_8nffl","background-positive-muted":"bottom-sheet__background-positive-muted_8nffl","background-negative-muted":"bottom-sheet__background-negative-muted_8nffl","background-primary":"bottom-sheet__background-primary_8nffl","background-primary-inverted":"bottom-sheet__background-primary-inverted_8nffl","background-secondary":"bottom-sheet__background-secondary_8nffl","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_8nffl","background-tertiary":"bottom-sheet__background-tertiary_8nffl","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_8nffl","background-quaternary":"bottom-sheet__background-quaternary_8nffl","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_8nffl","background-specialbg-component":"bottom-sheet__background-specialbg-component_8nffl","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_8nffl","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_8nffl","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_8nffl","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_8nffl","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_8nffl","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_8nffl","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_8nffl","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_8nffl"};
 require('./index.css');
 
 const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, onClose, onBack, onMagnetize, }, ref) => {

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_rzp6x","sticky":"bottom-sheet__sticky_rzp6x","highlighted":"bottom-sheet__highlighted_rzp6x","background-accent":"bottom-sheet__background-accent_rzp6x","background-info":"bottom-sheet__background-info_rzp6x","background-attention-muted":"bottom-sheet__background-attention-muted_rzp6x","background-positive-muted":"bottom-sheet__background-positive-muted_rzp6x","background-negative-muted":"bottom-sheet__background-negative-muted_rzp6x","background-primary":"bottom-sheet__background-primary_rzp6x","background-primary-inverted":"bottom-sheet__background-primary-inverted_rzp6x","background-secondary":"bottom-sheet__background-secondary_rzp6x","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_rzp6x","background-tertiary":"bottom-sheet__background-tertiary_rzp6x","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_rzp6x","background-quaternary":"bottom-sheet__background-quaternary_rzp6x","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_rzp6x","background-specialbg-component":"bottom-sheet__background-specialbg-component_rzp6x","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_rzp6x","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_rzp6x","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_rzp6x","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_rzp6x","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_rzp6x","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_rzp6x","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_rzp6x","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_rzp6x"};
+const styles = {"footer":"bottom-sheet__footer_10jlm","sticky":"bottom-sheet__sticky_10jlm","highlighted":"bottom-sheet__highlighted_10jlm","background-accent":"bottom-sheet__background-accent_10jlm","background-info":"bottom-sheet__background-info_10jlm","background-attention-muted":"bottom-sheet__background-attention-muted_10jlm","background-positive-muted":"bottom-sheet__background-positive-muted_10jlm","background-negative-muted":"bottom-sheet__background-negative-muted_10jlm","background-primary":"bottom-sheet__background-primary_10jlm","background-primary-inverted":"bottom-sheet__background-primary-inverted_10jlm","background-secondary":"bottom-sheet__background-secondary_10jlm","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_10jlm","background-tertiary":"bottom-sheet__background-tertiary_10jlm","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_10jlm","background-quaternary":"bottom-sheet__background-quaternary_10jlm","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_10jlm","background-specialbg-component":"bottom-sheet__background-specialbg-component_10jlm","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_10jlm","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_10jlm","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_10jlm","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_10jlm","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_10jlm","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_10jlm","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_10jlm","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_10jlm"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 13zvx */
+/* hash: tzrpt */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -41,58 +41,58 @@
 } :root {
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
-} .bottom-sheet__footer_rzp6x {
+} .bottom-sheet__footer_10jlm {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__sticky_rzp6x {
+} .bottom-sheet__sticky_10jlm {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_rzp6x {
+} .bottom-sheet__highlighted_10jlm {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_rzp6x {
+} .bottom-sheet__background-accent_10jlm {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_rzp6x {
+        } .bottom-sheet__background-info_10jlm {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_rzp6x {
+        } .bottom-sheet__background-attention-muted_10jlm {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_rzp6x {
+        } .bottom-sheet__background-positive-muted_10jlm {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_rzp6x {
+        } .bottom-sheet__background-negative-muted_10jlm {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_rzp6x {
+        } .bottom-sheet__background-primary_10jlm {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_rzp6x {
+        } .bottom-sheet__background-primary-inverted_10jlm {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_rzp6x {
+        } .bottom-sheet__background-secondary_10jlm {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_rzp6x {
+        } .bottom-sheet__background-secondary-inverted_10jlm {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_rzp6x {
+        } .bottom-sheet__background-tertiary_10jlm {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_rzp6x {
+        } .bottom-sheet__background-tertiary-inverted_10jlm {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_rzp6x {
+        } .bottom-sheet__background-quaternary_10jlm {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_rzp6x {
+        } .bottom-sheet__background-quaternary-inverted_10jlm {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_rzp6x {
+        } .bottom-sheet__background-specialbg-component_10jlm {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_rzp6x {
+        } .bottom-sheet__background-specialbg-component-inverted_10jlm {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_rzp6x {
+        } .bottom-sheet__background-specialbg-primary-grouped_10jlm {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_rzp6x {
+        } .bottom-sheet__background-specialbg-secondary-grouped_10jlm {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_rzp6x {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_10jlm {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_rzp6x {
+        } .bottom-sheet__background-specialbg-secondary-transparent_10jlm {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rzp6x {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_10jlm {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_rzp6x {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_10jlm {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rzp6x {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_10jlm {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -4,7 +4,7 @@ import { BaseModalContext } from '../../../../base-modal/modern';
 import { NavigationBar } from '../../../../navigation-bar/modern';
 import { HEADER_OFFSET } from '../../utils.js';
 
-const styles = {"headerWrapper":"bottom-sheet__headerWrapper_pa26x","hasContent":"bottom-sheet__hasContent_pa26x","header":"bottom-sheet__header_pa26x","sticky":"bottom-sheet__sticky_pa26x","highlighted":"bottom-sheet__highlighted_pa26x","justifyEnd":"bottom-sheet__justifyEnd_pa26x","addon":"bottom-sheet__addon_pa26x","addonFixed":"bottom-sheet__addonFixed_pa26x","title":"bottom-sheet__title_pa26x","titleCenter":"bottom-sheet__titleCenter_pa26x","titleLeft":"bottom-sheet__titleLeft_pa26x","trimTitle":"bottom-sheet__trimTitle_pa26x"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_1srvx","hasContent":"bottom-sheet__hasContent_1srvx","header":"bottom-sheet__header_1srvx","sticky":"bottom-sheet__sticky_1srvx","highlighted":"bottom-sheet__highlighted_1srvx","justifyEnd":"bottom-sheet__justifyEnd_1srvx","addon":"bottom-sheet__addon_1srvx","addonFixed":"bottom-sheet__addonFixed_1srvx","title":"bottom-sheet__title_1srvx","titleCenter":"bottom-sheet__titleCenter_1srvx","titleLeft":"bottom-sheet__titleLeft_1srvx","trimTitle":"bottom-sheet__trimTitle_1srvx"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, title, children, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1qk03 */
+/* hash: xuqdm */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,42 +27,42 @@
     --bottom-sheet-title-font-weight: 700;
     --bottom-sheet-title-line-height: 24px;
     --bottom-sheet-title-font-family: var(--font-family-system);
-} .bottom-sheet__headerWrapper_pa26x {
+} .bottom-sheet__headerWrapper_1srvx {
     padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
-} .bottom-sheet__hasContent_pa26x {
+} .bottom-sheet__hasContent_1srvx {
     background-color: inherit;
-} .bottom-sheet__header_pa26x {
+} .bottom-sheet__header_1srvx {
     display: flex;
-} .bottom-sheet__sticky_pa26x {
+} .bottom-sheet__sticky_1srvx {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_pa26x {
+} .bottom-sheet__highlighted_1srvx {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_pa26x {
+} .bottom-sheet__justifyEnd_1srvx {
     justify-content: flex-end;
-} .bottom-sheet__addon_pa26x {
+} .bottom-sheet__addon_1srvx {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_pa26x {
+} .bottom-sheet__addonFixed_1srvx {
     position: fixed;
-} .bottom-sheet__title_pa26x {
+} .bottom-sheet__title_1srvx {
     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_pa26x {
+} .bottom-sheet__titleCenter_1srvx {
     text-align: center;
-} .bottom-sheet__titleLeft_pa26x {
+} .bottom-sheet__titleLeft_1srvx {
     text-align: left;
-} .bottom-sheet__trimTitle_pa26x {
+} .bottom-sheet__trimTitle_1srvx {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gwx7 */
+/* hash: 1nlbo */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -45,20 +45,20 @@
 } :root {
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
-} .bottom-sheet__modal_5wnda {
+} .bottom-sheet__modal_8nffl {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_5wnda {
+} .bottom-sheet__wrapper_8nffl {
     transform: translateY(100%);
     overflow: hidden;
     pointer-events: none;
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
-} .bottom-sheet__component_5wnda {
+} .bottom-sheet__component_8nffl {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -66,16 +66,16 @@
     border-radius: inherit;
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
-} .bottom-sheet__withTransition_5wnda {
+} .bottom-sheet__withTransition_8nffl {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_5wnda {
+} .bottom-sheet__scrollableContainer_8nffl {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_5wnda {
+} .bottom-sheet__marker_8nffl {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -85,7 +85,7 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_5wnda {
+} .bottom-sheet__content_8nffl {
     position: relative;
     z-index: 0;
     display: flex;
@@ -94,73 +94,73 @@
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: inherit;
-} .bottom-sheet__noHeader_5wnda {
+} .bottom-sheet__noHeader_8nffl {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_5wnda {
+} .bottom-sheet__noFooter_8nffl {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_5wnda {
+} .bottom-sheet__scrollLocked_8nffl {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_5wnda {
+} .bottom-sheet__hiddenScrollbar_8nffl {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_5wnda::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_8nffl::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_5wnda {
+    } .bottom-sheet__disabledPointerEvents_8nffl {
     pointer-events: none;
-} .bottom-sheet__appear_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__enter_5wnda .bottom-sheet__wrapper_5wnda {
+} .bottom-sheet__appear_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__enter_8nffl .bottom-sheet__wrapper_8nffl {
         transition: none;
-    } .bottom-sheet__appearActive_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__enterActive_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__appearActive_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__enterActive_8nffl .bottom-sheet__wrapper_8nffl {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__appearDone_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__enterDone_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__appearDone_8nffl .bottom-sheet__wrapper_8nffl {
         transform: translateY(0);
-    } .bottom-sheet__exit_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__exit_8nffl .bottom-sheet__wrapper_8nffl {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_5wnda .bottom-sheet__wrapper_5wnda {
+    } .bottom-sheet__exitActive_8nffl .bottom-sheet__wrapper_8nffl {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_5wnda {
+    } .bottom-sheet__background-accent_8nffl {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_5wnda {
+        } .bottom-sheet__background-info_8nffl {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_5wnda {
+        } .bottom-sheet__background-attention-muted_8nffl {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_5wnda {
+        } .bottom-sheet__background-positive-muted_8nffl {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_5wnda {
+        } .bottom-sheet__background-negative-muted_8nffl {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_5wnda {
+        } .bottom-sheet__background-primary_8nffl {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_5wnda {
+        } .bottom-sheet__background-primary-inverted_8nffl {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_5wnda {
+        } .bottom-sheet__background-secondary_8nffl {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_5wnda {
+        } .bottom-sheet__background-secondary-inverted_8nffl {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_5wnda {
+        } .bottom-sheet__background-tertiary_8nffl {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_5wnda {
+        } .bottom-sheet__background-tertiary-inverted_8nffl {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_5wnda {
+        } .bottom-sheet__background-quaternary_8nffl {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_5wnda {
+        } .bottom-sheet__background-quaternary-inverted_8nffl {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_5wnda {
+        } .bottom-sheet__background-specialbg-component_8nffl {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_5wnda {
+        } .bottom-sheet__background-specialbg-component-inverted_8nffl {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_5wnda {
+        } .bottom-sheet__background-specialbg-primary-grouped_8nffl {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_5wnda {
+        } .bottom-sheet__background-specialbg-secondary-grouped_8nffl {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_5wnda {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_8nffl {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_5wnda {
+        } .bottom-sheet__background-specialbg-secondary-transparent_8nffl {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5wnda {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_8nffl {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_5wnda {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_8nffl {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5wnda {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_8nffl {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/button/Component.d.ts

@@ -26,6 +26,10 @@ type ComponentProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
     /**
      * Выводит ссылку в виде кнопки
      */

package/button/Component.js

@@ -13,13 +13,18 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"button__component_1njp3","focused":"button__focused_1njp3","loading":"button__loading_1njp3","text":"button__text_1njp3","addons":"button__addons_1njp3","stretchText":"button__stretchText_1njp3","loader":"button__loader_1njp3","xxs":"button__xxs_1njp3","iconOnly":"button__iconOnly_1njp3","xs":"button__xs_1njp3","s":"button__s_1njp3","m":"button__m_1njp3","l":"button__l_1njp3","xl":"button__xl_1njp3","withRightAddons":"button__withRightAddons_1njp3","ghost":"button__ghost_1njp3","withLeftAddons":"button__withLeftAddons_1njp3","link":"button__link_1njp3","block":"button__block_1njp3","nowrap":"button__nowrap_1njp3"};
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
+    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
+};
+
+var styles = {"component":"button__component_x6lk0","focused":"button__focused_x6lk0","loading":"button__loading_x6lk0","text":"button__text_x6lk0","addons":"button__addons_x6lk0","stretchText":"button__stretchText_x6lk0","loader":"button__loader_x6lk0","xxs":"button__xxs_x6lk0","iconOnly":"button__iconOnly_x6lk0","xs":"button__xs_x6lk0","s":"button__s_x6lk0","m":"button__m_x6lk0","l":"button__l_x6lk0","xl":"button__xl_x6lk0","withRightAddons":"button__withRightAddons_x6lk0","ghost":"button__ghost_x6lk0","withLeftAddons":"button__withLeftAddons_x6lk0","link":"button__link_x6lk0","block":"button__block_x6lk0","nowrap":"button__nowrap_x6lk0"};
 require('./index.css');
 
-var defaultColors = {"accent":"button__accent_1ax6m","loader":"button__loader_1ax6m","primary":"button__primary_1ax6m","secondary":"button__secondary_1ax6m","outlined":"button__outlined_1ax6m","tertiary":"button__tertiary_1ax6m","filled":"button__filled_1ax6m","transparent":"button__transparent_1ax6m","link":"button__link_1ax6m","ghost":"button__ghost_1ax6m","component":"button__component_1ax6m","loading":"button__loading_1ax6m"};
+var defaultColors = {"accent":"button__accent_1kgpn","loader":"button__loader_1kgpn","primary":"button__primary_1kgpn","secondary":"button__secondary_1kgpn","outlined":"button__outlined_1kgpn","tertiary":"button__tertiary_1kgpn","filled":"button__filled_1kgpn","transparent":"button__transparent_1kgpn","link":"button__link_1kgpn","ghost":"button__ghost_1kgpn","component":"button__component_1kgpn","loading":"button__loading_1kgpn"};
 require('./default.css');
 
-var invertedColors = {"accent":"button__accent_zn53q","loader":"button__loader_zn53q","primary":"button__primary_zn53q","secondary":"button__secondary_zn53q","outlined":"button__outlined_zn53q","tertiary":"button__tertiary_zn53q","filled":"button__filled_zn53q","transparent":"button__transparent_zn53q","link":"button__link_zn53q","ghost":"button__ghost_zn53q","component":"button__component_zn53q","loading":"button__loading_zn53q"};
+var invertedColors = {"accent":"button__accent_iettq","loader":"button__loader_iettq","primary":"button__primary_iettq","secondary":"button__secondary_iettq","outlined":"button__outlined_iettq","tertiary":"button__tertiary_iettq","filled":"button__filled_iettq","transparent":"button__transparent_iettq","link":"button__link_iettq","ghost":"button__ghost_iettq","component":"button__component_iettq","loading":"button__loading_iettq"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -49,7 +54,7 @@ var logWarning = function (view) {
 };
 var Button = React__default.default.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var children = _a.children, _e = _a.view, view = _e === void 0 ? 'secondary' : _e, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.block, block = _g === void 0 ? false : _g, className = _a.className, dataTestId = _a.dataTestId, href = _a.href, _h = _a.loading, loading = _h === void 0 ? false : _h, _j = _a.nowrap, nowrap = _j === void 0 ? false : _j, _k = _a.colors, colors = _k === void 0 ? 'default' : _k, _l = _a.Component, Component = _l === void 0 ? href ? 'a' : 'button' : _l, onClick = _a.onClick, restProps = tslib.__rest(_a, ["children", "view", "leftAddons", "rightAddons", "size", "block", "className", "dataTestId", "href", "loading", "nowrap", "colors", "Component", "onClick"]);
+    var children = _a.children, _e = _a.view, view = _e === void 0 ? 'secondary' : _e, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.block, block = _g === void 0 ? false : _g, className = _a.className, spinnerClassName = _a.spinnerClassName, dataTestId = _a.dataTestId, href = _a.href, _h = _a.loading, loading = _h === void 0 ? false : _h, _j = _a.nowrap, nowrap = _j === void 0 ? false : _j, _k = _a.colors, colors = _k === void 0 ? 'default' : _k, _l = _a.Component, Component = _l === void 0 ? href ? 'a' : 'button' : _l, onClick = _a.onClick, restProps = tslib.__rest(_a, ["children", "view", "leftAddons", "rightAddons", "size", "block", "className", "spinnerClassName", "dataTestId", "href", "loading", "nowrap", "colors", "Component", "onClick"]);
     if (['outlined', 'filled', 'transparent'].includes(view)) {
         logWarning(view);
     }
@@ -78,7 +83,7 @@ var Button = React__default.default.forwardRef(function (_a, ref) {
                 _c[styles.nowrap] = nowrap,
                 _c[styles.stretchText] = !(leftAddons || rightAddons),
                 _c)) }, children)),
-        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { visible: showLoader, className: cn__default.default(styles.loader, colorStyles[colors].loader) })),
+        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(styles.loader, colorStyles[colors].loader, spinnerClassName) })),
         rightAddons && React__default.default.createElement("span", { className: styles.addons }, rightAddons)));
     React.useEffect(function () {
         if (loading) {

package/button/cssm/Component.d.ts

@@ -26,6 +26,10 @@ type ComponentProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
     /**
      * Выводит ссылку в виде кнопки
      */