@skbkontur/react-ui 0.0.0-73eeccf6c9 → 0.0.0-74f39c97a5

package/components/Tabs/Tabs.md

@@ -1,36 +0,0 @@
-```jsx harmony
-const initialState = { active: 'fuji' };
-
-<Tabs value={state.active} onValueChange={v => setState({ active: v })}>
-  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```
-
-Можно передавать свои компоненты в качестве табов, например `NavLink` из `react-router`
-
-```jsx harmony
-const initialState = { active: '/fuji' };
-
-const NavLink = props => (
-  <a
-    {...props}
-    onClick={e => {
-      e.preventDefault();
-      props.onClick(e);
-    }}
-  />
-);
-const TabLink = ({ id, children }) => (
-  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
-    {children}
-  </Tabs.Tab>
-);
-
-<Tabs value={state.active} onValueChange={v => setState({ active: v })}>
-  <TabLink id="/fuji">🌋 Fuji</TabLink>
-  <TabLink id="/tahat">⛰ Tahat</TabLink>
-  <TabLink id="/alps">🗻 Alps</TabLink>
-</Tabs>;
-```

package/components/Tabs/Tabs.styles/Tabs.styles.js

@@ -1,32 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        margin: 0;\n      }\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: 0 -", ";\n      padding: 0;\n      position: relative;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(), t.tabsMarginX);
-  },
-  vertical: function vertical(t) {
-    return css(_templateObject2(), cssName(styles.root(t)));
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/components/Tabs/Tabs.styles/Tabs.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Tabs.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tabsMarginX","vertical","jsStyles"],"mappings":"miBAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;AAEeK,IAAAA,CAAC,CAACC,WAFjB;;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJF,CAVI,EAUM;AACjB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;;AAKD,GAhBY,EAAf;;;AAmBA,OAAO,IAAMG,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","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      margin: 0 -${t.tabsMarginX};\r\n      padding: 0;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  vertical(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        margin: 0;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Tabs/Tabs.styles/package.json

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

package/components/Tabs/TabsContext/TabsContext.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { emptyHandler } from "../../../lib/utils";
-export var TabsContextDefaultValue = {
-  vertical: false,
-  activeTab: '',
-  getTab: emptyHandler,
-  addTab: emptyHandler,
-  notifyUpdate: emptyHandler,
-  removeTab: emptyHandler,
-  shiftFocus: emptyHandler,
-  switchTab: emptyHandler
-};
-export var TabsContext = /*#__PURE__*/React.createContext(TabsContextDefaultValue);
-TabsContext.displayName = 'TabsContext';

package/components/Tabs/TabsContext/TabsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,iBAA7B;;;;;;;;;;;;;;;AAeA,OAAO,IAAMC,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,MAAM,EAAEJ,YAH8C;AAItDK,EAAAA,MAAM,EAAEL,YAJ8C;AAKtDM,EAAAA,YAAY,EAAEN,YALwC;AAMtDO,EAAAA,SAAS,EAAEP,YAN2C;AAOtDQ,EAAAA,UAAU,EAAER,YAP0C;AAQtDS,EAAAA,SAAS,EAAET,YAR2C,EAAjD;;AAUP,OAAO,IAAMU,WAAW,gBAAGX,KAAK,CAACY,aAAN,CAAqCV,uBAArC,CAApB;;AAEPS,WAAW,CAACE,WAAZ,GAA0B,aAA1B","sourcesContent":["import React from 'react';\r\n\r\nimport { emptyHandler } from '../../lib/utils';\r\n\r\nimport { Tab } from './Tab';\r\n\r\nexport interface TabsContextType {\r\n  vertical: boolean;\r\n  activeTab: string;\r\n  getTab: (id: string) => Tab | null | void;\r\n  addTab: (id: string, getNode: () => Tab) => void;\r\n  notifyUpdate: () => void;\r\n  removeTab: (id: string) => void;\r\n  shiftFocus: (fromTab: string, delta: number) => void;\r\n  switchTab: (id: string) => void;\r\n}\r\n\r\nexport const TabsContextDefaultValue: TabsContextType = {\r\n  vertical: false,\r\n  activeTab: '',\r\n  getTab: emptyHandler,\r\n  addTab: emptyHandler,\r\n  notifyUpdate: emptyHandler,\r\n  removeTab: emptyHandler,\r\n  shiftFocus: emptyHandler,\r\n  switchTab: emptyHandler,\r\n};\r\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\r\n\r\nTabsContext.displayName = 'TabsContext';\r\n"]}

package/components/Tabs/TabsContext/package.json

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

package/components/Tabs/index/index.js

@@ -1,2 +0,0 @@
-export * from "../Tabs";
-export * from "../Tab";

package/components/Tabs/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,OAAd","sourcesContent":["export * from './Tabs';\r\nexport * from './Tab';\r\n"]}

package/components/Tabs/index/package.json

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

package/components/Tabs/package.json

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

package/components/Textarea/Textarea/Textarea.js

@@ -1,344 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import throttle from 'lodash.throttle';
-import cn from 'classnames';
-import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
-import { polyfillPlaceholder } from "../../../lib/polyfillPlaceholder";
-import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getTextAreaHeight } from "../TextareaHelpers";
-import { jsStyles } from "../Textarea.styles";
-var DEFAULT_WIDTH = 250;
-/**
- * Компонент для ввода многострочного текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
- *
- * ** `className` и `style`  игнорируются**
- */
-
-export var Textarea = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Textarea, _React$Component);
-
-  function Textarea() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.state = {
-      polyfillPlaceholder: polyfillPlaceholder,
-      rows: 1
-    };
-    _this.theme = void 0;
-    _this.node = void 0;
-    _this.fakeNode = void 0;
-    _this.layoutEvents = void 0;
-
-    _this.setSelectionRange = function (start, end) {
-      if (!_this.node) {
-        throw new Error('Cannot call "setSelectionRange" on unmounted Input');
-      }
-
-      if (document.activeElement !== _this.node) {
-        _this.focus();
-      }
-
-      _this.node.setSelectionRange(start, end);
-    };
-
-    _this.selectAll = function () {
-      if (_this.node) {
-        _this.setSelectionRange(0, _this.node.value.length);
-      }
-    };
-
-    _this.handleKeyDown = function (e) {
-      // Edge bug: textarea maxlength doesn't work after new line
-      // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/
-      var value = _this.props.value !== undefined ? _this.props.value.toString() : null;
-
-      var isBlockEnter = isKeyEnter(e) && value !== null && value.length === _this.props.maxLength;
-
-      if (isBlockEnter) {
-        e.preventDefault();
-      }
-
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-    };
-
-    _this.handleChange = function (e) {
-      if (polyfillPlaceholder) {
-        var fieldIsEmpty = e.target.value === '';
-
-        if (_this.state.polyfillPlaceholder !== fieldIsEmpty) {
-          _this.setState({
-            polyfillPlaceholder: fieldIsEmpty
-          });
-        }
-      }
-
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(e.target.value);
-      }
-
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange(e);
-      }
-    };
-
-    _this.ref = function (element) {
-      _this.node = element;
-    };
-
-    _this.refFake = function (element) {
-      _this.fakeNode = element;
-    };
-
-    _this.autoResize = throttle(function () {
-      var fakeNode = _this.fakeNode;
-
-      if (!fakeNode) {
-        return;
-      }
-
-      var node = _this.node;
-
-      if (!node) {
-        return;
-      }
-
-      if (_this.props.value === undefined) {
-        fakeNode.value = node.value;
-      }
-
-      var _this$props = _this.props,
-          rows = _this$props.rows,
-          maxRows = _this$props.maxRows;
-
-      if (rows === undefined || maxRows === undefined) {
-        return;
-      }
-
-      var _getTextAreaHeight = getTextAreaHeight(fakeNode, typeof rows === 'number' ? rows : parseInt(rows, 10), typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10)),
-          height = _getTextAreaHeight.height,
-          exceededMaxHeight = _getTextAreaHeight.exceededMaxHeight;
-
-      node.style.height = height + 'px';
-      node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
-      fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
-    }, 100);
-
-    _this.handleCut = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onCut) {
-        _this.props.onCut(event);
-      }
-    };
-
-    _this.handlePaste = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onPaste) {
-        _this.props.onPaste(event);
-      }
-    };
-
-    _this.handleFocus = function (event) {
-      if (_this.props.selectAllOnFocus) {
-        _this.selectAll();
-      }
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };
-
-    return _this;
-  }
-
-  var _proto = Textarea.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.autoResize) {
-      this.autoResize();
-      this.layoutEvents = LayoutEvents.addListener(this.autoResize);
-    }
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.layoutEvents) {
-      this.layoutEvents.remove();
-    }
-  };
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.autoResize && this.props.rows > this.state.rows || this.props.value !== prevProps.value) {
-      this.autoResize();
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.focus = function focus() {
-    if (this.node) {
-      this.node.focus();
-    }
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.blur = function blur() {
-    if (this.node) {
-      this.node.blur();
-    }
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.renderMain = function renderMain() {
-    var _cn;
-
-    var _this$props2 = this.props,
-        _this$props2$width = _this$props2.width,
-        width = _this$props2$width === void 0 ? DEFAULT_WIDTH : _this$props2$width,
-        error = _this$props2.error,
-        warning = _this$props2.warning,
-        autoResize = _this$props2.autoResize,
-        resize = _this$props2.resize,
-        onCut = _this$props2.onCut,
-        onPaste = _this$props2.onPaste,
-        maxRows = _this$props2.maxRows,
-        onFocus = _this$props2.onFocus,
-        selectAllOnFocus = _this$props2.selectAllOnFocus,
-        className = _this$props2.className,
-        style = _this$props2.style,
-        placeholder = _this$props2.placeholder,
-        onValueChange = _this$props2.onValueChange,
-        textareaProps = _objectWithoutPropertiesLoose(_this$props2, ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "className", "style", "placeholder", "onValueChange"]);
-
-    var rootProps = {
-      style: {
-        width: width
-      }
-    };
-    var textareaClassNames = cn((_cn = {}, _cn[jsStyles.textarea(this.theme)] = true, _cn[jsStyles.error(this.theme)] = !!error, _cn[jsStyles.warning(this.theme)] = !!warning, _cn));
-    var textAreaStyle = {
-      resize: autoResize ? 'none' : resize
-    };
-    var placeholderPolyfill = null;
-
-    if (this.state.polyfillPlaceholder && !textareaProps.value) {
-      placeholderPolyfill = /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.placeholder()
-      }, placeholder);
-    }
-
-    var fakeTextarea = null;
-
-    if (autoResize) {
-      var fakeProps = {
-        value: this.props.value,
-        defaultValue: this.props.defaultValue,
-        className: cn(textareaClassNames, jsStyles.fake()),
-        readOnly: true
-      };
-      fakeTextarea = /*#__PURE__*/React.createElement("textarea", _extends({}, fakeProps, {
-        ref: this.refFake
-      }));
-    }
-
-    return /*#__PURE__*/React.createElement("label", _extends({}, rootProps, {
-      className: jsStyles.root(this.theme)
-    }), placeholderPolyfill, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
-      className: textareaClassNames,
-      style: textAreaStyle,
-      placeholder: !placeholderPolyfill ? placeholder : undefined,
-      ref: this.ref,
-      onChange: this.handleChange,
-      onCut: this.handleCut,
-      onPaste: this.handlePaste,
-      onFocus: this.handleFocus,
-      onKeyDown: this.handleKeyDown
-    })), fakeTextarea);
-  };
-
-  return Textarea;
-}(React.Component);
-Textarea.__KONTUR_REACT_UI__ = 'Textarea';
-Textarea.propTypes = {
-  error: PropTypes.bool,
-  warning: PropTypes.bool,
-  disabled: PropTypes.bool,
-  autoResize: PropTypes.bool,
-  maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  id: PropTypes.string,
-  name: PropTypes.string,
-  title: PropTypes.string,
-  spellCheck: PropTypes.bool,
-  role: PropTypes.string,
-  maxLength: PropTypes.number,
-  tabIndex: PropTypes.number,
-  rows: PropTypes.number,
-  placeholder: PropTypes.string,
-  value: PropTypes.string,
-  defaultValue: PropTypes.string,
-  onValueChange: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  onMouseMove: PropTypes.func,
-  onMouseOut: PropTypes.func,
-  onMouseUp: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  onClick: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onKeyPress: PropTypes.func,
-  onKeyUp: PropTypes.func,
-  onInput: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onScroll: PropTypes.func,
-  onWheel: PropTypes.func,
-  onCut: PropTypes.func,
-  onPaste: PropTypes.func,
-  onCopy: PropTypes.func
-};
-Textarea.defaultProps = {
-  rows: 3,
-  maxRows: 15
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","cn","isKeyEnter","polyfillPlaceholder","LayoutEvents","ThemeContext","getTextAreaHeight","jsStyles","DEFAULT_WIDTH","Textarea","state","rows","theme","node","fakeNode","layoutEvents","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","handleKeyDown","e","props","undefined","toString","isBlockEnter","maxLength","preventDefault","onKeyDown","handleChange","fieldIsEmpty","target","setState","onValueChange","autoResize","onChange","ref","element","refFake","maxRows","parseInt","height","exceededMaxHeight","style","overflowY","handleCut","event","onCut","handlePaste","onPaste","handleFocus","selectAllOnFocus","onFocus","componentDidMount","addListener","componentWillUnmount","remove","componentDidUpdate","prevProps","render","renderMain","blur","width","error","warning","resize","className","placeholder","textareaProps","rootProps","textareaClassNames","textarea","textAreaStyle","placeholderPolyfill","fakeTextarea","fakeProps","defaultValue","fake","readOnly","root","Component","__KONTUR_REACT_UI__","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"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport throttle from 'lodash.throttle';\r\nimport cn from 'classnames';\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\n\r\nimport { getTextAreaHeight } from './TextareaHelpers';\r\nimport { jsStyles } from './Textarea.styles';\r\n\r\nconst DEFAULT_WIDTH = 250;\r\n\r\nexport type TextareaProps = 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\r\nexport interface TextareaState {\r\n  polyfillPlaceholder: boolean;\r\n  rows: number | string;\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    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  };\r\n\r\n  public state = {\r\n    polyfillPlaceholder,\r\n    rows: 1,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private node: Nullable<HTMLTextAreaElement>;\r\n  private fakeNode: Nullable<HTMLTextAreaElement>;\r\n  private layoutEvents: Nullable<{ remove: () => void }>;\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\r\n  public componentWillUnmount() {\r\n    if (this.layoutEvents) {\r\n      this.layoutEvents.remove();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TextareaProps) {\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 this.renderMain();\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 renderMain() {\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      className,\r\n      style,\r\n      placeholder,\r\n      onValueChange,\r\n      ...textareaProps\r\n    } = this.props;\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    });\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    return (\r\n      <label {...rootProps} className={jsStyles.root(this.theme)}>\r\n        {placeholderPolyfill}\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        {fakeTextarea}\r\n      </label>\r\n    );\r\n  }\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\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 autoResize = throttle(() => {\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 } = this.props;\r\n    if (rows === undefined || maxRows === undefined) {\r\n      return;\r\n    }\r\n    const { height, exceededMaxHeight } = getTextAreaHeight(\r\n      fakeNode,\r\n      typeof rows === 'number' ? rows : parseInt(rows, 10),\r\n      typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\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  }, 100);\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\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\r\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.selectAllOnFocus) {\r\n      this.selectAll();\r\n    }\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n}\r\n"]}

