@skbkontur/react-ui 0.0.0-243b88a6d4 → 0.0.0-2d059f9369

package/cjs/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Textarea.tsx"],"names":["DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","Textarea","state","polyfillPlaceholder","rows","isCounterVisible","reflowCounter","counter","reflow","theme","selectAllId","node","fakeNode","layoutEvents","textareaObserver","isBrowser","MutationObserver","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","cancelDelayedSelectAll","raf","cancel","renderMain","props","width","error","warning","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","textareaProps","rootProps","style","textareaClassNames","jsStyles","textarea","isAnimationsDisabled","textareaStyle","placeholderPolyfill","fakeTextarea","fakeProps","defaultValue","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","root","undefined","ref","handleChange","handleCut","handlePaste","handleFocus","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","onKeyDown","fieldIsEmpty","target","onChange","element","autoResizeHandler","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","isIE11","componentDidMount","LayoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","render","blur","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","disabled","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy","defaultProps","isTestEnv"],"mappings":"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","sourcesContent":["import React, { ReactNode } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport throttle from 'lodash.throttle';\r\nimport cn from 'classnames';\r\nimport raf from 'raf';\r\n\r\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { RenderLayer } from '../../internal/RenderLayer';\r\nimport { ResizeDetector } from '../../internal/ResizeDetector';\r\nimport { isBrowser, isIE11 } from '../../lib/client';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\n\r\nimport { getTextAreaHeight } from './TextareaHelpers';\r\nimport { jsStyles } from './Textarea.styles';\r\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\r\n\r\nconst DEFAULT_WIDTH = 250;\r\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\r\n\r\nexport interface TextareaProps\r\n  extends CommonProps,\r\n    Override<\r\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\r\n      {\r\n        /** Ошибка */\r\n        error?: boolean;\r\n        /** Предупреждение */\r\n        warning?: boolean;\r\n        /** Не активное состояние */\r\n        disabled?: boolean;\r\n\r\n        /**\r\n         * Атоматический ресайз\r\n         * в зависимости от содержимого\r\n         */\r\n        autoResize?: boolean;\r\n        /**\r\n         * Число строк\r\n         */\r\n        rows: number;\r\n        /**\r\n         * Максимальное число строк при\r\n         * автоматическом ресайзе\r\n         */\r\n        maxRows: string | number;\r\n\r\n        /**\r\n         * Стандартный ресайз\r\n         * Попадает в `style`\r\n         */\r\n        resize?: React.CSSProperties['resize'];\r\n\r\n        /**\r\n         * Ширина\r\n         */\r\n        width?: React.CSSProperties['width'];\r\n\r\n        /**\r\n         * Вызывается при изменении `value`\r\n         */\r\n        onValueChange?: (value: string) => void;\r\n\r\n        /** Выделение значения при фокусе */\r\n        selectAllOnFocus?: boolean;\r\n\r\n        /** Показывать счетчик символов */\r\n        showLengthCounter?: boolean;\r\n\r\n        /** Допустимое количество символов в поле. Отображается в счетчике.\r\n         * Если не указано, равно `maxLength`\r\n         */\r\n        lengthCounter?: number;\r\n\r\n        /** Подсказка к счетчику символов.\r\n         *\r\n         * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.\r\n         *\r\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\r\n         *\r\n         * ```\r\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\r\n         * ```\r\n         * */\r\n        counterHelp?: ReactNode | (() => ReactNode);\r\n\r\n        /** Добавлять дополнительную свободную строку при авто-ресайзе.\r\n         * @see https://guides.kontur.ru/components/textarea/#04\r\n         * */\r\n        extraRow: boolean;\r\n\r\n        /** Отключать анимацию при авто-ресайзе.\r\n         * Автоматически отключается когда в `extraRow` передан `false`.\r\n         */\r\n        disableAnimations: boolean;\r\n      }\r\n    > {}\r\n\r\nexport interface TextareaState {\r\n  polyfillPlaceholder: boolean;\r\n  rows: number | string;\r\n  isCounterVisible: boolean;\r\n}\r\n\r\n/**\r\n * Компонент для ввода многострочного текста.\r\n *\r\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\r\n *\r\n * ** `className` и `style`  игнорируются**\r\n */\r\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\r\n  public static __KONTUR_REACT_UI__ = 'Textarea';\r\n\r\n  public static propTypes = {\r\n    error: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n\r\n    autoResize: PropTypes.bool,\r\n    extraRow: PropTypes.bool,\r\n    disableAnimations: PropTypes.bool,\r\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n    id: PropTypes.string,\r\n    name: PropTypes.string,\r\n    title: PropTypes.string,\r\n    spellCheck: PropTypes.bool,\r\n    role: PropTypes.string,\r\n    maxLength: PropTypes.number,\r\n    tabIndex: PropTypes.number,\r\n    rows: PropTypes.number,\r\n    placeholder: PropTypes.string,\r\n\r\n    value: PropTypes.string,\r\n    defaultValue: PropTypes.string,\r\n    onValueChange: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n    onMouseLeave: PropTypes.func,\r\n    onMouseOver: PropTypes.func,\r\n    onMouseMove: PropTypes.func,\r\n    onMouseOut: PropTypes.func,\r\n\r\n    onMouseUp: PropTypes.func,\r\n    onMouseDown: PropTypes.func,\r\n    onClick: PropTypes.func,\r\n    onDoubleClick: PropTypes.func,\r\n\r\n    onKeyDown: PropTypes.func,\r\n    onKeyPress: PropTypes.func,\r\n    onKeyUp: PropTypes.func,\r\n    onInput: PropTypes.func,\r\n\r\n    onFocus: PropTypes.func,\r\n    onBlur: PropTypes.func,\r\n\r\n    onScroll: PropTypes.func,\r\n    onWheel: PropTypes.func,\r\n\r\n    onCut: PropTypes.func,\r\n    onPaste: PropTypes.func,\r\n    onCopy: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    rows: 3,\r\n    maxRows: 15,\r\n    extraRow: true,\r\n    disableAnimations: isTestEnv,\r\n  };\r\n\r\n  public state = {\r\n    polyfillPlaceholder,\r\n    rows: 1,\r\n    isCounterVisible: false,\r\n  };\r\n  private reflowCounter = () => {\r\n    if (this.counter) {\r\n      this.counter.reflow();\r\n    }\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private selectAllId: number | null = null;\r\n  private node: Nullable<HTMLTextAreaElement>;\r\n  private fakeNode: Nullable<HTMLTextAreaElement>;\r\n  private counter: Nullable<TextareaCounterRef>;\r\n  private layoutEvents: Nullable<{ remove: () => void }>;\r\n  private textareaObserver = isBrowser ? new MutationObserver(this.reflowCounter) : null;\r\n  private getAutoResizeThrottleWait(props: TextareaProps = this.props): number {\r\n    // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты\r\n    // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120\r\n    return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;\r\n  }\r\n  private isAnimationsDisabled({ disableAnimations, extraRow }: TextareaProps = this.props): boolean {\r\n    return disableAnimations || !extraRow;\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\r\n    }\r\n\r\n    if (this.node && this.props.showLengthCounter && this.textareaObserver) {\r\n      this.textareaObserver.observe(this.node, { attributes: true });\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.layoutEvents) {\r\n      this.layoutEvents.remove();\r\n    }\r\n    if (this.props.showLengthCounter && this.textareaObserver) {\r\n      this.textareaObserver.disconnect();\r\n    }\r\n    this.cancelDelayedSelectAll();\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TextareaProps) {\r\n    if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {\r\n      this.autoResize.cancel();\r\n      this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\r\n    }\r\n    if ((this.props.autoResize && this.props.rows > this.state.rows) || this.props.value !== prevProps.value) {\r\n      this.autoResize();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.node) {\r\n      this.node.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.node) {\r\n      this.node.blur();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public setSelectionRange = (start: number, end: number) => {\r\n    if (!this.node) {\r\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\r\n    }\r\n\r\n    if (document.activeElement !== this.node) {\r\n      this.focus();\r\n    }\r\n\r\n    this.node.setSelectionRange(start, end);\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public selectAll = () => {\r\n    if (this.node) {\r\n      this.setSelectionRange(0, this.node.value.length);\r\n    }\r\n  };\r\n\r\n  private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\r\n\r\n  private cancelDelayedSelectAll = (): void => {\r\n    if (this.selectAllId) {\r\n      raf.cancel(this.selectAllId);\r\n      this.selectAllId = null;\r\n    }\r\n  };\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\r\n    const {\r\n      width = DEFAULT_WIDTH,\r\n      error,\r\n      warning,\r\n      autoResize,\r\n      resize,\r\n      onCut,\r\n      onPaste,\r\n      maxRows,\r\n      onFocus,\r\n      selectAllOnFocus,\r\n      placeholder,\r\n      onValueChange,\r\n      showLengthCounter,\r\n      lengthCounter,\r\n      counterHelp,\r\n      extraRow,\r\n      disableAnimations,\r\n      ...textareaProps\r\n    } = props;\r\n\r\n    const { isCounterVisible } = this.state;\r\n\r\n    const rootProps = {\r\n      style: {\r\n        width,\r\n      },\r\n    };\r\n\r\n    const textareaClassNames = cn({\r\n      [jsStyles.textarea(this.theme)]: true,\r\n      [jsStyles.error(this.theme)]: !!error,\r\n      [jsStyles.warning(this.theme)]: !!warning,\r\n      [jsStyles.disableAnimations()]: this.isAnimationsDisabled(),\r\n    });\r\n\r\n    const textareaStyle = {\r\n      resize: autoResize ? 'none' : resize,\r\n    };\r\n\r\n    let placeholderPolyfill = null;\r\n\r\n    if (this.state.polyfillPlaceholder && !textareaProps.value) {\r\n      placeholderPolyfill = <span className={jsStyles.placeholder()}>{placeholder}</span>;\r\n    }\r\n\r\n    let fakeTextarea = null;\r\n    if (autoResize) {\r\n      const fakeProps = {\r\n        value: this.props.value,\r\n        defaultValue: this.props.defaultValue,\r\n        className: cn(textareaClassNames, jsStyles.fake()),\r\n        readOnly: true,\r\n      };\r\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\r\n    }\r\n\r\n    const counter = showLengthCounter && isCounterVisible && this.node && (\r\n      <TextareaCounter\r\n        textarea={this.node}\r\n        help={counterHelp}\r\n        value={textareaProps.value}\r\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\r\n        onCloseHelp={this.handleCloseCounterHelp}\r\n        ref={this.refCounter}\r\n      />\r\n    );\r\n\r\n    return (\r\n      <RenderLayer\r\n        onFocusOutside={this.handleCloseCounterHelp}\r\n        onClickOutside={this.handleCloseCounterHelp}\r\n        active={this.state.isCounterVisible}\r\n      >\r\n        <label {...rootProps} className={jsStyles.root(this.theme)}>\r\n          {placeholderPolyfill}\r\n          <ResizeDetector onResize={this.reflowCounter}>\r\n            <textarea\r\n              {...textareaProps}\r\n              className={textareaClassNames}\r\n              style={textareaStyle}\r\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\r\n              ref={this.ref}\r\n              onChange={this.handleChange}\r\n              onCut={this.handleCut}\r\n              onPaste={this.handlePaste}\r\n              onFocus={this.handleFocus}\r\n              onKeyDown={this.handleKeyDown}\r\n            >\r\n              {this.props.children}\r\n            </textarea>\r\n          </ResizeDetector>\r\n          {fakeTextarea}\r\n          {counter}\r\n        </label>\r\n      </RenderLayer>\r\n    );\r\n  };\r\n\r\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n    // Edge bug: textarea maxlength doesn't work after new line\r\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\r\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\r\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\r\n\r\n    if (isBlockEnter) {\r\n      e.preventDefault();\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n    }\r\n  };\r\n\r\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n    if (polyfillPlaceholder) {\r\n      const fieldIsEmpty = e.target.value === '';\r\n\r\n      if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n        this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n      }\r\n    }\r\n\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(e.target.value);\r\n    }\r\n\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(e);\r\n    }\r\n\r\n    this.reflowCounter();\r\n  };\r\n\r\n  private ref = (element: HTMLTextAreaElement) => {\r\n    this.node = element;\r\n  };\r\n\r\n  private refFake = (element: HTMLTextAreaElement) => {\r\n    this.fakeNode = element;\r\n  };\r\n\r\n  private refCounter = (ref: TextareaCounterRef | null) => {\r\n    this.counter = ref;\r\n  };\r\n\r\n  private autoResizeHandler = () => {\r\n    const fakeNode = this.fakeNode;\r\n    if (!fakeNode) {\r\n      return;\r\n    }\r\n    const node = this.node;\r\n    if (!node) {\r\n      return;\r\n    }\r\n    if (this.props.value === undefined) {\r\n      fakeNode.value = node.value;\r\n    }\r\n\r\n    const { rows, maxRows, extraRow } = this.props;\r\n    if (rows === undefined || maxRows === undefined) {\r\n      return;\r\n    }\r\n    const { height, exceededMaxHeight } = getTextAreaHeight({\r\n      node: fakeNode,\r\n      minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\r\n      maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\r\n      extraRow,\r\n    });\r\n    node.style.height = height + 'px';\r\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n  };\r\n\r\n  private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\r\n\r\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onCut) {\r\n      this.props.onCut(event);\r\n    }\r\n\r\n    this.reflowCounter();\r\n  };\r\n\r\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onPaste) {\r\n      this.props.onPaste(event);\r\n    }\r\n\r\n    this.reflowCounter();\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n    this.setState({ isCounterVisible: true });\r\n\r\n    if (this.props.selectAllOnFocus) {\r\n      // https://github.com/facebook/react/issues/7769\r\n      this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\r\n    }\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Textarea.tsx"],"names":["DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","rootNode","getProps","defaultProps","state","needsPolyfillPlaceholder","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","globalObject","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","width","error","warning","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","rootProps","style","textareaClassNames","getTextareaSizeClassName","styles","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","Component","featureFlags","textareaUseSafari17Workaround","isSafari17","TextareaWithSafari17Workaround","getRootSizeClassName","undefined","ref","handleChange","handleCut","handlePaste","handleFocus","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","onKeyDown","fieldIsEmpty","target","onChange","element","fakeNode","autoResizeHandler","rows","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","isIE11","rootLarge","rootMedium","rootSmall","textareaLarge","textareaMedium","textareaSmall","componentDidMount","layoutEvents","LayoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","render","flags","setRootNode","blur","React","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy","isTestEnv"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes, ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isIE11, isSafari17 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { styles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\n\n/**\n * @deprecated use SizeProp\n */\nexport type TextareaSize = SizeProp;\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      {\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Не активное состояние */\n        disabled?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * Автоматический ресайз\n         * в зависимости от содержимого\n         */\n        autoResize?: boolean;\n        /**\n         * Число строк\n         */\n        rows?: number;\n        /**\n         * Максимальное число строк при\n         * автоматическом ресайзе\n         */\n        maxRows?: string | number;\n\n        /**\n         * Стандартный ресайз\n         * Попадает в `style`\n         */\n        resize?: React.CSSProperties['resize'];\n\n        /**\n         * Ширина\n         */\n        width?: React.CSSProperties['width'];\n\n        /**\n         * Вызывается при изменении `value`\n         */\n        onValueChange?: (value: string) => void;\n\n        /** Выделение значения при фокусе */\n        selectAllOnFocus?: boolean;\n\n        /** Показывать счетчик символов */\n        showLengthCounter?: boolean;\n\n        /** Допустимое количество символов в поле. Отображается в счетчике.\n         * Если не указано, равно `maxLength`\n         */\n        lengthCounter?: number;\n\n        /** Подсказка к счетчику символов.\n         *\n         * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.\n         *\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\n         *\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ```\n         * */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавлять дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04\n         * */\n        extraRow?: boolean;\n\n        /** Отключать анимацию при авто-ресайзе.\n         * Автоматически отключается когда в `extraRow` передан `false`.\n         */\n        disableAnimations?: boolean;\n      }\n    > {}\n\nexport interface TextareaState {\n  needsPolyfillPlaceholder: boolean;\n  isCounterVisible: boolean;\n}\n\nexport const TextareaDataTids = {\n  root: 'Textarea__root',\n  counter: 'TextareaCounter__root',\n  helpIcon: 'TextareaCounter__helpIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;\n\n/**\n * Компонент для ввода многострочного текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n *\n * ** `className` и `style`  игнорируются**\n */\n@rootNode\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\n  public static __KONTUR_REACT_UI__ = 'Textarea';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    disabled: PropTypes.bool,\n\n    autoResize: PropTypes.bool,\n    extraRow: PropTypes.bool,\n    disableAnimations: PropTypes.bool,\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    id: PropTypes.string,\n    name: PropTypes.string,\n    title: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    role: PropTypes.string,\n    maxLength: PropTypes.number,\n    tabIndex: PropTypes.number,\n    rows: PropTypes.number,\n    placeholder: PropTypes.string,\n\n    value: PropTypes.string,\n    defaultValue: PropTypes.string,\n    onValueChange: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onMouseMove: PropTypes.func,\n    onMouseOut: PropTypes.func,\n\n    onMouseUp: PropTypes.func,\n    onMouseDown: PropTypes.func,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n    onKeyPress: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    onInput: PropTypes.func,\n\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n\n    onScroll: PropTypes.func,\n    onWheel: PropTypes.func,\n\n    onCut: PropTypes.func,\n    onPaste: PropTypes.func,\n    onCopy: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    rows: 3,\n    maxRows: 15,\n    extraRow: true,\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.textareaLarge(this.theme);\n      case 'medium':\n        return styles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return styles.textareaSmall(this.theme);\n    }\n  }\n\n  public state = {\n    needsPolyfillPlaceholder,\n    isCounterVisible: false,\n  };\n  private reflowCounter = () => {\n    if (this.counter) {\n      this.counter.reflow();\n    }\n  };\n\n  private theme!: Theme;\n  private selectAllId: number | null = null;\n  private node: Nullable<HTMLTextAreaElement>;\n  private fakeNode: Nullable<HTMLTextAreaElement>;\n  private counter: Nullable<TextareaCounterRef>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private textareaObserver = globalObject.MutationObserver\n    ? new globalObject.MutationObserver(this.reflowCounter)\n    : null;\n  private setRootNode!: TSetRootNode;\n  private getAutoResizeThrottleWait(props: TextareaProps = this.props): number {\n    // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты\n    // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120\n    return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;\n  }\n  private isAnimationsDisabled({ disableAnimations, extraRow }: TextareaProps = this.props): boolean {\n    return disableAnimations || !extraRow;\n  }\n\n  public componentDidMount() {\n    if (this.props.autoResize) {\n      this.autoResize();\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\n    }\n\n    if (this.node && this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.observe(this.node, { attributes: true });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    if (this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.disconnect();\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  public componentDidUpdate(prevProps: TextareaProps) {\n    if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {\n      this.autoResize.cancel();\n      this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n    }\n    const { rows, maxRows } = this.getProps();\n    if (\n      this.props.autoResize &&\n      (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)\n    ) {\n      this.autoResize();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange = (start: number, end: number) => {\n    if (!this.node) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.node) {\n      this.focus();\n    }\n\n    this.node.setSelectionRange(start, end);\n  };\n\n  /**\n   * @public\n   */\n  public selectAll = () => {\n    if (this.node) {\n      this.setSelectionRange(0, this.node.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\n    const {\n      width = DEFAULT_WIDTH,\n      error,\n      warning,\n      size,\n      autoResize,\n      resize,\n      onCut,\n      onPaste,\n      maxRows,\n      onFocus,\n      selectAllOnFocus,\n      placeholder,\n      onValueChange,\n      showLengthCounter,\n      lengthCounter,\n      counterHelp,\n      extraRow,\n      disableAnimations,\n      disabled,\n      ...textareaProps\n    } = props;\n\n    const { isCounterVisible } = this.state;\n\n    const rootProps = {\n      style: {\n        width,\n      },\n    };\n\n    const textareaClassNames = cx(this.getTextareaSizeClassName(), {\n      [styles.textarea(this.theme)]: true,\n      [styles.hovering(this.theme)]: !error && !warning,\n      [styles.disabled(this.theme)]: disabled,\n      [styles.error(this.theme)]: !!error,\n      [styles.warning(this.theme)]: !!warning,\n      [styles.disableAnimations()]: this.isAnimationsDisabled(),\n    });\n\n    const textareaStyle = {\n      resize: autoResize ? 'none' : resize,\n    };\n\n    let placeholderPolyfill = null;\n\n    if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n      placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n    }\n\n    let fakeTextarea = null;\n    if (autoResize) {\n      const fakeProps = {\n        value: this.props.value,\n        defaultValue: this.props.defaultValue,\n        className: cx(textareaClassNames, styles.fake()),\n        readOnly: true,\n      };\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n    }\n\n    const counter = showLengthCounter && isCounterVisible && this.node && (\n      <TextareaCounter\n        textarea={this.node}\n        size={this.getProps().size}\n        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    const Component =\n      this.featureFlags.textareaUseSafari17Workaround && isSafari17 ? TextareaWithSafari17Workaround : 'textarea';\n\n    return (\n      <RenderLayer\n        onFocusOutside={this.handleCloseCounterHelp}\n        onClickOutside={this.handleCloseCounterHelp}\n        active={this.state.isCounterVisible}\n      >\n        <label\n          data-tid={TextareaDataTids.root}\n          {...rootProps}\n          className={cx(this.getRootSizeClassName(), {\n            [styles.root()]: true,\n          })}\n        >\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <Component\n              {...textareaProps}\n              className={textareaClassNames}\n              style={textareaStyle}\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\n              ref={this.ref}\n              onChange={this.handleChange}\n              onCut={this.handleCut}\n              onPaste={this.handlePaste}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n              disabled={disabled}\n            >\n              {this.props.children}\n            </Component>\n          </ResizeDetector>\n          {fakeTextarea}\n          {counter}\n        </label>\n      </RenderLayer>\n    );\n  };\n\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Edge bug: textarea maxlength doesn't work after new line\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\n\n    if (isBlockEnter) {\n      e.preventDefault();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = e.target.value === '';\n\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(e.target.value);\n    }\n\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(e);\n    }\n\n    this.reflowCounter();\n  };\n\n  private ref = (element: HTMLTextAreaElement) => {\n    this.node = element;\n  };\n\n  private refFake = (element: HTMLTextAreaElement) => {\n    this.fakeNode = element;\n  };\n\n  private refCounter = (ref: TextareaCounterRef | null) => {\n    this.counter = ref;\n  };\n\n  private autoResizeHandler = () => {\n    const fakeNode = this.fakeNode;\n    if (!fakeNode) {\n      return;\n    }\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n    if (this.props.value === undefined) {\n      fakeNode.value = node.value;\n    }\n\n    const { rows, maxRows } = this.getProps();\n    if (rows === undefined || maxRows === undefined) {\n      return;\n    }\n\n    const { height, exceededMaxHeight } =\n      getTextAreaHeight({\n        node: fakeNode,\n        minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\n        maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\n        extraRow: this.getProps().extraRow,\n      }) || {};\n\n    if (height === undefined || exceededMaxHeight === undefined) {\n      return;\n    }\n\n    node.style.height = height + 'px';\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n  };\n\n  private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onCut) {\n      this.props.onCut(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onPaste) {\n      this.props.onPaste(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({ isCounterVisible: true });\n\n    if (this.props.selectAllOnFocus) {\n      // https://github.com/facebook/react/issues/7769\n      this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n}\n"]}

package/cjs/components/Textarea/Textarea.md

@@ -1,25 +1,56 @@
-```jsx harmony
-let initialState = { value: '' };
-<Textarea
-  value={state.value}
-  onValueChange={value => setState({ value })}
-  autoResize
-  placeholder="Through faith we can reign in every area of life"
-/>;
-```
-
-Счетчик введенных символов
-
-```jsx harmony
-const initialState = { value: '' };
-const handleValueChange = value => setState({ value });
-
-<Textarea
-  value={state.value}
-  onValueChange={handleValueChange}
-  placeholder="Счетчик появляется при фокусе"
-  lengthCounter={10}
-  showLengthCounter
-  counterHelp="Hello 👋"
-/>;
-```
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  autoResize
+  placeholder="Through faith we can reign in every area of life"
+/>;
+```
+
+Очистить значение в `Textarea` можно только с помощью пустой строки
+
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState('Значение');
+
+<Group>
+  <Textarea
+    value={value}
+    onValueChange={setValue}
+    autoResize
+    rows={1}
+    placeholder="Плейсхолдер"
+  />
+  <Button style={{ height: '52px' }} onClick={() => setValue('')}>Очистить значение</Button>
+</Group>
+```
+
+Счетчик введенных символов
+
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  placeholder="Счетчик появляется при фокусе"
+  lengthCounter={10}
+  showLengthCounter
+  counterHelp="Hello 👋"
+/>;
+```
+
+У Textarea есть 3 стандартных размера.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <Textarea size={'small'} value={'Маленький'} autoResize rows={1} />
+  <Textarea size={'medium'} value={'Средний'} autoResize rows={1} />
+  <Textarea size={'large'} value={'Большой'} autoResize rows={1} />
+</Gapped>
+```

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

@@ -0,0 +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;

package/cjs/components/Textarea/Textarea.mixins.js

@@ -0,0 +1,22 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.textareaSizeMixin = exports.rootTextareaSizeMixin = exports.counterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+
+var rootTextareaSizeMixin = function rootTextareaSizeMixin(fontSize, lineHeight) {
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n  "])),
+  fontSize,
+  lineHeight);
+
+};exports.rootTextareaSizeMixin = rootTextareaSizeMixin;
+
+var textareaSizeMixin = function textareaSizeMixin(paddingY, paddingX, minHeight) {
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    min-height: ", ";\n    padding: ", " ", ";\n  "])),
+  minHeight,
+  paddingY, paddingX);
+
+};exports.textareaSizeMixin = textareaSizeMixin;
+
+var counterSizeMixin = function counterSizeMixin(paddingX, paddingY) {
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    right: ", ";\n    bottom: ", ";\n  "])),
+  paddingY,
+  paddingX);
+
+};exports.counterSizeMixin = counterSizeMixin;

