@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/components/Input/Input.d.ts

@@ -1,144 +1,144 @@
-import React from 'react';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type InputSize = 'small' | 'medium' | 'large';
-export declare type InputAlign = 'left' | 'center' | 'right';
-export declare type InputType = 'password' | 'text';
-export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
-export interface InputProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Иконка слева
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    leftIcon?: InputIconType;
-    /**
-     * Иконка справа
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    rightIcon?: InputIconType;
-    /** Состояние ошибки */
-    error?: boolean;
-    /** Состояние предупреждения */
-    warning?: boolean;
-    /** Режим прозрачной рамки */
-    borderless?: boolean;
-    /** Выравнивание текста */
-    align?: InputAlign;
-    /** Паттерн маски */
-    mask?: Nullable<string>;
-    /** Символ маски */
-    maskChar?: Nullable<string>;
-    /**
-     * Словарь символов-регулярок для задания маски
-     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
-     */
-    formatChars?: Record<string, string>;
-    /** Показывать символы маски */
-    alwaysShowMask?: boolean;
-    /** Размер */
-    size?: InputSize;
-    /** onValueChange */
-    onValueChange?: (value: string) => void;
-    /** Вызывается на label */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Тип */
-    type?: InputType;
-    /** Значение */
-    value?: string;
-    capture?: boolean;
-    /**
-     * Префикс
-     * `ReactNode` перед значением, но после иконки
-     */
-    prefix?: React.ReactNode;
-    /**
-     * Суффикс
-     * `ReactNode` после значения, но перед правой иконкой
-     */
-    suffix?: React.ReactNode;
-    /** Выделять введенное значение при фокусе */
-    selectAllOnFocus?: boolean;
-    /**
-     * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает синим.
-     * Если передан - вызывается переданный обработчик,
-     * в таком случае вспыхивание можно вызвать
-     * публичным методом инстанса `blink()`.
-     *
-     * @param value значение инпута.
-     */
-    onUnexpectedInput?: (value: string) => void;
-}> {
-}
-export interface InputState {
-    blinking: boolean;
-    focused: boolean;
-    polyfillPlaceholder: boolean;
-}
-/**
- * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
- */
-export declare class Input extends React.Component<InputProps, InputState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        size: InputSize;
-    };
-    state: InputState;
-    private selectAllId;
-    private theme;
-    private blinkTimeout;
-    private input;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: InputProps): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    blink(): void;
-    /**
-     * @public
-     */
-    setSelectionRange(start: number, end: number): void;
-    get isMaskVisible(): boolean;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private delaySelectAll;
-    private cancelDelayedSelectAll;
-    private cancelBlink;
-    private renderMain;
-    private renderMaskedInput;
-    private getIconSizeClassname;
-    private renderLeftIcon;
-    private renderRightIcon;
-    private renderIcon;
-    private renderPlaceholder;
-    private getSizeClassName;
-    private refInput;
-    private handleChange;
-    private handleFocus;
-    private handleKeyDown;
-    private handleKeyPress;
-    private handleMaskedValueChange;
-    private handleUnexpectedInput;
-    private handleBlur;
-    private renderPrefix;
-    private renderSuffix;
-}
+import React from 'react';
+import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type InputSize = 'small' | 'medium' | 'large';
+export declare type InputAlign = 'left' | 'center' | 'right';
+export declare type InputType = 'password' | 'text';
+export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
+export interface InputProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     * Иконка слева
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    leftIcon?: InputIconType;
+    /**
+     * Иконка справа
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    rightIcon?: InputIconType;
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Состояние предупреждения */
+    warning?: boolean;
+    /** Режим прозрачной рамки */
+    borderless?: boolean;
+    /** Выравнивание текста */
+    align?: InputAlign;
+    /** Паттерн маски */
+    mask?: Nullable<string>;
+    /** Символ маски */
+    maskChar?: Nullable<string>;
+    /**
+     * Словарь символов-регулярок для задания маски
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
+     */
+    formatChars?: Record<string, string>;
+    /** Показывать символы маски */
+    alwaysShowMask?: boolean;
+    /** Размер */
+    size?: InputSize;
+    /** onValueChange */
+    onValueChange?: (value: string) => void;
+    /** Вызывается на label */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Тип */
+    type?: InputType;
+    /** Значение */
+    value?: string;
+    capture?: boolean;
+    /**
+     * Префикс
+     * `ReactNode` перед значением, но после иконки
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Суффикс
+     * `ReactNode` после значения, но перед правой иконкой
+     */
+    suffix?: React.ReactNode;
+    /** Выделять введенное значение при фокусе */
+    selectAllOnFocus?: boolean;
+    /**
+     * Обработчик неправильного ввода.
+     * По-умолчанию, инпут вспыхивает синим.
+     * Если передан - вызывается переданный обработчик,
+     * в таком случае вспыхивание можно вызвать
+     * публичным методом инстанса `blink()`.
+     *
+     * @param value значение инпута.
+     */
+    onUnexpectedInput?: (value: string) => void;
+}> {
+}
+export interface InputState {
+    blinking: boolean;
+    focused: boolean;
+    polyfillPlaceholder: boolean;
+}
+/**
+ * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
+ */
+export declare class Input extends React.Component<InputProps, InputState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        size: InputSize;
+    };
+    state: InputState;
+    private selectAllId;
+    private theme;
+    private blinkTimeout;
+    private input;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: InputProps): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    blink(): void;
+    /**
+     * @public
+     */
+    setSelectionRange(start: number, end: number): void;
+    get isMaskVisible(): boolean;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private cancelBlink;
+    private renderMain;
+    private renderMaskedInput;
+    private getIconSizeClassname;
+    private renderLeftIcon;
+    private renderRightIcon;
+    private renderIcon;
+    private renderPlaceholder;
+    private getSizeClassName;
+    private refInput;
+    private handleChange;
+    private handleFocus;
+    private handleKeyDown;
+    private handleKeyPress;
+    private handleMaskedValueChange;
+    private handleUnexpectedInput;
+    private handleBlur;
+    private renderPrefix;
+    private renderSuffix;
+}

