@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/components/Textarea/Textarea.d.ts

@@ -1,198 +1,169 @@
-import React, { AriaAttributes, ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-/**
- * @deprecated use SizeProp
- */
-export type TextareaSize = SizeProp;
-export interface TextareaProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /** Не активное состояние */
-    disabled?: boolean;
-    /** Размер */
-    size?: SizeProp;
-    /**
-     * Автоматический ресайз
-     * в зависимости от содержимого
-     */
-    autoResize?: boolean;
-    /**
-     * Число строк
-     */
-    rows?: number;
-    /**
-     * Максимальное число строк при
-     * автоматическом ресайзе
-     */
-    maxRows?: string | number;
-    /**
-     * Стандартный ресайз
-     * Попадает в `style`
-     */
-    resize?: React.CSSProperties['resize'];
-    /**
-     * Ширина
-     */
-    width?: React.CSSProperties['width'];
-    /**
-     * Вызывается при изменении `value`
-     */
-    onValueChange?: (value: string) => void;
-    /** Выделение значения при фокусе */
-    selectAllOnFocus?: boolean;
-    /** Показывать счетчик символов */
-    showLengthCounter?: boolean;
-    /** Допустимое количество символов в поле. Отображается в счетчике.
-     * Если не указано, равно `maxLength`
-     */
-    lengthCounter?: number;
-    /** Подсказка к счетчику символов.
-     *
-     * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.
-     *
-     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
-     *
-     * ```
-     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
-     * ```
-     * */
-    counterHelp?: ReactNode | (() => ReactNode);
-    /** Добавлять дополнительную свободную строку при авто-ресайзе.
-     * @see https://guides.kontur.ru/components/textarea/#04
-     * */
-    extraRow?: boolean;
-    /** Отключать анимацию при авто-ресайзе.
-     * Автоматически отключается когда в `extraRow` передан `false`.
-     */
-    disableAnimations?: boolean;
-}> {
-}
-export interface TextareaState {
-    needsPolyfillPlaceholder: boolean;
-    isCounterVisible: boolean;
-}
-export declare const TextareaDataTids: {
-    readonly root: "Textarea__root";
-    readonly counter: "TextareaCounter__root";
-    readonly helpIcon: "TextareaCounter__helpIcon";
-};
-type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;
-/**
- * Компонент для ввода многострочного текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
- *
- * ** `className` и `style`  игнорируются**
- */
-export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        autoResize: PropTypes.Requireable<boolean>;
-        extraRow: PropTypes.Requireable<boolean>;
-        disableAnimations: PropTypes.Requireable<boolean>;
-        maxRows: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        resize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        id: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        role: PropTypes.Requireable<string>;
-        maxLength: PropTypes.Requireable<number>;
-        tabIndex: PropTypes.Requireable<number>;
-        rows: PropTypes.Requireable<number>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
-        onCut: PropTypes.Requireable<(...args: any[]) => any>;
-        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
-        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private getRootSizeClassName;
-    private getTextareaSizeClassName;
-    state: {
-        needsPolyfillPlaceholder: boolean;
-        isCounterVisible: boolean;
-    };
-    private reflowCounter;
-    private theme;
-    private selectAllId;
-    private node;
-    private fakeNode;
-    private counter;
-    private layoutEvents;
-    private textareaObserver;
-    private setRootNode;
-    private getAutoResizeThrottleWait;
-    private isAnimationsDisabled;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: TextareaProps): void;
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     * @param {number} start
-     * @param {number} end
-     */
-    setSelectionRange: (start: number, end: number) => void;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private delaySelectAll;
-    private cancelDelayedSelectAll;
-    private renderMain;
-    private handleCloseCounterHelp;
-    private handleKeyDown;
-    private handleChange;
-    private ref;
-    private refFake;
-    private refCounter;
-    private autoResizeHandler;
-    private autoResize;
-    private handleCut;
-    private handlePaste;
-    private handleFocus;
-}
-export {};
+import type { AriaAttributes, ReactNode } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { Override } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface TextareaProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает размер компонента. */
+    size?: SizeProp;
+    /** Выполняет автоматический ресайз в зависимости от содержимого. */
+    autoResize?: boolean;
+    /** Задает высоту текстарии в виде числа строк видимых без скролла. */
+    rows?: number;
+    /** Задает максимальное число строк при автоматическом ресайзе. */
+    maxRows?: string | number;
+    /** Задает направления ресайза компонента.
+     * Попадает в `style`. */
+    resize?: React.CSSProperties['resize'];
+    /** Задает ширину текстэрии. */
+    width?: React.CSSProperties['width'];
+    /** Задает функцию, которая вызывается при изменении `value`. */
+    onValueChange?: (value: string) => void;
+    /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами text, password, tel, search, url. */
+    selectAllOnFocus?: boolean;
+    /** Определяет, нужно ли показывать счетчик символов. */
+    showLengthCounter?: boolean;
+    /** Задает допустимое количество символов в поле. Отображается в счетчике.
+     * @default maxLength */
+    lengthCounter?: number;
+    /** Задает подсказку к счетчику символов.
+     * По умолчанию - тултип с содержимым из пропа, если передан `ReactNode`.
+     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой.
+     * @example
+     * ```
+     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
+     * ``` */
+    counterHelp?: ReactNode | (() => ReactNode);
+    /** Добавляет дополнительную свободную строку при авто-ресайзе.
+     * @see https://guides.kontur.ru/components/textarea/#04 */
+    extraRow?: boolean;
+    /** Отключает анимацию при авто-ресайзе. Автоматически отключается когда в `extraRow` передан `false`. */
+    disableAnimations?: boolean;
+}> {
+}
+export interface TextareaState {
+    needsPolyfillPlaceholder: boolean;
+    isCounterVisible: boolean;
+}
+export declare const TextareaDataTids: {
+    readonly root: "Textarea__root";
+    readonly counter: "TextareaCounter__root";
+    readonly helpIcon: "TextareaCounter__helpIcon";
+};
+type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;
+/**
+ * Многострочное поле `Textarea` — это поле ввода, которое позволяет работать с несколькими строками текста.
+ *
+ * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`.
+ * Пропы **`className` и `style` игнорируются**.
+ */
+export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        autoResize: PropTypes.Requireable<boolean>;
+        extraRow: PropTypes.Requireable<boolean>;
+        disableAnimations: PropTypes.Requireable<boolean>;
+        maxRows: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        resize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        id: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        role: PropTypes.Requireable<string>;
+        maxLength: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
+        rows: PropTypes.Requireable<number>;
+        placeholder: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onInput: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
+        onCut: PropTypes.Requireable<(...args: any[]) => any>;
+        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
+        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private getRootSizeClassName;
+    private getTextareaSizeClassName;
+    state: {
+        needsPolyfillPlaceholder: boolean;
+        isCounterVisible: boolean;
+    };
+    private reflowCounter;
+    private theme;
+    private selectAllId;
+    private node;
+    private fakeNode;
+    private counter;
+    private layoutEvents;
+    private textareaObserver;
+    private setRootNode;
+    private getAutoResizeThrottleWait;
+    private isAnimationsDisabled;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: TextareaProps): void;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     * @param {number} start
+     * @param {number} end
+     */
+    setSelectionRange: (start: number, end: number) => void;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private renderMain;
+    private handleCloseCounterHelp;
+    private handleKeyDown;
+    private handleChange;
+    private ref;
+    private refFake;
+    private refCounter;
+    private autoResizeHandler;
+    private autoResize;
+    private handleCut;
+    private handlePaste;
+    private handleFocus;
+}
+export {};