package/cjs/components/Textarea/Textarea.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Textarea.mixins.ts"],"names":["rootTextareaSizeMixin","fontSize","lineHeight","css","textareaSizeMixin","paddingY","paddingX","minHeight","counterSizeMixin"],"mappings":"kVAAA,oD;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,QAAD,EAAmBC,UAAnB,EAA0C;AAC7E,aAAOC,YAAP;AACeF,EAAAA,QADf;AAEiBC,EAAAA,UAFjB;;AAID,CALM,C;;AAOA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAmBC,QAAnB,EAAqCC,SAArC,EAA2D;AAC1F,aAAOJ,YAAP;AACgBI,EAAAA,SADhB;AAEaF,EAAAA,QAFb,EAEyBC,QAFzB;;AAID,CALM,C;;AAOA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,QAAD,EAAmBD,QAAnB,EAAwC;AACtE,aAAOF,YAAP;AACWE,EAAAA,QADX;AAEYC,EAAAA,QAFZ;;AAID,CALM,C","sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const rootTextareaSizeMixin = (fontSize: string, lineHeight: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const textareaSizeMixin = (paddingY: string, paddingX: string, minHeight: string) => {\n  return css`\n    min-height: ${minHeight};\n    padding: ${paddingY} ${paddingX};\n  `;\n};\n\nexport const counterSizeMixin = (paddingX: string, paddingY: string) => {\n  return css`\n    right: ${paddingY};\n    bottom: ${paddingX};\n  `;\n};\n"]}

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

@@ -1,13 +1,25 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    textarea(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+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: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    counter(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    counterError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): 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/cjs/components/Textarea/Textarea.styles.js

@@ -1,21 +1,36 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: none;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 4px;\n      cursor: pointer;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n      right: ", ";\n      bottom: ", ";\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ", ";\n      min-height: ", ";\n      outline: none;\n      padding: ", " ", ";\n      transition: height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n      &:disabled {\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        box-shadow: none;\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      position: relative;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+var _Textarea = require("./Textarea.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n    "])));
 
