@wix/design-system 1.172.3 → 1.173.1

package/dist/cjs/InputArea/InputArea.js

@@ -15,7 +15,6 @@ var _InputAreaSt = require("./InputArea.st.css.js");
 var _constants = require("./constants");
 var _filterObject = require("../utils/filterObject");
 var _StatusContext = require("../FormField/StatusContext");
-var _context = require("../WixDesignSystemProvider/context");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/InputArea/InputArea.js";
 /**
  * General inputArea container
@@ -232,124 +231,111 @@ class InputArea extends _react.default.PureComponent {
     }
     var ariaAttribute = {};
     Object.keys(this.props).filter(key => key.startsWith('aria')).map(key => ariaAttribute['aria-' + key.substr(4).toLowerCase()] = this.props[key]);
-    return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
+    return /*#__PURE__*/_react.default.createElement(_StatusContext.StatusContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
+        lineNumber: 158,
         columnNumber: 7
       }
-    }, _ref2 => {
-      var {
-        newColorsBranding
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_StatusContext.StatusContext.Consumer, {
+    }, statusContext => {
+      var finalStatus = (0, _StatusContext.getStatusFromContext)(statusContext, status);
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        "data-hook": dataHook,
+        className: (0, _InputAreaSt.st)(_InputAreaSt.classes.root, {
+          disabled,
+          size,
+          status: finalStatus,
+          hasFocus: forceFocus || this.state.focus,
+          forceHover,
+          resizable,
+          readOnly
+        }, className)
+      }, this._getDataAttr({
+        statusContext
+      }), {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 162,
+          lineNumber: 163,
           columnNumber: 13
         }
-      }, statusContext => {
-        var finalStatus = (0, _StatusContext.getStatusFromContext)(statusContext, status);
-        return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-          "data-hook": dataHook,
-          className: (0, _InputAreaSt.st)(_InputAreaSt.classes.root, {
-            disabled,
-            size,
-            status: finalStatus,
-            hasFocus: forceFocus || this.state.focus,
-            forceHover,
-            resizable,
-            readOnly,
-            newColorsBranding
-          }, className)
-        }, this._getDataAttr({
-          statusContext
-        }), {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 167,
-            columnNumber: 19
-          }
-        }), /*#__PURE__*/_react.default.createElement("div", {
-          className: _InputAreaSt.classes.inputArea,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 186,
-            columnNumber: 21
-          }
-        }, typeof children === 'function' ? children({
-          rows: rowsAttr,
-          ref: _ref3 => this.textArea = _ref3,
-          onFocus: this._onFocus,
-          onBlur: this._onBlur,
-          onKeyDown: this._onKeyDown,
-          onInput
-        }) : /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
-          rows: rowsAttr,
-          maxLength: maxLength,
-          ref: _ref4 => this.textArea = _ref4,
-          id: id,
-          name: name,
-          style: inlineStyle,
-          defaultValue: defaultValue,
-          disabled: disabled,
-          value: value,
-          required: required,
-          onFocus: this._onFocus,
-          onBlur: this._onBlur,
-          onKeyDown: this._onKeyDown,
-          onChange: this._onChange,
-          onInput: onInput,
-          placeholder: placeholder,
-          tabIndex: tabIndex,
-          autoFocus: autoFocus,
-          onKeyUp: onKeyUp
-        }, (0, _StatusContext.getAriaAttributesFromContext)(statusContext), ariaAttribute, {
-          readOnly: readOnly,
-          onCompositionStart: onCompositionStart,
-          onCompositionEnd: onCompositionEnd,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 197,
-            columnNumber: 25
-          }
-        })), hasCounter && maxLength && /*#__PURE__*/_react.default.createElement("span", {
-          className: _InputAreaSt.classes.counter,
-          "data-hook": "counter",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 227,
-            columnNumber: 25
-          }
-        }, this.state.counter, "/", maxLength)), /*#__PURE__*/_react.default.createElement("div", {
-          className: _InputAreaSt.classes.status,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 234,
-            columnNumber: 21
-          }
-        }, (!!status || finalStatus === _StatusIndicator2.STATUS.LOADING) && !disabled && /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
-          dataHook: _constants.dataHooks.tooltip,
-          status: finalStatus,
-          message: statusMessage,
-          tooltipProps: {
-            placement: tooltipPlacement
-          },
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 237,
-            columnNumber: 27
-          }
-        })));
-      });
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _InputAreaSt.classes.inputArea,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 181,
+          columnNumber: 15
+        }
+      }, typeof children === 'function' ? children({
+        rows: rowsAttr,
+        ref: _ref2 => this.textArea = _ref2,
+        onFocus: this._onFocus,
+        onBlur: this._onBlur,
+        onKeyDown: this._onKeyDown,
+        onInput
+      }) : /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
+        rows: rowsAttr,
+        maxLength: maxLength,
+        ref: _ref3 => this.textArea = _ref3,
+        id: id,
+        name: name,
+        style: inlineStyle,
+        defaultValue: defaultValue,
+        disabled: disabled,
+        value: value,
+        required: required,
+        onFocus: this._onFocus,
+        onBlur: this._onBlur,
+        onKeyDown: this._onKeyDown,
+        onChange: this._onChange,
+        onInput: onInput,
+        placeholder: placeholder,
+        tabIndex: tabIndex,
+        autoFocus: autoFocus,
+        onKeyUp: onKeyUp
+      }, (0, _StatusContext.getAriaAttributesFromContext)(statusContext), ariaAttribute, {
+        readOnly: readOnly,
+        onCompositionStart: onCompositionStart,
+        onCompositionEnd: onCompositionEnd,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 192,
+          columnNumber: 19
+        }
+      })), hasCounter && maxLength && /*#__PURE__*/_react.default.createElement("span", {
+        className: _InputAreaSt.classes.counter,
+        "data-hook": "counter",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 222,
+          columnNumber: 19
+        }
+      }, this.state.counter, "/", maxLength)), /*#__PURE__*/_react.default.createElement("div", {
+        className: _InputAreaSt.classes.status,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 229,
+          columnNumber: 15
+        }
+      }, (!!status || finalStatus === _StatusIndicator2.STATUS.LOADING) && !disabled && /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
+        dataHook: _constants.dataHooks.tooltip,
+        status: finalStatus,
+        message: statusMessage,
+        tooltipProps: {
+          placement: tooltipPlacement
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 231,
+          columnNumber: 19
+        }
+      })));
     });
   }
 }