package/components/Input/Input.md

@@ -1,13 +1,13 @@
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-
-<Input leftIcon={<SearchIcon />} />;
-```
-
-Пример с префиксом:
-
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-
-<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
-```
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input leftIcon={<SearchIcon />} />;
+```
+
+Пример с префиксом:
+
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
+```

package/components/Input/Input.styles/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["css","cssName","keyframes","memoizeStyle","shift","resetText","styles","wrapper","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputBorderColorFocus","inputFocusShadow","input","inputPlaceholderColorLight","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","inputTextColor","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","icon","inputTextColorDisabled","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","suffix","sideContainer","rightContainer","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","jsStyles"],"mappings":"+rVAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,SAAvB,EAAkCC,YAAlC,QAAsD,2BAAtD;;AAEA,SAASC,KAAT,QAAsB,qCAAtB;AACA,SAASC,SAAT,QAA0B,yBAA1B;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,WAAOP,GAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBY;;AAqBbQ,EAAAA,IArBa,gBAqBRC,CArBQ,EAqBE;AACb,WAAOT,GAAP;AACIK,IAAAA,SAAS,EADb;;;;AAKsBI,IAAAA,CAAC,CAACC,OALxB;AAMYD,IAAAA,CAAC,CAACE,gBANd,EAMwCF,CAAC,CAACG,gBAN1C;AAOsBH,IAAAA,CAAC,CAACI,mBAPxB;AAQgBJ,IAAAA,CAAC,CAACK,WARlB;;AAUWL,IAAAA,CAAC,CAACM,UAVb;;;;;AAeWN,IAAAA,CAAC,CAACO,UAfb;;;;;;AAqBD,GA3CY;;AA6CbC,EAAAA,UA7Ca,wBA6CA;AACX,WAAOjB,GAAP;;;;AAID,GAlDY;;AAoDbkB,EAAAA,eApDa,2BAoDGT,CApDH,EAoDa;AACxB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACU,cADb;;AAGD,GAxDY;;AA0DbC,EAAAA,KA1Da,iBA0DPX,CA1DO,EA0DG;AACd,WAAOT,GAAP;AACkBS,IAAAA,CAAC,CAACY,qBADpB;AAEgBZ,IAAAA,CAAC,CAACa,gBAFlB;;;;AAMIrB,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CANX;AAOaA,IAAAA,CAAC,CAACe,0BAPf;;AASIvB,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CATX;AAUaA,IAAAA,CAAC,CAACe,0BAVf;;AAYIvB,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CAZX;AAaaA,IAAAA,CAAC,CAACe,0BAbf;;;AAgBD,GA3EY;;AA6EbC,EAAAA,aA7Ea,yBA6EChB,CA7ED,EA6EW;AACtB,WAAOT,GAAP;;AAEaS,IAAAA,CAAC,CAACiB,iBAFf,EAE0CjB,CAAC,CAACkB,iBAF5C;;AAID,GAlFY;;AAoFbC,EAAAA,WApFa,uBAoFDnB,CApFC,EAoFS;AACpB,WAAOT,GAAP;;AAEWS,IAAAA,CAAC,CAACoB,qBAFb;;;;;;;;;;;;;AAeI5B,IAAAA,OAAO,CAACK,MAAM,CAACc,KAAP,CAAaX,CAAb,CAAD,CAfX;AAgBaA,IAAAA,CAAC,CAACe,0BAhBf;;;AAmBD,GAxGY;;AA0GbD,EAAAA,KA1Ga,iBA0GPd,CA1GO,EA0GG;AACd,WAAOT,GAAP;;;;AAIWS,IAAAA,CAAC,CAACqB,cAJb;;;;;;;;;;;;;;;;;;;;AAwBarB,IAAAA,CAAC,CAACoB,qBAxBf;;;AA2BapB,IAAAA,CAAC,CAACoB,qBA3Bf;;;AA8BapB,IAAAA,CAAC,CAACoB,qBA9Bf;;;AAiCD,GA5IY;;AA8IbE,EAAAA,OA9Ia,mBA8ILtB,CA9IK,EA8IK;AAChB,WAAOT,GAAP;;AAEoBS,IAAAA,CAAC,CAACuB,uBAFtB;AAGwBvB,IAAAA,CAAC,CAACiB,iBAH1B,EAG+CjB,CAAC,CAACuB,uBAHjD;;;;AAOD,GAtJY;;AAwJbC,EAAAA,eAxJa,2BAwJGxB,CAxJH,EAwJa;AACxB,WAAOT,GAAP;;AAEaS,IAAAA,CAAC,CAACE,gBAFf,EAEyCF,CAAC,CAACuB,uBAF3C;;AAID,GA7JY;;AA+JbE,EAAAA,KA/Ja,iBA+JPzB,CA/JO,EA+JG;AACd,WAAOT,GAAP;AACkBS,IAAAA,CAAC,CAAC0B,qBADpB;AAEsB1B,IAAAA,CAAC,CAACiB,iBAFxB,EAE6CjB,CAAC,CAAC0B,qBAF/C;;;AAKD,GArKY;;AAuKbC,EAAAA,aAvKa,yBAuKC3B,CAvKD,EAuKW;AACtB,WAAOT,GAAP;;AAEaS,IAAAA,CAAC,CAACE,gBAFf,EAEyCF,CAAC,CAAC0B,qBAF3C;;AAID,GA5KY;;AA8KbE,EAAAA,QA9Ka,oBA8KJ5B,CA9KI,EA8KM;AACjB,WAAOT,GAAP;AACgBS,IAAAA,CAAC,CAAC6B,eADlB;AAEkB7B,IAAAA,CAAC,CAAC8B,wBAFpB;;;AAKItC,IAAAA,OAAO,CAACK,MAAM,CAACkC,IAAP,EAAD,CALX;;;AAQIvC,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CARX;AASaA,IAAAA,CAAC,CAACgC,sBATf;;AAW+BhC,IAAAA,CAAC,CAACgC,sBAXjC;;AAaIxC,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CAbX;AAc+BA,IAAAA,CAAC,CAACoB,qBAdjC;;AAgBI5B,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CAhBX;AAiB+BA,IAAAA,CAAC,CAACoB,qBAjBjC;;AAmBI5B,IAAAA,OAAO,CAACK,MAAM,CAACiB,KAAP,CAAad,CAAb,CAAD,CAnBX;AAoB+BA,IAAAA,CAAC,CAACoB,qBApBjC;;;AAuBD,GAtMY;;AAwMba,EAAAA,KAxMa,iBAwMPjC,CAxMO,EAwMG;AACd,QAAMkC,cAAc,GAAGzC,SAAH;;AAEEO,IAAAA,CAAC,CAACmC,eAFJ,CAApB;;;AAKA,WAAO5C,GAAP;AACe2C,IAAAA,cADf;;AAGD,GAjNY;;AAmNbE,EAAAA,SAnNa,qBAmNHpC,CAnNG,EAmNO;AAClB,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEiBA,IAAAA,CAAC,CAACqC,kBAFnB;AAGmBrC,IAAAA,CAAC,CAACsC,oBAHrB;AAImBtC,IAAAA,CAAC,CAACuC,kBAJrB;AAKsBvC,IAAAA,CAAC,CAACuC,kBALxB;AAMoBvC,IAAAA,CAAC,CAACwC,kBANtB;AAOqBxC,IAAAA,CAAC,CAACwC,kBAPvB;AAQcxC,IAAAA,CAAC,CAACyC,gBARhB;AASqBzC,IAAAA,CAAC,CAAC0C,sBATvB;;;AAYD,GAhOY;;AAkObC,EAAAA,iBAlOa,6BAkOK3C,CAlOL,EAkOe;AAC1B,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEmBL,IAAAA,KAAK,CAACK,CAAC,CAACuC,kBAAH,EAAuB,IAAvB,CAFxB;AAGsB5C,IAAAA,KAAK,CAACK,CAAC,CAACuC,kBAAH,EAAuB,GAAvB,CAH3B;AAIoBvC,IAAAA,CAAC,CAACwC,kBAJtB;AAKqBxC,IAAAA,CAAC,CAACwC,kBALvB;;;;AASD,GA5OY;;AA8ObI,EAAAA,UA9Oa,sBA8OF5C,CA9OE,EA8OQ;AACnB,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEiBA,IAAAA,CAAC,CAAC6C,mBAFnB;AAGmB7C,IAAAA,CAAC,CAAC8C,qBAHrB;AAImB9C,IAAAA,CAAC,CAAC+C,mBAJrB;AAKsB/C,IAAAA,CAAC,CAAC+C,mBALxB;AAMoB/C,IAAAA,CAAC,CAACgD,mBANtB;AAOqBhD,IAAAA,CAAC,CAACgD,mBAPvB;AAQchD,IAAAA,CAAC,CAACiD,iBARhB;AASqBjD,IAAAA,CAAC,CAACkD,uBATvB;;;AAYD,GA3PY;;AA6PbC,EAAAA,kBA7Pa,8BA6PMnD,CA7PN,EA6PgB;AAC3B,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEmBL,IAAAA,KAAK,CAACK,CAAC,CAAC+C,mBAAH,EAAwB,IAAxB,CAFxB;AAGsBpD,IAAAA,KAAK,CAACK,CAAC,CAAC+C,mBAAH,EAAwB,GAAxB,CAH3B;AAIoB/C,IAAAA,CAAC,CAACgD,mBAJtB;AAKqBhD,IAAAA,CAAC,CAACgD,mBALvB;;;;AASD,GAvQY;;AAyQbI,EAAAA,SAzQa,qBAyQHpD,CAzQG,EAyQO;AAClB,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEiBA,IAAAA,CAAC,CAACqD,kBAFnB;AAGmBrD,IAAAA,CAAC,CAACsD,oBAHrB;AAIctD,IAAAA,CAAC,CAACuD,gBAJhB;AAKmB5D,IAAAA,KAAK,CAACK,CAAC,CAACwD,kBAAH,EAAuB,IAAvB,CALxB;AAMsB7D,IAAAA,KAAK,CAACK,CAAC,CAACwD,kBAAH,EAAuB,GAAvB,CAN3B;AAOoBxD,IAAAA,CAAC,CAACyD,kBAPtB;AAQqBzD,IAAAA,CAAC,CAACyD,kBARvB;AASqBzD,IAAAA,CAAC,CAAC0D,sBATvB;;;AAYD,GAtRY;;AAwRbC,EAAAA,iBAxRa,6BAwRK3D,CAxRL,EAwRe;AAC1B,WAAOT,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEmBL,IAAAA,KAAK,CAACK,CAAC,CAACwD,kBAAH,EAAuB,IAAvB,CAFxB;AAGsB7D,IAAAA,KAAK,CAACK,CAAC,CAACwD,kBAAH,EAAuB,GAAvB,CAH3B;AAIoBxD,IAAAA,CAAC,CAACyD,kBAJtB;AAKqBzD,IAAAA,CAAC,CAACyD,kBALvB;;;;AASD,GAlSY;;AAoSbG,EAAAA,MApSa,kBAoSN5D,CApSM,EAoSI;AACf,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACoB,qBADb;;AAGD,GAxSY;;AA0SbyC,EAAAA,MA1Sa,kBA0SN7D,CA1SM,EA0SI;AACf,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACoB,qBADb;;AAGD,GA9SY;;AAgTb0C,EAAAA,aAhTa,2BAgTG;AACd,WAAOvE,GAAP;;;;;;;;;;;;AAYD,GA7TY;;AA+TbwE,EAAAA,cA/Ta,4BA+TI;AACf,WAAOxE,GAAP;;;;;AAKD,GArUY;;AAuUbwC,EAAAA,IAvUa,kBAuUN;AACL,WAAOxC,GAAP;;;;;;;AAOD,GA/UY;;AAiVbyE,EAAAA,aAjVa,yBAiVChE,CAjVD,EAiVW;AACtB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACiE,kBADb;AAEmBjE,IAAAA,CAAC,CAACkE,iBAFrB;;AAID,GAtVY;;AAwVbC,EAAAA,cAxVa,0BAwVEnE,CAxVF,EAwVY;AACvB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACiE,kBADb;AAEkBjE,IAAAA,CAAC,CAACkE,iBAFpB;;AAID,GA7VY;;AA+VbE,EAAAA,cA/Va,0BA+VEpE,CA/VF,EA+VY;AACvB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACqE,mBADb;AAEmBrE,IAAAA,CAAC,CAACsE,kBAFrB;;AAID,GApWY;;AAsWbC,EAAAA,eAtWa,2BAsWGvE,CAtWH,EAsWa;AACxB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACqE,mBADb;AAEkBrE,IAAAA,CAAC,CAACsE,kBAFpB;;AAID,GA3WY;;AA6WbE,EAAAA,aA7Wa,yBA6WCxE,CA7WD,EA6WW;AACtB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACyE,kBADb;AAEmBzE,IAAAA,CAAC,CAAC0E,iBAFrB;;AAID,GAlXY;;AAoXbC,EAAAA,cApXa,0BAoXE3E,CApXF,EAoXY;AACvB,WAAOT,GAAP;AACWS,IAAAA,CAAC,CAACyE,kBADb;AAEkBzE,IAAAA,CAAC,CAAC0E,iBAFpB;;AAID,GAzXY,EAAf;;;AA4XA,OAAO,IAAME,QAAQ,GAAGlF,YAAY,CAACG,MAAD,CAA7B","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport { resetText } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      margin: 0;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      position: relative;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\A0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetText()};\r\n\r\n      align-items: center;\r\n      background-clip: padding-box;\r\n      background-color: ${t.inputBg};\r\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\r\n      border-top-color: ${t.inputBorderTopColor};\r\n      box-shadow: ${t.inputShadow};\r\n      box-sizing: border-box;\r\n      color: ${t.inputColor};\r\n      cursor: text;\r\n      display: inline-flex;\r\n      outline: none;\r\n      position: relative;\r\n      width: ${t.inputWidth};\r\n\r\n      & * {\r\n        box-sizing: border-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  borderless() {\r\n    return css`\r\n      box-shadow: none !important;\r\n      border-color: transparent !important;\r\n    `;\r\n  },\r\n\r\n  useDefaultColor(t: Theme) {\r\n    return css`\r\n      color: ${t.inputIconColor};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border-color: ${t.inputBorderColorFocus};\r\n      box-shadow: ${t.inputFocusShadow};\r\n      outline: none;\r\n      z-index: 2;\r\n\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focusFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none;\r\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      -ms-user-select: none;\r\n      color: ${t.inputPlaceholderColor};\r\n      cursor: text;\r\n      font-size: inherit;\r\n      height: 100%;\r\n      left: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      ${cssName(styles.focus(t))} & {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      -webkit-appearance: none;\r\n      background: transparent;\r\n      border: 0 none;\r\n      color: ${t.inputTextColor};\r\n      font: inherit;\r\n      line-height: inherit;\r\n      margin: 0;\r\n      outline: none;\r\n      padding: 0;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &:-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n      &:-moz-placeholder {\r\n        color: ${t.inputPlaceholderColor};\r\n      }\r\n      &::-moz-placeholder {\r\n        color: ${t.inputPlaceholderColor};\r\n      }\r\n      &::placeholder {\r\n        color: ${t.inputPlaceholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      & {\r\n        border-color: ${t.inputBorderColorWarning} !important;\r\n        box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning} !important;\r\n        z-index: 2;\r\n      }\r\n    `;\r\n  },\r\n\r\n  warningFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-color: ${t.inputBorderColorError} !important;\r\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError} !important;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  errorFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.inputDisabledBg} !important;\r\n      border-color: ${t.inputDisabledBorderColor} !important;\r\n      box-shadow: none;\r\n\r\n      ${cssName(styles.icon())} {\r\n        cursor: default;\r\n      }\r\n      ${cssName(styles.input(t))} {\r\n        color: ${t.inputTextColorDisabled};\r\n        /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\r\n        -webkit-text-fill-color: ${t.inputTextColorDisabled};\r\n      }\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  blink(t: Theme) {\r\n    const blinkAnimation = keyframes`\r\n    0% {\r\n      background-color: ${t.inputBlinkColor};\r\n    }\r\n  `;\r\n    return css`\r\n      animation: ${blinkAnimation} 0.15s ease-in;\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        font-size: ${t.inputFontSizeSmall};\r\n        line-height: ${t.inputLineHeightSmall} !important;\r\n        padding-top: ${t.inputPaddingYSmall};\r\n        padding-bottom: ${t.inputPaddingYSmall};\r\n        padding-left: ${t.inputPaddingXSmall};\r\n        padding-right: ${t.inputPaddingXSmall};\r\n        height: ${t.inputHeightSmall};\r\n        border-radius: ${t.inputBorderRadiusSmall};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeSmallFallback(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        padding-top: ${shift(t.inputPaddingYSmall, '-1')};\r\n        padding-bottom: ${shift(t.inputPaddingYSmall, '1')};\r\n        padding-left: ${t.inputPaddingXSmall};\r\n        padding-right: ${t.inputPaddingXSmall};\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        font-size: ${t.inputFontSizeMedium};\r\n        line-height: ${t.inputLineHeightMedium};\r\n        padding-top: ${t.inputPaddingYMedium};\r\n        padding-bottom: ${t.inputPaddingYMedium};\r\n        padding-left: ${t.inputPaddingXMedium};\r\n        padding-right: ${t.inputPaddingXMedium};\r\n        height: ${t.inputHeightMedium};\r\n        border-radius: ${t.inputBorderRadiusMedium};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeMediumFallback(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        padding-top: ${shift(t.inputPaddingYMedium, '-1')};\r\n        padding-bottom: ${shift(t.inputPaddingYMedium, '1')};\r\n        padding-left: ${t.inputPaddingXMedium};\r\n        padding-right: ${t.inputPaddingXMedium};\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        font-size: ${t.inputFontSizeLarge};\r\n        line-height: ${t.inputLineHeightLarge};\r\n        height: ${t.inputHeightLarge};\r\n        padding-top: ${shift(t.inputPaddingYLarge, '-1')};\r\n        padding-bottom: ${shift(t.inputPaddingYLarge, '1')};\r\n        padding-left: ${t.inputPaddingXLarge};\r\n        padding-right: ${t.inputPaddingXLarge};\r\n        border-radius: ${t.inputBorderRadiusLarge};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeLargeFallback(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        padding-top: ${shift(t.inputPaddingYLarge, '-2')};\r\n        padding-bottom: ${shift(t.inputPaddingYLarge, '2')};\r\n        padding-left: ${t.inputPaddingXLarge};\r\n        padding-right: ${t.inputPaddingXLarge};\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  prefix(t: Theme) {\r\n    return css`\r\n      color: ${t.inputPlaceholderColor};\r\n    `;\r\n  },\r\n\r\n  suffix(t: Theme) {\r\n    return css`\r\n      color: ${t.inputPlaceholderColor};\r\n    `;\r\n  },\r\n\r\n  sideContainer() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      flex-shrink: 0;\r\n      height: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\a0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  rightContainer() {\r\n    return css`\r\n      justify-self: flex-end;\r\n      margin: 0 0 0 auto;\r\n      padding-left: 0;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n      text-align: center;\r\n      box-sizing: content-box !important;\r\n    `;\r\n  },\r\n\r\n  leftIconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeSmall};\r\n      padding-right: ${t.inputIconGapSmall};\r\n    `;\r\n  },\r\n\r\n  rightIconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeSmall};\r\n      padding-left: ${t.inputIconGapSmall};\r\n    `;\r\n  },\r\n\r\n  leftIconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeMedium};\r\n      padding-right: ${t.inputIconGapMedium};\r\n    `;\r\n  },\r\n\r\n  rightIconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeMedium};\r\n      padding-left: ${t.inputIconGapMedium};\r\n    `;\r\n  },\r\n\r\n  leftIconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeLarge};\r\n      padding-right: ${t.inputIconGapLarge};\r\n    `;\r\n  },\r\n\r\n  rightIconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeLarge};\r\n      padding-left: ${t.inputIconGapLarge};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["css","cssName","keyframes","memoizeStyle","shift","resetText","styles","wrapper","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputBorderColorFocus","inputFocusShadow","input","inputPlaceholderColorLight","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","inputTextColor","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","icon","inputTextColorDisabled","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","suffix","sideContainer","rightContainer","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst styles = {\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none !important;\n      border-color: transparent !important;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n\n      ${cssName(styles.input(t))}:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      ${cssName(styles.input(t))}::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      ${cssName(styles.input(t))}::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n\n      ${cssName(styles.focus(t))} & {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      & {\n        border-color: ${t.inputBorderColorWarning} !important;\n        box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning} !important;\n        z-index: 2;\n      }\n    `;\n  },\n\n  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none !important;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning} !important;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError} !important;\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError} !important;\n      z-index: 2;\n    `;\n  },\n\n  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none !important;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError} !important;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.inputDisabledBg} !important;\n      border-color: ${t.inputDisabledBorderColor} !important;\n      box-shadow: none;\n\n      ${cssName(styles.icon())} {\n        cursor: default;\n      }\n      ${cssName(styles.input(t))} {\n        color: ${t.inputTextColorDisabled};\n        /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n        -webkit-text-fill-color: ${t.inputTextColorDisabled};\n      }\n      ${cssName(styles.input(t))}:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\n      }\n      ${cssName(styles.input(t))}::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\n      }\n      ${cssName(styles.input(t))}::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        font-size: ${t.inputFontSizeSmall};\n        line-height: ${t.inputLineHeightSmall} !important;\n        padding-top: ${t.inputPaddingYSmall};\n        padding-bottom: ${t.inputPaddingYSmall};\n        padding-left: ${t.inputPaddingXSmall};\n        padding-right: ${t.inputPaddingXSmall};\n        height: ${t.inputHeightSmall};\n        border-radius: ${t.inputBorderRadiusSmall};\n      }\n    `;\n  },\n\n  sizeSmallFallback(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        padding-top: ${shift(t.inputPaddingYSmall, '-1')};\n        padding-bottom: ${shift(t.inputPaddingYSmall, '1')};\n        padding-left: ${t.inputPaddingXSmall};\n        padding-right: ${t.inputPaddingXSmall};\n        line-height: normal !important;\n      }\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        font-size: ${t.inputFontSizeMedium};\n        line-height: ${t.inputLineHeightMedium};\n        padding-top: ${t.inputPaddingYMedium};\n        padding-bottom: ${t.inputPaddingYMedium};\n        padding-left: ${t.inputPaddingXMedium};\n        padding-right: ${t.inputPaddingXMedium};\n        height: ${t.inputHeightMedium};\n        border-radius: ${t.inputBorderRadiusMedium};\n      }\n    `;\n  },\n\n  sizeMediumFallback(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        padding-top: ${shift(t.inputPaddingYMedium, '-1')};\n        padding-bottom: ${shift(t.inputPaddingYMedium, '1')};\n        padding-left: ${t.inputPaddingXMedium};\n        padding-right: ${t.inputPaddingXMedium};\n        line-height: normal !important;\n      }\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        font-size: ${t.inputFontSizeLarge};\n        line-height: ${t.inputLineHeightLarge};\n        height: ${t.inputHeightLarge};\n        padding-top: ${shift(t.inputPaddingYLarge, '-1')};\n        padding-bottom: ${shift(t.inputPaddingYLarge, '1')};\n        padding-left: ${t.inputPaddingXLarge};\n        padding-right: ${t.inputPaddingXLarge};\n        border-radius: ${t.inputBorderRadiusLarge};\n      }\n    `;\n  },\n\n  sizeLargeFallback(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        padding-top: ${shift(t.inputPaddingYLarge, '-2')};\n        padding-bottom: ${shift(t.inputPaddingYLarge, '2')};\n        padding-left: ${t.inputPaddingXLarge};\n        padding-right: ${t.inputPaddingXLarge};\n        line-height: normal !important;\n      }\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Input/Input.styles.d.ts

@@ -1,33 +1,33 @@
-export declare const jsStyles: {
-    wrapper(): string;
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    borderless(): string;
-    useDefaultColor(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focusFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    placeholder(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warningFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    errorFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    blink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmallFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMediumFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLargeFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    prefix(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    suffix(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sideContainer(): string;
-    rightContainer(): string;
-    icon(): string;
-    leftIconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rightIconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    leftIconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rightIconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    leftIconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rightIconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    wrapper(): string;
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    borderless(): string;
+    useDefaultColor(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    focusFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    placeholder(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    warningFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    errorFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    blink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sizeSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sizeSmallFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sizeMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sizeMediumFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sizeLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sizeLargeFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    prefix(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    suffix(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    sideContainer(): string;
+    rightContainer(): string;
+    icon(): string;
+    leftIconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    rightIconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    leftIconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    rightIconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    leftIconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    rightIconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/components/Input/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Input';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Input';\n"]}

package/components/Input/index.d.ts

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

package/components/Kebab/Kebab/Kebab.js

@@ -204,18 +204,18 @@ Kebab.propTypes = {
   disabled: PropTypes.bool,
   menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
-  /**
-   * Размер кебаба small 14px | large 20px
+  /**
+   * Размер кебаба small 14px | large 20px
    */
   size: PropTypes.string,
 
-  /**
-   * Коллбек, вызывающийся перед закрытием кебаба
+  /**
+   * Коллбек, вызывающийся перед закрытием кебаба
    */
   onClose: PropTypes.func,
 
-  /**
-   * Коллбек, вызывающийся перед открытием кебаба
+  /**
+   * Коллбек, вызывающийся перед открытием кебаба
    */
   onOpen: PropTypes.func
 };

package/components/Kebab/Kebab/Kebab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","cn","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","tabListener","PopupMenu","ThemeContext","MenuKebabIcon","isTestEnv","ThemeFactory","CommonWrapper","jsStyles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","process","nextTick","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","create","popupPinOffset","kebabPinOffset","popupMargin","kebabMargin","popupPinSize","kebabPinSize","renderMain","positions","disableAnimations","children","size","iconsmall","iconmedium","iconlarge","verticalAlign","Error","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","node","bool","menuMaxHeight","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { PopupMenu, PopupMenuCaptionProps } from '../../internal/PopupMenu';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupPosition } from '../../internal/Popup';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MenuKebabIcon } from '../../internal/icons/16px';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Kebab.styles';\r\n\r\nexport interface KebabProps extends CommonProps {\r\n  disabled?: boolean;\r\n  /**\r\n   * Функция вызываемая при закрытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onClose: () => void;\r\n  /**\r\n   * Функция вызываемая при открытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onOpen: () => void;\r\n  size: 'small' | 'medium' | 'large';\r\n  /**\r\n   * Список позиций доступных для расположения выпадашки\r\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions: PopupPosition[];\r\n  menuMaxHeight?: number | string;\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\nexport interface KebabState {\r\n  anchor: Nullable<HTMLElement>;\r\n  focusedByTab: boolean;\r\n  opened: boolean;\r\n}\r\n\r\nexport class Kebab extends React.Component<KebabProps, KebabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Kebab';\r\n\r\n  public static propTypes = {};\r\n\r\n  public static defaultProps = {\r\n    onOpen: () => undefined,\r\n    onClose: () => undefined,\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n    size: 'small',\r\n    disableAnimations: isTestEnv,\r\n  };\r\n\r\n  public state = {\r\n    opened: false,\r\n    focusedByTab: false,\r\n    anchor: null,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  private listener: {\r\n    remove: () => void;\r\n  } = {\r\n    remove: () => undefined,\r\n  };\r\n\r\n  public componentDidMount() {\r\n    /** addListener'у нужен колбэк в аргумент */\r\n    this.listener = LayoutEvents.addListener(() => undefined);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.listener.remove();\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupPinOffset: theme.kebabPinOffset,\r\n                  popupMargin: theme.kebabMargin,\r\n                  popupPinSize: theme.kebabPinSize,\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { disabled, positions } = this.props;\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <PopupMenu\r\n          popupHasPin\r\n          positions={positions}\r\n          onChangeMenuState={this.handleChangeMenuState}\r\n          caption={this.renderCaption}\r\n          disableAnimations={this.props.disableAnimations}\r\n        >\r\n          {!disabled && this.props.children}\r\n        </PopupMenu>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\r\n    const { disabled } = this.props;\r\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!disabled) {\r\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\r\n      }\r\n    };\r\n\r\n    const handleCaptionClick = () => {\r\n      if (!disabled) {\r\n        captionProps.toggleMenu();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <span\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleCaptionClick}\r\n        onKeyDown={handleCaptionKeyDown}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        className={cn({\r\n          [jsStyles.kebab(this.theme)]: true,\r\n          [jsStyles.opened(this.theme)]: captionProps.opened,\r\n          [jsStyles.disabled(this.theme)]: disabled,\r\n          [jsStyles.focused(this.theme)]: this.state.focusedByTab,\r\n        })}\r\n      >\r\n        {this.renderIcon()}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private handleCaptionKeyDown = (\r\n    e: React.KeyboardEvent<HTMLDivElement>,\r\n    openMenu: PopupMenuCaptionProps['openMenu'],\r\n  ) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n\r\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\r\n    this.setState(\r\n      {\r\n        opened: isOpened,\r\n        focusedByTab: !isOpened && restoreFocus,\r\n      },\r\n      () => {\r\n        if (this.props.disabled) {\r\n          return;\r\n        }\r\n\r\n        if (this.state.opened) {\r\n          this.props.onOpen();\r\n        } else {\r\n          this.props.onClose();\r\n        }\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      focusedByTab: false,\r\n    });\r\n  };\r\n\r\n  private renderIcon() {\r\n    switch (this.props.size) {\r\n      case 'small':\r\n        return (\r\n          <div className={jsStyles.iconsmall(this.theme)}>\r\n            <MenuKebabIcon size=\"14px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'medium':\r\n        return (\r\n          <div className={jsStyles.iconmedium(this.theme)}>\r\n            <MenuKebabIcon size=\"18px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'large':\r\n        return (\r\n          <div className={jsStyles.iconlarge(this.theme)}>\r\n            <MenuKebabIcon size=\"20px\" color=\"#757575\" style={{ verticalAlign: -2 }} />\r\n          </div>\r\n        );\r\n      default:\r\n        throw new Error(`Unexpected size '${this.props.size}'`);\r\n    }\r\n  }\r\n}\r\n\r\nKebab.propTypes = {\r\n  children: PropTypes.node,\r\n  disabled: PropTypes.bool,\r\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n  /**\r\n   * Размер кебаба small 14px | large 20px\r\n   */\r\n  size: PropTypes.string,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед закрытием кебаба\r\n   */\r\n  onClose: PropTypes.func,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед открытием кебаба\r\n   */\r\n  onOpen: PropTypes.func,\r\n};\r\n"]}
+{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","cn","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","tabListener","PopupMenu","ThemeContext","MenuKebabIcon","isTestEnv","ThemeFactory","CommonWrapper","jsStyles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","process","nextTick","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","create","popupPinOffset","kebabPinOffset","popupMargin","kebabMargin","popupPinSize","kebabPinSize","renderMain","positions","disableAnimations","children","size","iconsmall","iconmedium","iconlarge","verticalAlign","Error","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","node","bool","menuMaxHeight","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { tabListener } from '../../lib/events/tabListener';\nimport { PopupMenu, PopupMenuCaptionProps } from '../../internal/PopupMenu';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupPosition } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MenuKebabIcon } from '../../internal/icons/16px';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Kebab.styles';\n\nexport interface KebabProps extends CommonProps {\n  disabled?: boolean;\n  /**\n   * Функция вызываемая при закрытии выпадашки\n   * @default () => undefined\n   */\n  onClose: () => void;\n  /**\n   * Функция вызываемая при открытии выпадашки\n   * @default () => undefined\n   */\n  onOpen: () => void;\n  size: 'small' | 'medium' | 'large';\n  /**\n   * Список позиций доступных для расположения выпадашки\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions: PopupPosition[];\n  menuMaxHeight?: number | string;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n}\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n  opened: boolean;\n}\n\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n\n  public static propTypes = {};\n\n  public static defaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  public state = {\n    opened: false,\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private theme!: Theme;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.kebabPinOffset,\n                  popupMargin: theme.kebabMargin,\n                  popupPinSize: theme.kebabPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled, positions } = this.props;\n    return (\n      <CommonWrapper {...this.props}>\n        <PopupMenu\n          popupHasPin\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={this.props.disableAnimations}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled } = this.props;\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cn({\n          [jsStyles.kebab(this.theme)]: true,\n          [jsStyles.opened(this.theme)]: captionProps.opened,\n          [jsStyles.disabled(this.theme)]: disabled,\n          [jsStyles.focused(this.theme)]: this.state.focusedByTab,\n        })}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState(\n      {\n        opened: isOpened,\n        focusedByTab: !isOpened && restoreFocus,\n      },\n      () => {\n        if (this.props.disabled) {\n          return;\n        }\n\n        if (this.state.opened) {\n          this.props.onOpen();\n        } else {\n          this.props.onClose();\n        }\n      },\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      process.nextTick(() => {\n        if (tabListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    switch (this.props.size) {\n      case 'small':\n        return (\n          <div className={jsStyles.iconsmall(this.theme)}>\n            <MenuKebabIcon size=\"14px\" color=\"#757575\" />\n          </div>\n        );\n      case 'medium':\n        return (\n          <div className={jsStyles.iconmedium(this.theme)}>\n            <MenuKebabIcon size=\"18px\" color=\"#757575\" />\n          </div>\n        );\n      case 'large':\n        return (\n          <div className={jsStyles.iconlarge(this.theme)}>\n            <MenuKebabIcon size=\"20px\" color=\"#757575\" style={{ verticalAlign: -2 }} />\n          </div>\n        );\n      default:\n        throw new Error(`Unexpected size '${this.props.size}'`);\n    }\n  }\n}\n\nKebab.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Размер кебаба small 14px | large 20px\n   */\n  size: PropTypes.string,\n\n  /**\n   * Коллбек, вызывающийся перед закрытием кебаба\n   */\n  onClose: PropTypes.func,\n\n  /**\n   * Коллбек, вызывающийся перед открытием кебаба\n   */\n  onOpen: PropTypes.func,\n};\n"]}