-    t.textareaFontSize,
-    t.textareaLineHeight);
 
 
   },
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.rootTextareaSizeMixin)(t.textareaFontSizeSmall, t.textareaLineHeightSmall));
 
-  textarea: function textarea(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.rootTextareaSizeMixin)(t.textareaFontSizeMedium, t.textareaLineHeightMedium));
 
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.rootTextareaSizeMixin)(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
+
+  },
+
+  textarea: function textarea(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background: ", ";\n      background-clip: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ", ";\n      outline: none;\n      transition: border-color ", " ", ", height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])),
 
     t.textareaBg,
+    t.textareaBackgroundClip,
     t.textareaBorderWidth, t.textareaBorderColor,
     t.textareaBorderTopColor,
     t.textareaShadow,
@@ -26,10 +41,8 @@ var styles = {
 
 
     t.textareaWidth,
-    t.textareaMinHeight,
-
-    t.textareaPaddingY, t.textareaPaddingX,
 
+    t.transitionDuration, t.transitionTimingFunction,
 
 
     t.textareaBorderRadius,
@@ -46,10 +59,8 @@ var styles = {
 
 
 
-    t.textareaTextColorDisabled,
-    t.textareaDisabledBg,
-    t.textareaDisabledBorderColor,
 
+    t.textareaPlaceholderColor,
 
 
 
@@ -57,22 +68,40 @@ var styles = {
 
 
 
-    t.textareaPlaceholderColor,
+    t.textareaPlaceholderColor);
 
 
+  },
+  textareaSmall: function textareaSmall(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.textareaSizeMixin)(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));
 
