@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/components/Select/Select.d.ts

@@ -1,180 +1,194 @@
-import React, { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';
-import { ButtonUse } from '../Button';
-import { Nullable } from '../../typings/utility-types';
-import { Theme, ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { Item } from './Item';
-export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
-    disabled?: boolean;
-    label: React.ReactNode;
-    onClick: () => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    opened: boolean;
-    isPlaceholder: boolean;
-    size: SizeProp;
-}
-export declare const SelectDataTids: {
-    readonly root: "Select__root";
-    readonly menu: "Select__menu";
-    readonly label: "Select__label";
-};
-export declare const SelectIds: {
-    readonly menu: "Select__menu";
-};
-type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
-export interface SelectProps<TValue, TItem> extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    /** @ignore */
-    _icon?: React.ReactNode;
-    /** @ignore */
-    _renderButton?: (params: ButtonParams) => React.ReactNode;
-    defaultValue?: TValue;
-    menuOffset?: number;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
-    /**
-     * Набор значений. Поддерживаются любые перечисляемые типы, в том числе
-     * `Array`, `Map`, `Immutable.Map`.
-     *
-     * Элементы воспринимаются следующим образом: если элемент — это массив, то
-     * первый элемент является значением, второй — отображается в списке,
-     * а третий – комментарий;
-     * если элемент не является массивом, то он используется и для отображения,
-     * и для значения.
-     *
-     * Для вставки разделителя можно использовать `Select.SEP`.
-     *
-     * Вставить невыделяемый элемент со своей разметкой можно так:
-     * ```
-     * <Select ...
-     *   items={[Select.staticElement(() => <div>My Element</div>)]}
-     * />
-     * ```
-     *
-     * Чтобы добавить стандартный отступ для статического элемента:
-     * ```
-     * <Select.Item>My Element</Select.Item>
-     * ```
-     */
-    items?: Array<SelectItem<TValue, TItem>>;
-    maxMenuHeight?: number;
-    maxWidth?: React.CSSProperties['maxWidth'];
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom' | 'middle';
-    menuAlign?: 'left' | 'right';
-    menuWidth?: React.CSSProperties['width'];
-    onValueChange?: (value: TValue) => void;
-    onClose?: () => void;
-    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    onOpen?: () => void;
-    placeholder?: React.ReactNode;
-    /**
-     * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,
-     * *item*.
-     */
-    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
-    /**
-     * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.
-     */
-    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
-    /**
-     * Функция для сравнения `value` с элементом из `items`
-     */
-    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
-    /**
-     * Показывать строку поиска в списке.
-     */
-    search?: boolean;
-    value?: TValue;
-    theme?: ThemeIn | Theme;
-    width?: number | string;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    use?: ButtonUse;
-    size?: SizeProp;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    /**
-     * Текст заголовка выпадающего меню в мобильной версии
-     */
-    mobileMenuHeaderText?: string;
-}
-export interface SelectState<TValue> {
-    opened: boolean;
-    searchPattern: string;
-    value: Nullable<TValue>;
-}
-type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>>;
-export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
-    static Item: typeof Item;
-    static SEP: () => React.JSX.Element;
-    static staticElement: (element: React.ReactElement | (() => React.ReactElement)) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | (() => React.ReactElement);
-    state: SelectState<TValue>;
-    private theme;
-    private isMobileLayout;
-    private readonly locale;
-    private menu;
-    private menuId;
-    private buttonElement;
-    private getProps;
-    private setRootNode;
-    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    open: () => void;
-    /**
-     * @public
-     */
-    close: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    private getMenuRenderer;
-    private renderMain;
-    private getDefaultButtonParams;
-    private renderLabel;
-    private getLeftIconClass;
-    private renderDefaultButton;
-    private getSelectIconGap;
-    private renderMenu;
-    private getSearch;
-    private renderMobileMenu;
-    private getMobileSearch;
-    private getMenuItems;
-    private popupGetParent;
-    private focusInput;
-    private debouncedFocusInput;
-    private refMenu;
-    private toggle;
-    private handleKey;
-    private handleSearch;
-    private select;
-    private getValue;
-    private mapItems;
-    private getItemByValue;
-    private areValuesEqual;
-    private buttonRef;
-    private getButton;
-}
-export {};
+import type { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { ButtonUse } from '../Button';
+import type { Nullable } from '../../typings/utility-types';
+import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+import { Item } from './Item';
+export * from './tids';
+export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает лейбл. */
+    label: React.ReactNode;
+    /** Задает функцию, которая вызывается при клике на селект. */
+    onClick: () => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /** Определяет, открыто ли выпадающее меню. */
+    opened: boolean;
+    /** Определяет, есть ли Placeholder. */
+    isPlaceholder: boolean;
+    /** Задает размер контрола. */
+    size: SizeProp;
+}
+export declare const SelectIds: {
+    readonly menu: "Select__menu";
+};
+type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
+export interface SelectProps<TValue, TItem> extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** @ignore */
+    _icon?: React.ReactNode;
+    /** @ignore */
+    _renderButton?: (params: ButtonParams) => React.ReactNode;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Задает значение по умолчанию. */
+    defaultValue?: TValue;
+    menuOffset?: number;
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Делает компонент недоступным.*/
+    disabled?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Задает функцию, которая отфильтровывает элементы по заданному паттерну. */
+    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
+    /** Задает набор значений. Поддерживаются любые перечисляемые типы, в том числе `Array`, `Map`, `Immutable.Map`.
+     *
+     * Элементы воспринимаются следующим образом: если элемент — это массив, то первый элемент является значением,
+     * второй — отображается в списке, а третий – комментарий;
+     * если элемент не является массивом, то он используется и для отображения, и для значения.
+     *
+     * Для вставки разделителя можно использовать `Select.SEP`.
+     *
+     * Вставить невыделяемый элемент со своей разметкой можно так:
+     * @example
+     * ```
+     * <Select ...
+     *   items={[Select.staticElement(() => <div>My Element</div>)]}
+     * />
+     * ```
+     *
+     * Чтобы добавить стандартный отступ для статического элемента:
+     * @example
+     * ```
+     * <Select.Item>My Element</Select.Item>
+     * ``` */
+    items?: Array<SelectItem<TValue, TItem>>;
+    /** Задает максимальную высоту меню. */
+    maxMenuHeight?: number;
+    /** Задает максимальную ширину. */
+    maxWidth?: React.CSSProperties['maxWidth'];
+    /** Задает текущую позицию выпадающего окна вручную. */
+    menuPos?: 'top' | 'bottom' | 'middle';
+    /** Задает выравнивание меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает ширину выпадающего меню. */
+    menuWidth?: React.CSSProperties['width'];
+    /** Задает функцию, вызывающуюся при изменении value. */
+    onValueChange?: (value: TValue) => void;
+    /** Задает функцию, которая вызывается при закрытии меню. */
+    onClose?: () => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */
+    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при открытии меню. */
+    onOpen?: () => void;
+    /** Задает текст, который отображается если не введено никакое значение. */
+    placeholder?: React.ReactNode;
+    /** Задает функцию, которая отображает элемент в выпадающем списке. */
+    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
+    /** Задает функцию, которая отображает выбранный элемент. */
+    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
+    /** Задает функцию сравнения `value` с элементом из `items`. */
+    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
+    /** Показывает строку поиска в списке. */
+    search?: boolean;
+    /** Задает значение. */
+    value?: TValue;
+    theme?: ThemeIn | Theme;
+    /** Задает длину контрола. */
+    width?: number | string;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задаёт стиль кнопки. */
+    use?: ButtonUse;
+    /** Задает размер. */
+    size?: SizeProp;
+    /** Задаёт HTML-событие `onfocus`. */
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    /** Задаёт HTML-событие `onblur`. */
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    /** Задает текст заголовка выпадающего меню в мобильной версии. */
+    mobileMenuHeaderText?: string;
+}
+export interface SelectState<TValue> {
+    opened: boolean;
+    searchPattern: string;
+    value: Nullable<TValue>;
+}
+type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>>;
+/**
+ * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.
+ *
+ * Используйте `Select` при:
+ * * заполнении форм, например для выбора месяца.
+ * * переключении состояний, например, фильтра.
+ * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.
+ *
+ * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.
+ */
+export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
+    static Item: typeof Item;
+    static SEP: () => React.JSX.Element;
+    static staticElement: (element: React.ReactElement | (() => React.ReactElement)) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | (() => React.ReactElement);
+    state: SelectState<TValue>;
+    private theme;
+    private isMobileLayout;
+    private readonly locale;
+    private menu;
+    private menuId;
+    private buttonElement;
+    private getProps;
+    private setRootNode;
+    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    open: () => void;
+    /**
+     * @public
+     */
+    close: () => void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    private getMenuRenderer;
+    private renderMain;
+    private getDefaultButtonParams;
+    private renderLabel;
+    private getLeftIconClass;
+    private renderDefaultButton;
+    private getSelectIconGap;
+    private renderMenu;
+    private getSearch;
+    private renderMobileMenu;
+    private getMobileSearch;
+    private getMenuItems;
+    private popupGetParent;
+    private focusInput;
+    private debouncedFocusInput;
+    private refMenu;
+    private toggle;
+    private handleKey;
+    private handleSearch;
+    private select;
+    private getValue;
+    private mapItems;
+    private getItemByValue;
+    private areValuesEqual;
+    private buttonRef;
+    private getButton;
+}

