@wix/design-system 1.164.0 → 1.166.0

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SkeletonGroup";
+var _namespace_ = "wds_1_166_0_SkeletonGroup";
 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_164_0_SkeletonGroup__root","animator":"wds_1_164_0_SkeletonGroup__animator"};
-module.exports.keyframes = {"wave":"wds_1_164_0_SkeletonGroup__wave"}; 
+module.exports.classes = {"root":"wds_1_166_0_SkeletonGroup__root","animator":"wds_1_166_0_SkeletonGroup__animator"};
+module.exports.keyframes = {"wave":"wds_1_166_0_SkeletonGroup__wave"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"color":"--wds_1_164_0_SkeletonGroup-color"}; 
+module.exports.vars = {"color":"--wds_1_166_0_SkeletonGroup-color"}; 
 
 
 

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

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

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

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

package/dist/cjs/Slider/Slider.js

@@ -127,7 +127,7 @@ class Slider extends _react.Component {
         marks: displayMarks ? this._getMarks() : {},
         value: value,
         pushable: pushable,
-        allowCros: allowCross,
+        allowCross: allowCross,
         reverse: rtl,
         ariaLabelGroupForHandles: ariaLabelForHandle,
         __self: this,
@@ -315,13 +315,13 @@ Slider.propTypes = {
   direction: _propTypes.default.oneOf(['vertical', 'horizontal']),
   /** Set the aria-label attributes for slider handles. */
   ariaLabelForHandle: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.string]),
-  /** Sets the onFocus callbak for the slider's handle.
+  /** Sets the onFocus callback for the slider's handle.
    * ```javascript
    *  onFocus((handleValue) => ({}))
    * ```
    */
   onFocus: _propTypes.default.func,