package/components/Textarea/Textarea/package.json

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

package/components/Textarea/Textarea.md

@@ -1,9 +0,0 @@
-```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"
-/>;
-```

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

@@ -1,84 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\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\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 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      position: relative;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(), t.textareaFontSize, t.textareaLineHeight);
-  },
-  textarea: function textarea(t) {
-    return css(_templateObject2(), t.textareaBg, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.textareaWidth, t.textareaMinHeight, t.textareaPaddingY, t.textareaPaddingX, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaTextColorDisabled, t.textareaDisabledBg, t.textareaDisabledBorderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
-  },
-  error: function error(t) {
-    return css(_templateObject3(), cssName(styles.textarea(t)), t.textareaBorderColorError, t.textareaBorderWidth, t.textareaBorderColorError, cssName(styles.textarea(t)), t.textareaBorderColorError, t.textareaOutlineWidth, t.textareaBorderColorError);
-  },
-  warning: function warning(t) {
-    return css(_templateObject4(), cssName(styles.textarea(t)), t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning, cssName(styles.textarea(t)), t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning);
-  },
-  fake: function fake() {
-    return css(_templateObject5());
-  },
-  placeholder: function placeholder() {
-    return css(_templateObject6());
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Textarea.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","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","jsStyles"],"mappings":"m2FAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;AAEeK,IAAAA,CAAC,CAACC,gBAFjB;AAGiBD,IAAAA,CAAC,CAACE,kBAHnB;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJH,CAVI,EAUM;AACjB,WAAOL,GAAP;;;AAGgBK,IAAAA,CAAC,CAACI,UAHlB;AAIYJ,IAAAA,CAAC,CAACK,mBAJd,EAI2CL,CAAC,CAACM,mBAJ7C;AAKsBN,IAAAA,CAAC,CAACO,sBALxB;AAMgBP,IAAAA,CAAC,CAACQ,cANlB;;AAQWR,IAAAA,CAAC,CAACS,aARb;;;;;AAaeT,IAAAA,CAAC,CAACU,aAbjB;AAcgBV,IAAAA,CAAC,CAACW,iBAdlB;;AAgBaX,IAAAA,CAAC,CAACY,gBAhBf,EAgBmCZ,CAAC,CAACa,gBAhBrC;;;;AAoBmBb,IAAAA,CAAC,CAACc,oBApBrB;;;AAuBoBd,IAAAA,CAAC,CAACe,wBAvBtB;AAwBwBf,IAAAA,CAAC,CAACgB,oBAxB1B,EAwBkDhB,CAAC,CAACe,wBAxBpD;;;;;AA6Bef,IAAAA,CAAC,CAACiB,6BA7BjB;;;;AAiCajB,IAAAA,CAAC,CAACkB,yBAjCf;AAkCkBlB,IAAAA,CAAC,CAACmB,kBAlCpB;AAmCoBnB,IAAAA,CAAC,CAACoB,2BAnCtB;;;;;AAwCapB,IAAAA,CAAC,CAACqB,wBAxCf;;;;AA4CarB,IAAAA,CAAC,CAACqB,wBA5Cf;;;;AAgDarB,IAAAA,CAAC,CAACqB,wBAhDf;;;AAmDD,GA9DY;;AAgEbC,EAAAA,KAhEa,iBAgEPtB,CAhEO,EAgEG;AACd,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CADX;AAEoBA,IAAAA,CAAC,CAACuB,wBAFtB;AAGwBvB,IAAAA,CAAC,CAACK,mBAH1B,EAGiDL,CAAC,CAACuB,wBAHnD;;AAKI3B,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CALX;AAMoBA,IAAAA,CAAC,CAACuB,wBANtB;AAOwBvB,IAAAA,CAAC,CAACgB,oBAP1B,EAOkDhB,CAAC,CAACuB,wBAPpD;;;AAUD,GA3EY;;AA6EbC,EAAAA,OA7Ea,mBA6ELxB,CA7EK,EA6EK;AAChB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CADX;AAEoBA,IAAAA,CAAC,CAACyB,0BAFtB;AAGwBzB,IAAAA,CAAC,CAACgB,oBAH1B,EAGkDhB,CAAC,CAACyB,0BAHpD;;AAKI7B,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CALX;AAMoBA,IAAAA,CAAC,CAACyB,0BANtB;AAOwBzB,IAAAA,CAAC,CAACgB,oBAP1B,EAOkDhB,CAAC,CAACyB,0BAPpD;;;AAUD,GAxFY;;AA0FbC,EAAAA,IA1Fa,kBA0FN;AACL,WAAO/B,GAAP;;;;;;;;AAQD,GAnGY;;AAqGbgC,EAAAA,WArGa,yBAqGC;AACZ,WAAOhC,GAAP;;;;;;;;;;;AAWD,GAjHY,EAAf;;;AAoHA,OAAO,IAAMiC,QAAQ,GAAG/B,YAAY,CAACC,MAAD,CAA7B","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\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\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Textarea/Textarea.styles/package.json

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