package/components/Select/Select.md

@@ -1,4 +1,4 @@
-Простой пример.
+### Базовый пример
 
 ```jsx harmony
 const [value, setValue] = React.useState();
@@ -9,7 +9,7 @@ const items = [Select.staticElement(() => <Select.Item>Not
 <Select items={items} value={value} onValueChange={setValue}/>;
 ```
 
-
+### Запрет выделения и выбора
 В пункты меню можно передать проп `isNotSelectable`, чтобы запретить выделение и выбор этого пункта меню
 
 ```jsx harmony
@@ -21,6 +21,7 @@ const items = [<Select.Item isNotSelectable>Not selectable</Select.Item>, 'One',
 <Select items={items} value={value} onValueChange={setValue} />
 ```
 
+### Очистка значения
 Очистить значение в `Select`'е можно только с помощью `null`
 ```jsx harmony
 import { Button, Group } from '@skbkontur/react-ui';
@@ -35,7 +36,7 @@ const items = ['One', 'Two', 'Three', 'Four'];
 </Group>
 ```
 
-Пример с полем поиска.
+### Поле поиска
 
 ```jsx harmony
 const [value, setValue] = React.useState();
@@ -45,7 +46,7 @@ const items = ['One', 'Two', 'Three', Select.SEP, 'Four'];
 <Select items={items} value={value} onValueChange={setValue} search />;
 ```
 