-    t.textareaPlaceholderColor);
+  },
+  textareaMedium: function textareaMedium(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.textareaSizeMixin)(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium));
+
+  },
+  textareaLarge: function textareaLarge(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.textareaSizeMixin)(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge));
+
+  },
+
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:enabled:hover:not(:focus) {\n        border-color: ", ";\n      }\n    "])),
+
+    t.textareaBorderColorHover);
 
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject3(),
-    (0, _Emotion.cssName)(styles.textarea(t)),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
     t.textareaBorderColorError,
     t.textareaBorderWidth, t.textareaBorderColorError,
 
-    (0, _Emotion.cssName)(styles.textarea(t)),
+
     t.textareaBorderColorError,
     t.textareaOutlineWidth, t.textareaBorderColorError);
 
@@ -80,20 +109,32 @@ var styles = {
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    (0, _Emotion.cssName)(styles.textarea(t)),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
     t.textareaBorderColorWarning,
     t.textareaOutlineWidth, t.textareaBorderColorWarning,
 
-    (0, _Emotion.cssName)(styles.textarea(t)),
+
     t.textareaBorderColorWarning,
     t.textareaOutlineWidth, t.textareaBorderColorWarning);
 
 
+  },
+
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
+    t.textareaTextColorDisabled,
+    t.textareaDisabledBg,
+    t.textareaDisabledBorderColor,
+
+
+
+    t.textareaPlaceholderColorDisabled);
+
+
   },
 
   fake: function fake() {
-    return (0, _Emotion.css)(_templateObject5());
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
 
 
 
@@ -104,7 +145,7 @@ var styles = {
   },
 
   placeholder: function placeholder() {
-    return (0, _Emotion.css)(_templateObject6());
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -118,7 +159,7 @@ var styles = {
   },
 
   counterContainer: function counterContainer(t) {
-    return (0, _Emotion.css)(_templateObject7(),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])),
 
 
     t.textareaBorderWidth);