package/components/Textarea/Textarea.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 const [value, setValue] = React.useState('');
 
@@ -9,6 +10,7 @@ const [value, setValue] = React.useState('');
 />;
 ```
 
+### Очистка значения
 Очистить значение в `Textarea` можно только с помощью пустой строки
 
 ```jsx harmony
@@ -28,7 +30,7 @@ const [value, setValue] = React.useState('Значение');
 </Group>
 ```
 
-Счетчик введенных символов
+### Счетчик введенных символов
 
 ```jsx harmony
 const [value, setValue] = React.useState('');
@@ -43,7 +45,7 @@ const [value, setValue] = React.useState('');
 />;
 ```
 
-У Textarea есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';

package/components/Textarea/Textarea.mixins.d.ts

@@ -1,3 +1,3 @@
-export declare const rootTextareaSizeMixin: (fontSize: string, lineHeight: string) => string;
-export declare const textareaSizeMixin: (paddingY: string, paddingX: string, minHeight: string) => string;
-export declare const counterSizeMixin: (paddingX: string, paddingY: string) => string;
+export declare const rootTextareaSizeMixin: (fontSize: string, lineHeight: string) => string;
+export declare const textareaSizeMixin: (paddingY: string, paddingX: string, minHeight: string) => string;
+export declare const counterSizeMixin: (paddingX: string, paddingY: string) => string;

package/components/Textarea/Textarea.styles/Textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ${t.textareaWidth};\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ${t.textareaWidth};\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Textarea/Textarea.styles.d.ts

@@ -1,25 +1,25 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    textarea(t: Theme): string;
-    textareaSmall(t: Theme): string;
-    textareaMedium(t: Theme): string;
-    textareaLarge(t: Theme): string;
-    hovering(t: Theme): string;
-    error(t: Theme): string;
-    warning(t: Theme): string;
-    disabled(t: Theme): string;
-    fake(): string;
-    placeholder(): string;
-    counterContainer(t: Theme): string;
-    counter(t: Theme): string;
-    counterSmall(t: Theme): string;
-    counterMedium(t: Theme): string;
-    counterLarge(t: Theme): string;
-    counterError(t: Theme): string;
-    counterHelp(): string;
-    disableAnimations(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    textarea(t: Theme): string;
+    textareaSmall(t: Theme): string;
+    textareaMedium(t: Theme): string;
+    textareaLarge(t: Theme): string;
+    hovering(t: Theme): string;
+    error(t: Theme): string;
+    warning(t: Theme): string;
+    disabled(t: Theme): string;
+    fake(): string;
+    placeholder(): string;
+    counterContainer(t: Theme): string;
+    counter(t: Theme): string;
+    counterSmall(t: Theme): string;
+    counterMedium(t: Theme): string;
+    counterLarge(t: Theme): string;
+    counterError(t: Theme): string;
+    counterHelp(): string;
+    disableAnimations(): string;
+};

package/components/Textarea/TextareaCounter/TextareaCounter.js

@@ -3,12 +3,10 @@ import propTypes from 'prop-types';
 import { globalObject } from '@skbkontur/global-object';
 import { safePropTypesInstanceOf } from "../../../lib/SSRSafe";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { HelpDotIcon } from "../../../internal/icons/16px";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isFunction } from "../../../lib/utils";
 import { Tooltip } from "../../Tooltip";
 import { cx } from "../../../lib/theming/Emotion";
-import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { QuestionCircleIcon16Solid } from "../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid";
 import { TextareaDataTids } from "../Textarea";
 import { styles } from "../Textarea.styles";
@@ -54,10 +52,7 @@ export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref
     color: theme.textareaCounterHelpIconColor,
     'data-tid': TextareaDataTids.helpIcon
   };
-  var helpIcon = isTheme2022(theme) ? /*#__PURE__*/
-  React.createElement(QuestionCircleIcon16Solid, helpIconProps) : /*#__PURE__*/
-
-  React.createElement(HelpDotIcon, helpIconProps);
+  var helpIcon = /*#__PURE__*/React.createElement(QuestionCircleIcon16Solid, helpIconProps);
   var counterHelp = isFunction(help) ? help() : /*#__PURE__*/
 
   React.createElement(Tooltip, {

package/components/Textarea/TextareaCounter/TextareaCounter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","globalObject","safePropTypesInstanceOf","forwardRefAndName","HelpDotIcon","ThemeContext","isFunction","Tooltip","cx","isTheme2022","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError","number","isRequired","oneOfType","string","node","func","HTMLTextAreaElement"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { TextareaDataTids, TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = isTheme2022(theme) ? (\n      <QuestionCircleIcon16Solid {...helpIconProps} />\n    ) : (\n      <HelpDotIcon {...helpIconProps} />\n    );\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n\nTextareaCounter.propTypes = {\n  length: propTypes.number.isRequired,\n  value: propTypes.oneOfType([propTypes.string, propTypes.number]),\n  help: propTypes.oneOfType([propTypes.node, propTypes.func]),\n  onCloseHelp: propTypes.func.isRequired,\n  textarea: safePropTypesInstanceOf(globalObject.HTMLTextAreaElement).isRequired,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","globalObject","safePropTypesInstanceOf","forwardRefAndName","ThemeContext","isFunction","Tooltip","cx","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError","number","isRequired","oneOfType","string","node","func","HTMLTextAreaElement"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n\nTextareaCounter.propTypes = {\n  length: propTypes.number.isRequired,\n  value: propTypes.oneOfType([propTypes.string, propTypes.number]),\n  help: propTypes.oneOfType([propTypes.node, propTypes.func]),\n  onCloseHelp: propTypes.func.isRequired,\n  textarea: safePropTypesInstanceOf(globalObject.HTMLTextAreaElement).isRequired,\n};\n"],"mappings":"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","ignoreList":[]}