@alfalab/core-components 48.29.0-beta.1 → 48.29.0-snapshot.2-b4d1ee6

package/navigation-bar-private/modern/components/closer/default.css

@@ -44,6 +44,8 @@
     --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
 
     /* back-arrow */
+
+    /* button-text */
 }
 .navigation-bar-private__button_93jsx {
     background: var(--color-light-monochrome-white-4);

package/navigation-bar-private/modern/components/closer/inverted.css

@@ -45,6 +45,8 @@
     );
 
     /* back-arrow */
+
+    /* button-text */
 }
 .navigation-bar-private__button_13w7k {
     background: var(--color-light-monochrome-white-4-inverted);

package/navigation-bar-private/modern/types.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
+type ColorType = 'default' | 'inverted';
 type NavigationBarPrivateProps = {
     /**
      * Контент шапки
@@ -120,10 +121,18 @@ type NavigationBarPrivateProps = {
      * Дополнительный класс для title
      */
     titleClassName?: string;
+    /**
+     * Дополнительный класс для subtitle
+     */
+    subtitleClassName?: string;
     /**
      * Ref для title элемента
      */
     titleRef?: RefObject<HTMLDivElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 };
 type ContentParams = {
     extraClassName?: string;
@@ -131,4 +140,4 @@ type ContentParams = {
     style?: React.CSSProperties;
     hidden?: boolean;
 };
-export { NavigationBarPrivateProps, ContentParams };
+export { ColorType, NavigationBarPrivateProps, ContentParams };

package/navigation-bar-private/moderncssm/Component.js

@@ -10,7 +10,9 @@ import '../../button/moderncssm/desktop';
 import '../../typography/moderncssm';
 import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import '@alfalab/icons-glyph/ArrowLeftMIcon';
+import './components/back-arrow-addon/default.module.css';
 import './components/back-arrow-addon/index.module.css';
+import './components/back-arrow-addon/inverted.module.css';
 import '../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
@@ -20,7 +22,7 @@ import './components/closer/inverted.module.css';
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, closerProps = {}, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, subtitleClassName, hasCloser, closerProps = {}, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, colors = 'default', }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -87,7 +89,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
             textOpacity = 0;
         }
         return (React.createElement("div", { className: cn(styles.addon, backButtonClassName) },
-            React.createElement(BackArrowAddon, { "data-test-id": getDataTestId(dataTestId, 'back-button'), ...backButtonProps, textOpacity: textOpacity, view: view, onClick: onBack })));
+            React.createElement(BackArrowAddon, { "data-test-id": getDataTestId(dataTestId, 'back-button'), ...backButtonProps, colors: colors, textOpacity: textOpacity, view: view, onClick: onBack })));
     };
     const renderContent = (args = {}) => {
         const { extraClassName, wrapperRef, style, hidden } = args;
@@ -97,10 +99,10 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
             }), "aria-hidden": hidden },
             children && React.createElement("div", { className: styles.children }, children),
             title && (React.createElement("div", { className: cn(styles.title, titleClassName), "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
-            compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
+            compactTitle && subtitle && (React.createElement("div", { className: cn(styles.subtitle, subtitleClassName), "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
-        React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose, ...closerProps })));
+        React.createElement(Closer, { view: view, icon: closerIcon, colors: colors, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose, ...closerProps })));
     return (React.createElement("div", { ref: mergeRefs([ref, headerRef]), className: cn(styles.header, className, { [styles.backgroundImage]: imageUrl }), "data-test-id": getDataTestId(dataTestId), style: {
             ...(imageUrl && { backgroundImage: `url(${imageUrl})` }),
             ...(withAnimation &&

package/navigation-bar-private/moderncssm/components/back-arrow-addon/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+type ColorType = 'default' | 'inverted';
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Текст после иконки
@@ -21,6 +22,10 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
      * Обработчик клика
      */
     onClick?: () => void;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 }
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { BackArrowAddonProps, BackArrowAddon };

package/navigation-bar-private/moderncssm/components/back-arrow-addon/Component.js

@@ -4,18 +4,25 @@ import { ButtonDesktop } from '../../../../button/moderncssm/desktop';
 import { Text } from '../../../../typography/moderncssm';
 import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';
+import defaultColors from './default.module.css';
 import styles from './index.module.css';
+import invertedColors from './inverted.module.css';
 
-const BackArrowAddon = ({ text = 'Назад', onClick, className, textOpacity = 1, view, ...htmlAttributes }) => {
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
+};
+const BackArrowAddon = ({ text = 'Назад', onClick, className, textOpacity = 1, view, colors = 'default', ...htmlAttributes }) => {
     const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;
     const isMobileView = view === 'mobile';
-    return (React.createElement(ButtonDesktop, { view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn(styles.component, { [styles.mobileComponent]: isMobileView }, className), ...htmlAttributes },
+    return (React.createElement(ButtonDesktop, { view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn(styles.component, colorStyles[colors].component, { [styles.mobileComponent]: isMobileView }, className), ...htmlAttributes },
         React.createElement("div", { className: styles.flex },
             React.createElement("div", { className: cn(styles.iconWrapper, {
                     [styles.mobileWrapper]: isMobileView,
+                    [colorStyles[colors].mobileWrapper]: isMobileView,
                 }) },
                 React.createElement(Icon, null)),
-            textOpacity > 0 && text && (React.createElement(Text, { className: styles.text, view: view === 'desktop' ? 'primary-large' : 'component', weight: 'medium', style: { opacity: textOpacity } }, text)))));
+            textOpacity > 0 && text && (React.createElement(Text, { className: cn(styles.text, colorStyles[colors].text), view: view === 'desktop' ? 'primary-large' : 'component', weight: 'medium', style: { opacity: textOpacity } }, text)))));
 };
 
 export { BackArrowAddon };

package/navigation-bar-private/moderncssm/components/back-arrow-addon/default.module.css

@@ -0,0 +1,35 @@
+:root {
+    --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
+}
+/* */
+:root {
+    /* closer-mobile */
+
+    /* back-arrow */
+    --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
+
+    /* button-text */
+    --button-text-base-color: var(--color-light-text-primary);
+}
+.component {
+    background: var(--color-light-monochrome-white-4)
+}
+.component svg > path {
+        fill: var(--color-light-neutral-translucent-1300);
+    }
+.component:hover svg > path {
+            fill: var(--color-light-neutral-translucent-1300-hover);
+        }
+.component:active svg > path {
+            fill: var(--color-light-neutral-translucent-1300-press);
+        }
+.text {
+    color: var(--button-text-base-color);
+}
+.mobileWrapper {
+    background: var(--color-light-neutral-translucent-100);
+    color: var(--color-light-neutral-translucent-100)
+}
+.mobileWrapper svg > path {
+        fill: var(--navigation-bar-back-arrow-mobile-fill);
+    }

package/navigation-bar-private/moderncssm/components/back-arrow-addon/index.js

@@ -5,4 +5,6 @@ import '../../../../button/moderncssm/desktop';
 import '../../../../typography/moderncssm';
 import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import '@alfalab/icons-glyph/ArrowLeftMIcon';
+import './default.module.css';
 import './index.module.css';
+import './inverted.module.css';

package/navigation-bar-private/moderncssm/components/back-arrow-addon/index.module.css

@@ -1,16 +1,13 @@
 /* */
-:root {
-    --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
-}
 :root {
     /* closer-mobile */
 
     /* back-arrow */
-    --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
+
+    /* button-text */
 }
 .component {
     height: 100%;
-    background: var(--color-static-monochrome-white-4);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill);
@@ -18,14 +15,7 @@
 }
 .component svg > path {
         transition: fill 0.2s ease;
-        fill: var(--color-light-neutral-translucent-1300);
     }
-.component:hover svg > path {
-            fill: var(--color-light-neutral-translucent-1300-hover);
-        }
-.component:active svg > path {
-            fill: var(--color-light-neutral-translucent-1300-press);
-        }
 .mobileComponent {
     height: 32px;
     min-width: 32px;
@@ -52,7 +42,6 @@
 .mobileWrapper {
     width: 32px;
     height: 32px;
-    background: var(--color-light-neutral-translucent-100);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     margin: var(--gap-0)
@@ -60,6 +49,3 @@
 .mobileWrapper + .text {
         margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
     }
-.mobileWrapper svg > path {
-        fill: var(--navigation-bar-back-arrow-mobile-fill);
-    }

package/navigation-bar-private/moderncssm/components/back-arrow-addon/inverted.module.css

@@ -0,0 +1,37 @@
+:root {
+    --color-light-monochrome-white-4-inverted: rgba(0, 0, 0, 0.04);
+}
+/* */
+:root {
+    /* closer-mobile */
+
+    /* back-arrow */
+    --navigation-bar-back-arrow-mobile-fill-inverted: var(
+        --color-light-neutral-translucent-700-inverted
+    );
+
+    /* button-text */
+    --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
+}
+.component {
+    background: var(--color-light-monochrome-white-4-inverted)
+}
+.component svg > path {
+        fill: var(--color-light-neutral-translucent-1300-inverted);
+    }
+.component:hover svg > path {
+            fill: var(--color-light-neutral-translucent-1300-inverted-hover);
+        }
+.component:active svg > path {
+            fill: var(--color-light-neutral-translucent-1300-inverted-press);
+        }
+.text {
+    color: var(--button-inverted-text-base-color);
+}
+.mobileWrapper {
+    background: var(--color-light-neutral-translucent-100-inverted);
+    color: var(--color-light-neutral-translucent-700-inverted)
+}
+.mobileWrapper svg > path {
+        fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
+    }

package/navigation-bar-private/moderncssm/components/closer/default.module.css

@@ -7,6 +7,8 @@
     --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
 
     /* back-arrow */
+
+    /* button-text */
 }
 .button {
     background: var(--color-light-monochrome-white-4);

package/navigation-bar-private/moderncssm/components/closer/inverted.module.css

@@ -9,6 +9,8 @@
     );
 
     /* back-arrow */
+
+    /* button-text */
 }
 .button {
     background: var(--color-light-monochrome-white-4-inverted);

package/navigation-bar-private/moderncssm/index.js

@@ -9,7 +9,9 @@ import '../../button/moderncssm/desktop';
 import '../../typography/moderncssm';
 import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import '@alfalab/icons-glyph/ArrowLeftMIcon';
+import './components/back-arrow-addon/default.module.css';
 import './components/back-arrow-addon/index.module.css';
+import './components/back-arrow-addon/inverted.module.css';
 import './components/closer/Component.js';
 import '../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';

package/navigation-bar-private/moderncssm/shared/index.js

@@ -12,4 +12,6 @@ import '../../../button/moderncssm/desktop';
 import '../../../typography/moderncssm';
 import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import '@alfalab/icons-glyph/ArrowLeftMIcon';
+import '../components/back-arrow-addon/default.module.css';
 import '../components/back-arrow-addon/index.module.css';
+import '../components/back-arrow-addon/inverted.module.css';

package/navigation-bar-private/moderncssm/types.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
+type ColorType = 'default' | 'inverted';
 type NavigationBarPrivateProps = {
     /**
      * Контент шапки
@@ -120,10 +121,18 @@ type NavigationBarPrivateProps = {
      * Дополнительный класс для title
      */
     titleClassName?: string;
+    /**
+     * Дополнительный класс для subtitle
+     */
+    subtitleClassName?: string;
     /**
      * Ref для title элемента
      */
     titleRef?: RefObject<HTMLDivElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 };
 type ContentParams = {
     extraClassName?: string;
@@ -131,4 +140,4 @@ type ContentParams = {
     style?: React.CSSProperties;
     hidden?: boolean;
 };
-export { NavigationBarPrivateProps, ContentParams };
+export { ColorType, NavigationBarPrivateProps, ContentParams };

package/navigation-bar-private/moderncssm/vars.css

@@ -4,4 +4,6 @@
     /* closer-mobile */
 
     /* back-arrow */
+
+    /* button-text */
 }

package/navigation-bar-private/types.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
+type ColorType = 'default' | 'inverted';
 type NavigationBarPrivateProps = {
     /**
      * Контент шапки
@@ -120,10 +121,18 @@ type NavigationBarPrivateProps = {
      * Дополнительный класс для title
      */
     titleClassName?: string;
+    /**
+     * Дополнительный класс для subtitle
+     */
+    subtitleClassName?: string;
     /**
      * Ref для title элемента
      */
     titleRef?: RefObject<HTMLDivElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 };
 type ContentParams = {
     extraClassName?: string;
@@ -131,4 +140,4 @@ type ContentParams = {
     style?: React.CSSProperties;
     hidden?: boolean;
 };
-export { NavigationBarPrivateProps, ContentParams };
+export { ColorType, NavigationBarPrivateProps, ContentParams };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "48.29.0-beta.1",
+  "version": "48.29.0-snapshot.2-b4d1ee6",
   "license": "MIT",
   "repository": {
     "type": "git",

package/picker-button/Component-c44170fe.d.ts

@@ -163,7 +163,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | 64 | "m" | "l" | "xl" | 48 | 40 | 56 | 72 | undefined;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Набор цветов для компонента
      */

package/picker-button/cssm/mobile/Component.mobile.js

@@ -25,7 +25,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
         breakpoint: breakpoint,
         icon: icon,
     };
-    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, isSwipeMarkerAvailable: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
 });
 
 exports.PickerButtonMobile = PickerButtonMobile;

package/picker-button/cssm/typings-d515b24c.d.ts

@@ -16,6 +16,7 @@ import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "../../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
+type ColorType = "default" | "inverted";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Текст после иконки
@@ -37,6 +38,10 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
      * Обработчик клика
      */
     onClick?: () => void;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 }
 interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
@@ -72,6 +77,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
+type ColorType$0 = "default" | "inverted";
 type NavigationBarPrivateProps = {
     /**
      * Контент шапки
@@ -189,13 +195,22 @@ type NavigationBarPrivateProps = {
      * Дополнительный класс для title
      */
     titleClassName?: string;
+    /**
+     * Дополнительный класс для subtitle
+     */
+    subtitleClassName?: string;
     /**
      * Ref для title элемента
      */
     titleRef?: RefObject<HTMLDivElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType$0;
 };
 type NavigationBarProps = NavigationBarPrivateProps;
 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$1 = "default" | "inverted";
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
     /**
@@ -285,8 +300,13 @@ type BottomSheetProps = {
      */
     modalWrapperClassName?: string;
     /**
-     * Дополнительный класс для маркера
+     * Дефолтный маркер
+     * @default true
      */
+    isSwipeMarkerAvailable?: boolean;
+    /*
+    * Дополнительный класс для маркера
+    */
     swipeableMarkerClassName?: string;
     /**
      * Кастомный маркер
@@ -480,6 +500,10 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType$1;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
@@ -596,11 +620,17 @@ type FooterProps$0 = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType$1;
 };
 declare const Footer$0: FC<FooterProps$0>;
 type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
+    colors?: ColorType$1;
+    isSwipeMarkerAvailable?: boolean;
 };
 declare const Header$0: FC<HeaderProps$0>;
 type SwipeableBackdropProps = BackdropProps & {

package/picker-button/esm/mobile/Component.mobile.js

@@ -26,7 +26,7 @@ var PickerButtonMobile = forwardRef(function (_a, ref) {
         breakpoint: breakpoint,
         icon: icon,
     };
-    return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+    return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true, isSwipeMarkerAvailable: false }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
 });
 
 export { PickerButtonMobile };

package/picker-button/esm/typings-d515b24c.d.ts

@@ -16,6 +16,7 @@ import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "../../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
+type ColorType = "default" | "inverted";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Текст после иконки
@@ -37,6 +38,10 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
      * Обработчик клика
      */
     onClick?: () => void;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 }
 interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
