@wix/design-system 1.184.0 → 1.186.0

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_Toast";
+var _namespace_ = "wds_1_186_0_Toast";
 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_184_0_Toast__root","content":"wds_1_184_0_Toast__content","dismiss":"wds_1_184_0_Toast__dismiss"};
+module.exports.classes = {"root":"wds_1_186_0_Toast__root","content":"wds_1_186_0_Toast__content","dismiss":"wds_1_186_0_Toast__dismiss"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_ToastContainer";
+var _namespace_ = "wds_1_186_0_ToastContainer";
 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_184_0_ToastContainer__root"};
+module.exports.classes = {"root":"wds_1_186_0_ToastContainer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -11,7 +11,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_ToggleButton";
+var _namespace_ = "wds_1_186_0_ToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -19,7 +19,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_ToggleButton__root","label":"wds_1_184_0_ToggleButton__label","icon":"wds_1_184_0_ToggleButton__icon","labelContainer":"wds_1_184_0_ToggleButton__labelContainer","tooltip":"wds_1_184_0_ToggleButton__tooltip"};
+module.exports.classes = {"root":"wds_1_186_0_ToggleButton__root","label":"wds_1_186_0_ToggleButton__label","icon":"wds_1_186_0_ToggleButton__icon","labelContainer":"wds_1_186_0_ToggleButton__labelContainer","tooltip":"wds_1_186_0_ToggleButton__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_ToggleSwitch";
+var _namespace_ = "wds_1_186_0_ToggleSwitch";
 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_184_0_ToggleSwitch__root"};
+module.exports.classes = {"root":"wds_1_186_0_ToggleSwitch__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_186_0_ToggleSwitchCore";
 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_184_0_ToggleSwitchCore__root","input":"wds_1_184_0_ToggleSwitchCore__input","track":"wds_1_184_0_ToggleSwitchCore__track","knob":"wds_1_184_0_ToggleSwitchCore__knob","knobIcon":"wds_1_184_0_ToggleSwitchCore__knobIcon"};
+module.exports.classes = {"root":"wds_1_186_0_ToggleSwitchCore__root","input":"wds_1_186_0_ToggleSwitchCore__input","track":"wds_1_186_0_ToggleSwitchCore__track","knob":"wds_1_186_0_ToggleSwitchCore__knob","knobIcon":"wds_1_186_0_ToggleSwitchCore__knobIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_186_0_ToggleSwitchCoreColor";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_ToggleSwitchCoreColor__root"};
+module.exports.classes = {"root":"wds_1_186_0_ToggleSwitchCoreColor__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_186_0_ToggleSwitchCoreLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_ToggleSwitchCoreLayout__root"};
+module.exports.classes = {"root":"wds_1_186_0_ToggleSwitchCoreLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_186_0_ToggleSwitchCoreStyle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_ToggleSwitchCoreStyle__root"};
+module.exports.classes = {"root":"wds_1_186_0_ToggleSwitchCoreStyle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_Tooltip";
+var _namespace_ = "wds_1_186_0_Tooltip";
 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_184_0_Tooltip__root","text-small-normal":"wds_1_184_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_184_0_StylableTypography__text-tiny-thin","text":"wds_1_184_0_Tooltip__text"};
+module.exports.classes = {"root":"wds_1_186_0_Tooltip__root","text-small-normal":"wds_1_186_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_186_0_StylableTypography__text-tiny-thin","text":"wds_1_186_0_Tooltip__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_TopBanner";
+var _namespace_ = "wds_1_186_0_TopBanner";
 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_184_0_TopBanner__root","contentContainer":"wds_1_184_0_TopBanner__contentContainer","action":"wds_1_184_0_TopBanner__action"};
+module.exports.classes = {"root":"wds_1_186_0_TopBanner__root","contentContainer":"wds_1_186_0_TopBanner__contentContainer","action":"wds_1_186_0_TopBanner__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_TrendIndicator";
+var _namespace_ = "wds_1_186_0_TrendIndicator";
 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_184_0_TrendIndicator__root","caption":"wds_1_184_0_TrendIndicator__caption","icon":"wds_1_184_0_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_186_0_TrendIndicator__root","caption":"wds_1_186_0_TrendIndicator__caption","icon":"wds_1_186_0_TrendIndicator__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/VariableInput/VariableInput.js

@@ -172,6 +172,11 @@ class VariableInput extends _react.default.PureComponent {
         this._onSubmit();
       });
     };
+    this.focus = () => {
+      if (this.editorRef.current) {
+        this.editorRef.current.focus();
+      }
+    };
     var {
       size,
       disabled

package/dist/cjs/VariableInput/VariableInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_draftJs","_EditorUtilities","_constants","_VariableInputSt","_StatusIndicator","_StatusContext","_context","_jsxFileName","VariableInput","React","PureComponent","constructor","props","_this","this","_handlePastedText","text","html","editorState","exec","replace","_onEditorChange","EditorUtilities","insertText","_isEmpty","state","getCurrentContent","getPlainText","length","_inputToTagSize","inputSize","inputToTagsSize","defaultProps","size","_toString","variableTemplate","prefix","suffix","convertToString","_onBlur","onBlur","_onFocus","onFocus","_onSubmit","onSubmit","_onChange","onChange","_setEditorState","onStateChanged","arguments","undefined","editorStateBefore","updateEditorState","moveToEdge","triggerCallback","isBlured","hasUnparsedEntity","_stringToContentState","isContentChanged","setState","str","variableParser","variableTagPropsParser","content","stringToContentState","pushAndKeepSelection","_setStringValue","afterUpdated","updatedEditorState","EditorState","moveSelectionToEnd","setValue","value","insertVariable","tagProps","newState","insertEntity","concat","disabled","decorator","decoratorFactory","tag","createEmpty","componentDidMount","initialValue","editorRef","createRef","render","dataHook","multiline","rows","readOnly","placeholder","status","statusMessage","className","singleLineProps","handlePastedText","handleReturn","finalStatus","getStatusFromContext","context","default","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","st","classes","root","singleLine","style","vars","Editor","_extends2","ref","tabIndex","indicatorWrapper","dataHooks","indicator","message","contextType","StatusContext","displayName","propTypes","PropTypes","string","bool","func","oneOf","node","number","shape","sizeTypes","medium","_default","exports"],"sources":["../../../src/VariableInput/VariableInput.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Editor, EditorState } from 'draft-js';\nimport EditorUtilities from './EditorUtilities';\nimport { sizeTypes, inputToTagsSize, dataHooks } from './constants';\nimport { st, classes, vars } from './VariableInput.st.css';\nimport StatusIndicator from '../StatusIndicator';\nimport {\n  StatusContext,\n  getStatusFromContext,\n} from '../FormField/StatusContext';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/** Input with variables as tags */\nclass VariableInput extends React.PureComponent {\n  static contextType = StatusContext;\n  constructor(props) {\n    super(props);\n    const { size, disabled } = props;\n    const decorator = EditorUtilities.decoratorFactory({\n      tag: { size: this._inputToTagSize(size), disabled },\n    });\n    this.state = {\n      editorState: EditorState.createEmpty(decorator),\n    };\n  }\n\n  componentDidMount() {\n    const { initialValue } = this.props;\n    this._setStringValue(initialValue);\n    this.editorRef = React.createRef();\n  }\n\n  render() {\n    const {\n      dataHook,\n      multiline,\n      rows,\n      size,\n      disabled,\n      readOnly,\n      placeholder,\n      status,\n      statusMessage,\n      className,\n    } = this.props;\n    const singleLineProps = {\n      handlePastedText: this._handlePastedText,\n      handleReturn: () => 'handled',\n    };\n\n    const finalStatus = getStatusFromContext(this.context, status);\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            data-hook={dataHook}\n            className={st(\n              classes.root,\n              {\n                disabled,\n                readOnly,\n                size,\n                status: finalStatus,\n                singleLine: !multiline,\n                newColorsBranding,\n              },\n              className,\n            )}\n            style={{ [vars.rows]: rows }}\n          >\n            <Editor\n              ref={this.editorRef}\n              editorState={this.state.editorState}\n              onChange={this._onEditorChange}\n              onFocus={this._onFocus}\n              placeholder={placeholder}\n              readOnly={disabled || readOnly}\n              {...(readOnly && { tabIndex: 0 })}\n              {...(!multiline && singleLineProps)}\n            />\n\n            {/* Status */}\n            {(status || finalStatus === 'loading') && (\n              <span className={classes.indicatorWrapper}>\n                <StatusIndicator\n                  dataHook={dataHooks.indicator}\n                  status={finalStatus}\n                  message={statusMessage}\n                />\n              </span>\n            )}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n\n  _handlePastedText = (text, html, editorState) => {\n    /** We need to prevent new line when `multilne` is false,\n     * here we are removing any new lines while pasting text   */\n    if (/\\r|\\n/.exec(text)) {\n      text = text.replace(/(\\r\\n|\\n|\\r)/gm, '');\n      this._onEditorChange(EditorUtilities.insertText(editorState, text));\n      return true;\n    }\n    return false;\n  };\n\n  _isEmpty = () =>\n    this.state.editorState.getCurrentContent().getPlainText().length === 0;\n\n  _inputToTagSize = inputSize => {\n    return inputToTagsSize[inputSize] || VariableInput.defaultProps.size;\n  };\n\n  _toString = () => {\n    const {\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    const { editorState } = this.state;\n    return EditorUtilities.convertToString({\n      editorState,\n      prefix,\n      suffix,\n    });\n  };\n\n  _onBlur = () => {\n    const { onBlur = () => {} } = this.props;\n    onBlur(this._toString());\n  };\n\n  _onFocus = () => {\n    const { onFocus = () => {} } = this.props;\n    onFocus(this._toString());\n  };\n\n  _onSubmit = () => {\n    const { onSubmit = () => {} } = this.props;\n    onSubmit(this._toString());\n  };\n\n  _onChange = () => {\n    const { onChange = () => {} } = this.props;\n    onChange(this._toString());\n  };\n\n  _onEditorChange = editorState => {\n    this._setEditorState(editorState);\n  };\n\n  _setEditorState = (editorState, onStateChanged = () => {}) => {\n    const { editorState: editorStateBefore } = this.state;\n    const {\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    let updateEditorState = EditorUtilities.moveToEdge(editorState);\n    let triggerCallback = () => {};\n    if (EditorUtilities.isBlured(editorStateBefore, updateEditorState)) {\n      // onChange is called after the editor blur handler\n      // and we can't reflect the changes there, we moved the logic here.\n      triggerCallback = this._onBlur;\n      if (\n        EditorUtilities.hasUnparsedEntity(updateEditorState, prefix, suffix)\n      ) {\n        updateEditorState = this._stringToContentState(\n          EditorUtilities.convertToString({\n            editorState: updateEditorState,\n            prefix,\n            suffix,\n          }),\n        );\n      }\n    } else if (\n      EditorUtilities.isContentChanged(editorStateBefore, updateEditorState)\n    ) {\n      triggerCallback = this._onChange;\n    }\n    this.setState({ editorState: updateEditorState }, () => {\n      triggerCallback();\n      onStateChanged();\n    });\n  };\n\n  _stringToContentState = str => {\n    const {\n      variableParser = () => {},\n      variableTagPropsParser,\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    const { editorState } = this.state;\n    const content = EditorUtilities.stringToContentState({\n      str,\n      variableParser,\n      variableTagPropsParser,\n      prefix,\n      suffix,\n    });\n    return EditorUtilities.pushAndKeepSelection({\n      editorState,\n      content,\n    });\n  };\n\n  _setStringValue = (str, afterUpdated = () => {}) => {\n    const updatedEditorState = EditorState.moveSelectionToEnd(\n      this._stringToContentState(str),\n    );\n    this._setEditorState(updatedEditorState, () => {\n      afterUpdated(updatedEditorState);\n    });\n  };\n\n  /** Set value to display in the input */\n  setValue = value => {\n    this._setStringValue(value, () => {\n      this._onSubmit();\n    });\n  };\n\n  /** Insert variable at the input cursor position */\n  insertVariable = value => {\n    const {\n      variableParser,\n      variableTagPropsParser,\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    const { editorState } = this.state;\n    const text = variableParser(value);\n    const tagProps = variableTagPropsParser(value);\n    const newState = text\n      ? EditorUtilities.insertEntity(editorState, { text, value, tagProps })\n      : EditorUtilities.insertText(editorState, `${prefix}${value}${suffix} `);\n    this._setEditorState(newState, () => {\n      this._onSubmit();\n    });\n  };\n}\n\nVariableInput.displayName = 'VariableInput';\n\nVariableInput.propTypes = {\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies whether input should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Specifies whether input is read only */\n  readOnly: PropTypes.bool,\n\n  /** Defines an initial value to display */\n  initialValue: PropTypes.string,\n\n  /** Specifies whether component allow multiple lines or not. If false, text won’t wrap and horizontal scroll will appear inside of a component. */\n  multiline: PropTypes.bool,\n\n  /** Defines a callback function that is called each time value is changed:\n   * `onChange(value: String): void` */\n  onChange: PropTypes.func,\n\n  /** Defines a callback function that is called on value submit, in other words after `insertVariable()` and `setValue()`\n   * `onSubmit(value: String): void` */\n  onSubmit: PropTypes.func,\n\n  /** Defines a callback function that is called on focus out:\n   * `onBlur(value: String): void` */\n  onBlur: PropTypes.func,\n\n  /** Defines a callback function that is called on focus in:\n   * `onFocus(value: String): void` */\n  onFocus: PropTypes.func,\n\n  /** Specify 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  /** Sets a placeholder message to display */\n  placeholder: PropTypes.string,\n\n  /** Set the height of a component to fit the given number of rows */\n  rows: PropTypes.number,\n\n  /** Controls the size of the input and variable tags */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Defines the variable keys that component will parse and convert to <Tag/> components on blur and while using `insertVariable`.\n   * For each key `variableParser` will be called and should return a proper text for that key or false in case the key is invalid.\n   * `variableParser(key: String): String|boolean` */\n  variableParser: PropTypes.func,\n\n  /** A function callback that is being called on each keyboard enter and expects a return of object with properties meant for Tag component.\n   * It is designed to dynamically determine the styling or properties applied to variable tags within the input field.` */\n  variableTagPropsParser: PropTypes.func,\n\n  /** Defines a template for variable recognition. Typed text strings with matching prefix and suffix symbols will be converted to <Tag/> components. */\n  variableTemplate: PropTypes.shape({\n    prefix: PropTypes.string,\n    suffix: PropTypes.string,\n  }),\n};\n\nVariableInput.defaultProps = {\n  initialValue: '',\n  multiline: true,\n  rows: 1,\n  size: sizeTypes.medium,\n  variableParser: () => {},\n  variableTagPropsParser: () => ({}),\n  variableTemplate: {\n    prefix: '{{',\n    suffix: '}}',\n  },\n};\n\nexport default VariableInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_draftJs","_EditorUtilities","_constants","_VariableInputSt","_StatusIndicator","_StatusContext","_context","_jsxFileName","VariableInput","React","PureComponent","constructor","props","_this","this","_handlePastedText","text","html","editorState","exec","replace","_onEditorChange","EditorUtilities","insertText","_isEmpty","state","getCurrentContent","getPlainText","length","_inputToTagSize","inputSize","inputToTagsSize","defaultProps","size","_toString","variableTemplate","prefix","suffix","convertToString","_onBlur","onBlur","_onFocus","onFocus","_onSubmit","onSubmit","_onChange","onChange","_setEditorState","onStateChanged","arguments","undefined","editorStateBefore","updateEditorState","moveToEdge","triggerCallback","isBlured","hasUnparsedEntity","_stringToContentState","isContentChanged","setState","str","variableParser","variableTagPropsParser","content","stringToContentState","pushAndKeepSelection","_setStringValue","afterUpdated","updatedEditorState","EditorState","moveSelectionToEnd","setValue","value","insertVariable","tagProps","newState","insertEntity","concat","focus","editorRef","current","disabled","decorator","decoratorFactory","tag","createEmpty","componentDidMount","initialValue","createRef","render","dataHook","multiline","rows","readOnly","placeholder","status","statusMessage","className","singleLineProps","handlePastedText","handleReturn","finalStatus","getStatusFromContext","context","default","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","st","classes","root","singleLine","style","vars","Editor","_extends2","ref","tabIndex","indicatorWrapper","dataHooks","indicator","message","contextType","StatusContext","displayName","propTypes","PropTypes","string","bool","func","oneOf","node","number","shape","sizeTypes","medium","_default","exports"],"sources":["../../../src/VariableInput/VariableInput.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Editor, EditorState } from 'draft-js';\nimport EditorUtilities from './EditorUtilities';\nimport { sizeTypes, inputToTagsSize, dataHooks } from './constants';\nimport { st, classes, vars } from './VariableInput.st.css';\nimport StatusIndicator from '../StatusIndicator';\nimport {\n  StatusContext,\n  getStatusFromContext,\n} from '../FormField/StatusContext';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/** Input with variables as tags */\nclass VariableInput extends React.PureComponent {\n  static contextType = StatusContext;\n  constructor(props) {\n    super(props);\n    const { size, disabled } = props;\n    const decorator = EditorUtilities.decoratorFactory({\n      tag: { size: this._inputToTagSize(size), disabled },\n    });\n    this.state = {\n      editorState: EditorState.createEmpty(decorator),\n    };\n  }\n\n  componentDidMount() {\n    const { initialValue } = this.props;\n    this._setStringValue(initialValue);\n    this.editorRef = React.createRef();\n  }\n\n  render() {\n    const {\n      dataHook,\n      multiline,\n      rows,\n      size,\n      disabled,\n      readOnly,\n      placeholder,\n      status,\n      statusMessage,\n      className,\n    } = this.props;\n    const singleLineProps = {\n      handlePastedText: this._handlePastedText,\n      handleReturn: () => 'handled',\n    };\n\n    const finalStatus = getStatusFromContext(this.context, status);\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            data-hook={dataHook}\n            className={st(\n              classes.root,\n              {\n                disabled,\n                readOnly,\n                size,\n                status: finalStatus,\n                singleLine: !multiline,\n                newColorsBranding,\n              },\n              className,\n            )}\n            style={{ [vars.rows]: rows }}\n          >\n            <Editor\n              ref={this.editorRef}\n              editorState={this.state.editorState}\n              onChange={this._onEditorChange}\n              onFocus={this._onFocus}\n              placeholder={placeholder}\n              readOnly={disabled || readOnly}\n              {...(readOnly && { tabIndex: 0 })}\n              {...(!multiline && singleLineProps)}\n            />\n\n            {/* Status */}\n            {(status || finalStatus === 'loading') && (\n              <span className={classes.indicatorWrapper}>\n                <StatusIndicator\n                  dataHook={dataHooks.indicator}\n                  status={finalStatus}\n                  message={statusMessage}\n                />\n              </span>\n            )}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n\n  _handlePastedText = (text, html, editorState) => {\n    /** We need to prevent new line when `multilne` is false,\n     * here we are removing any new lines while pasting text   */\n    if (/\\r|\\n/.exec(text)) {\n      text = text.replace(/(\\r\\n|\\n|\\r)/gm, '');\n      this._onEditorChange(EditorUtilities.insertText(editorState, text));\n      return true;\n    }\n    return false;\n  };\n\n  _isEmpty = () =>\n    this.state.editorState.getCurrentContent().getPlainText().length === 0;\n\n  _inputToTagSize = inputSize => {\n    return inputToTagsSize[inputSize] || VariableInput.defaultProps.size;\n  };\n\n  _toString = () => {\n    const {\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    const { editorState } = this.state;\n    return EditorUtilities.convertToString({\n      editorState,\n      prefix,\n      suffix,\n    });\n  };\n\n  _onBlur = () => {\n    const { onBlur = () => {} } = this.props;\n    onBlur(this._toString());\n  };\n\n  _onFocus = () => {\n    const { onFocus = () => {} } = this.props;\n    onFocus(this._toString());\n  };\n\n  _onSubmit = () => {\n    const { onSubmit = () => {} } = this.props;\n    onSubmit(this._toString());\n  };\n\n  _onChange = () => {\n    const { onChange = () => {} } = this.props;\n    onChange(this._toString());\n  };\n\n  _onEditorChange = editorState => {\n    this._setEditorState(editorState);\n  };\n\n  _setEditorState = (editorState, onStateChanged = () => {}) => {\n    const { editorState: editorStateBefore } = this.state;\n    const {\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    let updateEditorState = EditorUtilities.moveToEdge(editorState);\n    let triggerCallback = () => {};\n    if (EditorUtilities.isBlured(editorStateBefore, updateEditorState)) {\n      // onChange is called after the editor blur handler\n      // and we can't reflect the changes there, we moved the logic here.\n      triggerCallback = this._onBlur;\n      if (\n        EditorUtilities.hasUnparsedEntity(updateEditorState, prefix, suffix)\n      ) {\n        updateEditorState = this._stringToContentState(\n          EditorUtilities.convertToString({\n            editorState: updateEditorState,\n            prefix,\n            suffix,\n          }),\n        );\n      }\n    } else if (\n      EditorUtilities.isContentChanged(editorStateBefore, updateEditorState)\n    ) {\n      triggerCallback = this._onChange;\n    }\n    this.setState({ editorState: updateEditorState }, () => {\n      triggerCallback();\n      onStateChanged();\n    });\n  };\n\n  _stringToContentState = str => {\n    const {\n      variableParser = () => {},\n      variableTagPropsParser,\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    const { editorState } = this.state;\n    const content = EditorUtilities.stringToContentState({\n      str,\n      variableParser,\n      variableTagPropsParser,\n      prefix,\n      suffix,\n    });\n    return EditorUtilities.pushAndKeepSelection({\n      editorState,\n      content,\n    });\n  };\n\n  _setStringValue = (str, afterUpdated = () => {}) => {\n    const updatedEditorState = EditorState.moveSelectionToEnd(\n      this._stringToContentState(str),\n    );\n    this._setEditorState(updatedEditorState, () => {\n      afterUpdated(updatedEditorState);\n    });\n  };\n\n  /** Set value to display in the input */\n  setValue = value => {\n    this._setStringValue(value, () => {\n      this._onSubmit();\n    });\n  };\n\n  /** Insert variable at the input cursor position */\n  insertVariable = value => {\n    const {\n      variableParser,\n      variableTagPropsParser,\n      variableTemplate: { prefix, suffix },\n    } = this.props;\n    const { editorState } = this.state;\n    const text = variableParser(value);\n    const tagProps = variableTagPropsParser(value);\n    const newState = text\n      ? EditorUtilities.insertEntity(editorState, { text, value, tagProps })\n      : EditorUtilities.insertText(editorState, `${prefix}${value}${suffix} `);\n    this._setEditorState(newState, () => {\n      this._onSubmit();\n    });\n  };\n\n  focus = () => {\n    if (this.editorRef.current) {\n      this.editorRef.current.focus();\n    }\n  };\n}\n\nVariableInput.displayName = 'VariableInput';\n\nVariableInput.propTypes = {\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies whether input should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Specifies whether input is read only */\n  readOnly: PropTypes.bool,\n\n  /** Defines an initial value to display */\n  initialValue: PropTypes.string,\n\n  /** Specifies whether component allow multiple lines or not. If false, text won’t wrap and horizontal scroll will appear inside of a component. */\n  multiline: PropTypes.bool,\n\n  /** Defines a callback function that is called each time value is changed:\n   * `onChange(value: String): void` */\n  onChange: PropTypes.func,\n\n  /** Defines a callback function that is called on value submit, in other words after `insertVariable()` and `setValue()`\n   * `onSubmit(value: String): void` */\n  onSubmit: PropTypes.func,\n\n  /** Defines a callback function that is called on focus out:\n   * `onBlur(value: String): void` */\n  onBlur: PropTypes.func,\n\n  /** Defines a callback function that is called on focus in:\n   * `onFocus(value: String): void` */\n  onFocus: PropTypes.func,\n\n  /** Specify 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  /** Sets a placeholder message to display */\n  placeholder: PropTypes.string,\n\n  /** Set the height of a component to fit the given number of rows */\n  rows: PropTypes.number,\n\n  /** Controls the size of the input and variable tags */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Defines the variable keys that component will parse and convert to <Tag/> components on blur and while using `insertVariable`.\n   * For each key `variableParser` will be called and should return a proper text for that key or false in case the key is invalid.\n   * `variableParser(key: String): String|boolean` */\n  variableParser: PropTypes.func,\n\n  /** A function callback that is being called on each keyboard enter and expects a return of object with properties meant for Tag component.\n   * It is designed to dynamically determine the styling or properties applied to variable tags within the input field.` */\n  variableTagPropsParser: PropTypes.func,\n\n  /** Defines a template for variable recognition. Typed text strings with matching prefix and suffix symbols will be converted to <Tag/> components. */\n  variableTemplate: PropTypes.shape({\n    prefix: PropTypes.string,\n    suffix: PropTypes.string,\n  }),\n};\n\nVariableInput.defaultProps = {\n  initialValue: '',\n  multiline: true,\n  rows: 1,\n  size: sizeTypes.medium,\n  variableParser: () => {},\n  variableTagPropsParser: () => ({}),\n  variableTemplate: {\n    prefix: '{{',\n    suffix: '}}',\n  },\n};\n\nexport default VariableInput;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_VariableInput";
+var _namespace_ = "wds_1_186_0_VariableInput";
 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_184_0_VariableInput__root","text-small-normal":"wds_1_184_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_184_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_184_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_184_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_184_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_184_0_VariableInput__tagWrapper","textWrapper":"wds_1_184_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_184_0_VariableInput__indicatorWrapper"};
+module.exports.classes = {"root":"wds_1_186_0_VariableInput__root","text-small-normal":"wds_1_186_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_186_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_186_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_186_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_186_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_186_0_VariableInput__tagWrapper","textWrapper":"wds_1_186_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_186_0_VariableInput__indicatorWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"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","rows":"--wds_1_184_0_VariableInput-rows","rowHeight":"--wds_1_184_0_VariableInput-rowHeight","contentHeight":"--wds_1_184_0_VariableInput-contentHeight"}; 
+module.exports.vars = {"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","rows":"--wds_1_186_0_VariableInput-rows","rowHeight":"--wds_1_186_0_VariableInput-rowHeight","contentHeight":"--wds_1_186_0_VariableInput-contentHeight"}; 
 
 
 

package/dist/cjs/VariableInput/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VariableInput","PureComponent","exports"],"sources":["../../../src/VariableInput/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { StatusIndicatorState } from '../StatusIndicator';\nimport { TagProps } from '../Tag';\n\nexport interface VariableInputProps {\n  className?: string;\n  dataHook?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  initialValue?: string;\n  multiline?: boolean;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onBlur?: (value: string) => void;\n  onFocus?: (value: string) => void;\n  status?: StatusIndicatorState;\n  statusMessage?: React.ReactNode;\n  placeholder?: string;\n  rows?: number;\n  size?: VariableInputSize;\n  variableParser?: (value: string) => string | boolean;\n  variableTagPropsParser?: (value: string) => Partial<TagProps>;\n  variableTemplate?: {\n    prefix: string;\n    suffix: string;\n  };\n}\n\nexport default class VariableInput extends React.PureComponent<VariableInputProps> {\n  setValue(key: string): void;\n  insertVariable(key: string): void;\n}\n\nexport type VariableInputSize = 'small' | 'medium' | 'large';\n\nexport declare const SIZE: { [key in VariableInputSize]: VariableInputSize };\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA4BhB,MAAMW,aAAa,SAASvB,KAAK,CAACwB,aAAa,CAAqB;AAGlFC,OAAA,CAAAhB,OAAA,GAAAc,aAAA","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VariableInput","PureComponent","exports"],"sources":["../../../src/VariableInput/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { StatusIndicatorState } from '../StatusIndicator';\nimport { TagProps } from '../Tag';\n\nexport interface VariableInputProps {\n  className?: string;\n  dataHook?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  initialValue?: string;\n  multiline?: boolean;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onBlur?: (value: string) => void;\n  onFocus?: (value: string) => void;\n  status?: StatusIndicatorState;\n  statusMessage?: React.ReactNode;\n  placeholder?: string;\n  rows?: number;\n  size?: VariableInputSize;\n  variableParser?: (value: string) => string | boolean;\n  variableTagPropsParser?: (value: string) => Partial<TagProps>;\n  variableTemplate?: {\n    prefix: string;\n    suffix: string;\n  };\n}\n\nexport default class VariableInput extends React.PureComponent<VariableInputProps> {\n  setValue(key: string): void;\n  insertVariable(key: string): void;\n  focus(): void;\n}\n\nexport type VariableInputSize = 'small' | 'medium' | 'large';\n\nexport declare const SIZE: { [key in VariableInputSize]: VariableInputSize };\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA4BhB,MAAMW,aAAa,SAASvB,KAAK,CAACwB,aAAa,CAAqB;AAIlFC,OAAA,CAAAhB,OAAA,GAAAc,aAAA","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_VerticalTabsIconItem";
+var _namespace_ = "wds_1_186_0_VerticalTabsIconItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_VerticalTabsIconItem__root"};
+module.exports.classes = {"root":"wds_1_186_0_VerticalTabsIconItem__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-icon-fill":"--wds-vertical-tabs-icon-fill","wds-vertical-tabs-icon-fill-hover":"--wds-vertical-tabs-icon-fill-hover","wds-vertical-tabs-icon-fill-active":"--wds-vertical-tabs-icon-fill-active","wds-vertical-tabs-icon-fill-disabled":"--wds-vertical-tabs-icon-fill-disabled","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-fill-standard-active":"--wds-vertical-tabs-item-fill-standard-active","wds-vertical-tabs-item-fill-standard-disabled":"--wds-vertical-tabs-item-fill-standard-disabled","wds-vertical-tabs-item-fill-standard-hover":"--wds-vertical-tabs-item-fill-standard-hover","wds-vertical-tabs-item-fill-standard":"--wds-vertical-tabs-item-fill-standard","wds-vertical-tabs-icon-padding-horizontal-medium":"--wds-vertical-tabs-icon-padding-horizontal-medium","wds-vertical-tabs-icon-padding-horizontal-small":"--wds-vertical-tabs-icon-padding-horizontal-small","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","focus-ring-inset":"--wds_1_184_0_VerticalTabsIconItem-focus-ring-inset"}; 
+module.exports.vars = {"wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-icon-fill":"--wds-vertical-tabs-icon-fill","wds-vertical-tabs-icon-fill-hover":"--wds-vertical-tabs-icon-fill-hover","wds-vertical-tabs-icon-fill-active":"--wds-vertical-tabs-icon-fill-active","wds-vertical-tabs-icon-fill-disabled":"--wds-vertical-tabs-icon-fill-disabled","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-fill-standard-active":"--wds-vertical-tabs-item-fill-standard-active","wds-vertical-tabs-item-fill-standard-disabled":"--wds-vertical-tabs-item-fill-standard-disabled","wds-vertical-tabs-item-fill-standard-hover":"--wds-vertical-tabs-item-fill-standard-hover","wds-vertical-tabs-item-fill-standard":"--wds-vertical-tabs-item-fill-standard","wds-vertical-tabs-icon-padding-horizontal-medium":"--wds-vertical-tabs-icon-padding-horizontal-medium","wds-vertical-tabs-icon-padding-horizontal-small":"--wds-vertical-tabs-icon-padding-horizontal-small","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","focus-ring-inset":"--wds_1_186_0_VerticalTabsIconItem-focus-ring-inset"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_VerticalTabsItem";
+var _namespace_ = "wds_1_186_0_VerticalTabsItem";
 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_184_0_VerticalTabsItem__root","selectableItem":"wds_1_184_0_VerticalTabsItem__selectableItem","title":"wds_1_184_0_VerticalTabsItem__title","text":"wds_1_184_0_VerticalTabsItem__text","textButton":"wds_1_184_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_184_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_184_0_VerticalTabsItem__suffixIcon"};
+module.exports.classes = {"root":"wds_1_186_0_VerticalTabsItem__root","selectableItem":"wds_1_186_0_VerticalTabsItem__selectableItem","title":"wds_1_186_0_VerticalTabsItem__title","text":"wds_1_186_0_VerticalTabsItem__text","textButton":"wds_1_186_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_186_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_186_0_VerticalTabsItem__suffixIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","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-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-fill-standard-active":"--wds-vertical-tabs-item-fill-standard-active","wds-vertical-tabs-item-fill-standard-disabled":"--wds-vertical-tabs-item-fill-standard-disabled","wds-vertical-tabs-item-fill-standard-hover":"--wds-vertical-tabs-item-fill-standard-hover","wds-vertical-tabs-item-fill-standard-premium-active":"--wds-vertical-tabs-item-fill-standard-premium-active","wds-vertical-tabs-item-fill-standard-premium-disabled":"--wds-vertical-tabs-item-fill-standard-premium-disabled","wds-vertical-tabs-item-fill-standard-premium-hover":"--wds-vertical-tabs-item-fill-standard-premium-hover","wds-vertical-tabs-item-fill-standard-premium":"--wds-vertical-tabs-item-fill-standard-premium","wds-vertical-tabs-item-fill-standard":"--wds-vertical-tabs-item-fill-standard","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_184_0_VerticalTabsItem-focus-ring-inset"}; 
+module.exports.vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","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-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-fill-standard-active":"--wds-vertical-tabs-item-fill-standard-active","wds-vertical-tabs-item-fill-standard-disabled":"--wds-vertical-tabs-item-fill-standard-disabled","wds-vertical-tabs-item-fill-standard-hover":"--wds-vertical-tabs-item-fill-standard-hover","wds-vertical-tabs-item-fill-standard-premium-active":"--wds-vertical-tabs-item-fill-standard-premium-active","wds-vertical-tabs-item-fill-standard-premium-disabled":"--wds-vertical-tabs-item-fill-standard-premium-disabled","wds-vertical-tabs-item-fill-standard-premium-hover":"--wds-vertical-tabs-item-fill-standard-premium-hover","wds-vertical-tabs-item-fill-standard-premium":"--wds-vertical-tabs-item-fill-standard-premium","wds-vertical-tabs-item-fill-standard":"--wds-vertical-tabs-item-fill-standard","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_186_0_VerticalTabsItem-focus-ring-inset"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_WixDesignSystemProvider";
+var _namespace_ = "wds_1_186_0_WixDesignSystemProvider";
 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_184_0_WixDesignSystemProvider__root","mobile":"wds_1_184_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_186_0_WixDesignSystemProvider__root","mobile":"wds_1_186_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixDesignSystemProvider/madefor.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_madefor";
+var _namespace_ = "wds_1_186_0_madefor";
 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_184_0_madefor__root","madefor":"wds_1_184_0_madefor__madefor"};
+module.exports.classes = {"root":"wds_1_186_0_madefor__root","madefor":"wds_1_186_0_madefor__madefor"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixDesignSystemProvider/newColorsBranding.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_184_0_newColorsBranding";
+var _namespace_ = "wds_1_186_0_newColorsBranding";
 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_184_0_newColorsBranding__root"};
+module.exports.classes = {"root":"wds_1_186_0_newColorsBranding__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/AdaptiveHeading/AdaptiveHeading.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_AdaptiveHeading";
+var _namespace_ = "wds_1_186_0_AdaptiveHeading";
 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_184_0_AdaptiveHeading__root","headerWrapper":"wds_1_184_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_184_0_AdaptiveHeading__headerShort","headerFull":"wds_1_184_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_184_0_AdaptiveHeading__ellipsis"};
+module.exports.classes = {"root":"wds_1_186_0_AdaptiveHeading__root","headerWrapper":"wds_1_186_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_186_0_AdaptiveHeading__headerShort","headerFull":"wds_1_186_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_186_0_AdaptiveHeading__ellipsis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/Ellipsis/Ellipsis.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_Ellipsis";
+var _namespace_ = "wds_1_186_0_Ellipsis";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_Ellipsis__root","tooltip":"wds_1_184_0_Ellipsis__tooltip"};
+module.exports.classes = {"root":"wds_1_186_0_Ellipsis__root","tooltip":"wds_1_186_0_Ellipsis__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_184_0_Ellipsis-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_186_0_Ellipsis-maxLines"}; 
 
 
 

package/dist/cjs/common/Ellipsis/components/TextComponent/TextComponent.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_184_0_TextComponent";
+var _namespace_ = "wds_1_186_0_TextComponent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_TextComponent__root","text":"wds_1_184_0_TextComponent__text","suffix":"wds_1_184_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_184_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_184_0_TextComponent__multilineSuffix"};
+module.exports.classes = {"root":"wds_1_186_0_TextComponent__root","text":"wds_1_186_0_TextComponent__text","suffix":"wds_1_186_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_186_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_186_0_TextComponent__multilineSuffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_184_0_TextComponent-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_186_0_TextComponent-maxLines"}; 
 
 
 

package/dist/cjs/common/FluidColumns/FluidColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_184_0_FluidColumns";
+var _namespace_ = "wds_1_186_0_FluidColumns";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_184_0_FluidColumns__root","item":"wds_1_184_0_FluidColumns__item"};
+module.exports.classes = {"root":"wds_1_186_0_FluidColumns__root","item":"wds_1_186_0_FluidColumns__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"cols":"--wds_1_184_0_FluidColumns-cols"}; 
+module.exports.vars = {"cols":"--wds_1_186_0_FluidColumns-cols"};