package/dist/cjs/InputArea/InputArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StatusIndicator","_StatusIndicator2","_clamp","_debounce","_isNaN","_InputAreaSt","_constants","_filterObject","_StatusContext","_context","_jsxFileName","InputArea","React","PureComponent","constructor","arguments","_computedStyle","state","focus","counter","props","value","defaultValue","length","computedRows","minRowsAutoGrow","_getDataAttr","_ref","statusContext","size","status","disabled","resizable","forceHover","forceFocus","filterObject","dataAttr","SIZE","STATUS","getStatusFromContext","DISABLED","RESIZABLE","HOVER","FOCUS","key","textArea","blur","select","calculateComputedRows","maxRowsAutoGrow","setState","rowsCount","_getRowsCount","clamp","_onFocus","e","onFocus","autoSelect","setTimeout","_onBlur","onBlur","_onKeyDown","onKeyDown","onEnterPressed","onEscapePressed","_onChange","onChange","_onInput","_updateComputedStyle","debounce","window","getComputedStyle","leading","_getComputedStyle","computedStyle","fontSize","parseInt","getPropertyValue","lineHeight","lineHeightValue","isNaN","MIN_ROWS","_getDefaultLineHeight","Math","floor","scrollHeight","_defaultLineHeight","parentNode","computedStyles","fontFamily","tempElement","document","createElement","defaultStyles","setAttribute","concat","innerText","appendChild","clientHeight","removeChild","componentDidMount","autoFocus","autoGrow","setSelectionRange","componentDidUpdate","prevProps","hasCounter","componentWillUnmount","cancel","render","dataHook","className","id","name","onKeyUp","placeholder","readOnly","tabIndex","rows","required","minHeight","maxHeight","maxLength","tooltipPlacement","statusMessage","children","onCompositionStart","onCompositionEnd","inlineStyle","rowsAttr","undefined","onInput","ariaAttribute","Object","keys","filter","startsWith","map","substr","toLowerCase","default","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","StatusContext","finalStatus","_extends2","st","classes","root","hasFocus","inputArea","ref","style","getAriaAttributesFromContext","LOADING","dataHooks","tooltip","message","tooltipProps","placement","MAX_ROWS","Number","POSITIVE_INFINITY","displayName","defaultProps","propTypes","PropTypes","string","func","ariaControls","ariaDescribedby","ariaLabel","bool","oneOf","node","number","_default","exports"],"sources":["../../../src/InputArea/InputArea.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport StatusIndicator from '../StatusIndicator';\nimport { STATUS } from '../StatusIndicator/StatusIndicator.constants';\nimport clamp from 'lodash/clamp';\nimport debounce from 'lodash/debounce';\nimport isNaN from 'lodash/isNaN';\nimport { st, classes } from './InputArea.st.css';\nimport { dataAttr, dataHooks } from './constants';\nimport { filterObject } from '../utils/filterObject';\nimport {\n  StatusContext,\n  getStatusFromContext,\n  getAriaAttributesFromContext,\n} from '../FormField/StatusContext';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/**\n * General inputArea container\n */\nclass InputArea extends React.PureComponent {\n  _computedStyle = null;\n  state = {\n    focus: false,\n    counter: (this.props.value || this.props.defaultValue || '').length,\n    computedRows: this.props.minRowsAutoGrow,\n  };\n\n  // For autoGrow prop min rows is 2 so the textarea does not look like an input\n  static MIN_ROWS = 2;\n\n  // For autoGrow prop max rows is Infinity to keep backwards compatibility\n  static MAX_ROWS = Number.POSITIVE_INFINITY;\n\n  // For testing purposes only\n  _getDataAttr = ({ statusContext }) => {\n    const { size, status, disabled, resizable, forceHover, forceFocus } =\n      this.props;\n\n    return filterObject(\n      {\n        [dataAttr.SIZE]: size,\n        [dataAttr.STATUS]: !disabled\n          ? getStatusFromContext(statusContext, status)\n          : null,\n        [dataAttr.DISABLED]: !!disabled,\n        [dataAttr.RESIZABLE]: !!resizable && !disabled,\n        [dataAttr.HOVER]: !!forceHover,\n        [dataAttr.FOCUS]: !!(forceFocus || this.state.focus),\n      },\n      (key, value) => !!value,\n    );\n  };\n\n  componentDidMount() {\n    const { autoFocus, autoGrow, value } = this.props;\n\n    autoFocus && this._onFocus();\n    if (autoGrow) {\n      this.calculateComputedRows();\n    }\n    /*\n     * autoFocus doesn't automatically selects text like focus do.\n     * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.\n     */\n    if (autoFocus && !!value) {\n      this.textArea.setSelectionRange(value.length, value.length);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const {\n      minRowsAutoGrow,\n      maxRowsAutoGrow,\n      value,\n      defaultValue,\n      autoGrow,\n      hasCounter,\n    } = this.props;\n\n    if (\n      autoGrow &&\n      (prevProps.minRowsAutoGrow !== minRowsAutoGrow ||\n        prevProps.maxRowsAutoGrow !== maxRowsAutoGrow)\n    ) {\n      this.calculateComputedRows();\n    }\n\n    if (hasCounter && prevProps.value !== value) {\n      this.setState({\n        counter: (value || defaultValue || '').length,\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this._updateComputedStyle.cancel();\n  }\n\n  render() {\n    const {\n      dataHook,\n      className,\n      autoFocus,\n      defaultValue,\n      disabled,\n      forceFocus,\n      forceHover,\n      id,\n      name,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      tabIndex,\n      rows,\n      autoGrow,\n      value,\n      required,\n      minHeight,\n      maxHeight,\n      maxLength,\n      resizable,\n      hasCounter,\n      size,\n      tooltipPlacement,\n      status,\n      statusMessage,\n      children,\n      onCompositionStart,\n      onCompositionEnd,\n    } = this.props;\n\n    const inlineStyle = {};\n    const rowsAttr = rows\n      ? rows\n      : autoGrow\n      ? this.state.computedRows\n      : undefined;\n    const onInput = !rows && autoGrow ? this._onInput : undefined;\n\n    if (minHeight) {\n      inlineStyle.minHeight = minHeight;\n    }\n\n    if (maxHeight) {\n      inlineStyle.maxHeight = maxHeight;\n    }\n\n    const ariaAttribute = {};\n    Object.keys(this.props)\n      .filter(key => key.startsWith('aria'))\n      .map(\n        key =>\n          (ariaAttribute['aria-' + key.substr(4).toLowerCase()] =\n            this.props[key]),\n      );\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => {\n          return (\n            <StatusContext.Consumer>\n              {statusContext => {\n                const finalStatus = getStatusFromContext(statusContext, status);\n\n                return (\n                  <div\n                    data-hook={dataHook}\n                    className={st(\n                      classes.root,\n                      {\n                        disabled,\n                        size,\n                        status: finalStatus,\n                        hasFocus: forceFocus || this.state.focus,\n                        forceHover,\n                        resizable,\n                        readOnly,\n                        newColorsBranding,\n                      },\n                      className,\n                    )}\n                    {...this._getDataAttr({ statusContext })}\n                  >\n                    {/* Input Area */}\n                    <div className={classes.inputArea}>\n                      {typeof children === 'function' ? (\n                        children({\n                          rows: rowsAttr,\n                          ref: ref => (this.textArea = ref),\n                          onFocus: this._onFocus,\n                          onBlur: this._onBlur,\n                          onKeyDown: this._onKeyDown,\n                          onInput,\n                        })\n                      ) : (\n                        <textarea\n                          rows={rowsAttr}\n                          maxLength={maxLength}\n                          ref={ref => (this.textArea = ref)}\n                          id={id}\n                          name={name}\n                          style={inlineStyle}\n                          defaultValue={defaultValue}\n                          disabled={disabled}\n                          value={value}\n                          required={required}\n                          onFocus={this._onFocus}\n                          onBlur={this._onBlur}\n                          onKeyDown={this._onKeyDown}\n                          onChange={this._onChange}\n                          onInput={onInput}\n                          placeholder={placeholder}\n                          tabIndex={tabIndex}\n                          autoFocus={autoFocus}\n                          onKeyUp={onKeyUp}\n                          {...getAriaAttributesFromContext(statusContext)}\n                          {...ariaAttribute}\n                          readOnly={readOnly}\n                          onCompositionStart={onCompositionStart}\n                          onCompositionEnd={onCompositionEnd}\n                        />\n                      )}\n\n                      {/* Counter */}\n                      {hasCounter && maxLength && (\n                        <span className={classes.counter} data-hook=\"counter\">\n                          {this.state.counter}/{maxLength}\n                        </span>\n                      )}\n                    </div>\n\n                    {/* Status Indicator */}\n                    <div className={classes.status}>\n                      {(!!status || finalStatus === STATUS.LOADING) &&\n                        !disabled && (\n                          <StatusIndicator\n                            dataHook={dataHooks.tooltip}\n                            status={finalStatus}\n                            message={statusMessage}\n                            tooltipProps={{\n                              placement: tooltipPlacement,\n                            }}\n                          />\n                        )}\n                    </div>\n                  </div>\n                );\n              }}\n            </StatusContext.Consumer>\n          );\n        }}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n\n  focus = () => {\n    this.textArea && this.textArea.focus();\n  };\n\n  blur = () => {\n    this.textArea && this.textArea.blur();\n  };\n\n  select = () => {\n    this.textArea && this.textArea.select();\n  };\n\n  calculateComputedRows = () => {\n    const { minRowsAutoGrow, maxRowsAutoGrow } = this.props;\n\n    this.setState({ computedRows: 1 }, () => {\n      const rowsCount = this._getRowsCount();\n      const computedRows = clamp(rowsCount, minRowsAutoGrow, maxRowsAutoGrow);\n      this.setState({\n        computedRows,\n      });\n    });\n  };\n\n  _onFocus = e => {\n    this.setState({ focus: true });\n    this.props.onFocus && this.props.onFocus(e);\n\n    if (this.props.autoSelect) {\n      // Set timeout is needed here since onFocus is called before react\n      // gets the reference for the input (specifically when autoFocus\n      // is on. So setTimeout ensures we have the ref.input needed in select)\n      setTimeout(() => this.select(), 0);\n    }\n  };\n\n  _onBlur = e => {\n    this.setState({ focus: false });\n    this.props.onBlur && this.props.onBlur(e);\n  };\n\n  _onKeyDown = e => {\n    this.props.onKeyDown && this.props.onKeyDown(e);\n\n    if (e.key === 'Enter') {\n      this.props.onEnterPressed && this.props.onEnterPressed(e);\n    } else if (e.key === 'Escape') {\n      this.props.onEscapePressed && this.props.onEscapePressed();\n    }\n  };\n\n  _onChange = e => {\n    this.props.onChange && this.props.onChange(e);\n  };\n\n  _onInput = () => {\n    this.calculateComputedRows();\n  };\n\n  _updateComputedStyle = debounce(\n    () => {\n      this._computedStyle = window.getComputedStyle(this.textArea);\n    },\n    500,\n    { leading: true },\n  );\n\n  _getComputedStyle = () => {\n    this._updateComputedStyle();\n    return this._computedStyle;\n  };\n\n  _getRowsCount = () => {\n    const computedStyle = this._getComputedStyle();\n    const fontSize = parseInt(computedStyle.getPropertyValue('font-size'), 10);\n    const lineHeight = parseInt(\n      computedStyle.getPropertyValue('line-height'),\n      10,\n    );\n    let lineHeightValue;\n\n    if (isNaN(lineHeight)) {\n      if (isNaN(fontSize)) {\n        return InputArea.MIN_ROWS;\n      }\n\n      lineHeightValue = this._getDefaultLineHeight() * fontSize;\n    } else {\n      lineHeightValue = lineHeight;\n    }\n\n    return Math.floor(this.textArea.scrollHeight / lineHeightValue);\n  };\n\n  _getDefaultLineHeight = () => {\n    if (!this._defaultLineHeight) {\n      const { parentNode } = this.textArea;\n      const computedStyles = this._getComputedStyle();\n      const fontFamily = computedStyles.getPropertyValue('font-family');\n      const fontSize = computedStyles.getPropertyValue('font-size');\n      const tempElement = document.createElement('span');\n      const defaultStyles =\n        'position:absolute;display:inline;border:0;margin:0;padding:0;line-height:normal;';\n      tempElement.setAttribute(\n        'style',\n        `${defaultStyles}font-family:${fontFamily};font-size:${fontSize};`,\n      );\n      tempElement.innerText = 'M';\n      parentNode.appendChild(tempElement);\n      this._defaultLineHeight =\n        parseInt(tempElement.clientHeight, 10) / parseInt(fontSize, 10);\n      tempElement.parentNode.removeChild(tempElement);\n    }\n\n    return this._defaultLineHeight;\n  };\n}\n\nInputArea.displayName = 'InputArea';\n\nInputArea.defaultProps = {\n  minRowsAutoGrow: InputArea.MIN_ROWS,\n  maxRowsAutoGrow: InputArea.MAX_ROWS,\n  size: 'medium',\n};\n\nInputArea.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies custom textarea render function */\n  children: PropTypes.func,\n\n  /** Associate a control with the regions that it controls. */\n  ariaControls: PropTypes.string,\n\n  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */\n  ariaDescribedby: PropTypes.string,\n\n  /** Define a string that labels the current element in case where a text label is not visible on the screen. */\n  ariaLabel: PropTypes.string,\n\n  /** Focus the element on mount (standard React input autoFocus). */\n  autoFocus: PropTypes.bool,\n\n  /** Controls the size of the input. */\n  size: PropTypes.oneOf(['small', 'medium']),\n\n  /** Sets a default value for those who want to use this component un-controlled. */\n  defaultValue: PropTypes.string,\n\n  /** Specifies whether input should be disabled. */\n  disabled: PropTypes.bool,\n\n  /** Specifies the status of a field. */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n  statusMessage: PropTypes.node,\n\n  /** USED FOR TESTING. Forces focus state on the input. */\n  forceFocus: PropTypes.bool,\n\n  /** USED FOR TESTING. Forces hover state on the input. */\n  forceHover: PropTypes.bool,\n\n  /** Specifies whether character count is enabled. */\n  hasCounter: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Reference element data when a form is submitted. */\n  name: PropTypes.string,\n\n  /** Sets the maximum height of an area in pixels. */\n  maxHeight: PropTypes.string,\n\n  /** Defines the maximum text length in number of characters. */\n  maxLength: PropTypes.number,\n\n  /** Sets the minimum height of an area in pixels. */\n  minHeight: PropTypes.string,\n\n  /** Defines a standard input onBlur callback */\n  onBlur: PropTypes.func,\n\n  /** Defines a standard input onChange callback. */\n  onChange: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses enter. */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses escape. */\n  onEscapePressed: PropTypes.func,\n\n  /** Defines a standard input onFocus callback. */\n  onFocus: PropTypes.func,\n\n  /** Defines a standard input onKeyDown callback. */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input onKeyUp callback. */\n  onKeyUp: PropTypes.func,\n\n  /** Defines a standard input onCompositionStart callback. */\n  onCompositionStart: PropTypes.func,\n\n  /** Defines a standard input onCompositionEnd callback. */\n  onCompositionEnd: PropTypes.func,\n\n  /** Sets a placeholder message to display. */\n  placeholder: PropTypes.string,\n\n  /** Specifies whether input is read only. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies whether area can be manually resized by the user. */\n  resizable: PropTypes.bool,\n\n  /** Sets initial height of an area to fit a specified number of rows. */\n  rows: PropTypes.number,\n\n  /** Specifies whether area should grow and shrink according to user input. */\n  autoGrow: PropTypes.bool,\n\n  /** Sets the minimum amount of rows the component can have in `autoGrow` mode */\n  minRowsAutoGrow: PropTypes.number,\n\n  /** Sets the maximum amount of rows the component can have in `autoGrow` mode */\n  maxRowsAutoGrow: PropTypes.number,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex: PropTypes.number,\n\n  /** Controls placement of a status tooltip. */\n  tooltipPlacement: PropTypes.string,\n\n  /** Defines input value. */\n  value: PropTypes.string,\n\n  /** Specifies whether the input area is a mandatory field. */\n  required: PropTypes.bool,\n};\n\nexport default InputArea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StatusIndicator","_StatusIndicator2","_clamp","_debounce","_isNaN","_InputAreaSt","_constants","_filterObject","_StatusContext","_jsxFileName","InputArea","React","PureComponent","constructor","arguments","_computedStyle","state","focus","counter","props","value","defaultValue","length","computedRows","minRowsAutoGrow","_getDataAttr","_ref","statusContext","size","status","disabled","resizable","forceHover","forceFocus","filterObject","dataAttr","SIZE","STATUS","getStatusFromContext","DISABLED","RESIZABLE","HOVER","FOCUS","key","textArea","blur","select","calculateComputedRows","maxRowsAutoGrow","setState","rowsCount","_getRowsCount","clamp","_onFocus","e","onFocus","autoSelect","setTimeout","_onBlur","onBlur","_onKeyDown","onKeyDown","onEnterPressed","onEscapePressed","_onChange","onChange","_onInput","_updateComputedStyle","debounce","window","getComputedStyle","leading","_getComputedStyle","computedStyle","fontSize","parseInt","getPropertyValue","lineHeight","lineHeightValue","isNaN","MIN_ROWS","_getDefaultLineHeight","Math","floor","scrollHeight","_defaultLineHeight","parentNode","computedStyles","fontFamily","tempElement","document","createElement","defaultStyles","setAttribute","concat","innerText","appendChild","clientHeight","removeChild","componentDidMount","autoFocus","autoGrow","setSelectionRange","componentDidUpdate","prevProps","hasCounter","componentWillUnmount","cancel","render","dataHook","className","id","name","onKeyUp","placeholder","readOnly","tabIndex","rows","required","minHeight","maxHeight","maxLength","tooltipPlacement","statusMessage","children","onCompositionStart","onCompositionEnd","inlineStyle","rowsAttr","undefined","onInput","ariaAttribute","Object","keys","filter","startsWith","map","substr","toLowerCase","default","StatusContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","finalStatus","_extends2","st","classes","root","hasFocus","inputArea","ref","style","getAriaAttributesFromContext","LOADING","dataHooks","tooltip","message","tooltipProps","placement","MAX_ROWS","Number","POSITIVE_INFINITY","displayName","defaultProps","propTypes","PropTypes","string","func","ariaControls","ariaDescribedby","ariaLabel","bool","oneOf","node","number","_default","exports"],"sources":["../../../src/InputArea/InputArea.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport StatusIndicator from '../StatusIndicator';\nimport { STATUS } from '../StatusIndicator/StatusIndicator.constants';\nimport clamp from 'lodash/clamp';\nimport debounce from 'lodash/debounce';\nimport isNaN from 'lodash/isNaN';\nimport { st, classes } from './InputArea.st.css';\nimport { dataAttr, dataHooks } from './constants';\nimport { filterObject } from '../utils/filterObject';\nimport {\n  StatusContext,\n  getStatusFromContext,\n  getAriaAttributesFromContext,\n} from '../FormField/StatusContext';\n\n/**\n * General inputArea container\n */\nclass InputArea extends React.PureComponent {\n  _computedStyle = null;\n  state = {\n    focus: false,\n    counter: (this.props.value || this.props.defaultValue || '').length,\n    computedRows: this.props.minRowsAutoGrow,\n  };\n\n  // For autoGrow prop min rows is 2 so the textarea does not look like an input\n  static MIN_ROWS = 2;\n\n  // For autoGrow prop max rows is Infinity to keep backwards compatibility\n  static MAX_ROWS = Number.POSITIVE_INFINITY;\n\n  // For testing purposes only\n  _getDataAttr = ({ statusContext }) => {\n    const { size, status, disabled, resizable, forceHover, forceFocus } =\n      this.props;\n\n    return filterObject(\n      {\n        [dataAttr.SIZE]: size,\n        [dataAttr.STATUS]: !disabled\n          ? getStatusFromContext(statusContext, status)\n          : null,\n        [dataAttr.DISABLED]: !!disabled,\n        [dataAttr.RESIZABLE]: !!resizable && !disabled,\n        [dataAttr.HOVER]: !!forceHover,\n        [dataAttr.FOCUS]: !!(forceFocus || this.state.focus),\n      },\n      (key, value) => !!value,\n    );\n  };\n\n  componentDidMount() {\n    const { autoFocus, autoGrow, value } = this.props;\n\n    autoFocus && this._onFocus();\n    if (autoGrow) {\n      this.calculateComputedRows();\n    }\n    /*\n     * autoFocus doesn't automatically selects text like focus do.\n     * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.\n     */\n    if (autoFocus && !!value) {\n      this.textArea.setSelectionRange(value.length, value.length);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const {\n      minRowsAutoGrow,\n      maxRowsAutoGrow,\n      value,\n      defaultValue,\n      autoGrow,\n      hasCounter,\n    } = this.props;\n\n    if (\n      autoGrow &&\n      (prevProps.minRowsAutoGrow !== minRowsAutoGrow ||\n        prevProps.maxRowsAutoGrow !== maxRowsAutoGrow)\n    ) {\n      this.calculateComputedRows();\n    }\n\n    if (hasCounter && prevProps.value !== value) {\n      this.setState({\n        counter: (value || defaultValue || '').length,\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this._updateComputedStyle.cancel();\n  }\n\n  render() {\n    const {\n      dataHook,\n      className,\n      autoFocus,\n      defaultValue,\n      disabled,\n      forceFocus,\n      forceHover,\n      id,\n      name,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      tabIndex,\n      rows,\n      autoGrow,\n      value,\n      required,\n      minHeight,\n      maxHeight,\n      maxLength,\n      resizable,\n      hasCounter,\n      size,\n      tooltipPlacement,\n      status,\n      statusMessage,\n      children,\n      onCompositionStart,\n      onCompositionEnd,\n    } = this.props;\n\n    const inlineStyle = {};\n    const rowsAttr = rows\n      ? rows\n      : autoGrow\n        ? this.state.computedRows\n        : undefined;\n    const onInput = !rows && autoGrow ? this._onInput : undefined;\n\n    if (minHeight) {\n      inlineStyle.minHeight = minHeight;\n    }\n\n    if (maxHeight) {\n      inlineStyle.maxHeight = maxHeight;\n    }\n\n    const ariaAttribute = {};\n    Object.keys(this.props)\n      .filter(key => key.startsWith('aria'))\n      .map(\n        key =>\n          (ariaAttribute['aria-' + key.substr(4).toLowerCase()] =\n            this.props[key]),\n      );\n\n    return (\n      <StatusContext.Consumer>\n        {statusContext => {\n          const finalStatus = getStatusFromContext(statusContext, status);\n\n          return (\n            <div\n              data-hook={dataHook}\n              className={st(\n                classes.root,\n                {\n                  disabled,\n                  size,\n                  status: finalStatus,\n                  hasFocus: forceFocus || this.state.focus,\n                  forceHover,\n                  resizable,\n                  readOnly,\n                },\n                className,\n              )}\n              {...this._getDataAttr({ statusContext })}\n            >\n              {/* Input Area */}\n              <div className={classes.inputArea}>\n                {typeof children === 'function' ? (\n                  children({\n                    rows: rowsAttr,\n                    ref: ref => (this.textArea = ref),\n                    onFocus: this._onFocus,\n                    onBlur: this._onBlur,\n                    onKeyDown: this._onKeyDown,\n                    onInput,\n                  })\n                ) : (\n                  <textarea\n                    rows={rowsAttr}\n                    maxLength={maxLength}\n                    ref={ref => (this.textArea = ref)}\n                    id={id}\n                    name={name}\n                    style={inlineStyle}\n                    defaultValue={defaultValue}\n                    disabled={disabled}\n                    value={value}\n                    required={required}\n                    onFocus={this._onFocus}\n                    onBlur={this._onBlur}\n                    onKeyDown={this._onKeyDown}\n                    onChange={this._onChange}\n                    onInput={onInput}\n                    placeholder={placeholder}\n                    tabIndex={tabIndex}\n                    autoFocus={autoFocus}\n                    onKeyUp={onKeyUp}\n                    {...getAriaAttributesFromContext(statusContext)}\n                    {...ariaAttribute}\n                    readOnly={readOnly}\n                    onCompositionStart={onCompositionStart}\n                    onCompositionEnd={onCompositionEnd}\n                  />\n                )}\n\n                {/* Counter */}\n                {hasCounter && maxLength && (\n                  <span className={classes.counter} data-hook=\"counter\">\n                    {this.state.counter}/{maxLength}\n                  </span>\n                )}\n              </div>\n\n              {/* Status Indicator */}\n              <div className={classes.status}>\n                {(!!status || finalStatus === STATUS.LOADING) && !disabled && (\n                  <StatusIndicator\n                    dataHook={dataHooks.tooltip}\n                    status={finalStatus}\n                    message={statusMessage}\n                    tooltipProps={{\n                      placement: tooltipPlacement,\n                    }}\n                  />\n                )}\n              </div>\n            </div>\n          );\n        }}\n      </StatusContext.Consumer>\n    );\n  }\n\n  focus = () => {\n    this.textArea && this.textArea.focus();\n  };\n\n  blur = () => {\n    this.textArea && this.textArea.blur();\n  };\n\n  select = () => {\n    this.textArea && this.textArea.select();\n  };\n\n  calculateComputedRows = () => {\n    const { minRowsAutoGrow, maxRowsAutoGrow } = this.props;\n\n    this.setState({ computedRows: 1 }, () => {\n      const rowsCount = this._getRowsCount();\n      const computedRows = clamp(rowsCount, minRowsAutoGrow, maxRowsAutoGrow);\n      this.setState({\n        computedRows,\n      });\n    });\n  };\n\n  _onFocus = e => {\n    this.setState({ focus: true });\n    this.props.onFocus && this.props.onFocus(e);\n\n    if (this.props.autoSelect) {\n      // Set timeout is needed here since onFocus is called before react\n      // gets the reference for the input (specifically when autoFocus\n      // is on. So setTimeout ensures we have the ref.input needed in select)\n      setTimeout(() => this.select(), 0);\n    }\n  };\n\n  _onBlur = e => {\n    this.setState({ focus: false });\n    this.props.onBlur && this.props.onBlur(e);\n  };\n\n  _onKeyDown = e => {\n    this.props.onKeyDown && this.props.onKeyDown(e);\n\n    if (e.key === 'Enter') {\n      this.props.onEnterPressed && this.props.onEnterPressed(e);\n    } else if (e.key === 'Escape') {\n      this.props.onEscapePressed && this.props.onEscapePressed();\n    }\n  };\n\n  _onChange = e => {\n    this.props.onChange && this.props.onChange(e);\n  };\n\n  _onInput = () => {\n    this.calculateComputedRows();\n  };\n\n  _updateComputedStyle = debounce(\n    () => {\n      this._computedStyle = window.getComputedStyle(this.textArea);\n    },\n    500,\n    { leading: true },\n  );\n\n  _getComputedStyle = () => {\n    this._updateComputedStyle();\n    return this._computedStyle;\n  };\n\n  _getRowsCount = () => {\n    const computedStyle = this._getComputedStyle();\n    const fontSize = parseInt(computedStyle.getPropertyValue('font-size'), 10);\n    const lineHeight = parseInt(\n      computedStyle.getPropertyValue('line-height'),\n      10,\n    );\n    let lineHeightValue;\n\n    if (isNaN(lineHeight)) {\n      if (isNaN(fontSize)) {\n        return InputArea.MIN_ROWS;\n      }\n\n      lineHeightValue = this._getDefaultLineHeight() * fontSize;\n    } else {\n      lineHeightValue = lineHeight;\n    }\n\n    return Math.floor(this.textArea.scrollHeight / lineHeightValue);\n  };\n\n  _getDefaultLineHeight = () => {\n    if (!this._defaultLineHeight) {\n      const { parentNode } = this.textArea;\n      const computedStyles = this._getComputedStyle();\n      const fontFamily = computedStyles.getPropertyValue('font-family');\n      const fontSize = computedStyles.getPropertyValue('font-size');\n      const tempElement = document.createElement('span');\n      const defaultStyles =\n        'position:absolute;display:inline;border:0;margin:0;padding:0;line-height:normal;';\n      tempElement.setAttribute(\n        'style',\n        `${defaultStyles}font-family:${fontFamily};font-size:${fontSize};`,\n      );\n      tempElement.innerText = 'M';\n      parentNode.appendChild(tempElement);\n      this._defaultLineHeight =\n        parseInt(tempElement.clientHeight, 10) / parseInt(fontSize, 10);\n      tempElement.parentNode.removeChild(tempElement);\n    }\n\n    return this._defaultLineHeight;\n  };\n}\n\nInputArea.displayName = 'InputArea';\n\nInputArea.defaultProps = {\n  minRowsAutoGrow: InputArea.MIN_ROWS,\n  maxRowsAutoGrow: InputArea.MAX_ROWS,\n  size: 'medium',\n};\n\nInputArea.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies custom textarea render function */\n  children: PropTypes.func,\n\n  /** Associate a control with the regions that it controls. */\n  ariaControls: PropTypes.string,\n\n  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */\n  ariaDescribedby: PropTypes.string,\n\n  /** Define a string that labels the current element in case where a text label is not visible on the screen. */\n  ariaLabel: PropTypes.string,\n\n  /** Focus the element on mount (standard React input autoFocus). */\n  autoFocus: PropTypes.bool,\n\n  /** Controls the size of the input. */\n  size: PropTypes.oneOf(['small', 'medium']),\n\n  /** Sets a default value for those who want to use this component un-controlled. */\n  defaultValue: PropTypes.string,\n\n  /** Specifies whether input should be disabled. */\n  disabled: PropTypes.bool,\n\n  /** Specifies the status of a field. */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n  statusMessage: PropTypes.node,\n\n  /** USED FOR TESTING. Forces focus state on the input. */\n  forceFocus: PropTypes.bool,\n\n  /** USED FOR TESTING. Forces hover state on the input. */\n  forceHover: PropTypes.bool,\n\n  /** Specifies whether character count is enabled. */\n  hasCounter: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Reference element data when a form is submitted. */\n  name: PropTypes.string,\n\n  /** Sets the maximum height of an area in pixels. */\n  maxHeight: PropTypes.string,\n\n  /** Defines the maximum text length in number of characters. */\n  maxLength: PropTypes.number,\n\n  /** Sets the minimum height of an area in pixels. */\n  minHeight: PropTypes.string,\n\n  /** Defines a standard input onBlur callback */\n  onBlur: PropTypes.func,\n\n  /** Defines a standard input onChange callback. */\n  onChange: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses enter. */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses escape. */\n  onEscapePressed: PropTypes.func,\n\n  /** Defines a standard input onFocus callback. */\n  onFocus: PropTypes.func,\n\n  /** Defines a standard input onKeyDown callback. */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input onKeyUp callback. */\n  onKeyUp: PropTypes.func,\n\n  /** Defines a standard input onCompositionStart callback. */\n  onCompositionStart: PropTypes.func,\n\n  /** Defines a standard input onCompositionEnd callback. */\n  onCompositionEnd: PropTypes.func,\n\n  /** Sets a placeholder message to display. */\n  placeholder: PropTypes.string,\n\n  /** Specifies whether input is read only. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies whether area can be manually resized by the user. */\n  resizable: PropTypes.bool,\n\n  /** Sets initial height of an area to fit a specified number of rows. */\n  rows: PropTypes.number,\n\n  /** Specifies whether area should grow and shrink according to user input. */\n  autoGrow: PropTypes.bool,\n\n  /** Sets the minimum amount of rows the component can have in `autoGrow` mode */\n  minRowsAutoGrow: PropTypes.number,\n\n  /** Sets the maximum amount of rows the component can have in `autoGrow` mode */\n  maxRowsAutoGrow: PropTypes.number,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex: PropTypes.number,\n\n  /** Controls placement of a status tooltip. */\n  tooltipPlacement: PropTypes.string,\n\n  /** Defines input value. */\n  value: PropTypes.string,\n\n  /** Specifies whether the input area is a mandatory field. */\n  required: PropTypes.bool,\n};\n\nexport default InputArea;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/InputArea/InputArea.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_InputArea";
+var _namespace_ = "wds_1_173_1_InputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_InputArea__root","text-small-thin":"wds_1_172_3_StylableTypography__text-small-thin","text-medium-thin":"wds_1_172_3_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_172_3_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_172_3_InputArea__inputArea","counter":"wds_1_172_3_InputArea__counter","status":"wds_1_172_3_InputArea__status","disabled":"wds_1_172_3_InputArea__disabled","readOnly":"wds_1_172_3_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_173_1_InputArea__root","text-small-thin":"wds_1_173_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_173_1_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_173_1_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_173_1_InputArea__inputArea","counter":"wds_1_173_1_InputArea__counter","status":"wds_1_173_1_InputArea__status","disabled":"wds_1_173_1_InputArea__disabled","readOnly":"wds_1_173_1_InputArea__readOnly"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-blue-500":"--wds-color-blue-500","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","border-color":"--wds_1_172_3_InputArea-border-color","border-color-destructive":"--wds_1_172_3_InputArea-border-color-destructive","border-color-warning":"--wds_1_172_3_InputArea-border-color-warning","border-color-disabled":"--wds_1_172_3_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_172_3_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_172_3_InputArea-wds-input-area-height-medium-adjusted"}; 
+module.exports.vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-blue-500":"--wds-color-blue-500","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-readonly":"--wds-input-border-color-readonly","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","border-color":"--wds_1_173_1_InputArea-border-color","border-color-destructive":"--wds_1_173_1_InputArea-border-color-destructive","border-color-warning":"--wds_1_173_1_InputArea-border-color-warning","border-color-disabled":"--wds_1_173_1_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_173_1_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_173_1_InputArea-wds-input-area-height-medium-adjusted"}; 
 
 
 

package/dist/cjs/InputShell/InputShell.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_InputShell";
+var _namespace_ = "wds_1_173_1_InputShell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_InputShell__root","text-medium-thin":"wds_1_172_3_StylableTypography__text-medium-thin","content":"wds_1_172_3_InputShell__content","suffix":"wds_1_172_3_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_173_1_InputShell__root","text-medium-thin":"wds_1_173_1_StylableTypography__text-medium-thin","content":"wds_1_173_1_InputShell__content","suffix":"wds_1_173_1_InputShell__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_172_3_InputShell-border-color-hover"}; 
+module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_173_1_InputShell-border-color-hover"}; 
 
 
 