-  /** Sets the onBlur callbak for the slider's handle.
+  /** Sets the onBlur callback for the slider's handle.
    * ```javascript
    *  onBlur((handleValue) => ({}))
    * ```

package/dist/cjs/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_rcSlider","_constants","_generateId","_SliderHandle","_Text","_SliderSt","_utils","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","range","_ref","min","max","step","arr","push","Slider","Component","constructor","arguments","_renderHandle","handleProps","gradientColor","displayTooltip","disabled","marks","dataHook","direction","onFocus","onBlur","props","index","value","offset","ref","ariaLabel","reverse","tooltipValue","_isCustomMarks","toString","createElement","key","onBlurCustom","onFocusCustom","__self","__source","fileName","lineNumber","columnNumber","_renderSlider","_this$props","pushable","allowCross","displayMarks","startPoint","id","ariaLabelForHandle","rtl","className","rest","_objectWithoutProperties2","Array","isArray","length","Range","_extends2","vertical","railStyle","getRailStyle","prefixCls","handle","_getMarks","allowCros","ariaLabelGroupForHandles","marksLabels","entries","forEach","_ref2","label","_createMarkNode","entry","shouldRenderMarkLabel","st","classes","mark","markLine","markValue","markLabel","dataHooks","sliderMarkLabel","weight","size","render","marksLabelAlignment","hasGradient","horizontal","root","exports","displayName","propTypes","PropTypes","bool","string","number","object","onAfterChange","func","onBeforeChange","onChange","isRequired","oneOfType","arrayOf","oneOf","defaultProps","generateID","undefined"],"sources":["../../../src/Slider/Slider.js"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from 'rc-slider';\nimport { dataHooks } from './constants';\nimport { generateID } from '../utils/generateId';\nimport SliderHandle from './SliderHandle';\nimport Text from '../Text';\nimport { st, classes } from './Slider.st.css';\nimport { parseColor, getRailStyle } from './utils';\n\nconst range = ({ min, max, step }) => {\n  const arr = [];\n  for (let i = min; i <= max; i += step) {\n    arr.push(i);\n  }\n  return arr;\n};\n\n/**\n * A slider component with multi-range support\n */\nexport default class Slider extends Component {\n  _getMarks() {\n    const marksLabels = {};\n\n    if (this._isCustomMarks()) {\n      const { marks } = this.props;\n\n      Object.entries(marks).forEach(([key, value]) => {\n        marksLabels[key] = {\n          label: this._createMarkNode(value, true),\n        };\n      });\n    } else {\n      const { min, max, step, startPoint } = this.props;\n\n      range({ min, max, step }).forEach(entry => {\n        const shouldRenderMarkLabel =\n          entry === min || entry === max || entry === startPoint;\n\n        marksLabels[entry] = {\n          label: this._createMarkNode(entry, shouldRenderMarkLabel),\n        };\n      });\n    }\n\n    return marksLabels;\n  }\n\n  _isCustomMarks() {\n    const { marks } = this.props;\n    return Object.entries(marks).length > 0;\n  }\n\n  _createMarkNode(value, shouldRenderMarkLabel) {\n    return (\n      <div className={st(classes.mark, { direction: this.props.direction })}>\n        <div className={classes.markLine} />\n        <div className={classes.markValue}>\n          {shouldRenderMarkLabel && (\n            <Text\n              className={classes.markLabel}\n              dataHook={dataHooks.sliderMarkLabel}\n              weight=\"thin\"\n              size=\"small\"\n            >\n              {value}\n            </Text>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  _renderHandle = handleProps => {\n    const {\n      gradientColor,\n      displayTooltip,\n      disabled,\n      marks,\n      dataHook,\n      direction,\n      onFocus,\n      onBlur,\n    } = this.props;\n    const { index, value, min, max, offset, ref, ariaLabel, reverse } =\n      handleProps;\n\n    let tooltipValue;\n\n    if (this._isCustomMarks()) {\n      if (marks.hasOwnProperty(value)) {\n        tooltipValue = marks[value].toString();\n      }\n    } else {\n      tooltipValue = value.toString();\n    }\n\n    return (\n      <SliderHandle\n        key={index}\n        gradientColor={gradientColor}\n        disabled={disabled}\n        displayTooltip={displayTooltip}\n        tooltipValue={tooltipValue}\n        handleProps={{\n          ref,\n          offset,\n          min,\n          max,\n          value,\n          reverse,\n          ariaLabel,\n        }}\n        index={index}\n        dataHook={dataHook}\n        direction={direction}\n        onBlurCustom={onBlur}\n        onFocusCustom={onFocus}\n      />\n    );\n  };\n\n  _renderSlider = () => {\n    const {\n      gradientColor,\n      onFocus,\n      onBlur,\n      pushable,\n      allowCross,\n      value,\n      displayMarks,\n      direction,\n      startPoint,\n      dataHook,\n      id,\n      ariaLabelForHandle,\n      rtl,\n      className,\n      disabled,\n      ...rest\n    } = this.props;\n\n    return Array.isArray(value) && value.length > 1 ? (\n      <Slide.Range\n        {...rest}\n        disabled={disabled}\n        vertical={direction === 'vertical'}\n        railStyle={getRailStyle({ gradientColor, disabled, direction })}\n        prefixCls=\"wsr-slider\"\n        handle={this._renderHandle}\n        marks={displayMarks ? this._getMarks() : {}}\n        value={value}\n        pushable={pushable}\n        allowCros={allowCross}\n        reverse={rtl}\n        ariaLabelGroupForHandles={ariaLabelForHandle}\n      />\n    ) : (\n      <Slide\n        {...rest}\n        disabled={disabled}\n        vertical={direction === 'vertical'}\n        railStyle={getRailStyle({ gradientColor, disabled, direction })}\n        prefixCls=\"wsr-slider\"\n        startPoint={startPoint}\n        handle={this._renderHandle}\n        marks={displayMarks ? this._getMarks() : {}}\n        value={Array.isArray(value) ? value[0] : value}\n        reverse={rtl}\n        ariaLabelForHandle={\n          Array.isArray(ariaLabelForHandle)\n            ? ariaLabelForHandle[0]\n            : ariaLabelForHandle\n        }\n      />\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      id,\n      direction,\n      className,\n      gradientColor,\n      marksLabelAlignment,\n    } = this.props;\n\n    const hasGradient = !!gradientColor;\n    const horizontal = direction !== 'vertical';\n\n    return (\n      <div\n        className={st(\n          classes.root,\n          { hasGradient, horizontal, marksLabelAlignment },\n          className,\n        )}\n        id={id}\n        data-hook={dataHook}\n        data-direction={direction}\n      >\n        {this._renderSlider()}\n      </div>\n    );\n  }\n}\n\nSlider.displayName = 'Slider';\n\nSlider.propTypes = {\n  /** Allows sliders handles to cross. */\n  allowCross: PropTypes.bool,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Controls the visibility of the marks. */\n  displayMarks: PropTypes.bool,\n\n  /** Controls visibility of slide handle tooltip */\n  displayTooltip: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Sets the absolute maximum value of sliders range. */\n  max: PropTypes.number,\n\n  /** Sets the absolute minimum value of the sliders range. */\n  min: PropTypes.number,\n\n  /** Specifies slider marks. The key determines the position, and the value determines what will show. The object structure should be either\n   * ```{ number : number}``` / ```{ number : string }```\n   * */\n  marks: PropTypes.object,\n\n  /** Defines a callback function which will be called when ontouchend or onmouseup is triggered. */\n  onAfterChange: PropTypes.func,\n\n  /** Defines a callback function which will be called when ontouchstart or onmousedown is triggered. */\n  onBeforeChange: PropTypes.func,\n\n  /** Defines a callback function which is called upon every value change. */\n  onChange: PropTypes.func.isRequired,\n\n  /** Adjust component for RTL. */\n  rtl: PropTypes.bool,\n\n  /** Specifies the interval between range values. */\n  step: PropTypes.number,\n\n  /** Push surrounding handles when moving a handle (relevant for multi value sliders only). Number specifies a minimum distance between handles. */\n  pushable: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n\n  /** Specifies the selected value. */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.number),\n    PropTypes.number,\n  ]),\n\n  /** Specifies whether interactions are disabled.  */\n  disabled: PropTypes.bool,\n\n  /** Specifies the starting value of a track. If undefined, the minimum value of a range is used as a starting point. */\n  startPoint: PropTypes.number,\n\n  /** Sets slider direction in either horizontal way or vertical */\n  direction: PropTypes.oneOf(['vertical', 'horizontal']),\n\n  /** Set the aria-label attributes for slider handles. */\n  ariaLabelForHandle: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.string,\n  ]),\n\n  /** Sets the onFocus callbak for the slider's handle.\n   * ```javascript\n   *  onFocus((handleValue) => ({}))\n   * ```\n   */\n  onFocus: PropTypes.func,\n\n  /** Sets the onBlur callbak for the slider's handle.\n   * ```javascript\n   *  onBlur((handleValue) => ({}))\n   * ```\n   */\n  onBlur: PropTypes.func,\n\n  /** Converts slider to a slider with a gradient background. RGB, HEX formats or color names are accepted.\n   * ```javascript\n   *  gradientColor=\"rgb(105, 110, 28)\"\n   *  gradientColor=\"#FFAC4B\"\n   *  gradientColor=\"pink\"\n   * ```\n   * If color cannot be parsed, fallback color will be applied */\n  gradientColor: PropTypes.string,\n\n  /** Sets the alignment of the marks labels. */\n  marksLabelAlignment: PropTypes.oneOf(['center', 'inside']),\n};\n\nSlider.defaultProps = {\n  min: 1,\n  max: 20,\n  step: 1,\n  value: 3,\n  allowCross: true,\n  id: generateID(),\n  displayTooltip: true,\n  displayMarks: true,\n  marks: {},\n  rtl: false,\n  disabled: false,\n  direction: 'horizontal',\n  startPoint: undefined,\n  marksLabelAlignment: 'center',\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_rcSlider","_constants","_generateId","_SliderHandle","_Text","_SliderSt","_utils","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","range","_ref","min","max","step","arr","push","Slider","Component","constructor","arguments","_renderHandle","handleProps","gradientColor","displayTooltip","disabled","marks","dataHook","direction","onFocus","onBlur","props","index","value","offset","ref","ariaLabel","reverse","tooltipValue","_isCustomMarks","toString","createElement","key","onBlurCustom","onFocusCustom","__self","__source","fileName","lineNumber","columnNumber","_renderSlider","_this$props","pushable","allowCross","displayMarks","startPoint","id","ariaLabelForHandle","rtl","className","rest","_objectWithoutProperties2","Array","isArray","length","Range","_extends2","vertical","railStyle","getRailStyle","prefixCls","handle","_getMarks","ariaLabelGroupForHandles","marksLabels","entries","forEach","_ref2","label","_createMarkNode","entry","shouldRenderMarkLabel","st","classes","mark","markLine","markValue","markLabel","dataHooks","sliderMarkLabel","weight","size","render","marksLabelAlignment","hasGradient","horizontal","root","exports","displayName","propTypes","PropTypes","bool","string","number","object","onAfterChange","func","onBeforeChange","onChange","isRequired","oneOfType","arrayOf","oneOf","defaultProps","generateID","undefined"],"sources":["../../../src/Slider/Slider.js"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from 'rc-slider';\nimport { dataHooks } from './constants';\nimport { generateID } from '../utils/generateId';\nimport SliderHandle from './SliderHandle';\nimport Text from '../Text';\nimport { st, classes } from './Slider.st.css';\nimport { parseColor, getRailStyle } from './utils';\n\nconst range = ({ min, max, step }) => {\n  const arr = [];\n  for (let i = min; i <= max; i += step) {\n    arr.push(i);\n  }\n  return arr;\n};\n\n/**\n * A slider component with multi-range support\n */\nexport default class Slider extends Component {\n  _getMarks() {\n    const marksLabels = {};\n\n    if (this._isCustomMarks()) {\n      const { marks } = this.props;\n\n      Object.entries(marks).forEach(([key, value]) => {\n        marksLabels[key] = {\n          label: this._createMarkNode(value, true),\n        };\n      });\n    } else {\n      const { min, max, step, startPoint } = this.props;\n\n      range({ min, max, step }).forEach(entry => {\n        const shouldRenderMarkLabel =\n          entry === min || entry === max || entry === startPoint;\n\n        marksLabels[entry] = {\n          label: this._createMarkNode(entry, shouldRenderMarkLabel),\n        };\n      });\n    }\n\n    return marksLabels;\n  }\n\n  _isCustomMarks() {\n    const { marks } = this.props;\n    return Object.entries(marks).length > 0;\n  }\n\n  _createMarkNode(value, shouldRenderMarkLabel) {\n    return (\n      <div className={st(classes.mark, { direction: this.props.direction })}>\n        <div className={classes.markLine} />\n        <div className={classes.markValue}>\n          {shouldRenderMarkLabel && (\n            <Text\n              className={classes.markLabel}\n              dataHook={dataHooks.sliderMarkLabel}\n              weight=\"thin\"\n              size=\"small\"\n            >\n              {value}\n            </Text>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  _renderHandle = handleProps => {\n    const {\n      gradientColor,\n      displayTooltip,\n      disabled,\n      marks,\n      dataHook,\n      direction,\n      onFocus,\n      onBlur,\n    } = this.props;\n    const { index, value, min, max, offset, ref, ariaLabel, reverse } =\n      handleProps;\n\n    let tooltipValue;\n\n    if (this._isCustomMarks()) {\n      if (marks.hasOwnProperty(value)) {\n        tooltipValue = marks[value].toString();\n      }\n    } else {\n      tooltipValue = value.toString();\n    }\n\n    return (\n      <SliderHandle\n        key={index}\n        gradientColor={gradientColor}\n        disabled={disabled}\n        displayTooltip={displayTooltip}\n        tooltipValue={tooltipValue}\n        handleProps={{\n          ref,\n          offset,\n          min,\n          max,\n          value,\n          reverse,\n          ariaLabel,\n        }}\n        index={index}\n        dataHook={dataHook}\n        direction={direction}\n        onBlurCustom={onBlur}\n        onFocusCustom={onFocus}\n      />\n    );\n  };\n\n  _renderSlider = () => {\n    const {\n      gradientColor,\n      onFocus,\n      onBlur,\n      pushable,\n      allowCross,\n      value,\n      displayMarks,\n      direction,\n      startPoint,\n      dataHook,\n      id,\n      ariaLabelForHandle,\n      rtl,\n      className,\n      disabled,\n      ...rest\n    } = this.props;\n\n    return Array.isArray(value) && value.length > 1 ? (\n      <Slide.Range\n        {...rest}\n        disabled={disabled}\n        vertical={direction === 'vertical'}\n        railStyle={getRailStyle({ gradientColor, disabled, direction })}\n        prefixCls=\"wsr-slider\"\n        handle={this._renderHandle}\n        marks={displayMarks ? this._getMarks() : {}}\n        value={value}\n        pushable={pushable}\n        allowCross={allowCross}\n        reverse={rtl}\n        ariaLabelGroupForHandles={ariaLabelForHandle}\n      />\n    ) : (\n      <Slide\n        {...rest}\n        disabled={disabled}\n        vertical={direction === 'vertical'}\n        railStyle={getRailStyle({ gradientColor, disabled, direction })}\n        prefixCls=\"wsr-slider\"\n        startPoint={startPoint}\n        handle={this._renderHandle}\n        marks={displayMarks ? this._getMarks() : {}}\n        value={Array.isArray(value) ? value[0] : value}\n        reverse={rtl}\n        ariaLabelForHandle={\n          Array.isArray(ariaLabelForHandle)\n            ? ariaLabelForHandle[0]\n            : ariaLabelForHandle\n        }\n      />\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      id,\n      direction,\n      className,\n      gradientColor,\n      marksLabelAlignment,\n    } = this.props;\n\n    const hasGradient = !!gradientColor;\n    const horizontal = direction !== 'vertical';\n\n    return (\n      <div\n        className={st(\n          classes.root,\n          { hasGradient, horizontal, marksLabelAlignment },\n          className,\n        )}\n        id={id}\n        data-hook={dataHook}\n        data-direction={direction}\n      >\n        {this._renderSlider()}\n      </div>\n    );\n  }\n}\n\nSlider.displayName = 'Slider';\n\nSlider.propTypes = {\n  /** Allows sliders handles to cross. */\n  allowCross: PropTypes.bool,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Controls the visibility of the marks. */\n  displayMarks: PropTypes.bool,\n\n  /** Controls visibility of slide handle tooltip */\n  displayTooltip: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Sets the absolute maximum value of sliders range. */\n  max: PropTypes.number,\n\n  /** Sets the absolute minimum value of the sliders range. */\n  min: PropTypes.number,\n\n  /** Specifies slider marks. The key determines the position, and the value determines what will show. The object structure should be either\n   * ```{ number : number}``` / ```{ number : string }```\n   * */\n  marks: PropTypes.object,\n\n  /** Defines a callback function which will be called when ontouchend or onmouseup is triggered. */\n  onAfterChange: PropTypes.func,\n\n  /** Defines a callback function which will be called when ontouchstart or onmousedown is triggered. */\n  onBeforeChange: PropTypes.func,\n\n  /** Defines a callback function which is called upon every value change. */\n  onChange: PropTypes.func.isRequired,\n\n  /** Adjust component for RTL. */\n  rtl: PropTypes.bool,\n\n  /** Specifies the interval between range values. */\n  step: PropTypes.number,\n\n  /** Push surrounding handles when moving a handle (relevant for multi value sliders only). Number specifies a minimum distance between handles. */\n  pushable: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n\n  /** Specifies the selected value. */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.number),\n    PropTypes.number,\n  ]),\n\n  /** Specifies whether interactions are disabled.  */\n  disabled: PropTypes.bool,\n\n  /** Specifies the starting value of a track. If undefined, the minimum value of a range is used as a starting point. */\n  startPoint: PropTypes.number,\n\n  /** Sets slider direction in either horizontal way or vertical */\n  direction: PropTypes.oneOf(['vertical', 'horizontal']),\n\n  /** Set the aria-label attributes for slider handles. */\n  ariaLabelForHandle: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.string,\n  ]),\n\n  /** Sets the onFocus callback for the slider's handle.\n   * ```javascript\n   *  onFocus((handleValue) => ({}))\n   * ```\n   */\n  onFocus: PropTypes.func,\n\n  /** Sets the onBlur callback for the slider's handle.\n   * ```javascript\n   *  onBlur((handleValue) => ({}))\n   * ```\n   */\n  onBlur: PropTypes.func,\n\n  /** Converts slider to a slider with a gradient background. RGB, HEX formats or color names are accepted.\n   * ```javascript\n   *  gradientColor=\"rgb(105, 110, 28)\"\n   *  gradientColor=\"#FFAC4B\"\n   *  gradientColor=\"pink\"\n   * ```\n   * If color cannot be parsed, fallback color will be applied */\n  gradientColor: PropTypes.string,\n\n  /** Sets the alignment of the marks labels. */\n  marksLabelAlignment: PropTypes.oneOf(['center', 'inside']),\n};\n\nSlider.defaultProps = {\n  min: 1,\n  max: 20,\n  step: 1,\n  value: 3,\n  allowCross: true,\n  id: generateID(),\n  displayTooltip: true,\n  displayMarks: true,\n  marks: {},\n  rtl: false,\n  disabled: false,\n  direction: 'horizontal',\n  startPoint: undefined,\n  marksLabelAlignment: 'center',\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Slider";
+var _namespace_ = "wds_1_166_0_Slider";
 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_164_0_Slider__root","text-small-normal":"wds_1_164_0_StylableTypography__text-small-normal","markValue":"wds_1_164_0_Slider__markValue","sliderHandle":"wds_1_164_0_Slider__sliderHandle","sliderThumb":"wds_1_164_0_Slider__sliderThumb","sliderHandleWrapper":"wds_1_164_0_Slider__sliderHandleWrapper","markLine":"wds_1_164_0_Slider__markLine","mark":"wds_1_164_0_Slider__mark","markLabel":"wds_1_164_0_Slider__markLabel","sliderHandleTooltip":"wds_1_164_0_Slider__sliderHandleTooltip"};
+module.exports.classes = {"root":"wds_1_166_0_Slider__root","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","markValue":"wds_1_166_0_Slider__markValue","sliderHandle":"wds_1_166_0_Slider__sliderHandle","sliderThumb":"wds_1_166_0_Slider__sliderThumb","sliderHandleWrapper":"wds_1_166_0_Slider__sliderHandleWrapper","markLine":"wds_1_166_0_Slider__markLine","mark":"wds_1_166_0_Slider__mark","markLabel":"wds_1_166_0_Slider__markLabel","sliderHandleTooltip":"wds_1_166_0_Slider__sliderHandleTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SocialButton";
+var _namespace_ = "wds_1_166_0_SocialButton";
 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_164_0_SocialButton__root","icon":"wds_1_164_0_SocialButton__icon"};
+module.exports.classes = {"root":"wds_1_166_0_SocialButton__root","icon":"wds_1_166_0_SocialButton__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/SocialPostPreview/components/FacebookPost.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_FacebookPost";
+var _namespace_ = "wds_1_166_0_FacebookPost";
 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_164_0_FacebookPost__root","postHeader":"wds_1_164_0_FacebookPost__postHeader","profileNameAndPublishDate":"wds_1_164_0_FacebookPost__profileNameAndPublishDate","publishDate":"wds_1_164_0_FacebookPost__publishDate","postCaption":"wds_1_164_0_FacebookPost__postCaption","lastSeenCaption":"wds_1_164_0_FacebookPost__lastSeenCaption"};
+module.exports.classes = {"root":"wds_1_166_0_FacebookPost__root","postHeader":"wds_1_166_0_FacebookPost__postHeader","profileNameAndPublishDate":"wds_1_166_0_FacebookPost__profileNameAndPublishDate","publishDate":"wds_1_166_0_FacebookPost__publishDate","postCaption":"wds_1_166_0_FacebookPost__postCaption","lastSeenCaption":"wds_1_166_0_FacebookPost__lastSeenCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/components/InstagramPost.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_InstagramPost";
+var _namespace_ = "wds_1_166_0_InstagramPost";
 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_164_0_InstagramPost__root","postHeader":"wds_1_164_0_InstagramPost__postHeader","postCaption":"wds_1_164_0_InstagramPost__postCaption"};
+module.exports.classes = {"root":"wds_1_166_0_InstagramPost__root","postHeader":"wds_1_166_0_InstagramPost__postHeader","postCaption":"wds_1_166_0_InstagramPost__postCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SocialPreview";
+var _namespace_ = "wds_1_166_0_SocialPreview";
 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_164_0_SocialPreview__root","mediaContainer":"wds_1_164_0_SocialPreview__mediaContainer","container":"wds_1_164_0_SocialPreview__container","socialPreviewUrl":"wds_1_164_0_SocialPreview__socialPreviewUrl","socialPreviewUrlContainer":"wds_1_164_0_SocialPreview__socialPreviewUrlContainer","socialPreviewTitle":"wds_1_164_0_SocialPreview__socialPreviewTitle","socialPreviewDescription":"wds_1_164_0_SocialPreview__socialPreviewDescription"};
+module.exports.classes = {"root":"wds_1_166_0_SocialPreview__root","mediaContainer":"wds_1_166_0_SocialPreview__mediaContainer","container":"wds_1_166_0_SocialPreview__container","socialPreviewUrl":"wds_1_166_0_SocialPreview__socialPreviewUrl","socialPreviewUrlContainer":"wds_1_166_0_SocialPreview__socialPreviewUrlContainer","socialPreviewTitle":"wds_1_166_0_SocialPreview__socialPreviewTitle","socialPreviewDescription":"wds_1_166_0_SocialPreview__socialPreviewDescription"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SortableGridBase";
+var _namespace_ = "wds_1_166_0_SortableGridBase";
 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_164_0_SortableGridBase__root","number":"wds_1_164_0_SortableGridBase__number","button":"wds_1_164_0_SortableGridBase__button","sortableGridBaseContent":"wds_1_164_0_SortableGridBase__sortableGridBaseContent"};
+module.exports.classes = {"root":"wds_1_166_0_SortableGridBase__root","number":"wds_1_166_0_SortableGridBase__number","button":"wds_1_166_0_SortableGridBase__button","sortableGridBaseContent":"wds_1_166_0_SortableGridBase__sortableGridBaseContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SparklineChart/ChartTooltip.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ChartTooltip";
+var _namespace_ = "wds_1_166_0_ChartTooltip";
 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_164_0_ChartTooltip__root","absolutePosition":"wds_1_164_0_ChartTooltip__absolutePosition","contentWrapper":"wds_1_164_0_ChartTooltip__contentWrapper"};
+module.exports.classes = {"root":"wds_1_166_0_ChartTooltip__root","absolutePosition":"wds_1_166_0_ChartTooltip__absolutePosition","contentWrapper":"wds_1_166_0_ChartTooltip__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SparklineChart";
+var _namespace_ = "wds_1_166_0_SparklineChart";
 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_164_0_SparklineChart__root","gradientStop":"wds_1_164_0_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_164_0_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_164_0_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_164_0_SparklineChart__tooltipElement"};
+module.exports.classes = {"root":"wds_1_166_0_SparklineChart__root","gradientStop":"wds_1_166_0_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_166_0_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_166_0_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_166_0_SparklineChart__tooltipElement"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_StackedBarChart";
+var _namespace_ = "wds_1_166_0_StackedBarChart";
 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_164_0_StackedBarChart__root","text-tiny-thin":"wds_1_164_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_164_0_StackedBarChart__xAxis","yAxis":"wds_1_164_0_StackedBarChart__yAxis","tooltip":"wds_1_164_0_StackedBarChart__tooltip","textPosition":"wds_1_164_0_StackedBarChart__textPosition","tooltipInner":"wds_1_164_0_StackedBarChart__tooltipInner"};
+module.exports.classes = {"root":"wds_1_166_0_StackedBarChart__root","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_166_0_StackedBarChart__xAxis","yAxis":"wds_1_166_0_StackedBarChart__yAxis","tooltip":"wds_1_166_0_StackedBarChart__tooltip","textPosition":"wds_1_166_0_StackedBarChart__textPosition","tooltipInner":"wds_1_166_0_StackedBarChart__tooltipInner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_StarsRatingBar";
+var _namespace_ = "wds_1_166_0_StarsRatingBar";
 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_164_0_StarsRatingBar__root","starsContainer":"wds_1_164_0_StarsRatingBar__starsContainer","star":"wds_1_164_0_StarsRatingBar__star","rateCaption":"wds_1_164_0_StarsRatingBar__rateCaption"};
+module.exports.classes = {"root":"wds_1_166_0_StarsRatingBar__root","starsContainer":"wds_1_166_0_StarsRatingBar__starsContainer","star":"wds_1_166_0_StarsRatingBar__star","rateCaption":"wds_1_166_0_StarsRatingBar__rateCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_InteractiveModeStar";
+var _namespace_ = "wds_1_166_0_InteractiveModeStar";
 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_164_0_InteractiveModeStar__root","star":"wds_1_164_0_InteractiveModeStar__star"};
+module.exports.classes = {"root":"wds_1_166_0_InteractiveModeStar__root","star":"wds_1_166_0_InteractiveModeStar__star"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_StatisticsItem";
+var _namespace_ = "wds_1_166_0_StatisticsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_StatisticsItem__root","item":"wds_1_164_0_StatisticsItem__item","loader":"wds_1_164_0_StatisticsItem__loader","description":"wds_1_164_0_StatisticsItem__description","info":"wds_1_164_0_StatisticsItem__info","percentage":"wds_1_164_0_StatisticsItem__percentage","tooltip":"wds_1_164_0_StatisticsItem__tooltip"};
+module.exports.classes = {"root":"wds_1_166_0_StatisticsItem__root","item":"wds_1_166_0_StatisticsItem__item","loader":"wds_1_166_0_StatisticsItem__loader","description":"wds_1_166_0_StatisticsItem__description","info":"wds_1_166_0_StatisticsItem__info","percentage":"wds_1_166_0_StatisticsItem__percentage","tooltip":"wds_1_166_0_StatisticsItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_StatusToast";
+var _namespace_ = "wds_1_166_0_StatusToast";
 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_164_0_StatusToast__root","toast":"wds_1_164_0_StatusToast__toast","icon":"wds_1_164_0_StatusToast__icon","content":"wds_1_164_0_StatusToast__content","action":"wds_1_164_0_StatusToast__action"};
+module.exports.classes = {"root":"wds_1_166_0_StatusToast__root","toast":"wds_1_166_0_StatusToast__toast","icon":"wds_1_166_0_StatusToast__icon","content":"wds_1_166_0_StatusToast__content","action":"wds_1_166_0_StatusToast__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_Step";
+var _namespace_ = "wds_1_166_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_164_0_Step__root","text-medium-normal":"wds_1_164_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_164_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_164_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_164_0_StylableTypography__text-small-thin","marker":"wds_1_164_0_Step__marker","content":"wds_1_164_0_Step__content","text":"wds_1_164_0_Step__text","arrow":"wds_1_164_0_Step__arrow"};
+module.exports.classes = {"root":"wds_1_166_0_Step__root","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","marker":"wds_1_166_0_Step__marker","content":"wds_1_166_0_Step__content","text":"wds_1_166_0_Step__text","arrow":"wds_1_166_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_164_0_StepMarker";
+var _namespace_ = "wds_1_166_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_164_0_StepMarker__root"};
+module.exports.classes = {"root":"wds_1_166_0_StepMarker__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_DataTable";
+var _namespace_ = "wds_1_166_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_164_0_DataTable__root","text-small-thin":"wds_1_164_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_164_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_164_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_164_0_StylableTypography__text-medium-thin","table":"wds_1_164_0_DataTable__table","virtualized":"wds_1_164_0_DataTable__virtualized","sticky":"wds_1_164_0_DataTable__sticky","details":"wds_1_164_0_DataTable__details","active":"wds_1_164_0_DataTable__active","dnd":"wds_1_164_0_DataTable__dnd","thSkinStandard":"wds_1_164_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_164_0_DataTable__thSkinNeutral","thContainer":"wds_1_164_0_DataTable__thContainer","alignStart":"wds_1_164_0_DataTable__alignStart","alignCenter":"wds_1_164_0_DataTable__alignCenter","alignEnd":"wds_1_164_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_164_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_164_0_DataTable__hasRowDetails","important":"wds_1_164_0_DataTable__important","clickableDataRow":"wds_1_164_0_DataTable__clickableDataRow","highlight":"wds_1_164_0_DataTable__highlight","activeRow":"wds_1_164_0_DataTable__activeRow","selected":"wds_1_164_0_DataTable__selected","sortArrow":"wds_1_164_0_DataTable__sortArrow","rowDetails":"wds_1_164_0_DataTable__rowDetails","animatedDataRow":"wds_1_164_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_164_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_164_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_164_0_DataTable__scrollWrapper","lastSticky":"wds_1_164_0_DataTable__lastSticky","leftShadowVisible":"wds_1_164_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_164_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_164_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_164_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_164_0_DataTable__rowDetailsExtended"};
+module.exports.classes = {"root":"wds_1_166_0_DataTable__root","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_166_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","table":"wds_1_166_0_DataTable__table","virtualized":"wds_1_166_0_DataTable__virtualized","sticky":"wds_1_166_0_DataTable__sticky","details":"wds_1_166_0_DataTable__details","active":"wds_1_166_0_DataTable__active","dnd":"wds_1_166_0_DataTable__dnd","thSkinStandard":"wds_1_166_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_166_0_DataTable__thSkinNeutral","thContainer":"wds_1_166_0_DataTable__thContainer","alignStart":"wds_1_166_0_DataTable__alignStart","alignCenter":"wds_1_166_0_DataTable__alignCenter","alignEnd":"wds_1_166_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_166_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_166_0_DataTable__hasRowDetails","important":"wds_1_166_0_DataTable__important","clickableDataRow":"wds_1_166_0_DataTable__clickableDataRow","highlight":"wds_1_166_0_DataTable__highlight","activeRow":"wds_1_166_0_DataTable__activeRow","selected":"wds_1_166_0_DataTable__selected","sortArrow":"wds_1_166_0_DataTable__sortArrow","rowDetails":"wds_1_166_0_DataTable__rowDetails","animatedDataRow":"wds_1_166_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_166_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_166_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_166_0_DataTable__scrollWrapper","lastSticky":"wds_1_166_0_DataTable__lastSticky","leftShadowVisible":"wds_1_166_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_166_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_166_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_166_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_166_0_DataTable__rowDetailsExtended"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};