@wix/design-system 1.142.0 → 1.143.0

package/dist/cjs/Stepper/components/Step.js

@@ -12,7 +12,7 @@ var _Text = _interopRequireDefault(require("../../Text"));
 var _StepMarker = _interopRequireDefault(require("./StepMarker"));
 var _constants = require("../constants");
 var _StepSt = require("./Step.st.css.js");
-var _excluded = ["type", "styleType", "active", "last", "number", "text", "className"];
+var _excluded = ["type", "styleType", "active", "last", "number", "text", "className", "size"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Stepper/components/Step.js";
 class Step extends _react.default.PureComponent {
   constructor() {
@@ -82,7 +82,8 @@ class Step extends _react.default.PureComponent {
         last,
         number,
         text,
-        className
+        className,
+        size
       } = _this$props,
       otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     var {
@@ -94,12 +95,14 @@ class Step extends _react.default.PureComponent {
       className: (0, _StepSt.st)(_StepSt.classes.root, {
         type,
         styleType,
+        size,
         selected: active,
         hovered: isHovered,
         clickable: isClickable
       }, className),
       "data-hook": _constants.DataHook.Step,
       "data-type": type,
+      "data-size": size,
       "data-active": active,
       onMouseEnter: this._handleMouseEnter,
       onMouseLeave: this._handleMouseLeave,
@@ -109,7 +112,7 @@ class Step extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 77,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -117,7 +120,7 @@ class Step extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 100,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_StepMarker.default, {
@@ -130,21 +133,21 @@ class Step extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 101,
         columnNumber: 11
       }
     }), /*#__PURE__*/_react.default.createElement(_Text.default, {
       key: transitionSequence,
       ellipsis: true,
       weight: "thin",
-      size: styleType === _constants.Type.Text ? 'medium' : 'small',
+      size: size,
       showTooltip: !active,
       dataHook: _constants.DataHook.StepText,
       className: _StepSt.classes.text,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 109,
         columnNumber: 11
       }
     }, text)), !last && /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
@@ -152,7 +155,7 @@ class Step extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 118,
+        lineNumber: 121,
         columnNumber: 19
       }
     }));