-Пример использования пропа `_renderButton`:
+### Пример использования пропа `_renderButton`:
 
 ```jsx harmony
 import {Link} from '@skbkontur/react-ui';
@@ -78,7 +79,7 @@ const renderLinkButton = params => {
 />;
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface SelectLocale {
@@ -94,7 +95,7 @@ const en_GB = {
 };
 ```
 
-У Select есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
 

package/components/Select/Select.styles/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootMobile","t","_templateObject2","selectRootWidthMobile","mobileSelectMaxWidth","placeholder","_templateObject3","selectPlaceholderColor","placeholderDisabled","_templateObject4","selectPlaceholderColorDisabled","customUsePlaceholder","_templateObject5","arrowWrap","_templateObject6","selectMenuArrowColor","arrowDisabled","_templateObject7","selectMenuArrowColorDisabled","customUseArrow","_templateObject8","label","_templateObject9","search","_templateObject10","leftIconSmall","_templateObject11","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","_templateObject12","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","_templateObject13","selectIconGapLarge","btnIconSizeLarge","leftIconLink","_templateObject14","btnLinkIconMarginRight","selectButtonContainer","_templateObject15"],"sources":["Select.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      width: ${t.selectRootWidthMobile};\n      max-width: ${t.mobileSelectMaxWidth};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColor};\n      text-overflow: ellipsis;\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColorDisabled};\n    `;\n  },\n\n  customUsePlaceholder() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  arrowWrap(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColor};\n      flex-shrink: 0;\n    `;\n  },\n\n  arrowDisabled(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColorDisabled};\n    `;\n  },\n\n  customUseArrow() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  label() {\n    return css`\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    `;\n  },\n\n  search() {\n    return css`\n      margin: 1px 4px 4px;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  leftIconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  selectButtonContainer() {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    `;\n  },\n});\n"],"mappings":"sXAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDC,UAAU,WAAAA,WAACC,CAAQ,EAAE;IACnB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,qBAAqB;IACnBF,CAAC,CAACG,oBAAoB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAACJ,CAAQ,EAAE;IACpB,OAAOP,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCE,CAAC,CAACM,sBAAsB;;;EAGrC,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACP,CAAQ,EAAE;IAC5B,OAAOP,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCE,CAAC,CAACS,8BAA8B;;EAE7C,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;EAIZ,CAAC;;EAEDc,SAAS,WAAAA,UAACZ,CAAQ,EAAE;IAClB,OAAOP,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACCE,CAAC,CAACc,oBAAoB;;;EAGnC,CAAC;;EAEDC,aAAa,WAAAA,cAACf,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACCE,CAAC,CAACiB,4BAA4B;;EAE3C,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;EAIZ,CAAC;;EAEDsB,KAAK,WAAAA,MAAA,EAAG;IACN,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;;;;;EAMZ,CAAC;;EAEDwB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;;EAGZ,CAAC;;EAED0B,aAAa,WAAAA,cAACxB,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;IACQE,CAAC,CAAC0B,kBAAkB;IAC3B1B,CAAC,CAAC2B,gBAAgB;;EAE/B,CAAC;;EAEDC,cAAc,WAAAA,eAAC5B,CAAQ,EAAE;IACvB,OAAOP,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;IACQE,CAAC,CAAC8B,mBAAmB;IAC5B9B,CAAC,CAAC+B,iBAAiB;;EAEhC,CAAC;;EAEDC,aAAa,WAAAA,cAAChC,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;IACQE,CAAC,CAACkC,kBAAkB;IAC3BlC,CAAC,CAACmC,gBAAgB;;EAE/B,CAAC;;EAEDC,YAAY,WAAAA,aAACpC,CAAQ,EAAE;IACrB,OAAOP,GAAG,CAAA4C,iBAAA,KAAAA,iBAAA,GAAAvC,2BAAA;IACQE,CAAC,CAACsC,sBAAsB;;EAE5C,CAAC;;EAEDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAO9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootMobile","t","_templateObject2","selectRootWidthMobile","mobileSelectMaxWidth","placeholder","_templateObject3","selectPlaceholderColor","placeholderDisabled","_templateObject4","selectPlaceholderColorDisabled","customUsePlaceholder","_templateObject5","arrowWrap","_templateObject6","selectMenuArrowColor","arrowDisabled","_templateObject7","selectMenuArrowColorDisabled","customUseArrow","_templateObject8","label","_templateObject9","search","_templateObject10","leftIconSmall","_templateObject11","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","_templateObject12","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","_templateObject13","selectIconGapLarge","btnIconSizeLarge","leftIconLink","_templateObject14","btnLinkIconMarginRight","selectButtonContainer","_templateObject15"],"sources":["Select.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      width: ${t.selectRootWidthMobile};\n      max-width: ${t.mobileSelectMaxWidth};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColor};\n      text-overflow: ellipsis;\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColorDisabled};\n    `;\n  },\n\n  customUsePlaceholder() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  arrowWrap(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColor};\n      flex-shrink: 0;\n    `;\n  },\n\n  arrowDisabled(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColorDisabled};\n    `;\n  },\n\n  customUseArrow() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  label() {\n    return css`\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    `;\n  },\n\n  search() {\n    return css`\n      margin: 1px 4px 4px;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  leftIconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  selectButtonContainer() {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    `;\n  },\n});\n"],"mappings":"sXAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDC,UAAU,WAAAA,WAACC,CAAQ,EAAE;IACnB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,qBAAqB;IACnBF,CAAC,CAACG,oBAAoB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAACJ,CAAQ,EAAE;IACpB,OAAOP,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCE,CAAC,CAACM,sBAAsB;;;EAGrC,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACP,CAAQ,EAAE;IAC5B,OAAOP,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCE,CAAC,CAACS,8BAA8B;;EAE7C,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;EAIZ,CAAC;;EAEDc,SAAS,WAAAA,UAACZ,CAAQ,EAAE;IAClB,OAAOP,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACCE,CAAC,CAACc,oBAAoB;;;EAGnC,CAAC;;EAEDC,aAAa,WAAAA,cAACf,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACCE,CAAC,CAACiB,4BAA4B;;EAE3C,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;EAIZ,CAAC;;EAEDsB,KAAK,WAAAA,MAAA,EAAG;IACN,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;;;;;EAMZ,CAAC;;EAEDwB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;;EAGZ,CAAC;;EAED0B,aAAa,WAAAA,cAACxB,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;IACQE,CAAC,CAAC0B,kBAAkB;IAC3B1B,CAAC,CAAC2B,gBAAgB;;EAE/B,CAAC;;EAEDC,cAAc,WAAAA,eAAC5B,CAAQ,EAAE;IACvB,OAAOP,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;IACQE,CAAC,CAAC8B,mBAAmB;IAC5B9B,CAAC,CAAC+B,iBAAiB;;EAEhC,CAAC;;EAEDC,aAAa,WAAAA,cAAChC,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;IACQE,CAAC,CAACkC,kBAAkB;IAC3BlC,CAAC,CAACmC,gBAAgB;;EAE/B,CAAC;;EAEDC,YAAY,WAAAA,aAACpC,CAAQ,EAAE;IACrB,OAAOP,GAAG,CAAA4C,iBAAA,KAAAA,iBAAA,GAAAvC,2BAAA;IACQE,CAAC,CAACsC,sBAAsB;;EAE5C,CAAC;;EAEDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAO9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Select/Select.styles.d.ts

