@alfalab/core-components 42.0.0-beta.2 → 42.0.0

package/segmented-control/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bnkz */
+/* hash: 1bdou */
 :root {
 } /* deprecated */ :root {
     --color-light-border-tertiary: #f3f4f5;
@@ -27,48 +27,48 @@
 } :root {
     --size-xxs-height: 32px;
     --size-xs-height: 40px;
-} .segmented-control__wrapper_c36b2 {
+} .segmented-control__wrapper_1wcnq {
     background-color: var(--color-light-specialbg-secondary-transparent);
     display: flex;
-} .segmented-control__container_c36b2 {
+} .segmented-control__container_1wcnq {
     position: relative;
     display: flex;
     flex: 1;
-} .segmented-control__inner_c36b2 {
+} .segmented-control__inner_1wcnq {
     display: flex;
     flex: 1;
     margin: 0 var(--gap-3xs);
-} .segmented-control__segment_c36b2 {
+} .segmented-control__segment_1wcnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400
-} .segmented-control__segment_c36b2.segmented-control__selected_c36b2 {
+} .segmented-control__segment_1wcnq.segmented-control__selected_1wcnq {
         color: var(--color-static-text-primary-dark);
-    } .segmented-control__selected_c36b2 {
+    } .segmented-control__selected_1wcnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500
-} .segmented-control__selected_c36b2:before,
-    .segmented-control__selected_c36b2 + .segmented-control__segment_c36b2:before {
+} .segmented-control__selected_1wcnq:before,
+    .segmented-control__selected_1wcnq + .segmented-control__segment_1wcnq:before {
         opacity: 0;
-    } .segmented-control__xs_c36b2 {
+    } .segmented-control__xs_1wcnq {
     height: var(--size-xs-height)
-} .segmented-control__xs_c36b2 .segmented-control__rounded_c36b2,
-    .segmented-control__xs_c36b2:has(.segmented-control__rounded_c36b2) {
+} .segmented-control__xs_1wcnq .segmented-control__rounded_1wcnq,
+    .segmented-control__xs_1wcnq:has(.segmented-control__rounded_1wcnq) {
         border-radius: var(--border-radius-xxl);
-    } .segmented-control__xs_c36b2:has(.segmented-control__rectangular_c36b2) {
+    } .segmented-control__xs_1wcnq:has(.segmented-control__rectangular_1wcnq) {
         border-radius: var(--border-radius-l)
-    } .segmented-control__xs_c36b2:has(.segmented-control__rectangular_c36b2) .segmented-control__selectedBox_c36b2 {
+    } .segmented-control__xs_1wcnq:has(.segmented-control__rectangular_1wcnq) .segmented-control__selectedBox_1wcnq {
             border-radius: 10px;
-        } .segmented-control__xxs_c36b2 {
+        } .segmented-control__xxs_1wcnq {
     height: var(--size-xxs-height);
-} .segmented-control__rounded_c36b2 {
+} .segmented-control__rounded_1wcnq {
     border-radius: var(--border-radius-xl);
-} .segmented-control__rectangular_c36b2 {
+} .segmented-control__rectangular_1wcnq {
     border-radius: 10px
-} .segmented-control__rectangular_c36b2 .segmented-control__selectedBox_c36b2 {
+} .segmented-control__rectangular_1wcnq .segmented-control__selectedBox_1wcnq {
         border-radius: var(--border-radius-m);
-    } .segmented-control__selectedBox_c36b2 {
+    } .segmented-control__selectedBox_1wcnq {
     border: 0.5px solid var(--color-light-border-tertiary);
     box-sizing: border-box;
     position: absolute;

package/segmented-control/modern/Component.js

@@ -3,7 +3,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { SegmentedControlContext } from './context.js';
 
-const styles = {"wrapper":"segmented-control__wrapper_c36b2","container":"segmented-control__container_c36b2","inner":"segmented-control__inner_c36b2","segment":"segmented-control__segment_c36b2","selected":"segmented-control__selected_c36b2","xs":"segmented-control__xs_c36b2","rounded":"segmented-control__rounded_c36b2","rectangular":"segmented-control__rectangular_c36b2","selectedBox":"segmented-control__selectedBox_c36b2","xxs":"segmented-control__xxs_c36b2"};
+const styles = {"wrapper":"segmented-control__wrapper_1wcnq","container":"segmented-control__container_1wcnq","inner":"segmented-control__inner_1wcnq","segment":"segmented-control__segment_1wcnq","selected":"segmented-control__selected_1wcnq","xs":"segmented-control__xs_1wcnq","rounded":"segmented-control__rounded_1wcnq","rectangular":"segmented-control__rectangular_1wcnq","selectedBox":"segmented-control__selectedBox_1wcnq","xxs":"segmented-control__xxs_1wcnq"};
 require('./index.css');
 
 const MAX_SEGMENTS = 5;

package/segmented-control/modern/components/segment/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { SegmentedControlContext } from '../../context.js';
 
-const styles = {"segment":"segmented-control__segment_j15o2","focused":"segmented-control__focused_j15o2"};
+const styles = {"segment":"segmented-control__segment_1a97m","focused":"segmented-control__focused_1a97m"};
 require('./index.css');
 
 const Segment = forwardRef(({ id, className, title, dataTestId }, ref) => {

package/segmented-control/modern/components/segment/index.css

@@ -1,4 +1,4 @@
-/* hash: 1a2zq */
+/* hash: amvr9 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,7 +21,7 @@
         sans-serif;
 } :root {
     --focus-color: var(--color-light-border-link);
-} .segmented-control__segment_j15o2 {
+} .segmented-control__segment_1a97m {
     flex: 1;
     z-index: 1;
     display: flex;
@@ -39,7 +39,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .segmented-control__segment_j15o2:not(:first-child):before {
+} .segmented-control__segment_1a97m:not(:first-child):before {
         content: '';
         position: absolute;
         background-color: var(--color-light-border-primary);
@@ -49,7 +49,7 @@
         border-radius: 0.5px;
         bottom: 8px;
         left: 0;
-    } .segmented-control__focused_j15o2 {
+    } .segmented-control__focused_1a97m {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/segmented-control/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bnkz */
+/* hash: 1bdou */
 :root {
 } /* deprecated */ :root {
     --color-light-border-tertiary: #f3f4f5;
@@ -27,48 +27,48 @@
 } :root {
     --size-xxs-height: 32px;
     --size-xs-height: 40px;
-} .segmented-control__wrapper_c36b2 {
+} .segmented-control__wrapper_1wcnq {
     background-color: var(--color-light-specialbg-secondary-transparent);
     display: flex;
-} .segmented-control__container_c36b2 {
+} .segmented-control__container_1wcnq {
     position: relative;
     display: flex;
     flex: 1;
-} .segmented-control__inner_c36b2 {
+} .segmented-control__inner_1wcnq {
     display: flex;
     flex: 1;
     margin: 0 var(--gap-3xs);
-} .segmented-control__segment_c36b2 {
+} .segmented-control__segment_1wcnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400
-} .segmented-control__segment_c36b2.segmented-control__selected_c36b2 {
+} .segmented-control__segment_1wcnq.segmented-control__selected_1wcnq {
         color: var(--color-static-text-primary-dark);
-    } .segmented-control__selected_c36b2 {
+    } .segmented-control__selected_1wcnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500
-} .segmented-control__selected_c36b2:before,
-    .segmented-control__selected_c36b2 + .segmented-control__segment_c36b2:before {
+} .segmented-control__selected_1wcnq:before,
+    .segmented-control__selected_1wcnq + .segmented-control__segment_1wcnq:before {
         opacity: 0;
-    } .segmented-control__xs_c36b2 {
+    } .segmented-control__xs_1wcnq {
     height: var(--size-xs-height)
-} .segmented-control__xs_c36b2 .segmented-control__rounded_c36b2,
-    .segmented-control__xs_c36b2:has(.segmented-control__rounded_c36b2) {
+} .segmented-control__xs_1wcnq .segmented-control__rounded_1wcnq,
+    .segmented-control__xs_1wcnq:has(.segmented-control__rounded_1wcnq) {
         border-radius: var(--border-radius-xxl);
-    } .segmented-control__xs_c36b2:has(.segmented-control__rectangular_c36b2) {
+    } .segmented-control__xs_1wcnq:has(.segmented-control__rectangular_1wcnq) {
         border-radius: var(--border-radius-l)
-    } .segmented-control__xs_c36b2:has(.segmented-control__rectangular_c36b2) .segmented-control__selectedBox_c36b2 {
+    } .segmented-control__xs_1wcnq:has(.segmented-control__rectangular_1wcnq) .segmented-control__selectedBox_1wcnq {
             border-radius: 10px;
-        } .segmented-control__xxs_c36b2 {
+        } .segmented-control__xxs_1wcnq {
     height: var(--size-xxs-height);
-} .segmented-control__rounded_c36b2 {
+} .segmented-control__rounded_1wcnq {
     border-radius: var(--border-radius-xl);
-} .segmented-control__rectangular_c36b2 {
+} .segmented-control__rectangular_1wcnq {
     border-radius: 10px
-} .segmented-control__rectangular_c36b2 .segmented-control__selectedBox_c36b2 {
+} .segmented-control__rectangular_1wcnq .segmented-control__selectedBox_1wcnq {
         border-radius: var(--border-radius-m);
-    } .segmented-control__selectedBox_c36b2 {
+    } .segmented-control__selectedBox_1wcnq {
     border: 0.5px solid var(--color-light-border-tertiary);
     box-sizing: border-box;
     position: absolute;

package/select/{Component.mobile-b2c0420d.d.ts → Component.mobile-f1f15074.d.ts}

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, ReactNode, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, AnchorHTMLAttributes } from "react";
+import { FC, ReactNode, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, AnchorHTMLAttributes, ReactElement } from "react";
 import { ContentProps, TResponsiveModalContext, View, ModalMobileProps } from "./typings-baf4875b";
-import { ButtonProps } from "../button";
 import { BaseModalContext } from "../base-modal";
+import { ButtonProps } from "../button";
 declare const Content: FC<ContentProps>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").BaseModalProps & {
@@ -14,6 +14,29 @@ declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").Bas
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const Footer: FC<FooterProps>;
 interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Вид компонента
@@ -44,7 +67,6 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-declare const Closer: FC<CloserProps>;
 type NavigationBarProps = {
     /**
      * Контент шапки
@@ -147,32 +169,9 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
 declare const Header: FC<HeaderProps>;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
-declare const Footer: FC<FooterProps>;
+declare const ModalContext: import("react").Context<BaseModalContext>;
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Текст после иконки
@@ -341,7 +340,7 @@ type IconButtonProps = {
      */
     icon: ElementType<{
         className?: string;
-    }>;
+    }> | ReactElement;
     /**
      * Тип кнопки
      */
@@ -371,20 +370,18 @@ type IconButtonProps = {
 declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
-    }>;
+    }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
-    alignIcon?: "right" | "left" | "center" | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ModalContext: import("react").Context<BaseModalContext>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-baf4875b").ContentProps>;
     Header: React.FC<HeaderProps>;
     Footer: React.FC<FooterProps>;
