@wix/design-system 1.166.0 → 1.168.0

package/dist/cjs/StarsRatingBar/StarsRatingBar.js

@@ -28,8 +28,11 @@ class StarsRatingBar extends _react.default.PureComponent {
       return size ? size : _constants.starRatingBarSizes.medium;
     };
     this._getInteractiveModeStarsSize = () => {
-      //  In interactive mode the size must be 'large'
-      return _constants.starRatingBarSizes.large;
+      //  In interactive mode the size can be 'large' or 'medium' only. The default value is 'large'.
+      var {
+        size
+      } = this.props;
+      return size === _constants.starRatingBarSizes.medium ? _constants.starRatingBarSizes.medium : _constants.starRatingBarSizes.large;
     };
     this._onStarIconClick = ratingValue => {
       this.props.onChange(ratingValue);
@@ -81,7 +84,7 @@ class StarsRatingBar extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 84,
+            lineNumber: 87,
             columnNumber: 9
           }
         });
@@ -109,7 +112,7 @@ class StarsRatingBar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 108,
+          lineNumber: 111,
           columnNumber: 7
         }
       });
@@ -155,7 +158,7 @@ class StarsRatingBar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 157,
+          lineNumber: 160,
           columnNumber: 7
         }
       }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -167,7 +170,7 @@ class StarsRatingBar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 158,
+          lineNumber: 161,
           columnNumber: 9
         }
       }, rateCaptionCurrentLabel));
@@ -197,7 +200,7 @@ class StarsRatingBar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 175,
+        lineNumber: 178,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -206,7 +209,7 @@ class StarsRatingBar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 179,
         columnNumber: 9
       }
     }, this._renderStars()), this._shouldShowRateCaption() ? this._renderRateCaption() : null);