@@ -1,18 +1,18 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    rootMobile(t: Theme): string;
-    placeholder(t: Theme): string;
-    placeholderDisabled(t: Theme): string;
-    customUsePlaceholder(): string;
-    arrowWrap(t: Theme): string;
-    arrowDisabled(t: Theme): string;
-    customUseArrow(): string;
-    label(): string;
-    search(): string;
-    leftIconSmall(t: Theme): string;
-    leftIconMedium(t: Theme): string;
-    leftIconLarge(t: Theme): string;
-    leftIconLink(t: Theme): string;
-    selectButtonContainer(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    rootMobile(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    customUsePlaceholder(): string;
+    arrowWrap(t: Theme): string;
+    arrowDisabled(t: Theme): string;
+    customUseArrow(): string;
+    label(): string;
+    search(): string;
+    leftIconSmall(t: Theme): string;
+    leftIconMedium(t: Theme): string;
+    leftIconLarge(t: Theme): string;
+    leftIconLink(t: Theme): string;
+    selectButtonContainer(): string;
+};

package/components/Select/index.d.ts

@@ -1 +1 @@
-export * from './Select';
+export * from './Select';

package/components/Select/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SelectLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SelectLocale } from './types';\n\nexport * from './types';\n\nexport const SelectLocaleHelper = new LocaleHelper<SelectLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAY,CAAe;EAC/DG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SelectLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { SelectLocale } from './types';\n\nexport * from './types';\n\nexport const SelectLocaleHelper = new LocaleHelper<SelectLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAY,CAAe;EAC/DG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Select/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { SelectLocale } from './types';
-export * from './types';
-export declare const SelectLocaleHelper: LocaleHelper<SelectLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { SelectLocale } from './types';
+export * from './types';
+export declare const SelectLocaleHelper: LocaleHelper<SelectLocale>;