@@ -72,6 +77,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
+type ColorType$0 = "default" | "inverted";
 type NavigationBarPrivateProps = {
     /**
      * Контент шапки
@@ -189,13 +195,22 @@ type NavigationBarPrivateProps = {
      * Дополнительный класс для title
      */
     titleClassName?: string;
+    /**
+     * Дополнительный класс для subtitle
+     */
+    subtitleClassName?: string;
     /**
      * Ref для title элемента
      */
     titleRef?: RefObject<HTMLDivElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType$0;
 };
 type NavigationBarProps = NavigationBarPrivateProps;
 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$1 = "default" | "inverted";
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
     /**
@@ -285,8 +300,13 @@ type BottomSheetProps = {
      */
     modalWrapperClassName?: string;
     /**
-     * Дополнительный класс для маркера
+     * Дефолтный маркер
+     * @default true
      */
+    isSwipeMarkerAvailable?: boolean;
+    /*
+    * Дополнительный класс для маркера
+    */
     swipeableMarkerClassName?: string;
     /**
      * Кастомный маркер
@@ -480,6 +500,10 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType$1;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
@@ -596,11 +620,17 @@ type FooterProps$0 = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType$1;
 };
 declare const Footer$0: FC<FooterProps$0>;
 type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
+    colors?: ColorType$1;
+    isSwipeMarkerAvailable?: boolean;
 };
 declare const Header$0: FC<HeaderProps$0>;
 type SwipeableBackdropProps = BackdropProps & {

package/picker-button/mobile/Component.mobile.js

@@ -25,7 +25,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
         breakpoint: breakpoint,
         icon: icon,
     };
-    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, isSwipeMarkerAvailable: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
 });
 
 exports.PickerButtonMobile = PickerButtonMobile;

package/picker-button/modern/mobile/Component.mobile.js

@@ -27,6 +27,7 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
     return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
             title: label,
             stickyHeader: true,
+            isSwipeMarkerAvailable: false,
             ...bottomSheetProps,
         }, Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: {
             ...fieldDefaultProps,