@alfalab/core-components 48.29.0-snapshot-b4d1ee6 → 48.29.1

package/bottom-sheet/moderncssm/component.js

@@ -10,26 +10,18 @@ import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 import { horizontalDirections } from './consts/swipeConsts.js';
 import { useVisualViewportSize } from './hooks/use-visualviewport-size.js';
-import { convertPercentToNumber, TIMEOUT, getColorStyles, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
-import defaultColors from './default.module.css';
+import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
 import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
-import './components/footer/default.module.css';
 import './components/footer/index.module.css';
-import './components/footer/inverted.module.css';
 import '../../navigation-bar-private/moderncssm';
-import './components/header/default.module.css';
 import './components/header/index.module.css';
-import './components/header/inverted.module.css';
 import '../../backdrop/moderncssm';
 import './enums/swipeEnums.js';
 import 'use-sync-external-store/shim';
 
 const { isNil } = fnUtils;
 const adjustContainerHeightDefault = (value) => value;
-const BottomSheet = forwardRef(
-// eslint-disable-next-line complexity
-({ 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, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, adjustContainerHeight = adjustContainerHeightDefault, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, isSwipeMarkerAvailable = true, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, virtualKeyboard = false, colors = 'default', }, ref) => {
+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, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, adjustContainerHeight = adjustContainerHeightDefault, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, virtualKeyboard = false, }, ref) => {
     const windowHeight = use100vh() ?? 0;
     const visualViewportSize = useVisualViewportSize();
     let fullHeight = virtualKeyboard ? visualViewportSize?.height ?? 0 : windowHeight;
@@ -67,7 +59,6 @@ const BottomSheet = forwardRef(
     const activeArea = magneticAreas[activeAreaIdx];
     const emptyHeader = !hasCloser && !leftAddons && !title && !hasBacker && !rightAddons;
     const titleIsReactElement = React.isValidElement(title);
-    const colorStyle = getColorStyles(colors, defaultColors, invertedColors);
     const headerProps = {
         ...(titleIsReactElement
             ? { children: title }
@@ -75,8 +66,7 @@ const BottomSheet = forwardRef(
         scrollableParentRef: scrollableContainer,
         headerRef,
         headerOffset,
-        colors,
-        className: cn(headerClassName, colorStyle.hasContent),
+        className: headerClassName,
         addonClassName,
         closerClassName,
         backButtonClassName: backerClassName,
@@ -383,16 +373,15 @@ const BottomSheet = forwardRef(
             : undefined,
     });
     const renderMarker = () => {
-        if (swipeableMarker) {
-            return (React.createElement("div", { className: cn(styles.marker, swipeableMarkerClassName) }, swipeableMarker));
-        }
-        if (isSwipeMarkerAvailable) {
-            return (React.createElement("div", { className: cn(styles.marker, styles.defaultMarker, colorStyle.defaultMarker, swipeableMarkerClassName) }));
+        if (swipeable) {
+            if (swipeableMarker) {
+                return (React.createElement("div", { className: cn(styles.marker, swipeableMarkerClassName) }, swipeableMarker));
+            }
+            return (React.createElement("div", { className: cn(styles.marker, styles.defaultMarker, swipeableMarkerClassName) }));
         }
         return null;
     };
-    const bgClassName = backgroundColor &&
-        styles[`background-${backgroundColor}${colors === 'inverted' ? '-inverted' : ''}`];
+    const bgClassName = backgroundColor && styles[`background-${backgroundColor}`];
     return (React.createElement(BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: SwipeableBackdrop, backdropProps: {
             ...backdropProps,
             className: styles.disabledPointerEvents,
@@ -414,7 +403,7 @@ const BottomSheet = forwardRef(
         React.createElement("div", { className: cn(styles.wrapper, {
                 [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,
             }), onTransitionEnd: setSheetHeight },
-            React.createElement("div", { className: cn(styles.component, bgClassName, colorStyle.component, className, {
+            React.createElement("div", { className: cn(styles.component, bgClassName, className, {
                     [styles.withTransition]: swipingInProgress === false,
                     [styles.safeAreaBottom]: os.isIOS(),
                 }), style: {
@@ -426,12 +415,12 @@ const BottomSheet = forwardRef(
                         [styles.scrollLocked]: scrollLockedProp || swipingInProgress,
                         [styles.hiddenScrollbar]: hideScrollbar,
                     }), ref: mergeRefs([scrollableContainer, scrollableContainerRef]) },
-                    !hideHeader && !emptyHeader && (React.createElement(Header, { ...headerProps, isSwipeMarkerAvailable: isSwipeMarkerAvailable })),
-                    React.createElement("div", { ref: contentRef, className: cn(styles.content, colorStyle.content, contentClassName, {
+                    !hideHeader && !emptyHeader && React.createElement(Header, { ...headerProps }),
+                    React.createElement("div", { ref: contentRef, className: cn(styles.content, contentClassName, {
                             [styles.noHeader]: hideHeader || emptyHeader,
                             [styles.noFooter]: !actionButton,
                         }), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
-                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), colors: colors, dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
+                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 BottomSheet.displayName = 'BottomSheet';
 

package/bottom-sheet/moderncssm/components/footer/Component.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-import { ColorType } from "../../types";
 type FooterProps = {
     /**
      * Контент футера
@@ -17,10 +16,6 @@ type FooterProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: ColorType;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

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

@@ -1,21 +1,16 @@
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/moderncssm';
-import { getColorStyles } from '../../utils.js';
-import defaultColors from './default.module.css';
 import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
-import '../../../../shared/moderncssm';
 
-const Footer = ({ children, className, colors = 'default', sticky, dataTestId, }) => {
+const Footer = ({ children, className, sticky, dataTestId }) => {
     const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);
     useEffect(() => {
         setHasFooter(true);
     }, [setHasFooter]);
-    const colorStyle = getColorStyles(colors, defaultColors, invertedColors);
-    return (React.createElement("div", { className: cn(styles.footer, colorStyle.hasContent, className, {
+    return (React.createElement("div", { className: cn(styles.footer, className, {
             [styles.sticky]: sticky,
-            [colorStyle.highlighted]: footerHighlighted && sticky,
+            [styles.highlighted]: footerHighlighted && sticky,
         }), "data-test-id": dataTestId }, children));
 };
 

package/bottom-sheet/moderncssm/components/footer/index.module.css

@@ -1,20 +1,39 @@
 /* */
 :root {
-    /* component */
 
-    /* title */
+    /* header */
 
-    /* subtitle */
-
-    /* default colors */
-
-    /* inverted colors */
+    /* footer */
+    --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
+    --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
 }
 .footer {
     padding: var(--gap-16) var(--gap-16);
+    background-color: var(--color-light-modal-bg-primary);
 }
 .sticky {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
 }
+.highlighted {
+    border-top: var(--bottom-sheet-footer-border-top);
+    background-color: var(--bottom-sheet-footer-background-color);
+}
+@each $backgroundColorBg in accent, info, attention-muted, positive-muted, negative-muted,
+        primary, primary-inverted, secondary, secondary-inverted, tertiary, tertiary-inverted,
+        quaternary, quaternary-inverted
+    {
+        .background-$(backgroundColorBg) {
+            background-color: var(--color-light-bg-$(backgroundColorBg));
+        }
+    }
+@each $backgroundColor in specialbg-component, specialbg-component-inverted,
+        specialbg-primary-grouped, specialbg-secondary-grouped, specialbg-tertiary-grouped,
+        specialbg-secondary-transparent, specialbg-secondary-transparent-inverted,
+        specialbg-tertiary-transparent, specialbg-tertiary-transparent-inverted
+    {
+        .background-$(backgroundColor) {
+            background-color: var(--color-light-$(backgroundColor));
+        }
+    }

package/bottom-sheet/moderncssm/components/header/Component.d.ts

@@ -1,11 +1,8 @@
 import { FC, RefObject } from 'react';
 import { NavigationBarPrivateProps } from "../../../../navigation-bar-private";
-import { ColorType } from "../../types";
 type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
-    colors?: ColorType;
-    isSwipeMarkerAvailable?: boolean;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

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

@@ -2,13 +2,9 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/moderncssm';
 import { NavigationBarPrivate } from '../../../../navigation-bar-private/moderncssm';
-import { getColorStyles } from '../../utils.js';
-import defaultColors from './default.module.css';
 import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
-import '../../../../shared/moderncssm';
 
-const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset, isSwipeMarkerAvailable, title, children, ...restProps }) => {
+const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {
     const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
     useEffect(() => {
         setHeaderOffset(headerOffset);
@@ -16,15 +12,12 @@ const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);
-    const colorStyle = getColorStyles(colors, defaultColors, invertedColors);
     const hasContent = Boolean(title || children);
-    return (React.createElement(NavigationBarPrivate, { ...restProps, ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(className, {
-            [styles.headerWrapper]: isSwipeMarkerAvailable,
-            [styles.headerWrapperWithoutSwipeMarker]: !isSwipeMarkerAvailable,
-            [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,
-            [colorStyle.hasContent]: hasContent,
+    return (React.createElement(NavigationBarPrivate, { ...restProps, ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(styles.headerWrapper, className, {
+            [styles.highlighted]: hasContent && headerHighlighted && sticky,
             [styles.sticky]: sticky,
-        }), contentClassName: cn(styles.title), titleClassName: cn(colorStyle.title), subtitleClassName: cn(styles.subtitle, colorStyle.subtitle), colors: colors }, children));
+            [styles.hasContent]: hasContent,
+        }), contentClassName: cn(styles.title) }, children));
 };
 
 export { Header };

package/bottom-sheet/moderncssm/components/header/index.module.css

@@ -1,36 +1,21 @@
 /* */
 :root {
-    /* component */
 
-    /* title */
+    /* header */
+    --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-title-font-size: 20px;
     --bottom-sheet-title-font-weight: 600;
     --bottom-sheet-title-line-height: 28px;
     --bottom-sheet-title-font-family: var(--font-family-system);
 
-    /* subtitle */
-    --bottom-sheet-subtitle-font-size: 14px;
-    --bottom-sheet-subtitle-font-weight: 400;
-    --bottom-sheet-subtitle-line-height: 20px;
-    --bottom-sheet-subtitle-font-family: var(--font-family-system);
-
-    /* default colors */
-
-    /* inverted colors */
+    /* footer */
 }
-.headerBase {
+.headerWrapper {
+    padding: var(--gap-12) var(--gap-8) var(--gap-4);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
-.headerWrapper {
-    composes: headerBase;
-    padding: var(--gap-12) var(--gap-8) var(--gap-4);
-}
-.headerWrapperWithoutSwipeMarker {
-    composes: headerBase;
-    padding: var(--gap-8) var(--gap-8) var(--gap-4);
-}
 .hasContent {
     background-color: inherit;
 }
@@ -41,6 +26,9 @@
     position: sticky;
     top: var(--gap-0);
 }
+.highlighted {
+    border-bottom: var(--bottom-sheet-header-border-bottom);
+}
 .justifyEnd {
     justify-content: flex-end;
 }
@@ -73,10 +61,3 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.subtitle {
-    width: 100%;
-    font-size: var(--bottom-sheet-subtitle-font-size);
-    font-weight: var(--bottom-sheet-subtitle-font-weight);
-    line-height: var(--bottom-sheet-subtitle-line-height);
-    font-family: var(--bottom-sheet-subtitle-font-family);
-}

package/bottom-sheet/moderncssm/index.js

@@ -8,20 +8,14 @@ import 'classnames';
 import '../../base-modal/moderncssm';
 import '../../shared/moderncssm';
 import './components/footer/Component.js';
-import './components/footer/default.module.css';
 import './components/footer/index.module.css';
-import './components/footer/inverted.module.css';
 import './components/header/Component.js';
 import '../../navigation-bar-private/moderncssm';
-import './components/header/default.module.css';
 import './components/header/index.module.css';
-import './components/header/inverted.module.css';
 import './components/swipeable-backdrop/Component.js';
 import '../../backdrop/moderncssm';
 import './consts/swipeConsts.js';
 import './enums/swipeEnums.js';
 import './hooks/use-visualviewport-size.js';
 import 'use-sync-external-store/shim';
-import './default.module.css';
 import './index.module.css';
-import './inverted.module.css';

package/bottom-sheet/moderncssm/index.module.css

@@ -3,19 +3,14 @@
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
 :root {
-    /* component */
     --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-top-radius: var(--border-radius-16);
     --bottom-sheet-shadow: none;
 
-    /* title */
+    /* header */
 
-    /* subtitle */
-
-    /* default colors */
-
-    /* inverted colors */
+    /* footer */
 }
 .modal {
     bottom: var(--gap-0);
@@ -44,6 +39,7 @@
     display: flex;
     flex-direction: column;
     border-radius: inherit;
+    background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
 }
@@ -72,6 +68,7 @@
 .defaultMarker {
     height: 4px;
     border-radius: var(--border-radius-20);
+    background-color: var(--color-light-neutral-translucent-300);
 }
 .content {
     position: relative;
@@ -80,6 +77,7 @@
     flex-direction: column;
     flex: 1;
     padding: var(--gap-0) var(--gap-16);
+    color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
 }
@@ -126,7 +124,7 @@
         primary, primary-inverted, secondary, secondary-inverted, tertiary, tertiary-inverted,
         quaternary, quaternary-inverted
     {
-        .background-$(backgroundColorBg)[class] {
+        .background-$(backgroundColorBg) {
             background-color: var(--color-light-bg-$(backgroundColorBg));
         }
     }

package/bottom-sheet/moderncssm/types.d.ts

@@ -5,7 +5,6 @@ import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "../../base-modal";
 import { NavigationBarPrivateProps as NavigationBarProps } from "../../navigation-bar-private";
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
-type ColorType = 'default' | 'inverted';
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -95,10 +94,8 @@ type BottomSheetProps = {
      */
     modalWrapperClassName?: string;
     /**
-     * Дефолтный маркер
-     * @default true
+     * Дополнительный класс для маркера
      */
-    isSwipeMarkerAvailable?: boolean;
     swipeableMarkerClassName?: string;
     /**
      * Кастомный маркер
@@ -292,9 +289,5 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: ColorType;
 };
-export { ColorType, BottomSheetTitleAlign, BottomSheetProps };
+export { BottomSheetTitleAlign, BottomSheetProps };

package/bottom-sheet/moderncssm/utils.d.ts

@@ -1,4 +1,3 @@
-import { ColorType } from "./types";
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
@@ -15,5 +14,4 @@ declare function getBottomSheetTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-declare const getColorStyles: <T extends Record<string, string>>(colors: ColorType | undefined, defaultStyles: T, invertedStyles: T) => T;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds, getColorStyles };
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/moderncssm/utils.js

@@ -31,6 +31,5 @@ function getBottomSheetTestIds(dataTestId) {
         backButton: getDataTestId(dataTestId, 'header-back-button'),
     };
 }
-const getColorStyles = (colors = 'default', defaultStyles, invertedStyles) => ({ default: defaultStyles, inverted: invertedStyles }[colors]);
 
-export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds, getColorStyles };
+export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/moderncssm/vars.css

@@ -1,13 +1,8 @@
 /* */
 
 :root {
-    /* component */
 
-    /* title */
+    /* header */
 
-    /* subtitle */
-
-    /* default colors */
-
-    /* inverted colors */
+    /* footer */
 }

package/bottom-sheet/types.d.ts

@@ -5,7 +5,6 @@ import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "../base-modal";
 import { NavigationBarPrivateProps as NavigationBarProps } from "../navigation-bar-private";
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
-type ColorType = 'default' | 'inverted';
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -95,10 +94,8 @@ type BottomSheetProps = {
      */
     modalWrapperClassName?: string;
     /**
-     * Дефолтный маркер
-     * @default true
+     * Дополнительный класс для маркера
      */
-    isSwipeMarkerAvailable?: boolean;
     swipeableMarkerClassName?: string;
     /**
      * Кастомный маркер
@@ -292,9 +289,5 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: ColorType;
 };
-export { ColorType, BottomSheetTitleAlign, BottomSheetProps };
+export { BottomSheetTitleAlign, BottomSheetProps };

package/bottom-sheet/utils.d.ts

@@ -1,4 +1,3 @@
-import { ColorType } from "./types";
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
@@ -15,5 +14,4 @@ declare function getBottomSheetTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-declare const getColorStyles: <T extends Record<string, string>>(colors: ColorType | undefined, defaultStyles: T, invertedStyles: T) => T;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds, getColorStyles };
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/bottom-sheet/utils.js

@@ -34,10 +34,6 @@ function getBottomSheetTestIds(dataTestId) {
         backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
-var getColorStyles = function (colors, defaultStyles, invertedStyles) {
-    if (colors === void 0) { colors = 'default'; }
-    return ({ default: defaultStyles, inverted: invertedStyles }[colors]);
-};
 
 exports.CLOSE_OFFSET = CLOSE_OFFSET;
 exports.HEADER_OFFSET = HEADER_OFFSET;
@@ -47,4 +43,3 @@ exports.SWIPE_VELOCITY = SWIPE_VELOCITY;
 exports.TIMEOUT = TIMEOUT;
 exports.convertPercentToNumber = convertPercentToNumber;
 exports.getBottomSheetTestIds = getBottomSheetTestIds;
-exports.getColorStyles = getColorStyles;

package/calendar/components/calendar-mobile/Component.js

@@ -10,7 +10,7 @@ var mobile = require('../../../modal/mobile');
 var coreComponentsShared = require('../../../shared');
 var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
 var utils = require('../../utils.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-16b5dcd3.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-8f65fc83.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar/components/calendar-mobile/calendarMonthOnlyView.js

@@ -15,7 +15,7 @@ require('../../useCalendar.js');
 require('../../useRange.js');
 require('../../utils.js');
 require('../days-table/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-16b5dcd3.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-8f65fc83.js');
 
 
 

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-16b5dcd3";
+export * from "../../calendarMonthOnlyView-8f65fc83";

package/calendar/components/calendar-mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('./Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-16b5dcd3.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-8f65fc83.js');
 
 
 

package/calendar/esm/Component.responsive.js

@@ -48,7 +48,7 @@ import '@juggle/resize-observer';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-b0a0229f.js';
+import './calendarMonthOnlyView-61641683.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/esm/components/calendar-mobile/Component.js

@@ -8,7 +8,7 @@ import { ModalMobile } from '../../../../modal/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-b0a0229f.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-61641683.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js

@@ -36,7 +36,7 @@ import '../../../../shared/esm';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-b0a0229f.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-61641683.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-b0a0229f";
+export * from "../../calendarMonthOnlyView-61641683";

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from './Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-b0a0229f.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-61641683.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/esm/index.js

@@ -70,6 +70,6 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './useRange.js';
 import './usePeriod.js';
-import './calendarMonthOnlyView-b0a0229f.js';
+import './calendarMonthOnlyView-61641683.js';
 import 'react-virtuoso';
 import '../../typography/esm';

package/calendar/esm/mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from '../components/calendar-mobile/Component.js';
-export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-b0a0229f.js';
+export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-61641683.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('../components/calendar-mobile/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-16b5dcd3.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-8f65fc83.js');
 
 
 

package/calendar/modern/Component.responsive.js

@@ -47,7 +47,7 @@ import '@juggle/resize-observer';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-5a7b8b21.js';
+import './calendarMonthOnlyView-b59127e7.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/modern/components/calendar-mobile/Component.js

@@ -7,7 +7,7 @@ import { ModalMobile } from '../../../../modal/modern/mobile';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-5a7b8b21.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-b59127e7.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';