package/dist/cjs/Stepper/components/Step.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Focusable","_wixUiIconsCommon","_Text","_StepMarker","_constants","_StepSt","_excluded","_jsxFileName","Step","React","PureComponent","constructor","arguments","state","isHovered","transitionSequence","_handleMouseEnter","setState","_handleMouseLeave","_handleTransitionEnd","event","propertyName","_handleClick","_isClickable","props","onClick","type","active","StepType","Disabled","_getFocusProps","focusableOnFocus","focusableOnBlur","onFocus","onBlur","tabIndex","render","_this$props","styleType","last","number","text","className","otherProps","_objectWithoutProperties2","default","isClickable","createElement","_extends2","st","classes","root","selected","hovered","clickable","DataHook","onMouseEnter","onMouseLeave","onTransitionEnd","__self","__source","fileName","lineNumber","columnNumber","content","marker","key","ellipsis","weight","size","Type","Text","showTooltip","dataHook","StepText","ChevronRight","arrow","displayName","defaultProps","Normal","_default","exports","withFocusable"],"sources":["../../../../src/Stepper/components/Step.js"],"sourcesContent":["import React from 'react';\nimport { withFocusable } from '../../common/Focusable';\nimport { ChevronRight } from '@wix/wix-ui-icons-common';\nimport Text from '../../Text';\nimport StepMarker from './StepMarker';\nimport { Type, StepType, DataHook } from '../constants';\nimport { st, classes } from './Step.st.css';\n\nclass Step extends React.PureComponent {\n  static displayName = 'Step';\n  static defaultProps = {\n    type: StepType.Normal,\n  };\n\n  state = {\n    isHovered: false,\n\n    // Used to update <Text ellipsis> when CSS transition has ended\n    // (otherwise the logic to show/hide tooltip will not be applied)\n    transitionSequence: 1,\n  };\n\n  _handleMouseEnter = () => {\n    this.setState({ isHovered: true });\n  };\n\n  _handleMouseLeave = () => {\n    this.setState({ isHovered: false });\n  };\n\n  _handleTransitionEnd = event => {\n    const { transitionSequence } = this.state;\n    if (event.propertyName === 'flex-shrink') {\n      this.setState({ transitionSequence: transitionSequence + 1 });\n    }\n  };\n\n  _handleClick = () => {\n    this._isClickable() && this.props.onClick();\n  };\n\n  _isClickable = () => {\n    const { onClick, type, active } = this.props;\n    return type !== StepType.Disabled && !active && !!onClick;\n  };\n\n  _getFocusProps = () => {\n    const { onClick, focusableOnFocus, focusableOnBlur, type } = this.props;\n\n    if (onClick && type !== StepType.Disabled) {\n      return {\n        onFocus: focusableOnFocus,\n        onBlur: focusableOnBlur,\n        tabIndex: 0,\n      };\n    }\n\n    return { tabIndex: -1 };\n  };\n\n  render() {\n    const {\n      type,\n      styleType,\n      active,\n      last,\n      number,\n      text,\n      className,\n      ...otherProps\n    } = this.props;\n    const { isHovered, transitionSequence } = this.state;\n    const isClickable = this._isClickable();\n\n    return (\n      <button\n        className={st(\n          classes.root,\n          {\n            type,\n            styleType,\n            selected: active,\n            hovered: isHovered,\n            clickable: isClickable,\n          },\n          className,\n        )}\n        data-hook={DataHook.Step}\n        data-type={type}\n        data-active={active}\n        onMouseEnter={this._handleMouseEnter}\n        onMouseLeave={this._handleMouseLeave}\n        onClick={this._handleClick}\n        onTransitionEnd={this._handleTransitionEnd}\n        {...this._getFocusProps()}\n      >\n        <div className={classes.content}>\n          <StepMarker\n            number={number}\n            active={active}\n            type={type}\n            styleType={styleType}\n            hovered={isHovered && isClickable}\n            className={classes.marker}\n          />\n          <Text\n            key={transitionSequence}\n            ellipsis\n            weight=\"thin\"\n            size={styleType === Type.Text ? 'medium' : 'small'}\n            showTooltip={!active}\n            dataHook={DataHook.StepText}\n            className={classes.text}\n          >\n            {text}\n          </Text>\n        </div>\n        {!last && <ChevronRight className={classes.arrow} />}\n      </button>\n    );\n  }\n}\n\nexport default withFocusable(Step);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA4C,IAAAO,SAAA;AAAA,IAAAC,YAAA;AAE5C,MAAMC,IAAI,SAASC,cAAK,CAACC,aAAa,CAAC;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAMrCC,KAAK,GAAG;MACNC,SAAS,EAAE,KAAK;MAEhB;MACA;MACAC,kBAAkB,EAAE;IACtB,CAAC;IAAA,KAEDC,iBAAiB,GAAG,MAAM;MACxB,IAAI,CAACC,QAAQ,CAAC;QAAEH,SAAS,EAAE;MAAK,CAAC,CAAC;IACpC,CAAC;IAAA,KAEDI,iBAAiB,GAAG,MAAM;MACxB,IAAI,CAACD,QAAQ,CAAC;QAAEH,SAAS,EAAE;MAAM,CAAC,CAAC;IACrC,CAAC;IAAA,KAEDK,oBAAoB,GAAGC,KAAK,IAAI;MAC9B,IAAM;QAAEL;MAAmB,CAAC,GAAG,IAAI,CAACF,KAAK;MACzC,IAAIO,KAAK,CAACC,YAAY,KAAK,aAAa,EAAE;QACxC,IAAI,CAACJ,QAAQ,CAAC;UAAEF,kBAAkB,EAAEA,kBAAkB,GAAG;QAAE,CAAC,CAAC;MAC/D;IACF,CAAC;IAAA,KAEDO,YAAY,GAAG,MAAM;MACnB,IAAI,CAACC,YAAY,CAAC,CAAC,IAAI,IAAI,CAACC,KAAK,CAACC,OAAO,CAAC,CAAC;IAC7C,CAAC;IAAA,KAEDF,YAAY,GAAG,MAAM;MACnB,IAAM;QAAEE,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,GAAG,IAAI,CAACH,KAAK;MAC5C,OAAOE,IAAI,KAAKE,mBAAQ,CAACC,QAAQ,IAAI,CAACF,MAAM,IAAI,CAAC,CAACF,OAAO;IAC3D,CAAC;IAAA,KAEDK,cAAc,GAAG,MAAM;MACrB,IAAM;QAAEL,OAAO;QAAEM,gBAAgB;QAAEC,eAAe;QAAEN;MAAK,CAAC,GAAG,IAAI,CAACF,KAAK;MAEvE,IAAIC,OAAO,IAAIC,IAAI,KAAKE,mBAAQ,CAACC,QAAQ,EAAE;QACzC,OAAO;UACLI,OAAO,EAAEF,gBAAgB;UACzBG,MAAM,EAAEF,eAAe;UACvBG,QAAQ,EAAE;QACZ,CAAC;MACH;MAEA,OAAO;QAAEA,QAAQ,EAAE,CAAC;MAAE,CAAC;IACzB,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IACP,IAAAC,WAAA,GASI,IAAI,CAACb,KAAK;MATR;QACJE,IAAI;QACJY,SAAS;QACTX,MAAM;QACNY,IAAI;QACJC,MAAM;QACNC,IAAI;QACJC;MAEF,CAAC,GAAAL,WAAA;MADIM,UAAU,OAAAC,yBAAA,CAAAC,OAAA,EAAAR,WAAA,EAAA/B,SAAA;IAEf,IAAM;MAAEQ,SAAS;MAAEC;IAAmB,CAAC,GAAG,IAAI,CAACF,KAAK;IACpD,IAAMiC,WAAW,GAAG,IAAI,CAACvB,YAAY,CAAC,CAAC;IAEvC,oBACE1B,MAAA,CAAAgD,OAAA,CAAAE,aAAA,eAAAC,SAAA,CAAAH,OAAA;MACEH,SAAS,EAAE,IAAAO,UAAE,EACXC,eAAO,CAACC,IAAI,EACZ;QACEzB,IAAI;QACJY,SAAS;QACTc,QAAQ,EAAEzB,MAAM;QAChB0B,OAAO,EAAEvC,SAAS;QAClBwC,SAAS,EAAER;MACb,CAAC,EACDJ,SACF,CAAE;MACF,aAAWa,mBAAQ,CAAC/C,IAAK;MACzB,aAAWkB,IAAK;MAChB,eAAaC,MAAO;MACpB6B,YAAY,EAAE,IAAI,CAACxC,iBAAkB;MACrCyC,YAAY,EAAE,IAAI,CAACvC,iBAAkB;MACrCO,OAAO,EAAE,IAAI,CAACH,YAAa;MAC3BoC,eAAe,EAAE,IAAI,CAACvC;IAAqB,GACvC,IAAI,CAACW,cAAc,CAAC,CAAC;MAAA6B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAEzBlE,MAAA,CAAAgD,OAAA,CAAAE,aAAA;MAAKL,SAAS,EAAEQ,eAAO,CAACc,OAAQ;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC9BlE,MAAA,CAAAgD,OAAA,CAAAE,aAAA,CAAC5C,WAAA,CAAA0C,OAAU;MACTL,MAAM,EAAEA,MAAO;MACfb,MAAM,EAAEA,MAAO;MACfD,IAAI,EAAEA,IAAK;MACXY,SAAS,EAAEA,SAAU;MACrBe,OAAO,EAAEvC,SAAS,IAAIgC,WAAY;MAClCJ,SAAS,EAAEQ,eAAO,CAACe,MAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC3B,CAAC,eACFlE,MAAA,CAAAgD,OAAA,CAAAE,aAAA,CAAC7C,KAAA,CAAA2C,OAAI;MACHqB,GAAG,EAAEnD,kBAAmB;MACxBoD,QAAQ;MACRC,MAAM,EAAC,MAAM;MACbC,IAAI,EAAE/B,SAAS,KAAKgC,eAAI,CAACC,IAAI,GAAG,QAAQ,GAAG,OAAQ;MACnDC,WAAW,EAAE,CAAC7C,MAAO;MACrB8C,QAAQ,EAAElB,mBAAQ,CAACmB,QAAS;MAC5BhC,SAAS,EAAEQ,eAAO,CAACT,IAAK;MAAAkB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvBtB,IACG,CACH,CAAC,EACL,CAACF,IAAI,iBAAI1C,MAAA,CAAAgD,OAAA,CAAAE,aAAA,CAAC9C,iBAAA,CAAA0E,YAAY;MAACjC,SAAS,EAAEQ,eAAO,CAAC0B,KAAM;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAC7C,CAAC;EAEb;AACF;AAjHMvD,IAAI,CACDqE,WAAW,GAAG,MAAM;AADvBrE,IAAI,CAEDsE,YAAY,GAAG;EACpBpD,IAAI,EAAEE,mBAAQ,CAACmD;AACjB,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GA+GY,IAAAqC,wBAAa,EAAC1E,IAAI,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Focusable","_wixUiIconsCommon","_Text","_StepMarker","_constants","_StepSt","_excluded","_jsxFileName","Step","React","PureComponent","constructor","arguments","state","isHovered","transitionSequence","_handleMouseEnter","setState","_handleMouseLeave","_handleTransitionEnd","event","propertyName","_handleClick","_isClickable","props","onClick","type","active","StepType","Disabled","_getFocusProps","focusableOnFocus","focusableOnBlur","onFocus","onBlur","tabIndex","render","_this$props","styleType","last","number","text","className","size","otherProps","_objectWithoutProperties2","default","isClickable","createElement","_extends2","st","classes","root","selected","hovered","clickable","DataHook","onMouseEnter","onMouseLeave","onTransitionEnd","__self","__source","fileName","lineNumber","columnNumber","content","marker","key","ellipsis","weight","showTooltip","dataHook","StepText","ChevronRight","arrow","displayName","defaultProps","Normal","_default","exports","withFocusable"],"sources":["../../../../src/Stepper/components/Step.js"],"sourcesContent":["import React from 'react';\nimport { withFocusable } from '../../common/Focusable';\nimport { ChevronRight } from '@wix/wix-ui-icons-common';\nimport Text from '../../Text';\nimport StepMarker from './StepMarker';\nimport { Type, StepType, DataHook } from '../constants';\nimport { st, classes } from './Step.st.css';\n\nclass Step extends React.PureComponent {\n  static displayName = 'Step';\n  static defaultProps = {\n    type: StepType.Normal,\n  };\n\n  state = {\n    isHovered: false,\n\n    // Used to update <Text ellipsis> when CSS transition has ended\n    // (otherwise the logic to show/hide tooltip will not be applied)\n    transitionSequence: 1,\n  };\n\n  _handleMouseEnter = () => {\n    this.setState({ isHovered: true });\n  };\n\n  _handleMouseLeave = () => {\n    this.setState({ isHovered: false });\n  };\n\n  _handleTransitionEnd = event => {\n    const { transitionSequence } = this.state;\n    if (event.propertyName === 'flex-shrink') {\n      this.setState({ transitionSequence: transitionSequence + 1 });\n    }\n  };\n\n  _handleClick = () => {\n    this._isClickable() && this.props.onClick();\n  };\n\n  _isClickable = () => {\n    const { onClick, type, active } = this.props;\n    return type !== StepType.Disabled && !active && !!onClick;\n  };\n\n  _getFocusProps = () => {\n    const { onClick, focusableOnFocus, focusableOnBlur, type } = this.props;\n\n    if (onClick && type !== StepType.Disabled) {\n      return {\n        onFocus: focusableOnFocus,\n        onBlur: focusableOnBlur,\n        tabIndex: 0,\n      };\n    }\n\n    return { tabIndex: -1 };\n  };\n\n  render() {\n    const {\n      type,\n      styleType,\n      active,\n      last,\n      number,\n      text,\n      className,\n      size,\n      ...otherProps\n    } = this.props;\n    const { isHovered, transitionSequence } = this.state;\n    const isClickable = this._isClickable();\n\n    return (\n      <button\n        className={st(\n          classes.root,\n          {\n            type,\n            styleType,\n            size,\n            selected: active,\n            hovered: isHovered,\n            clickable: isClickable,\n          },\n          className,\n        )}\n        data-hook={DataHook.Step}\n        data-type={type}\n        data-size={size}\n        data-active={active}\n        onMouseEnter={this._handleMouseEnter}\n        onMouseLeave={this._handleMouseLeave}\n        onClick={this._handleClick}\n        onTransitionEnd={this._handleTransitionEnd}\n        {...this._getFocusProps()}\n      >\n        <div className={classes.content}>\n          <StepMarker\n            number={number}\n            active={active}\n            type={type}\n            styleType={styleType}\n            hovered={isHovered && isClickable}\n            className={classes.marker}\n          />\n          <Text\n            key={transitionSequence}\n            ellipsis\n            weight=\"thin\"\n            size={size}\n            showTooltip={!active}\n            dataHook={DataHook.StepText}\n            className={classes.text}\n          >\n            {text}\n          </Text>\n        </div>\n        {!last && <ChevronRight className={classes.arrow} />}\n      </button>\n    );\n  }\n}\n\nexport default withFocusable(Step);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Stepper/components/Step.st.css.js

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_Step";
+var _namespace_ = "wds_1_143_0_Step";
 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_142_0_Step__root","text-medium-normal":"wds_1_142_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_142_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_142_0_StylableTypography__text-small-thin","marker":"wds_1_142_0_Step__marker","content":"wds_1_142_0_Step__content","text":"wds_1_142_0_Step__text","arrow":"wds_1_142_0_Step__arrow"};
+module.exports.classes = {"root":"wds_1_143_0_Step__root","text-medium-normal":"wds_1_143_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","marker":"wds_1_143_0_Step__marker","content":"wds_1_143_0_Step__content","text":"wds_1_143_0_Step__text","arrow":"wds_1_143_0_Step__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Stepper/components/StepMarker.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_StepMarker";
+var _namespace_ = "wds_1_143_0_StepMarker";
 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_142_0_StepMarker__root"};
+module.exports.classes = {"root":"wds_1_143_0_StepMarker__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Stepper/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","Stepper","PureComponent","exports"],"sources":["../../../src/Stepper/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface StepperProps {\n  dataHook?: string;\n  onClick?: (index: number) => void;\n  activeStep: number;\n  steps: StepperStep[];\n  type?: StepperType;\n  fit?: StepperFit;\n}\n\nexport default class Stepper extends React.PureComponent<StepperProps> {}\n\nexport interface StepperStep {\n  text: string;\n  type?: StepperStepType;\n}\n\nexport type StepperType = 'circle' | 'text';\nexport type StepperFit = 'compact' | 'stretched';\nexport type StepperStepType = 'completed' | 'disabled' | 'error' | 'normal';\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;AAWhB,MAAMW,OAAO,SAASvB,KAAK,CAACwB,aAAa,CAAe;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,OAAA","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","Stepper","PureComponent","exports"],"sources":["../../../src/Stepper/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface StepperProps {\n  dataHook?: string;\n  onClick?: (index: number) => void;\n  activeStep: number;\n  steps: StepperStep[];\n  type?: StepperType;\n  fit?: StepperFit;\n  size?: StepperSize;\n}\n\nexport default class Stepper extends React.PureComponent<StepperProps> {}\n\nexport interface StepperStep {\n  text: string;\n  type?: StepperStepType;\n}\n\nexport type StepperType = 'circle' | 'text';\nexport type StepperFit = 'compact' | 'stretched';\nexport type StepperStepType = 'completed' | 'disabled' | 'error' | 'normal';\nexport type StepperSize = 'medium' | 'small';\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;AAYhB,MAAMW,OAAO,SAASvB,KAAK,CAACwB,aAAa,CAAe;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,OAAA","ignoreList":[]}

package/dist/cjs/Table/DataTable/DataTable.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_DataTable";
+var _namespace_ = "wds_1_143_0_DataTable";
 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_142_0_DataTable__root","text-small-thin":"wds_1_142_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_142_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_142_0_StylableTypography__text-medium-thin","table":"wds_1_142_0_DataTable__table","virtualized":"wds_1_142_0_DataTable__virtualized","sticky":"wds_1_142_0_DataTable__sticky","details":"wds_1_142_0_DataTable__details","active":"wds_1_142_0_DataTable__active","dnd":"wds_1_142_0_DataTable__dnd","thSkinStandard":"wds_1_142_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_142_0_DataTable__thSkinNeutral","thContainer":"wds_1_142_0_DataTable__thContainer","alignStart":"wds_1_142_0_DataTable__alignStart","alignCenter":"wds_1_142_0_DataTable__alignCenter","alignEnd":"wds_1_142_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_142_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_142_0_DataTable__hasRowDetails","important":"wds_1_142_0_DataTable__important","clickableDataRow":"wds_1_142_0_DataTable__clickableDataRow","highlight":"wds_1_142_0_DataTable__highlight","selected":"wds_1_142_0_DataTable__selected","sortArrow":"wds_1_142_0_DataTable__sortArrow","rowDetails":"wds_1_142_0_DataTable__rowDetails","animatedDataRow":"wds_1_142_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_142_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_142_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_142_0_DataTable__scrollWrapper","lastSticky":"wds_1_142_0_DataTable__lastSticky","leftShadowVisible":"wds_1_142_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_142_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_142_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_142_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_142_0_DataTable__rowDetailsExtended"};
+module.exports.classes = {"root":"wds_1_143_0_DataTable__root","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_143_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","table":"wds_1_143_0_DataTable__table","virtualized":"wds_1_143_0_DataTable__virtualized","sticky":"wds_1_143_0_DataTable__sticky","details":"wds_1_143_0_DataTable__details","active":"wds_1_143_0_DataTable__active","dnd":"wds_1_143_0_DataTable__dnd","thSkinStandard":"wds_1_143_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_143_0_DataTable__thSkinNeutral","thContainer":"wds_1_143_0_DataTable__thContainer","alignStart":"wds_1_143_0_DataTable__alignStart","alignCenter":"wds_1_143_0_DataTable__alignCenter","alignEnd":"wds_1_143_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_143_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_143_0_DataTable__hasRowDetails","important":"wds_1_143_0_DataTable__important","clickableDataRow":"wds_1_143_0_DataTable__clickableDataRow","highlight":"wds_1_143_0_DataTable__highlight","selected":"wds_1_143_0_DataTable__selected","sortArrow":"wds_1_143_0_DataTable__sortArrow","rowDetails":"wds_1_143_0_DataTable__rowDetails","animatedDataRow":"wds_1_143_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_143_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_143_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_143_0_DataTable__scrollWrapper","lastSticky":"wds_1_143_0_DataTable__lastSticky","leftShadowVisible":"wds_1_143_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_143_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_143_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_143_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_143_0_DataTable__rowDetailsExtended"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Table/DataTable/components/DataTableRow.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_DataTableRow";
+var _namespace_ = "wds_1_143_0_DataTableRow";
 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_142_0_DataTableRow__root","stickyActionCell":"wds_1_142_0_DataTable__stickyActionCell","sticky":"wds_1_142_0_DataTable__sticky","dataTableHighlight":"wds_1_142_0_DataTable__highlight","light":"wds_1_142_0_DataTableRow__light","neutral":"wds_1_142_0_DataTableRow__neutral","highlight":"wds_1_142_0_DataTableRow__highlight"};
+module.exports.classes = {"root":"wds_1_143_0_DataTableRow__root","stickyActionCell":"wds_1_143_0_DataTable__stickyActionCell","sticky":"wds_1_143_0_DataTable__sticky","dataTableHighlight":"wds_1_143_0_DataTable__highlight","light":"wds_1_143_0_DataTableRow__light","neutral":"wds_1_143_0_DataTableRow__neutral","highlight":"wds_1_143_0_DataTableRow__highlight"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Table/DataTable/components/DataTableRowVirtual.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_DataTableRowVirtual";
+var _namespace_ = "wds_1_143_0_DataTableRowVirtual";
 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_142_0_DataTableRowVirtual__root","alignCenter":"wds_1_142_0_DataTable__alignCenter","stickyActionCell":"wds_1_142_0_DataTable__stickyActionCell","thContainer":"wds_1_142_0_DataTable__thContainer","thead":"wds_1_142_0_DataTableRowVirtual__thead"};
+module.exports.classes = {"root":"wds_1_143_0_DataTableRowVirtual__root","alignCenter":"wds_1_143_0_DataTable__alignCenter","stickyActionCell":"wds_1_143_0_DataTable__stickyActionCell","thContainer":"wds_1_143_0_DataTable__thContainer","thead":"wds_1_143_0_DataTableRowVirtual__thead"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Table/DataTable/docs/Example.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_Example";
+var _namespace_ = "wds_1_143_0_Example";
 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_142_0_Example__root","highlightRow":"wds_1_142_0_Example__highlightRow"};
+module.exports.classes = {"root":"wds_1_143_0_Example__root","highlightRow":"wds_1_143_0_Example__highlightRow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Table/FloatingScrollBar/FloatingScrollBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_FloatingScrollBar";
+var _namespace_ = "wds_1_143_0_FloatingScrollBar";
 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_142_0_FloatingScrollBar__root","content":"wds_1_142_0_FloatingScrollBar__content"};
+module.exports.classes = {"root":"wds_1_143_0_FloatingScrollBar__root","content":"wds_1_143_0_FloatingScrollBar__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Table";
+var _namespace_ = "wds_1_143_0_Table";
 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_142_0_Table__root","onHover":"wds_1_142_0_TableActionCell__onHover","notOnHover":"wds_1_142_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_142_0_Table__emptyStateContainer","content":"wds_1_142_0_Table__content","tableRow":"wds_1_142_0_Table__tableRow","tableSubToolbar":"wds_1_142_0_Table__tableSubToolbar"};
+module.exports.classes = {"root":"wds_1_143_0_Table__root","onHover":"wds_1_143_0_TableActionCell__onHover","notOnHover":"wds_1_143_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_143_0_Table__emptyStateContainer","content":"wds_1_143_0_Table__content","tableRow":"wds_1_143_0_Table__tableRow","tableSubToolbar":"wds_1_143_0_Table__tableSubToolbar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TableActionCell";
+var _namespace_ = "wds_1_143_0_TableActionCell";
 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_142_0_TableActionCell__root","action":"wds_1_142_0_TableActionCell__action","hoverSlot":"wds_1_142_0_TableActionCell__hoverSlot","onHover":"wds_1_142_0_TableActionCell__onHover","notOnHover":"wds_1_142_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_142_0_TableActionCell__placeholderIcon"};
+module.exports.classes = {"root":"wds_1_143_0_TableActionCell__root","action":"wds_1_143_0_TableActionCell__action","hoverSlot":"wds_1_143_0_TableActionCell__hoverSlot","onHover":"wds_1_143_0_TableActionCell__onHover","notOnHover":"wds_1_143_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_143_0_TableActionCell__placeholderIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TableListHeader";
+var _namespace_ = "wds_1_143_0_TableListHeader";
 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_142_0_TableListHeader__root","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_142_0_TableListHeader__optionsContainer","option":"wds_1_142_0_TableListHeader__option","sortArrow":"wds_1_142_0_TableListHeader__sortArrow"};
+module.exports.classes = {"root":"wds_1_143_0_TableListHeader__root","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_143_0_TableListHeader__optionsContainer","option":"wds_1_143_0_TableListHeader__option","sortArrow":"wds_1_143_0_TableListHeader__sortArrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TableListItem";
+var _namespace_ = "wds_1_143_0_TableListItem";
 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_142_0_TableListItem__root","onHover":"wds_1_142_0_TableActionCell__onHover","notOnHover":"wds_1_142_0_TableActionCell__notOnHover","controlsContainer":"wds_1_142_0_TableListItem__controlsContainer","handleContainer":"wds_1_142_0_TableListItem__handleContainer","checkbox":"wds_1_142_0_TableListItem__checkbox","expandHandle":"wds_1_142_0_TableListItem__expandHandle","caretIcon":"wds_1_142_0_TableListItem__caretIcon","optionsContainer":"wds_1_142_0_TableListItem__optionsContainer","align":"wds_1_142_0_TableListItem__align"};
+module.exports.classes = {"root":"wds_1_143_0_TableListItem__root","onHover":"wds_1_143_0_TableActionCell__onHover","notOnHover":"wds_1_143_0_TableActionCell__notOnHover","controlsContainer":"wds_1_143_0_TableListItem__controlsContainer","handleContainer":"wds_1_143_0_TableListItem__handleContainer","checkbox":"wds_1_143_0_TableListItem__checkbox","expandHandle":"wds_1_143_0_TableListItem__expandHandle","caretIcon":"wds_1_143_0_TableListItem__caretIcon","optionsContainer":"wds_1_143_0_TableListItem__optionsContainer","align":"wds_1_143_0_TableListItem__align"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"checkedBorderWidth":"2px","largePadding":"24px","mediumPadding":"18px","smallPadding":"15px","tinyPadding":"12px","xTinyPadding":"6px","xxTinyPadding":"3px"}; 
-module.exports.vars = {"padding-vertical":"--wds_1_142_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_142_0_TableListItem-padding-horizontal"}; 
+module.exports.vars = {"padding-vertical":"--wds_1_143_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_143_0_TableListItem-padding-horizontal"}; 
 
 
 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TableToolbar";
+var _namespace_ = "wds_1_143_0_TableToolbar";
 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_142_0_TableToolbar__root","item":"wds_1_142_0_TableToolbar__item","itemLabel":"wds_1_142_0_TableToolbar__itemLabel","itemGroup":"wds_1_142_0_TableToolbar__itemGroup","title":"wds_1_142_0_TableToolbar__title","divider":"wds_1_142_0_TableToolbar__divider"};
+module.exports.classes = {"root":"wds_1_143_0_TableToolbar__root","item":"wds_1_143_0_TableToolbar__item","itemLabel":"wds_1_143_0_TableToolbar__itemLabel","itemGroup":"wds_1_143_0_TableToolbar__itemGroup","title":"wds_1_143_0_TableToolbar__title","divider":"wds_1_143_0_TableToolbar__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Tabs";
+var _namespace_ = "wds_1_143_0_Tabs";
 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_142_0_Tabs__root","text-medium-normal":"wds_1_142_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","container":"wds_1_142_0_Tabs__container","itemsContainer":"wds_1_142_0_Tabs__itemsContainer","tab":"wds_1_142_0_Tabs__tab","compact":"wds_1_142_0_Tabs__compact","uniformFull":"wds_1_142_0_Tabs__uniformFull","compactSide":"wds_1_142_0_Tabs__compactSide","tabText":"wds_1_142_0_Tabs__tabText","sideContent":"wds_1_142_0_Tabs__sideContent"};
+module.exports.classes = {"root":"wds_1_143_0_Tabs__root","text-medium-normal":"wds_1_143_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","container":"wds_1_143_0_Tabs__container","itemsContainer":"wds_1_143_0_Tabs__itemsContainer","tab":"wds_1_143_0_Tabs__tab","compact":"wds_1_143_0_Tabs__compact","uniformFull":"wds_1_143_0_Tabs__uniformFull","compactSide":"wds_1_143_0_Tabs__compactSide","tabText":"wds_1_143_0_Tabs__tabText","sideContent":"wds_1_143_0_Tabs__sideContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Tabs/test/examples/TabsExample.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_TabsExample";
+var _namespace_ = "wds_1_143_0_TabsExample";
 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_142_0_TabsExample__root","radioGroup":"wds_1_142_0_TabsExample__radioGroup","controlGroup":"wds_1_142_0_TabsExample__controlGroup","preview":"wds_1_142_0_TabsExample__preview","sideContentExample":"wds_1_142_0_TabsExample__sideContentExample"};
+module.exports.classes = {"root":"wds_1_143_0_TabsExample__root","radioGroup":"wds_1_143_0_TabsExample__radioGroup","controlGroup":"wds_1_143_0_TabsExample__controlGroup","preview":"wds_1_143_0_TabsExample__preview","sideContentExample":"wds_1_143_0_TabsExample__sideContentExample"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Tag";
+var _namespace_ = "wds_1_143_0_Tag";
 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_142_0_Tag__root","thumb":"wds_1_142_0_Tag__thumb","removeButton":"wds_1_142_0_Tag__removeButton","text":"wds_1_142_0_Tag__text"};
+module.exports.classes = {"root":"wds_1_143_0_Tag__root","thumb":"wds_1_143_0_Tag__thumb","removeButton":"wds_1_143_0_Tag__removeButton","text":"wds_1_143_0_Tag__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TagList";
+var _namespace_ = "wds_1_143_0_TagList";
 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_142_0_TagList__root","item":"wds_1_142_0_TagList__item"};
+module.exports.classes = {"root":"wds_1_143_0_TagList__root","item":"wds_1_143_0_TagList__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TestimonialList";
+var _namespace_ = "wds_1_143_0_TestimonialList";
 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_142_0_TestimonialList__root","testimonialItem":"wds_1_142_0_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_142_0_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_142_0_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_142_0_TestimonialList__testimonialItemText"};
+module.exports.classes = {"root":"wds_1_143_0_TestimonialList__root","testimonialItem":"wds_1_143_0_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_143_0_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_143_0_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_143_0_TestimonialList__testimonialItemText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Text/Caption.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Caption";
+var _namespace_ = "wds_1_143_0_Caption";
 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_142_0_Caption__root","text-medium-bold":"wds_1_142_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_142_0_StylableTypography__text-tiny-bold","c1":"wds_1_142_0_Caption__c1","c2":"wds_1_142_0_Caption__c2"};
+module.exports.classes = {"root":"wds_1_143_0_Caption__root","text-medium-bold":"wds_1_143_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_143_0_StylableTypography__text-tiny-bold","c1":"wds_1_143_0_Caption__c1","c2":"wds_1_143_0_Caption__c2"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Text";
+var _namespace_ = "wds_1_143_0_Text";
 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_142_0_Text__root","text-tiny-thin":"wds_1_142_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_142_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_142_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_142_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_142_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_142_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_142_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_142_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_143_0_Text__root","text-tiny-thin":"wds_1_143_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_143_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_143_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_143_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_143_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_143_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_TextButton";
+var _namespace_ = "wds_1_143_0_TextButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_TextButton__root","mobile":"wds_1_142_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_142_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_142_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_142_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_142_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_142_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_142_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_142_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_142_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_142_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_143_0_TextButton__root","mobile":"wds_1_143_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_143_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_143_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_143_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_143_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_143_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_143_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/Brand.st.css.js

@@ -13,7 +13,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_142_0_Brand";
+var _namespace_ = "wds_1_143_0_Brand";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_Brand__root"};
+module.exports.classes = {"root":"wds_1_143_0_Brand__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/Foundations/colors.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_BrandColors";
+var _namespace_ = "wds_1_143_0_BrandColors";
 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_142_0_BrandColors__root"};
+module.exports.classes = {"root":"wds_1_143_0_BrandColors__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/components/Button/Button.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_142_0_BrandButton";
+var _namespace_ = "wds_1_143_0_BrandButton";
 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_142_0_BrandButton__root"};
+module.exports.classes = {"root":"wds_1_143_0_BrandButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};