-    Closer: React.FC<CloserProps>;
 };
-export { Content, ResponsiveContext, Modal, NavigationBar, CloserProps, Closer, HeaderProps, Header, FooterProps, Footer, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, ModalContext, ModalMobile };
-export type { NavigationBarProps, TitleProps, TextProps, Color };
+export { Content, ResponsiveContext, Modal, FooterProps, Footer, HeaderProps, Header, ModalContext, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, ModalMobile };
+export type { TitleProps, TextProps, Color };

package/select/Component.mobile.js

@@ -11,7 +11,7 @@ var components_optgroup_Component = require('./components/optgroup/Component.js'
 var components_option_Component = require('./components/option/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-19b561cb.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-6e94be9c.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/Component.modal.mobile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ModalMobile } from "./Component.mobile-b2c0420d";
+import { ModalMobile } from "./Component.mobile-f1f15074";
 import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
 import { BaseSelectProps } from "./typings";
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component.mobile-b2c0420d").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component.mobile-f1f15074").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */
@@ -50,7 +50,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
     showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
     /**
      * Использовать ли хук useSelectWithApply

package/select/Component.modal.mobile.js

@@ -11,7 +11,7 @@ var components_optgroup_Component = require('./components/optgroup/Component.js'
 var components_option_Component = require('./components/option/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-19b561cb.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-6e94be9c.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/Component.responsive.js

@@ -38,7 +38,7 @@ require('../base-modal');
 require('../button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-19b561cb.js');
+require('./hook-6e94be9c.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/components/arrow/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { ArrowProps } from "../../typings";
-declare const Arrow: ({ open, className }: ArrowProps) => JSX.Element;
+declare const Arrow: ({ open, className }: ArrowProps) => React.JSX.Element;
 export { Arrow };

package/select/components/arrow/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"select__arrow_tgzu3","open":"select__open_tgzu3"};
+var styles = {"arrow":"select__arrow_1hzcy","open":"select__open_1hzcy"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 59z2h */
+/* hash: niexi */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* 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 */
@@ -26,13 +26,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_tgzu3 {
+} .select__arrow_1hzcy {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_tgzu3 {
+} .select__open_1hzcy {
     transform: var(--arrow-transform);
 }

package/select/components/base-checkmark/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "../../typings";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
 export { BaseCheckmark };

package/select/components/base-checkmark/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"checkmark":"select__checkmark_bv15v","single":"select__single_bv15v","selected":"select__selected_bv15v"};
+var styles = {"checkmark":"select__checkmark_12dqe","single":"select__single_12dqe","selected":"select__selected_12dqe"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

package/select/components/base-checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: kwdgg */
+/* hash: kmmfi */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -23,14 +23,14 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_bv15v {
+} .select__checkmark_12dqe {
     flex-shrink: 0;
     box-sizing: border-box;
-} .select__single_bv15v {
+} .select__single_12dqe {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_bv15v.select__selected_bv15v {
+} .select__single_12dqe.select__selected_12dqe {
         opacity: 1;
     }

package/select/components/base-option/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"option":"select__option_1kejj","disabled":"select__disabled_1kejj","checkmarkBefore":"select__checkmarkBefore_1kejj","mobile":"select__mobile_1kejj","checkmarkAfter":"select__checkmarkAfter_1kejj","textContent":"select__textContent_1kejj","selected":"select__selected_1kejj","highlighted":"select__highlighted_1kejj","content":"select__content_1kejj"};
+var styles = {"option":"select__option_4pn0p","disabled":"select__disabled_4pn0p","checkmarkBefore":"select__checkmarkBefore_4pn0p","mobile":"select__mobile_4pn0p","checkmarkAfter":"select__checkmarkAfter_4pn0p","textContent":"select__textContent_4pn0p","selected":"select__selected_4pn0p","highlighted":"select__highlighted_4pn0p","content":"select__content_4pn0p"};
 require('./index.css');
 
 var BaseOption = function (_a) {

package/select/components/base-option/index.css

@@ -1,4 +1,4 @@
-/* hash: bj2m7 */
+/* hash: 18cgn */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -43,7 +43,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1kejj {
+} .select__option_4pn0p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -60,32 +60,32 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_1kejj:not(.select__disabled_1kejj):active {
+} .select__option_4pn0p:not(.select__disabled_4pn0p):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1kejj.select__checkmarkBefore_1kejj {
+    } .select__option_4pn0p.select__checkmarkBefore_4pn0p {
         padding: 0 0 0 var(--gap-s)
-    } .select__option_1kejj.select__checkmarkBefore_1kejj.select__mobile_1kejj {
+    } .select__option_4pn0p.select__checkmarkBefore_4pn0p.select__mobile_4pn0p {
             padding-left: var(--gap-m);
-        } .select__option_1kejj.select__checkmarkAfter_1kejj {
+        } .select__option_4pn0p.select__checkmarkAfter_4pn0p {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_1kejj.select__checkmarkAfter_1kejj.select__mobile_1kejj {
+    } .select__option_4pn0p.select__checkmarkAfter_4pn0p.select__mobile_4pn0p {
             padding-right: var(--gap-l);
-        } .select__option_1kejj.select__textContent_1kejj {
+        } .select__option_4pn0p.select__textContent_4pn0p {
         padding: var(--gap-s)
-    } .select__option_1kejj.select__textContent_1kejj.select__mobile_1kejj {
+    } .select__option_4pn0p.select__textContent_4pn0p.select__mobile_4pn0p {
             padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
-        } .select__selected_1kejj {
+        } .select__selected_4pn0p {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1kejj {
+} .select__highlighted_4pn0p {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_1kejj {
+} .select__disabled_4pn0p {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1kejj {
+} .select__content_4pn0p {
     flex: 1;
 }

package/select/components/base-select/Component.js

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select__component_dc07h","popoverInner":"select__popoverInner_dc07h","optionsList":"select__optionsList_dc07h","optionsListBorder":"select__optionsListBorder_dc07h","nativeSelect":"select__nativeSelect_dc07h","block":"select__block_dc07h"};
+var styles = {"component":"select__component_9le18","popoverInner":"select__popoverInner_9le18","optionsList":"select__optionsList_9le18","optionsListBorder":"select__optionsListBorder_9le18","nativeSelect":"select__nativeSelect_9le18","block":"select__block_9le18"};
 require('./index.css');
 
 var BaseSelect = React.forwardRef(function (_a, ref) {

package/select/components/base-select/index.css

@@ -1,4 +1,4 @@
-/* hash: ryzg2 */
+/* hash: ul4l3 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -36,11 +36,11 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_dc07h {
+} .select__component_9le18 {
     width: max-content;
     position: relative;
     outline: 0;
-} .select__popoverInner_dc07h {
+} .select__popoverInner_9le18 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -48,7 +48,7 @@
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__optionsList_dc07h {
+} .select__optionsList_9le18 {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -57,7 +57,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_dc07h {
+} .select__optionsListBorder_9le18 {
     position: absolute;
     top: 0;
     right: 0;
@@ -66,7 +66,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-border-secondary);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_dc07h {
+} .select__nativeSelect_9le18 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -79,10 +79,10 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_dc07h {
+} .select__block_9le18 {
     width: 100%;
 } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_dc07h {
+    .select__component_9le18 {
         float: left;
         clear: left;
     }

package/select/components/base-select-mobile/Component.d.ts

@@ -61,10 +61,10 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("../../Component.mobile-b2c0420d").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("../../Component.mobile-f1f15074").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("../../Component.mobile-b2c0420d").FooterProps> | undefined;
+    modalFooterProps?: Partial<import("../../Component.mobile-f1f15074").FooterProps> | undefined;
 } & React.RefAttributes<unknown>>;
 export { SelectMobileProps, BaseSelectMobile };