@@ -127,36 +168,46 @@ var styles = {
   },
 
   counter: function counter(t) {
-    return (0, _Emotion.css)(_templateObject8(),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n    "])),
 
 
 
     t.textareaCounterBg,
-    t.textareaCounterColor,
+    t.textareaCounterColor);
 
-    t.textareaPaddingX,
-    t.textareaPaddingY);
+
+  },
+  counterSmall: function counterSmall(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.counterSizeMixin)(t.textareaPaddingYSmall, t.textareaPaddingXSmall));
+
+  },
+  counterMedium: function counterMedium(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.counterSizeMixin)(t.textareaPaddingYMedium, t.textareaPaddingXMedium));
+
+  },
+  counterLarge: function counterLarge(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Textarea.counterSizeMixin)(t.textareaPaddingYLarge, t.textareaPaddingXLarge));
 
   },
 
   counterError: function counterError(t) {
-    return (0, _Emotion.css)(_templateObject9(),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.textareaCounterErrorColor);
 
   },
 
   counterHelp: function counterHelp() {
-    return (0, _Emotion.css)(_templateObject10());
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
 
 
 
   },
 
   disableAnimations: function disableAnimations() {
-    return (0, _Emotion.css)(_templateObject11());
-
-
-  } };
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: none;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

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

package/cjs/components/Textarea/TextareaCounter.d.ts

@@ -1,13 +1,14 @@
-import React from 'react';
+import { SizeProp } from '../../lib/types/props';
 import { TextareaProps } from './Textarea';
-export declare type TextareaCounterProps = {
+export interface TextareaCounterProps {
     value: TextareaProps['value'];
     length: number;
     help: TextareaProps['counterHelp'];
     onCloseHelp: () => void;
     textarea: HTMLTextAreaElement;
-};
+    size: SizeProp;
+}
 export interface TextareaCounterRef {
     reflow: () => void;
 }
-export declare const TextareaCounter: React.ForwardRefExoticComponent<TextareaCounterProps & React.RefAttributes<TextareaCounterRef>>;
+export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps> & Record<never, never>;