@@ -221,7 +224,7 @@ StarsRatingBar.propTypes = {
    */
 
   className: _propTypes.default.string,
-  /** Controls the size of the star rating bar. Interactive mode must be `large`. The default value for the read only mode is `medium`. */
+  /** Controls the size of the star rating bar. Interactive mode can be `large` or `medium`. The default value for the read only mode is `medium`. */
   size: _propTypes.default.oneOf(['tiny', 'small', 'medium', 'large']),
   /** Specifies whether the rating bar is in read-only mode. */
   readOnly: _propTypes.default.bool,

package/dist/cjs/StarsRatingBar/StarsRatingBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StarsRatingBarSt","_constants","_Text","_InteractiveModeStar","_wixUiIconsCommon","_jsxFileName","StarsRatingBar","React","PureComponent","constructor","props","_getStarsRatingBarSize","readOnly","_getReadOnlyModeStarsSize","_getInteractiveModeStarsSize","size","starRatingBarSizes","medium","large","_onStarIconClick","ratingValue","onChange","_onMouseEnter","setState","hoveredStarIndex","_onMouseLeave","_handleFocus","_handleBlur","_renderStars","value","starsRatingBarSize","state","Object","values","starIndexes","map","_renderReadOnlyModeStar","default","createElement","className","key","index","selectedStarIndex","onClick","onMouseEnter","onMouseLeave","handleFocus","handleBlur","__self","__source","fileName","lineNumber","columnNumber","isFilledStar","dataHook","dataHooks","filledStar","emptyStar","StarFilled","st","classes","star","filled","empty","starRatingBarSizesInPx","_shouldShowRateCaption","descriptionValues","shouldShowRateCaption","isValidRateCaption","Array","isArray","length","_renderRateCaption","isStarsHovered","rateCaptionCurrentLabel","rateCaption","ratingCaption","ellipsis","weight","secondary","componentDidUpdate","prevProps","render","root","role","starsContainer","displayName","propTypes","PropTypes","string","oneOf","bool","arrayOf","isRequired","func","defaultProps","_default","exports"],"sources":["../../../src/StarsRatingBar/StarsRatingBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './StarsRatingBar.st.css';\nimport {\n  dataHooks,\n  starIndexes,\n  starRatingBarSizes,\n  starRatingBarSizesInPx,\n} from './constants';\n\nimport Text from '../Text';\nimport InteractiveModeStar from './components/InteractiveModeStar';\n\nimport { StarFilled as StarFilledIcon } from '@wix/wix-ui-icons-common';\n\n/** Star Rating Component  */\nclass StarsRatingBar extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const starsRatingBarSize = this._getStarsRatingBarSize();\n\n    this.state = {\n      starsRatingBarSize,\n      hoveredStarIndex: 0,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.size !== this.props.size) {\n      const starsRatingBarSize = this._getStarsRatingBarSize();\n      this.setState({ starsRatingBarSize });\n    }\n  }\n\n  _getStarsRatingBarSize = () => {\n    const { readOnly } = this.props;\n\n    return readOnly\n      ? this._getReadOnlyModeStarsSize()\n      : this._getInteractiveModeStarsSize();\n  };\n\n  _getReadOnlyModeStarsSize = () => {\n    const { size } = this.props;\n    return size ? size : starRatingBarSizes.medium;\n  };\n\n  _getInteractiveModeStarsSize = () => {\n    //  In interactive mode the size must be 'large'\n    return starRatingBarSizes.large;\n  };\n\n  _onStarIconClick = ratingValue => {\n    this.props.onChange(ratingValue);\n  };\n\n  _onMouseEnter = ratingValue => {\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _onMouseLeave = () => {\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _handleFocus = ratingValue => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _handleBlur = () => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _renderStars = () => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize, hoveredStarIndex } = this.state;\n\n    return Object.values(starIndexes).map(ratingValue => {\n      return readOnly ? (\n        this._renderReadOnlyModeStar(ratingValue)\n      ) : (\n        <InteractiveModeStar\n          className=\"InteractiveModeStar\"\n          key={ratingValue}\n          starsRatingBarSize={starsRatingBarSize}\n          index={ratingValue}\n          selectedStarIndex={value}\n          hoveredStarIndex={hoveredStarIndex}\n          onClick={this._onStarIconClick}\n          onMouseEnter={this._onMouseEnter}\n          onMouseLeave={this._onMouseLeave}\n          handleFocus={this._handleFocus}\n          handleBlur={this._handleBlur}\n        />\n      );\n    });\n  };\n\n  _renderReadOnlyModeStar = ratingValue => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize } = this.state;\n\n    const isFilledStar = ratingValue <= value;\n    const dataHook = isFilledStar ? dataHooks.filledStar : dataHooks.emptyStar;\n    return (\n      <StarFilledIcon\n        key={ratingValue}\n        data-hook={dataHook}\n        className={st(classes.star, {\n          readOnly,\n          filled: isFilledStar,\n          empty: !isFilledStar,\n        })}\n        size={starRatingBarSizesInPx[starsRatingBarSize]}\n      />\n    );\n  };\n\n  _shouldShowRateCaption = () => {\n    const { readOnly, descriptionValues } = this.props;\n    let shouldShowRateCaption = false;\n\n    if (descriptionValues) {\n      const isValidRateCaption =\n        Array.isArray(descriptionValues) && descriptionValues.length === 5;\n\n      if (readOnly) {\n        // Adding description values is not available in read only mode\n        shouldShowRateCaption = false;\n      } else {\n        // Description values must be an array of strings at size 5\n        shouldShowRateCaption = isValidRateCaption;\n      }\n    }\n\n    return shouldShowRateCaption;\n  };\n\n  _renderRateCaption = () => {\n    const { descriptionValues, value } = this.props;\n    const { hoveredStarIndex } = this.state;\n    const isStarsHovered = hoveredStarIndex !== 0;\n\n    let rateCaptionCurrentLabel = '';\n\n    // If the user hovers on a star the label should be compatible to the value of the hovered star\n    // otherwise the label should be compatible to the selected value.\n    if (isStarsHovered) {\n      rateCaptionCurrentLabel = descriptionValues[hoveredStarIndex - 1];\n    } else {\n      rateCaptionCurrentLabel = value === 0 ? '' : descriptionValues[value - 1];\n    }\n\n    return (\n      <div className={classes.rateCaption}>\n        <Text\n          dataHook={dataHooks.ratingCaption}\n          ellipsis\n          size=\"small\"\n          weight=\"normal\"\n          secondary\n        >\n          {rateCaptionCurrentLabel}\n        </Text>\n      </div>\n    );\n  };\n\n  render() {\n    const { dataHook, className } = this.props;\n\n    return (\n      <div data-hook={dataHook} className={st(classes.root, className)}>\n        <div role=\"radiogroup\" className={classes.starsContainer}>\n          {this._renderStars()}\n        </div>\n        {this._shouldShowRateCaption() ? this._renderRateCaption() : null}\n      </div>\n    );\n  }\n}\n\nStarsRatingBar.displayName = 'StarsRatingBar';\n\nStarsRatingBar.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in 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 size of the star rating bar. Interactive mode must be `large`. The default value for the read only mode is `medium`. */\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n\n  /** Specifies whether the rating bar is in read-only mode. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies the rate value labels. Array must contain all 5 strings to display the rating labels. */\n  descriptionValues: PropTypes.arrayOf(PropTypes.string),\n\n  /** Specifies the selected rate. 0 indicates an undefined rating. */\n  value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** Defines a handler that is called whenever rating changes.\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onChange: PropTypes.func,\n};\n\nStarsRatingBar.defaultProps = {\n  readOnly: false,\n  onChange: () => {},\n};\n\nexport default StarsRatingBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StarsRatingBarSt","_constants","_Text","_InteractiveModeStar","_wixUiIconsCommon","_jsxFileName","StarsRatingBar","React","PureComponent","constructor","props","_getStarsRatingBarSize","readOnly","_getReadOnlyModeStarsSize","_getInteractiveModeStarsSize","size","starRatingBarSizes","medium","large","_onStarIconClick","ratingValue","onChange","_onMouseEnter","setState","hoveredStarIndex","_onMouseLeave","_handleFocus","_handleBlur","_renderStars","value","starsRatingBarSize","state","Object","values","starIndexes","map","_renderReadOnlyModeStar","default","createElement","className","key","index","selectedStarIndex","onClick","onMouseEnter","onMouseLeave","handleFocus","handleBlur","__self","__source","fileName","lineNumber","columnNumber","isFilledStar","dataHook","dataHooks","filledStar","emptyStar","StarFilled","st","classes","star","filled","empty","starRatingBarSizesInPx","_shouldShowRateCaption","descriptionValues","shouldShowRateCaption","isValidRateCaption","Array","isArray","length","_renderRateCaption","isStarsHovered","rateCaptionCurrentLabel","rateCaption","ratingCaption","ellipsis","weight","secondary","componentDidUpdate","prevProps","render","root","role","starsContainer","displayName","propTypes","PropTypes","string","oneOf","bool","arrayOf","isRequired","func","defaultProps","_default","exports"],"sources":["../../../src/StarsRatingBar/StarsRatingBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './StarsRatingBar.st.css';\nimport {\n  dataHooks,\n  starIndexes,\n  starRatingBarSizes,\n  starRatingBarSizesInPx,\n} from './constants';\n\nimport Text from '../Text';\nimport InteractiveModeStar from './components/InteractiveModeStar';\n\nimport { StarFilled as StarFilledIcon } from '@wix/wix-ui-icons-common';\n\n/** Star Rating Component  */\nclass StarsRatingBar extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const starsRatingBarSize = this._getStarsRatingBarSize();\n\n    this.state = {\n      starsRatingBarSize,\n      hoveredStarIndex: 0,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.size !== this.props.size) {\n      const starsRatingBarSize = this._getStarsRatingBarSize();\n      this.setState({ starsRatingBarSize });\n    }\n  }\n\n  _getStarsRatingBarSize = () => {\n    const { readOnly } = this.props;\n\n    return readOnly\n      ? this._getReadOnlyModeStarsSize()\n      : this._getInteractiveModeStarsSize();\n  };\n\n  _getReadOnlyModeStarsSize = () => {\n    const { size } = this.props;\n    return size ? size : starRatingBarSizes.medium;\n  };\n\n  _getInteractiveModeStarsSize = () => {\n    //  In interactive mode the size can be 'large' or 'medium' only. The default value is 'large'.\n    const { size } = this.props;\n    return size === starRatingBarSizes.medium\n      ? starRatingBarSizes.medium\n      : starRatingBarSizes.large;\n  };\n\n  _onStarIconClick = ratingValue => {\n    this.props.onChange(ratingValue);\n  };\n\n  _onMouseEnter = ratingValue => {\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _onMouseLeave = () => {\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _handleFocus = ratingValue => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _handleBlur = () => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _renderStars = () => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize, hoveredStarIndex } = this.state;\n\n    return Object.values(starIndexes).map(ratingValue => {\n      return readOnly ? (\n        this._renderReadOnlyModeStar(ratingValue)\n      ) : (\n        <InteractiveModeStar\n          className=\"InteractiveModeStar\"\n          key={ratingValue}\n          starsRatingBarSize={starsRatingBarSize}\n          index={ratingValue}\n          selectedStarIndex={value}\n          hoveredStarIndex={hoveredStarIndex}\n          onClick={this._onStarIconClick}\n          onMouseEnter={this._onMouseEnter}\n          onMouseLeave={this._onMouseLeave}\n          handleFocus={this._handleFocus}\n          handleBlur={this._handleBlur}\n        />\n      );\n    });\n  };\n\n  _renderReadOnlyModeStar = ratingValue => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize } = this.state;\n\n    const isFilledStar = ratingValue <= value;\n    const dataHook = isFilledStar ? dataHooks.filledStar : dataHooks.emptyStar;\n    return (\n      <StarFilledIcon\n        key={ratingValue}\n        data-hook={dataHook}\n        className={st(classes.star, {\n          readOnly,\n          filled: isFilledStar,\n          empty: !isFilledStar,\n        })}\n        size={starRatingBarSizesInPx[starsRatingBarSize]}\n      />\n    );\n  };\n\n  _shouldShowRateCaption = () => {\n    const { readOnly, descriptionValues } = this.props;\n    let shouldShowRateCaption = false;\n\n    if (descriptionValues) {\n      const isValidRateCaption =\n        Array.isArray(descriptionValues) && descriptionValues.length === 5;\n\n      if (readOnly) {\n        // Adding description values is not available in read only mode\n        shouldShowRateCaption = false;\n      } else {\n        // Description values must be an array of strings at size 5\n        shouldShowRateCaption = isValidRateCaption;\n      }\n    }\n\n    return shouldShowRateCaption;\n  };\n\n  _renderRateCaption = () => {\n    const { descriptionValues, value } = this.props;\n    const { hoveredStarIndex } = this.state;\n    const isStarsHovered = hoveredStarIndex !== 0;\n\n    let rateCaptionCurrentLabel = '';\n\n    // If the user hovers on a star the label should be compatible to the value of the hovered star\n    // otherwise the label should be compatible to the selected value.\n    if (isStarsHovered) {\n      rateCaptionCurrentLabel = descriptionValues[hoveredStarIndex - 1];\n    } else {\n      rateCaptionCurrentLabel = value === 0 ? '' : descriptionValues[value - 1];\n    }\n\n    return (\n      <div className={classes.rateCaption}>\n        <Text\n          dataHook={dataHooks.ratingCaption}\n          ellipsis\n          size=\"small\"\n          weight=\"normal\"\n          secondary\n        >\n          {rateCaptionCurrentLabel}\n        </Text>\n      </div>\n    );\n  };\n\n  render() {\n    const { dataHook, className } = this.props;\n\n    return (\n      <div data-hook={dataHook} className={st(classes.root, className)}>\n        <div role=\"radiogroup\" className={classes.starsContainer}>\n          {this._renderStars()}\n        </div>\n        {this._shouldShowRateCaption() ? this._renderRateCaption() : null}\n      </div>\n    );\n  }\n}\n\nStarsRatingBar.displayName = 'StarsRatingBar';\n\nStarsRatingBar.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in 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 size of the star rating bar. Interactive mode can be `large` or `medium`. The default value for the read only mode is `medium`. */\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n\n  /** Specifies whether the rating bar is in read-only mode. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies the rate value labels. Array must contain all 5 strings to display the rating labels. */\n  descriptionValues: PropTypes.arrayOf(PropTypes.string),\n\n  /** Specifies the selected rate. 0 indicates an undefined rating. */\n  value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** Defines a handler that is called whenever rating changes.\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onChange: PropTypes.func,\n};\n\nStarsRatingBar.defaultProps = {\n  readOnly: false,\n  onChange: () => {},\n};\n\nexport default StarsRatingBar;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAOA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,oBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAAM,iBAAA,GAAAN,OAAA;AAAwE,IAAAO,YAAA;AAExE;AACA,MAAMC,cAAc,SAASC,cAAK,CAACC,aAAa,CAAC;EAC/CC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,KAiBfC,sBAAsB,GAAG,MAAM;MAC7B,IAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACF,KAAK;MAE/B,OAAOE,QAAQ,GACX,IAAI,CAACC,yBAAyB,CAAC,CAAC,GAChC,IAAI,CAACC,4BAA4B,CAAC,CAAC;IACzC,CAAC;IAAA,KAEDD,yBAAyB,GAAG,MAAM;MAChC,IAAM;QAAEE;MAAK,CAAC,GAAG,IAAI,CAACL,KAAK;MAC3B,OAAOK,IAAI,GAAGA,IAAI,GAAGC,6BAAkB,CAACC,MAAM;IAChD,CAAC;IAAA,KAEDH,4BAA4B,GAAG,MAAM;MACnC;MACA,IAAM;QAAEC;MAAK,CAAC,GAAG,IAAI,CAACL,KAAK;MAC3B,OAAOK,IAAI,KAAKC,6BAAkB,CAACC,MAAM,GACrCD,6BAAkB,CAACC,MAAM,GACzBD,6BAAkB,CAACE,KAAK;IAC9B,CAAC;IAAA,KAEDC,gBAAgB,GAAGC,WAAW,IAAI;MAChC,IAAI,CAACV,KAAK,CAACW,QAAQ,CAACD,WAAW,CAAC;IAClC,CAAC;IAAA,KAEDE,aAAa,GAAGF,WAAW,IAAI;MAC7B,IAAI,CAACG,QAAQ,CAAC;QAAEC,gBAAgB,EAAEJ;MAAY,CAAC,CAAC;IAClD,CAAC;IAAA,KAEDK,aAAa,GAAG,MAAM;MACpB,IAAI,CAACF,QAAQ,CAAC;QAAEC,gBAAgB,EAAE;MAAE,CAAC,CAAC;IACxC,CAAC;IAAA,KAEDE,YAAY,GAAGN,WAAW,IAAI;MAC5B;MACA,IAAI,CAACG,QAAQ,CAAC;QAAEC,gBAAgB,EAAEJ;MAAY,CAAC,CAAC;IAClD,CAAC;IAAA,KAEDO,WAAW,GAAG,MAAM;MAClB;MACA,IAAI,CAACJ,QAAQ,CAAC;QAAEC,gBAAgB,EAAE;MAAE,CAAC,CAAC;IACxC,CAAC;IAAA,KAEDI,YAAY,GAAG,MAAM;MACnB,IAAM;QAAEhB,QAAQ;QAAEiB;MAAM,CAAC,GAAG,IAAI,CAACnB,KAAK;MACtC,IAAM;QAAEoB,kBAAkB;QAAEN;MAAiB,CAAC,GAAG,IAAI,CAACO,KAAK;MAE3D,OAAOC,MAAM,CAACC,MAAM,CAACC,sBAAW,CAAC,CAACC,GAAG,CAACf,WAAW,IAAI;QACnD,OAAOR,QAAQ,GACb,IAAI,CAACwB,uBAAuB,CAAChB,WAAW,CAAC,gBAEzCxB,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAACnC,oBAAA,CAAAkC,OAAmB;UAClBE,SAAS,EAAC,qBAAqB;UAC/BC,GAAG,EAAEpB,WAAY;UACjBU,kBAAkB,EAAEA,kBAAmB;UACvCW,KAAK,EAAErB,WAAY;UACnBsB,iBAAiB,EAAEb,KAAM;UACzBL,gBAAgB,EAAEA,gBAAiB;UACnCmB,OAAO,EAAE,IAAI,CAACxB,gBAAiB;UAC/ByB,YAAY,EAAE,IAAI,CAACtB,aAAc;UACjCuB,YAAY,EAAE,IAAI,CAACpB,aAAc;UACjCqB,WAAW,EAAE,IAAI,CAACpB,YAAa;UAC/BqB,UAAU,EAAE,IAAI,CAACpB,WAAY;UAAAqB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA7C,YAAA;YAAA8C,UAAA;YAAAC,YAAA;UAAA;QAAA,CAC9B,CACF;MACH,CAAC,CAAC;IACJ,CAAC;IAAA,KAEDhB,uBAAuB,GAAGhB,WAAW,IAAI;MACvC,IAAM;QAAER,QAAQ;QAAEiB;MAAM,CAAC,GAAG,IAAI,CAACnB,KAAK;MACtC,IAAM;QAAEoB;MAAmB,CAAC,GAAG,IAAI,CAACC,KAAK;MAEzC,IAAMsB,YAAY,GAAGjC,WAAW,IAAIS,KAAK;MACzC,IAAMyB,QAAQ,GAAGD,YAAY,GAAGE,oBAAS,CAACC,UAAU,GAAGD,oBAAS,CAACE,SAAS;MAC1E,oBACE7D,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAAClC,iBAAA,CAAAsD,UAAc;QACblB,GAAG,EAAEpB,WAAY;QACjB,aAAWkC,QAAS;QACpBf,SAAS,EAAE,IAAAoB,oBAAE,EAACC,yBAAO,CAACC,IAAI,EAAE;UAC1BjD,QAAQ;UACRkD,MAAM,EAAET,YAAY;UACpBU,KAAK,EAAE,CAACV;QACV,CAAC,CAAE;QACHtC,IAAI,EAAEiD,iCAAsB,CAAClC,kBAAkB,CAAE;QAAAkB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClD,CAAC;IAEN,CAAC;IAAA,KAEDa,sBAAsB,GAAG,MAAM;MAC7B,IAAM;QAAErD,QAAQ;QAAEsD;MAAkB,CAAC,GAAG,IAAI,CAACxD,KAAK;MAClD,IAAIyD,qBAAqB,GAAG,KAAK;MAEjC,IAAID,iBAAiB,EAAE;QACrB,IAAME,kBAAkB,GACtBC,KAAK,CAACC,OAAO,CAACJ,iBAAiB,CAAC,IAAIA,iBAAiB,CAACK,MAAM,KAAK,CAAC;QAEpE,IAAI3D,QAAQ,EAAE;UACZ;UACAuD,qBAAqB,GAAG,KAAK;QAC/B,CAAC,MAAM;UACL;UACAA,qBAAqB,GAAGC,kBAAkB;QAC5C;MACF;MAEA,OAAOD,qBAAqB;IAC9B,CAAC;IAAA,KAEDK,kBAAkB,GAAG,MAAM;MACzB,IAAM;QAAEN,iBAAiB;QAAErC;MAAM,CAAC,GAAG,IAAI,CAACnB,KAAK;MAC/C,IAAM;QAAEc;MAAiB,CAAC,GAAG,IAAI,CAACO,KAAK;MACvC,IAAM0C,cAAc,GAAGjD,gBAAgB,KAAK,CAAC;MAE7C,IAAIkD,uBAAuB,GAAG,EAAE;;MAEhC;MACA;MACA,IAAID,cAAc,EAAE;QAClBC,uBAAuB,GAAGR,iBAAiB,CAAC1C,gBAAgB,GAAG,CAAC,CAAC;MACnE,CAAC,MAAM;QACLkD,uBAAuB,GAAG7C,KAAK,KAAK,CAAC,GAAG,EAAE,GAAGqC,iBAAiB,CAACrC,KAAK,GAAG,CAAC,CAAC;MAC3E;MAEA,oBACEjC,MAAA,CAAAyC,OAAA,CAAAC,aAAA;QAAKC,SAAS,EAAEqB,yBAAO,CAACe,WAAY;QAAA3B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAClCxD,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAACpC,KAAA,CAAAmC,OAAI;QACHiB,QAAQ,EAAEC,oBAAS,CAACqB,aAAc;QAClCC,QAAQ;QACR9D,IAAI,EAAC,OAAO;QACZ+D,MAAM,EAAC,QAAQ;QACfC,SAAS;QAAA/B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAERsB,uBACG,CACH,CAAC;IAEV,CAAC;IAvJC,IAAM5C,mBAAkB,GAAG,IAAI,CAACnB,sBAAsB,CAAC,CAAC;IAExD,IAAI,CAACoB,KAAK,GAAG;MACXD,kBAAkB,EAAlBA,mBAAkB;MAClBN,gBAAgB,EAAE;IACpB,CAAC;EACH;EAEAwD,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAIA,SAAS,CAAClE,IAAI,KAAK,IAAI,CAACL,KAAK,CAACK,IAAI,EAAE;MACtC,IAAMe,kBAAkB,GAAG,IAAI,CAACnB,sBAAsB,CAAC,CAAC;MACxD,IAAI,CAACY,QAAQ,CAAC;QAAEO;MAAmB,CAAC,CAAC;IACvC;EACF;EA4IAoD,MAAMA,CAAA,EAAG;IACP,IAAM;MAAE5B,QAAQ;MAAEf;IAAU,CAAC,GAAG,IAAI,CAAC7B,KAAK;IAE1C,oBACEd,MAAA,CAAAyC,OAAA,CAAAC,aAAA;MAAK,aAAWgB,QAAS;MAACf,SAAS,EAAE,IAAAoB,oBAAE,EAACC,yBAAO,CAACuB,IAAI,EAAE5C,SAAS,CAAE;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC/DxD,MAAA,CAAAyC,OAAA,CAAAC,aAAA;MAAK8C,IAAI,EAAC,YAAY;MAAC7C,SAAS,EAAEqB,yBAAO,CAACyB,cAAe;MAAArC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtD,IAAI,CAACxB,YAAY,CAAC,CAChB,CAAC,EACL,IAAI,CAACqC,sBAAsB,CAAC,CAAC,GAAG,IAAI,CAACO,kBAAkB,CAAC,CAAC,GAAG,IAC1D,CAAC;EAEV;AACF;AAEAlE,cAAc,CAACgF,WAAW,GAAG,gBAAgB;AAE7ChF,cAAc,CAACiF,SAAS,GAAG;EACzB;EACAjC,QAAQ,EAAEkC,kBAAS,CAACC,MAAM;EAE1B;AACF;AACA;;EAEElD,SAAS,EAAEiD,kBAAS,CAACC,MAAM;EAE3B;EACA1E,IAAI,EAAEyE,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EAE3D;EACA9E,QAAQ,EAAE4E,kBAAS,CAACG,IAAI;EAExB;EACAzB,iBAAiB,EAAEsB,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACC,MAAM,CAAC;EAEtD;EACA5D,KAAK,EAAE2D,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACG,UAAU;EAErD;AACF;AACA;AACA;AACA;EACExE,QAAQ,EAAEmE,kBAAS,CAACM;AACtB,CAAC;AAEDxF,cAAc,CAACyF,YAAY,GAAG;EAC5BnF,QAAQ,EAAE,KAAK;EACfS,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC;AAAC,IAAA2E,QAAA,GAAAC,OAAA,CAAA5D,OAAA,GAEa/B,cAAc","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_StarsRatingBar";
+var _namespace_ = "wds_1_168_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_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.classes = {"root":"wds_1_168_0_StarsRatingBar__root","starsContainer":"wds_1_168_0_StarsRatingBar__starsContainer","star":"wds_1_168_0_StarsRatingBar__star","rateCaption":"wds_1_168_0_StarsRatingBar__rateCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -124,8 +124,8 @@ InteractiveModeStar.propTypes = {
    */
 
   className: _propTypes.default.string,
-  /** Specifies the size of the star rating bar. Interactive mode must be 'large'. The default value for the read only mode is 'medium'. */
-  starsRatingBarSize: _propTypes.default.oneOf(['large']),
+  /** Specifies the size of the star rating bar. Interactive mode must be 'large' or 'medium'. The default value for the read only mode is 'medium'. */
+  starsRatingBarSize: _propTypes.default.oneOf(['large', 'medium']),
   /** The star index. */
   index: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5]).isRequired,
   /** The star rating bar’s selected rate. */