package/components/Select/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","placeholder"],"sources":["en.ts"],"sourcesContent":["import { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n  placeholder: 'Nothing selected',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;EAC7CC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","placeholder"],"sources":["en.ts"],"sourcesContent":["import type { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n  placeholder: 'Nothing selected',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;EAC7CC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/components/Select/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { SelectLocale } from '../types';
-export declare const componentsLocales: SelectLocale;
+import type { SelectLocale } from '../types';
+export declare const componentsLocales: SelectLocale;

package/components/Select/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","placeholder"],"sources":["ru.ts"],"sourcesContent":["import { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n  placeholder: 'Ничего не выбрано',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;EAC7CC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","placeholder"],"sources":["ru.ts"],"sourcesContent":["import type { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n  placeholder: 'Ничего не выбрано',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;EAC7CC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/components/Select/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { SelectLocale } from '../types';
-export declare const componentsLocales: SelectLocale;
+import type { SelectLocale } from '../types';
+export declare const componentsLocales: SelectLocale;

package/components/Select/locale/types/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\n\nexport interface SelectLocale {\n  placeholder: React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nexport interface SelectLocale {\n  placeholder: React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/components/Select/locale/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface SelectLocale {
-    placeholder: React.ReactNode;
-}
+import type React from 'react';
+export interface SelectLocale {
+    placeholder: React.ReactNode;
+}

package/components/Select/selectTheme/selectTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getSelectTheme","theme","props","baseTheme","create","btnDefaultBg","selectDefaultBg","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled","btnDefaultHoverBorderColor","selectBorderColorHover","btnBorderColorTransition","selectBorderColorTransition"],"sources":["selectTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n  const baseTheme = ThemeFactory.create(\n    {\n      btnDefaultBg: theme.selectDefaultBg,\n\n      btnBorderWidth: theme.selectBorderWidth,\n      btnOutlineWidth: theme.selectOutlineWidth,\n\n      btnLineHeightSmall: theme.selectLineHeightSmall,\n      btnFontSizeSmall: theme.selectFontSizeSmall,\n      btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n      btnPaddingYSmall: theme.selectPaddingYSmall,\n      btnIconSizeSmall: theme.selectIconSizeSmall,\n      btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n      btnLinkHoverTextDecoration: 'none',\n\n      btnLineHeightMedium: theme.selectLineHeightMedium,\n      btnFontSizeMedium: theme.selectFontSizeMedium,\n      btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n      btnPaddingYMedium: theme.selectPaddingYMedium,\n      btnIconSizeMedium: theme.selectIconSizeMedium,\n      btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.selectLineHeightLarge,\n      btnFontSizeLarge: theme.selectFontSizeLarge,\n      btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n      btnPaddingYLarge: theme.selectPaddingYLarge,\n      btnIconSizeLarge: theme.selectIconSizeLarge,\n      btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n      btnDisabledBg: theme.selectBgDisabled,\n      btnDisabledBorderColor: theme.selectBorderColorDisabled,\n      btnDisabledTextColor: theme.selectTextColorDisabled,\n\n      btnDefaultHoverBorderColor: theme.selectBorderColorHover,\n      btnBorderColorTransition: theme.selectBorderColorTransition,\n    },\n    theme,\n  );\n\n  if (props.theme) {\n    return ThemeFactory.create(props.theme, baseTheme);\n  }\n\n  return baseTheme;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;;;AAK7D,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAY,EAAEC,KAA4B,EAAY;EACnF,IAAMC,SAAS,GAAGJ,YAAY,CAACK,MAAM;IACnC;MACEC,YAAY,EAAEJ,KAAK,CAACK,eAAe;;MAEnCC,cAAc,EAAEN,KAAK,CAACO,iBAAiB;MACvCC,eAAe,EAAER,KAAK,CAACS,kBAAkB;;MAEzCC,kBAAkB,EAAEV,KAAK,CAACW,qBAAqB;MAC/CC,gBAAgB,EAAEZ,KAAK,CAACa,mBAAmB;MAC3CC,gBAAgB,EAAEb,KAAK,CAACc,KAAK,GAAGf,KAAK,CAACc,gBAAgB,GAAGd,KAAK,CAACgB,mBAAmB;MAClFC,gBAAgB,EAAEjB,KAAK,CAACkB,mBAAmB;MAC3CC,gBAAgB,EAAEnB,KAAK,CAACoB,mBAAmB;MAC3CC,oBAAoB,EAAErB,KAAK,CAACsB,uBAAuB;;MAEnDC,0BAA0B,EAAE,MAAM;;MAElCC,mBAAmB,EAAExB,KAAK,CAACyB,sBAAsB;MACjDC,iBAAiB,EAAE1B,KAAK,CAAC2B,oBAAoB;MAC7CC,iBAAiB,EAAE3B,KAAK,CAACc,KAAK,GAAGf,KAAK,CAAC4B,iBAAiB,GAAG5B,KAAK,CAAC6B,oBAAoB;MACrFC,iBAAiB,EAAE9B,KAAK,CAAC+B,oBAAoB;MAC7CC,iBAAiB,EAAEhC,KAAK,CAACiC,oBAAoB;MAC7CC,qBAAqB,EAAElC,KAAK,CAACmC,wBAAwB;;MAErDC,kBAAkB,EAAEpC,KAAK,CAACqC,qBAAqB;MAC/CC,gBAAgB,EAAEtC,KAAK,CAACuC,mBAAmB;MAC3CC,gBAAgB,EAAEvC,KAAK,CAACc,KAAK,GAAGf,KAAK,CAACwC,gBAAgB,GAAGxC,KAAK,CAACyC,mBAAmB;MAClFC,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAAmB;MAC3CC,gBAAgB,EAAE5C,KAAK,CAAC6C,mBAAmB;MAC3CC,oBAAoB,EAAE9C,KAAK,CAAC+C,uBAAuB;;MAEnDC,aAAa,EAAEhD,KAAK,CAACiD,gBAAgB;MACrCC,sBAAsB,EAAElD,KAAK,CAACmD,yBAAyB;MACvDC,oBAAoB,EAAEpD,KAAK,CAACqD,uBAAuB;;MAEnDC,0BAA0B,EAAEtD,KAAK,CAACuD,sBAAsB;MACxDC,wBAAwB,EAAExD,KAAK,CAACyD;IAClC,CAAC;IACDzD;EACF,CAAC;;EAED,IAAIC,KAAK,CAACD,KAAK,EAAE;IACf,OAAOF,YAAY,CAACK,MAAM,CAACF,KAAK,CAACD,KAAK,EAAEE,SAAS,CAAC;EACpD;;EAEA,OAAOA,SAAS;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getSelectTheme","theme","props","baseTheme","create","btnDefaultBg","selectDefaultBg","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled","btnDefaultHoverBorderColor","selectBorderColorHover","btnBorderColorTransition","selectBorderColorTransition"],"sources":["selectTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport type { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n  const baseTheme = ThemeFactory.create(\n    {\n      btnDefaultBg: theme.selectDefaultBg,\n\n      btnBorderWidth: theme.selectBorderWidth,\n      btnOutlineWidth: theme.selectOutlineWidth,\n\n      btnLineHeightSmall: theme.selectLineHeightSmall,\n      btnFontSizeSmall: theme.selectFontSizeSmall,\n      btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n      btnPaddingYSmall: theme.selectPaddingYSmall,\n      btnIconSizeSmall: theme.selectIconSizeSmall,\n      btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n      btnLinkHoverTextDecoration: 'none',\n\n      btnLineHeightMedium: theme.selectLineHeightMedium,\n      btnFontSizeMedium: theme.selectFontSizeMedium,\n      btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n      btnPaddingYMedium: theme.selectPaddingYMedium,\n      btnIconSizeMedium: theme.selectIconSizeMedium,\n      btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.selectLineHeightLarge,\n      btnFontSizeLarge: theme.selectFontSizeLarge,\n      btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n      btnPaddingYLarge: theme.selectPaddingYLarge,\n      btnIconSizeLarge: theme.selectIconSizeLarge,\n      btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n      btnDisabledBg: theme.selectBgDisabled,\n      btnDisabledBorderColor: theme.selectBorderColorDisabled,\n      btnDisabledTextColor: theme.selectTextColorDisabled,\n\n      btnDefaultHoverBorderColor: theme.selectBorderColorHover,\n      btnBorderColorTransition: theme.selectBorderColorTransition,\n    },\n    theme,\n  );\n\n  if (props.theme) {\n    return ThemeFactory.create(props.theme, baseTheme);\n  }\n\n  return baseTheme;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;;;AAK7D,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAY,EAAEC,KAA4B,EAAY;EACnF,IAAMC,SAAS,GAAGJ,YAAY,CAACK,MAAM;IACnC;MACEC,YAAY,EAAEJ,KAAK,CAACK,eAAe;;MAEnCC,cAAc,EAAEN,KAAK,CAACO,iBAAiB;MACvCC,eAAe,EAAER,KAAK,CAACS,kBAAkB;;MAEzCC,kBAAkB,EAAEV,KAAK,CAACW,qBAAqB;MAC/CC,gBAAgB,EAAEZ,KAAK,CAACa,mBAAmB;MAC3CC,gBAAgB,EAAEb,KAAK,CAACc,KAAK,GAAGf,KAAK,CAACc,gBAAgB,GAAGd,KAAK,CAACgB,mBAAmB;MAClFC,gBAAgB,EAAEjB,KAAK,CAACkB,mBAAmB;MAC3CC,gBAAgB,EAAEnB,KAAK,CAACoB,mBAAmB;MAC3CC,oBAAoB,EAAErB,KAAK,CAACsB,uBAAuB;;MAEnDC,0BAA0B,EAAE,MAAM;;MAElCC,mBAAmB,EAAExB,KAAK,CAACyB,sBAAsB;MACjDC,iBAAiB,EAAE1B,KAAK,CAAC2B,oBAAoB;MAC7CC,iBAAiB,EAAE3B,KAAK,CAACc,KAAK,GAAGf,KAAK,CAAC4B,iBAAiB,GAAG5B,KAAK,CAAC6B,oBAAoB;MACrFC,iBAAiB,EAAE9B,KAAK,CAAC+B,oBAAoB;MAC7CC,iBAAiB,EAAEhC,KAAK,CAACiC,oBAAoB;MAC7CC,qBAAqB,EAAElC,KAAK,CAACmC,wBAAwB;;MAErDC,kBAAkB,EAAEpC,KAAK,CAACqC,qBAAqB;MAC/CC,gBAAgB,EAAEtC,KAAK,CAACuC,mBAAmB;MAC3CC,gBAAgB,EAAEvC,KAAK,CAACc,KAAK,GAAGf,KAAK,CAACwC,gBAAgB,GAAGxC,KAAK,CAACyC,mBAAmB;MAClFC,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAAmB;MAC3CC,gBAAgB,EAAE5C,KAAK,CAAC6C,mBAAmB;MAC3CC,oBAAoB,EAAE9C,KAAK,CAAC+C,uBAAuB;;MAEnDC,aAAa,EAAEhD,KAAK,CAACiD,gBAAgB;MACrCC,sBAAsB,EAAElD,KAAK,CAACmD,yBAAyB;MACvDC,oBAAoB,EAAEpD,KAAK,CAACqD,uBAAuB;;MAEnDC,0BAA0B,EAAEtD,KAAK,CAACuD,sBAAsB;MACxDC,wBAAwB,EAAExD,KAAK,CAACyD;IAClC,CAAC;IACDzD;EACF,CAAC;;EAED,IAAIC,KAAK,CAACD,KAAK,EAAE;IACf,OAAOF,YAAY,CAACK,MAAM,CAACF,KAAK,CAACD,KAAK,EAAEE,SAAS,CAAC;EACpD;;EAEA,OAAOA,SAAS;AAClB,CAAC","ignoreList":[]}

package/components/Select/selectTheme.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../../lib/theming/Theme';
-import { SelectProps } from './Select';
-export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+import type { SelectProps } from './Select';
+export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;

package/components/Select/tids/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Select/tids.js",
+  "module": "tids",
+  "types": "../tids.d.ts",
+  "sideEffects": false
+}

package/components/Select/tids/tids.js

@@ -0,0 +1,5 @@
+export var SelectDataTids = {
+  root: 'Select__root',
+  menu: 'Select__menu',
+  label: 'Select__label'
+};