package/dist/cjs/InputWithLabel/InputWithLabel.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_InputWithLabel";
+var _namespace_ = "wds_1_173_1_InputWithLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_InputWithLabel__root","groupIcon":"wds_1_172_3_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_172_3_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_172_3_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_172_3_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_172_3_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_173_1_InputWithLabel__root","groupIcon":"wds_1_173_1_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_173_1_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_173_1_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_173_1_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_173_1_InputWithLabel__errorMessageContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputWithOptions/InputWithOptions.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_InputWithOptions";
+var _namespace_ = "wds_1_173_1_InputWithOptions";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_InputWithOptions__root","nativeSelectWrapper":"wds_1_172_3_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_172_3_InputWithOptions__nativeSelect"};
+module.exports.classes = {"root":"wds_1_173_1_InputWithOptions__root","nativeSelectWrapper":"wds_1_173_1_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_173_1_InputWithOptions__nativeSelect"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LabelledElement/LabelledElement.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_LabelledElement";
+var _namespace_ = "wds_1_173_1_LabelledElement";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_LabelledElement__root","input":"wds_1_172_3_Input__input","menuArrow":"wds_1_172_3_Input__menuArrow","label":"wds_1_172_3_LabelledElement__label","labelText":"wds_1_172_3_LabelledElement__labelText","inputContainer":"wds_1_172_3_LabelledElement__inputContainer"};
+module.exports.classes = {"root":"wds_1_173_1_LabelledElement__root","input":"wds_1_173_1_Input__input","menuArrow":"wds_1_173_1_Input__menuArrow","label":"wds_1_173_1_LabelledElement__label","labelText":"wds_1_173_1_LabelledElement__labelText","inputContainer":"wds_1_173_1_LabelledElement__inputContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Layout/Cell/Cell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_172_3_LayoutCell";
+var _namespace_ = "wds_1_173_1_LayoutCell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_LayoutCell__root"};
+module.exports.classes = {"root":"wds_1_173_1_LayoutCell__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Layout/Layout.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_Layout";
+var _namespace_ = "wds_1_173_1_Layout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_Layout__root"};
+module.exports.classes = {"root":"wds_1_173_1_Layout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LinearProgressBar/LinearProgressBar.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_LinearProgressBar";
+var _namespace_ = "wds_1_173_1_LinearProgressBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_LinearProgressBar__root","text-medium-bold":"wds_1_172_3_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_173_1_LinearProgressBar__root","text-medium-bold":"wds_1_173_1_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_172_3_LinearProgressBarCore";
+var _namespace_ = "wds_1_173_1_LinearProgressBarCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_LinearProgressBarCore__root","progressIndicationSection":"wds_1_172_3_LinearProgressBarCore__progressIndicationSection","prefixIndicationContainer":"wds_1_172_3_LinearProgressBarCore__prefixIndicationContainer","suffixIndication":"wds_1_172_3_LinearProgressBarCore__suffixIndication","barContainer":"wds_1_172_3_LinearProgressBarCore__barContainer","barBackground":"wds_1_172_3_LinearProgressBarCore__barBackground","barForeground":"wds_1_172_3_LinearProgressBarCore__barForeground","indicationContainer":"wds_1_172_3_LinearProgressBarCore__indicationContainer","progressPercentage":"wds_1_172_3_LinearProgressBarCore__progressPercentage"};
+module.exports.classes = {"root":"wds_1_173_1_LinearProgressBarCore__root","progressIndicationSection":"wds_1_173_1_LinearProgressBarCore__progressIndicationSection","prefixIndicationContainer":"wds_1_173_1_LinearProgressBarCore__prefixIndicationContainer","suffixIndication":"wds_1_173_1_LinearProgressBarCore__suffixIndication","barContainer":"wds_1_173_1_LinearProgressBarCore__barContainer","barBackground":"wds_1_173_1_LinearProgressBarCore__barBackground","barForeground":"wds_1_173_1_LinearProgressBarCore__barForeground","indicationContainer":"wds_1_173_1_LinearProgressBarCore__indicationContainer","progressPercentage":"wds_1_173_1_LinearProgressBarCore__progressPercentage"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemAction/ListItemAction.st.css.js

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ListItemAction";
+var _namespace_ = "wds_1_173_1_ListItemAction";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ListItemAction__root","mobile":"wds_1_172_3_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_172_3_ListItemAction__prefixIcon","textBox":"wds_1_172_3_ListItemAction__textBox","text":"wds_1_172_3_ListItemAction__text","subtitle":"wds_1_172_3_ListItemAction__subtitle","suffixBox":"wds_1_172_3_ListItemAction__suffixBox","suffix":"wds_1_172_3_ListItemAction__suffix","suffixIcon":"wds_1_172_3_ListItemAction__suffixIcon"};
+module.exports.classes = {"root":"wds_1_173_1_ListItemAction__root","mobile":"wds_1_173_1_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_173_1_ListItemAction__prefixIcon","textBox":"wds_1_173_1_ListItemAction__textBox","text":"wds_1_173_1_ListItemAction__text","subtitle":"wds_1_173_1_ListItemAction__subtitle","suffixBox":"wds_1_173_1_ListItemAction__suffixBox","suffix":"wds_1_173_1_ListItemAction__suffix","suffixIcon":"wds_1_173_1_ListItemAction__suffixIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};