package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_InteractiveModeStarSt","_constants","_wixUiIconsCommon","_jsxFileName","InteractiveModeStar","React","PureComponent","constructor","arguments","_onMouseEnter","index","props","onMouseEnter","_onMouseLeave","onMouseLeave","_onClick","onClick","_onFocus","focusableOnFocus","handleFocus","_onBlur","focusableOnBlur","handleBlur","render","dataHook","selectedStarIndex","starsRatingBarSize","hoveredStarIndex","isStarsHovered","isCurrentStarHovered","isFilledStar","commonProps","size","starRatingBarSizesInPx","default","createElement","role","className","st","classes","root","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","StarFilled","_extends2","dataHooks","filledStar","star","filled","hovered","Star","emptyStar","empty","displayName","propTypes","PropTypes","string","oneOf","isRequired","func","_default","exports","withFocusable"],"sources":["../../../../src/StarsRatingBar/components/InteractiveModeStar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { st, classes } from './InteractiveModeStar.st.css';\nimport { dataHooks, starRatingBarSizesInPx } from '../constants';\n\nimport {\n  StarFilled as StarFilledIcon,\n  Star as StarIcon,\n} from '@wix/wix-ui-icons-common';\n\nclass InteractiveModeStar extends React.PureComponent {\n  _onMouseEnter = () => {\n    const { index } = this.props;\n    this.props.onMouseEnter(index);\n  };\n\n  _onMouseLeave = () => {\n    this.props.onMouseLeave();\n  };\n\n  _onClick = () => {\n    const { index } = this.props;\n    this.props.onClick(index);\n  };\n\n  _onFocus = () => {\n    const { focusableOnFocus, index } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleFocus(index);\n\n    focusableOnFocus();\n  };\n\n  _onBlur = () => {\n    const { focusableOnBlur } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleBlur();\n\n    focusableOnBlur();\n  };\n\n  render() {\n    const {\n      dataHook,\n      selectedStarIndex,\n      index,\n      starsRatingBarSize,\n      hoveredStarIndex,\n    } = this.props;\n\n    const isStarsHovered = hoveredStarIndex !== 0;\n    const isCurrentStarHovered = hoveredStarIndex === index;\n\n    // If the user hovers on a star the value should be compatible to the value of the hovered star\n    // otherwise the value should be compatible to the selected value.\n    const isFilledStar = isStarsHovered\n      ? index <= hoveredStarIndex\n      : index <= selectedStarIndex;\n\n    const commonProps = {\n      size: starRatingBarSizesInPx[starsRatingBarSize],\n    };\n\n    return (\n      <button\n        role=\"radio\"\n        aria-checked={isFilledStar}\n        aria-label={index}\n        data-hook={dataHook}\n        data-index={index}\n        className={st(classes.root, this.props.className)}\n        onClick={() => this._onClick(index)}\n        onMouseEnter={() => this._onMouseEnter(index)}\n        onMouseLeave={() => this._onMouseLeave()}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n      >\n        {isFilledStar ? (\n          <StarFilledIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.filledStar}\n            className={st(classes.star, {\n              filled: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        ) : (\n          <StarIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.emptyStar}\n            className={st(classes.star, {\n              empty: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        )}\n      </button>\n    );\n  }\n}\n\nInteractiveModeStar.displayName = 'InteractiveModeStar';\n\nInteractiveModeStar.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies the size of the star rating bar. Interactive mode must be 'large'. The default value for the read only mode is 'medium'. */\n  starsRatingBarSize: PropTypes.oneOf(['large']),\n\n  /** The star index. */\n  index: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s selected rate. */\n  selectedStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s hovered star index. */\n  hoveredStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** A Handler for clicking on the star\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onClick: PropTypes.func,\n\n  /** A Handler for mouse enter\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onMouseEnter: PropTypes.func,\n\n  /** A Handler for mouse leave\n   * ##### Signature:\n   * function() => void\n   */\n  onMouseLeave: PropTypes.func,\n\n  /** A Handler for focus\n   * ##### Signature:\n   * function() => void\n   */\n  handleFocus: PropTypes.func,\n\n  /** A Handler for blur\n   * ##### Signature:\n   * function() => void\n   */\n  handleBlur: PropTypes.func,\n};\n\nexport default withFocusable(InteractiveModeStar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_InteractiveModeStarSt","_constants","_wixUiIconsCommon","_jsxFileName","InteractiveModeStar","React","PureComponent","constructor","arguments","_onMouseEnter","index","props","onMouseEnter","_onMouseLeave","onMouseLeave","_onClick","onClick","_onFocus","focusableOnFocus","handleFocus","_onBlur","focusableOnBlur","handleBlur","render","dataHook","selectedStarIndex","starsRatingBarSize","hoveredStarIndex","isStarsHovered","isCurrentStarHovered","isFilledStar","commonProps","size","starRatingBarSizesInPx","default","createElement","role","className","st","classes","root","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","StarFilled","_extends2","dataHooks","filledStar","star","filled","hovered","Star","emptyStar","empty","displayName","propTypes","PropTypes","string","oneOf","isRequired","func","_default","exports","withFocusable"],"sources":["../../../../src/StarsRatingBar/components/InteractiveModeStar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { st, classes } from './InteractiveModeStar.st.css';\nimport { dataHooks, starRatingBarSizesInPx } from '../constants';\n\nimport {\n  StarFilled as StarFilledIcon,\n  Star as StarIcon,\n} from '@wix/wix-ui-icons-common';\n\nclass InteractiveModeStar extends React.PureComponent {\n  _onMouseEnter = () => {\n    const { index } = this.props;\n    this.props.onMouseEnter(index);\n  };\n\n  _onMouseLeave = () => {\n    this.props.onMouseLeave();\n  };\n\n  _onClick = () => {\n    const { index } = this.props;\n    this.props.onClick(index);\n  };\n\n  _onFocus = () => {\n    const { focusableOnFocus, index } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleFocus(index);\n\n    focusableOnFocus();\n  };\n\n  _onBlur = () => {\n    const { focusableOnBlur } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleBlur();\n\n    focusableOnBlur();\n  };\n\n  render() {\n    const {\n      dataHook,\n      selectedStarIndex,\n      index,\n      starsRatingBarSize,\n      hoveredStarIndex,\n    } = this.props;\n\n    const isStarsHovered = hoveredStarIndex !== 0;\n    const isCurrentStarHovered = hoveredStarIndex === index;\n\n    // If the user hovers on a star the value should be compatible to the value of the hovered star\n    // otherwise the value should be compatible to the selected value.\n    const isFilledStar = isStarsHovered\n      ? index <= hoveredStarIndex\n      : index <= selectedStarIndex;\n\n    const commonProps = {\n      size: starRatingBarSizesInPx[starsRatingBarSize],\n    };\n\n    return (\n      <button\n        role=\"radio\"\n        aria-checked={isFilledStar}\n        aria-label={index}\n        data-hook={dataHook}\n        data-index={index}\n        className={st(classes.root, this.props.className)}\n        onClick={() => this._onClick(index)}\n        onMouseEnter={() => this._onMouseEnter(index)}\n        onMouseLeave={() => this._onMouseLeave()}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n      >\n        {isFilledStar ? (\n          <StarFilledIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.filledStar}\n            className={st(classes.star, {\n              filled: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        ) : (\n          <StarIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.emptyStar}\n            className={st(classes.star, {\n              empty: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        )}\n      </button>\n    );\n  }\n}\n\nInteractiveModeStar.displayName = 'InteractiveModeStar';\n\nInteractiveModeStar.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies the size of the star rating bar. Interactive mode must be 'large' or 'medium'. The default value for the read only mode is 'medium'. */\n  starsRatingBarSize: PropTypes.oneOf(['large', 'medium']),\n\n  /** The star index. */\n  index: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s selected rate. */\n  selectedStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s hovered star index. */\n  hoveredStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** A Handler for clicking on the star\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onClick: PropTypes.func,\n\n  /** A Handler for mouse enter\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onMouseEnter: PropTypes.func,\n\n  /** A Handler for mouse leave\n   * ##### Signature:\n   * function() => void\n   */\n  onMouseLeave: PropTypes.func,\n\n  /** A Handler for focus\n   * ##### Signature:\n   * function() => void\n   */\n  handleFocus: PropTypes.func,\n\n  /** A Handler for blur\n   * ##### Signature:\n   * function() => void\n   */\n  handleBlur: PropTypes.func,\n};\n\nexport default withFocusable(InteractiveModeStar);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_166_0_InteractiveModeStar";
+var _namespace_ = "wds_1_168_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_166_0_InteractiveModeStar__root","star":"wds_1_166_0_InteractiveModeStar__star"};
+module.exports.classes = {"root":"wds_1_168_0_InteractiveModeStar__root","star":"wds_1_168_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_166_0_StatisticsItem";
+var _namespace_ = "wds_1_168_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_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.classes = {"root":"wds_1_168_0_StatisticsItem__root","item":"wds_1_168_0_StatisticsItem__item","loader":"wds_1_168_0_StatisticsItem__loader","description":"wds_1_168_0_StatisticsItem__description","info":"wds_1_168_0_StatisticsItem__info","percentage":"wds_1_168_0_StatisticsItem__percentage","tooltip":"wds_1_168_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_166_0_StatisticsWidget";
+var _namespace_ = "wds_1_168_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_166_0_StatisticsWidget__root"};
+module.exports.classes = {"root":"wds_1_168_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_166_0_StatusIndicator";
+var _namespace_ = "wds_1_168_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_166_0_StatusIndicator__root"};
+module.exports.classes = {"root":"wds_1_168_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_166_0_StatusToast";
+var _namespace_ = "wds_1_168_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_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.classes = {"root":"wds_1_168_0_StatusToast__root","toast":"wds_1_168_0_StatusToast__toast","icon":"wds_1_168_0_StatusToast__icon","content":"wds_1_168_0_StatusToast__content","action":"wds_1_168_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_166_0_Stepper";
+var _namespace_ = "wds_1_168_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_166_0_Stepper__root"};
+module.exports.classes = {"root":"wds_1_168_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_166_0_Step";
+var _namespace_ = "wds_1_168_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_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.classes = {"root":"wds_1_168_0_Step__root","text-medium-normal":"wds_1_168_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","marker":"wds_1_168_0_Step__marker","content":"wds_1_168_0_Step__content","text":"wds_1_168_0_Step__text","arrow":"wds_1_168_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_166_0_StepMarker";
+var _namespace_ = "wds_1_168_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_166_0_StepMarker__root"};
+module.exports.classes = {"root":"wds_1_168_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_166_0_DataTable";
+var _namespace_ = "wds_1_168_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_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.classes = {"root":"wds_1_168_0_DataTable__root","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_168_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","table":"wds_1_168_0_DataTable__table","virtualized":"wds_1_168_0_DataTable__virtualized","sticky":"wds_1_168_0_DataTable__sticky","details":"wds_1_168_0_DataTable__details","active":"wds_1_168_0_DataTable__active","dnd":"wds_1_168_0_DataTable__dnd","thSkinStandard":"wds_1_168_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_168_0_DataTable__thSkinNeutral","thContainer":"wds_1_168_0_DataTable__thContainer","alignStart":"wds_1_168_0_DataTable__alignStart","alignCenter":"wds_1_168_0_DataTable__alignCenter","alignEnd":"wds_1_168_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_168_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_168_0_DataTable__hasRowDetails","important":"wds_1_168_0_DataTable__important","clickableDataRow":"wds_1_168_0_DataTable__clickableDataRow","highlight":"wds_1_168_0_DataTable__highlight","activeRow":"wds_1_168_0_DataTable__activeRow","selected":"wds_1_168_0_DataTable__selected","sortArrow":"wds_1_168_0_DataTable__sortArrow","rowDetails":"wds_1_168_0_DataTable__rowDetails","animatedDataRow":"wds_1_168_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_168_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_168_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_168_0_DataTable__scrollWrapper","lastSticky":"wds_1_168_0_DataTable__lastSticky","leftShadowVisible":"wds_1_168_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_168_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_168_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_168_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_168_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_166_0_DataTableRow";
+var _namespace_ = "wds_1_168_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_166_0_DataTableRow__root","stickyActionCell":"wds_1_166_0_DataTable__stickyActionCell","sticky":"wds_1_166_0_DataTable__sticky","dataTableHighlight":"wds_1_166_0_DataTable__highlight","activeRow":"wds_1_166_0_DataTable__activeRow","light":"wds_1_166_0_DataTableRow__light","neutral":"wds_1_166_0_DataTableRow__neutral","highlight":"wds_1_166_0_DataTableRow__highlight"};
+module.exports.classes = {"root":"wds_1_168_0_DataTableRow__root","stickyActionCell":"wds_1_168_0_DataTable__stickyActionCell","sticky":"wds_1_168_0_DataTable__sticky","dataTableHighlight":"wds_1_168_0_DataTable__highlight","activeRow":"wds_1_168_0_DataTable__activeRow","light":"wds_1_168_0_DataTableRow__light","neutral":"wds_1_168_0_DataTableRow__neutral","highlight":"wds_1_168_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_166_0_DataTableRowVirtual";
+var _namespace_ = "wds_1_168_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_166_0_DataTableRowVirtual__root","alignCenter":"wds_1_166_0_DataTable__alignCenter","stickyActionCell":"wds_1_166_0_DataTable__stickyActionCell","thContainer":"wds_1_166_0_DataTable__thContainer","thead":"wds_1_166_0_DataTableRowVirtual__thead"};
+module.exports.classes = {"root":"wds_1_168_0_DataTableRowVirtual__root","alignCenter":"wds_1_168_0_DataTable__alignCenter","stickyActionCell":"wds_1_168_0_DataTable__stickyActionCell","thContainer":"wds_1_168_0_DataTable__thContainer","thead":"wds_1_168_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_166_0_Example";
+var _namespace_ = "wds_1_168_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_166_0_Example__root","highlightRow":"wds_1_166_0_Example__highlightRow"};
+module.exports.classes = {"root":"wds_1_168_0_Example__root","highlightRow":"wds_1_168_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_166_0_FloatingScrollBar";
+var _namespace_ = "wds_1_168_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_166_0_FloatingScrollBar__root","content":"wds_1_166_0_FloatingScrollBar__content"};
+module.exports.classes = {"root":"wds_1_168_0_FloatingScrollBar__root","content":"wds_1_168_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_166_0_Table";
+var _namespace_ = "wds_1_168_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_166_0_Table__root","onHover":"wds_1_166_0_TableActionCell__onHover","notOnHover":"wds_1_166_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_166_0_Table__emptyStateContainer","content":"wds_1_166_0_Table__content","tableRow":"wds_1_166_0_Table__tableRow","tableSubToolbar":"wds_1_166_0_Table__tableSubToolbar"};
+module.exports.classes = {"root":"wds_1_168_0_Table__root","onHover":"wds_1_168_0_TableActionCell__onHover","notOnHover":"wds_1_168_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_168_0_Table__emptyStateContainer","content":"wds_1_168_0_Table__content","tableRow":"wds_1_168_0_Table__tableRow","tableSubToolbar":"wds_1_168_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_166_0_TableActionCell";
+var _namespace_ = "wds_1_168_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_166_0_TableActionCell__root","action":"wds_1_166_0_TableActionCell__action","hoverSlot":"wds_1_166_0_TableActionCell__hoverSlot","onHover":"wds_1_166_0_TableActionCell__onHover","notOnHover":"wds_1_166_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_166_0_TableActionCell__placeholderIcon"};
+module.exports.classes = {"root":"wds_1_168_0_TableActionCell__root","action":"wds_1_168_0_TableActionCell__action","hoverSlot":"wds_1_168_0_TableActionCell__hoverSlot","onHover":"wds_1_168_0_TableActionCell__onHover","notOnHover":"wds_1_168_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_168_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_166_0_TableListHeader";
+var _namespace_ = "wds_1_168_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_166_0_TableListHeader__root","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_166_0_TableListHeader__optionsContainer","option":"wds_1_166_0_TableListHeader__option","sortArrow":"wds_1_166_0_TableListHeader__sortArrow"};
+module.exports.classes = {"root":"wds_1_168_0_TableListHeader__root","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_168_0_TableListHeader__optionsContainer","option":"wds_1_168_0_TableListHeader__option","sortArrow":"wds_1_168_0_TableListHeader__sortArrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_TableListItem";
+var _namespace_ = "wds_1_168_0_TableListItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,12 +16,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_TableListItem__root","onHover":"wds_1_166_0_TableActionCell__onHover","notOnHover":"wds_1_166_0_TableActionCell__notOnHover","controlsContainer":"wds_1_166_0_TableListItem__controlsContainer","handleContainer":"wds_1_166_0_TableListItem__handleContainer","checkbox":"wds_1_166_0_TableListItem__checkbox","expandHandle":"wds_1_166_0_TableListItem__expandHandle","caretIcon":"wds_1_166_0_TableListItem__caretIcon","optionsContainer":"wds_1_166_0_TableListItem__optionsContainer","align":"wds_1_166_0_TableListItem__align"};
+module.exports.classes = {"root":"wds_1_168_0_TableListItem__root","onHover":"wds_1_168_0_TableActionCell__onHover","notOnHover":"wds_1_168_0_TableActionCell__notOnHover","controlsContainer":"wds_1_168_0_TableListItem__controlsContainer","handleContainer":"wds_1_168_0_TableListItem__handleContainer","checkbox":"wds_1_168_0_TableListItem__checkbox","expandHandle":"wds_1_168_0_TableListItem__expandHandle","caretIcon":"wds_1_168_0_TableListItem__caretIcon","optionsContainer":"wds_1_168_0_TableListItem__optionsContainer","align":"wds_1_168_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 = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary-active":"--wds-color-border-standard-primary-active","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-list-item-gap-columns":"--wds-list-item-gap-columns","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","padding-vertical":"--wds_1_166_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_166_0_TableListItem-padding-horizontal"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary-active":"--wds-color-border-standard-primary-active","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-list-item-gap-columns":"--wds-list-item-gap-columns","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","padding-vertical":"--wds_1_168_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_168_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_166_0_TableToolbar";
+var _namespace_ = "wds_1_168_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_166_0_TableToolbar__root","item":"wds_1_166_0_TableToolbar__item","itemLabel":"wds_1_166_0_TableToolbar__itemLabel","itemGroup":"wds_1_166_0_TableToolbar__itemGroup","title":"wds_1_166_0_TableToolbar__title","divider":"wds_1_166_0_TableToolbar__divider"};
+module.exports.classes = {"root":"wds_1_168_0_TableToolbar__root","item":"wds_1_168_0_TableToolbar__item","itemLabel":"wds_1_168_0_TableToolbar__itemLabel","itemGroup":"wds_1_168_0_TableToolbar__itemGroup","title":"wds_1_168_0_TableToolbar__title","divider":"wds_1_168_0_TableToolbar__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};