@wix/design-system 1.191.1 → 1.191.2

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_191_1_SparklineChart";
+var _namespace_ = "wds_1_191_2_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_191_1_SparklineChart__root","gradientStop":"wds_1_191_1_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_191_1_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_191_1_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_191_1_SparklineChart__tooltipElement"};
+module.exports.classes = {"root":"wds_1_191_2_SparklineChart__root","gradientStop":"wds_1_191_2_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_191_2_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_191_2_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_191_2_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_191_1_StackedBarChart";
+var _namespace_ = "wds_1_191_2_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_191_1_StackedBarChart__root","text-tiny-thin":"wds_1_191_1_StylableTypography__text-tiny-thin","xAxis":"wds_1_191_1_StackedBarChart__xAxis","yAxis":"wds_1_191_1_StackedBarChart__yAxis","tooltip":"wds_1_191_1_StackedBarChart__tooltip","textPosition":"wds_1_191_1_StackedBarChart__textPosition","tooltipInner":"wds_1_191_1_StackedBarChart__tooltipInner"};
+module.exports.classes = {"root":"wds_1_191_2_StackedBarChart__root","text-tiny-thin":"wds_1_191_2_StylableTypography__text-tiny-thin","xAxis":"wds_1_191_2_StackedBarChart__xAxis","yAxis":"wds_1_191_2_StackedBarChart__yAxis","tooltip":"wds_1_191_2_StackedBarChart__tooltip","textPosition":"wds_1_191_2_StackedBarChart__textPosition","tooltipInner":"wds_1_191_2_StackedBarChart__tooltipInner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StarsRatingBar/StarsRatingBar.js

@@ -4,36 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ReadOnlyStarsRatingBar = require("./components/ReadOnlyStarsRatingBar");
-var _InteractiveStarsRatingBar = require("./components/InteractiveStarsRatingBar");
+var _InteractiveStarsRatingBar = _interopRequireDefault(require("./components/InteractiveStarsRatingBar"));
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/StarsRatingBar/StarsRatingBar.tsx";
-var StarsRatingBar = props => {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var StarsRatingBar = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return props.readOnly ? /*#__PURE__*/_react.default.createElement(_ReadOnlyStarsRatingBar.ReadOnlyStarsRatingBar, (0, _extends2.default)({}, props, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 9,
-      columnNumber: 5
+      lineNumber: 10,
+      columnNumber: 7
     }
-  })) : /*#__PURE__*/_react.default.createElement(_InteractiveStarsRatingBar.InteractiveStarsRatingBar, (0, _extends2.default)({}, props, {
+  })) : /*#__PURE__*/_react.default.createElement(_InteractiveStarsRatingBar.default, (0, _extends2.default)({
+    ref: ref
+  }, props, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 11,
-      columnNumber: 5
+      lineNumber: 12,
+      columnNumber: 7
     }
   }));
-};
+});
 StarsRatingBar.displayName = 'StarsRatingBar';
 StarsRatingBar.propTypes = {
   dataHook: _propTypes.default.string,
   className: _propTypes.default.string,
   size: _propTypes.default.oneOf(['tiny', 'small', 'medium', 'large']),
   readOnly: _propTypes.default.bool,
-  labelValues: _propTypes.default.arrayOf(_propTypes.default.string),
-  descriptionValues: _propTypes.default.arrayOf(_propTypes.default.string),
+  labelValues: _propTypes.default.arrayOf(_propTypes.default.string.isRequired),
+  descriptionValues: _propTypes.default.arrayOf(_propTypes.default.string.isRequired),
   value: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5]).isRequired,
   onChange: _propTypes.default.func
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ReadOnlyStarsRatingBar","_InteractiveStarsRatingBar","_jsxFileName","StarsRatingBar","props","readOnly","default","createElement","ReadOnlyStarsRatingBar","_extends2","__self","__source","fileName","lineNumber","columnNumber","InteractiveStarsRatingBar","displayName","propTypes","dataHook","PropTypes","string","className","size","oneOf","bool","labelValues","arrayOf","descriptionValues","value","isRequired","onChange","func","_default","exports"],"sources":["../../../src/StarsRatingBar/StarsRatingBar.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { StarsRatingBarProps } from './StarsRatingBar.types';\nimport { ReadOnlyStarsRatingBar } from './components/ReadOnlyStarsRatingBar';\nimport { InteractiveStarsRatingBar } from './components/InteractiveStarsRatingBar';\n\nconst StarsRatingBar = (props: StarsRatingBarProps) => {\n  return props.readOnly ? (\n    <ReadOnlyStarsRatingBar {...props} />\n  ) : (\n    <InteractiveStarsRatingBar {...props} />\n  );\n};\n\nStarsRatingBar.displayName = 'StarsRatingBar';\n\nStarsRatingBar.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  readOnly: PropTypes.bool,\n  labelValues: PropTypes.arrayOf(PropTypes.string),\n  descriptionValues: PropTypes.arrayOf(PropTypes.string),\n  value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n  onChange: PropTypes.func,\n};\n\nexport default StarsRatingBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAAmF,IAAAI,YAAA;AAEnF,IAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,OAAOA,KAAK,CAACC,QAAQ,gBACnBT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,sBAAsB,MAAAC,SAAA,CAAAH,OAAA,MAAKF,KAAK;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,gBAErClB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,0BAAA,CAAAc,yBAAyB,MAAAN,SAAA,CAAAH,OAAA,MAAKF,KAAK;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACxC;AACH,CAAC;AAEDX,cAAc,CAACa,WAAW,GAAG,gBAAgB;AAE7Cb,cAAc,CAACc,SAAS,GAAG;EACzBC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,SAAS,EAAEF,kBAAS,CAACC,MAAM;EAC3BE,IAAI,EAAEH,kBAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EAC3DlB,QAAQ,EAAEc,kBAAS,CAACK,IAAI;EACxBC,WAAW,EAAEN,kBAAS,CAACO,OAAO,CAACP,kBAAS,CAACC,MAAM,CAAC;EAChDO,iBAAiB,EAAER,kBAAS,CAACO,OAAO,CAACP,kBAAS,CAACC,MAAM,CAAC;EACtDQ,KAAK,EAAET,kBAAS,CAACI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACM,UAAU;EACrDC,QAAQ,EAAEX,kBAAS,CAACY;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaH,cAAc","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_ReadOnlyStarsRatingBar","_InteractiveStarsRatingBar","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StarsRatingBar","forwardRef","props","ref","readOnly","createElement","ReadOnlyStarsRatingBar","_extends2","__self","__source","fileName","lineNumber","columnNumber","displayName","propTypes","dataHook","PropTypes","string","className","size","oneOf","bool","labelValues","arrayOf","isRequired","descriptionValues","value","onChange","func","_default","exports"],"sources":["../../../src/StarsRatingBar/StarsRatingBar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { StarsRatingBarProps } from './StarsRatingBar.types';\nimport { ReadOnlyStarsRatingBar } from './components/ReadOnlyStarsRatingBar';\nimport InteractiveStarsRatingBar from './components/InteractiveStarsRatingBar';\n\nconst StarsRatingBar = forwardRef<HTMLInputElement, StarsRatingBarProps>(\n  (props, ref) => {\n    return props.readOnly ? (\n      <ReadOnlyStarsRatingBar {...props} />\n    ) : (\n      <InteractiveStarsRatingBar\n        ref={ref as React.RefObject<HTMLInputElement>}\n        {...props}\n      />\n    );\n  },\n);\n\nStarsRatingBar.displayName = 'StarsRatingBar';\n\nStarsRatingBar.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  readOnly: PropTypes.bool,\n  labelValues: PropTypes.arrayOf(PropTypes.string.isRequired),\n  descriptionValues: PropTypes.arrayOf(PropTypes.string.isRequired),\n  value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired as PropTypes.Validator<\n    0 | 1 | 2 | 3 | 4 | 5\n  >,\n  onChange: PropTypes.func,\n};\n\nexport default StarsRatingBar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.InteractiveStarsRatingBar = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _StarsRatingBarSt = require("./StarsRatingBar.st.css.js");
 var _constants = require("../constants");
@@ -12,6 +12,7 @@ var _utils = require("../../providers/useCollapse/utils");
 var _StarsRatingBar = _interopRequireDefault(require("../StarsRatingBar.semanticClassNames"));
 var _common = require("../utils/common");
 var _visuallyHiddenSt = require("../../common/styles/visuallyHidden.st.css.js");
+var _Focusable = require("../../common/Focusable");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/StarsRatingBar/components/InteractiveStarsRatingBar.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,7 +28,7 @@ var renderCaption = (_ref, value) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 28,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -40,22 +41,25 @@ var renderCaption = (_ref, value) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 7
     }
   }, descriptionValues[value - 1]));
 };
-var InteractiveStarsRatingBar = props => {
+var InteractiveStarsRatingBar = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   var _ref2;
   var {
     dataHook,
     className,
     value,
-    onChange
+    onChange,
+    focusableOnFocus,
+    focusableOnBlur
   } = props;
   var name = (0, _utils.useUniqueId)(props.name);
   var [hoveredValue, setHoveredValue] = (0, _react.useState)(null);
   var visualValue = (_ref2 = hoveredValue !== null && hoveredValue !== void 0 ? hoveredValue : value) !== null && _ref2 !== void 0 ? _ref2 : 0;
+  var valueToPassReference = value > 0 ? value : 1; // if value is 0, we pass the reference to the first star
   var sizePx = (0, _common.getStarSizePx)(props);
   var handleChange = event => {
     onChange == null || onChange(parseInt(event.currentTarget.value));
@@ -83,7 +87,7 @@ var InteractiveStarsRatingBar = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 88,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -92,7 +96,7 @@ var InteractiveStarsRatingBar = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 89,
       columnNumber: 7
     }
   }, _constants.starValues.map(starValue => {
@@ -111,7 +115,7 @@ var InteractiveStarsRatingBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 85,
+        lineNumber: 97,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement("input", {
@@ -122,10 +126,13 @@ var InteractiveStarsRatingBar = props => {
       "aria-label": (0, _common.getRatingLabel)(props, starValue),
       className: _visuallyHiddenSt.classes.visuallyHidden,
       onChange: handleChange,
+      ref: valueToPassReference === starValue ? ref : undefined,
+      onFocus: focusableOnFocus,
+      onBlur: focusableOnBlur,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 109,
         columnNumber: 15
       }
     }), /*#__PURE__*/_react.default.createElement(Icon, {
@@ -137,11 +144,11 @@ var InteractiveStarsRatingBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 121,
         columnNumber: 15
       }
     }));
   })), renderCaption(props, visualValue));
-};
-exports.InteractiveStarsRatingBar = InteractiveStarsRatingBar;
+});
+var _default = exports.default = (0, _Focusable.withFocusable)(InteractiveStarsRatingBar);
 //# sourceMappingURL=InteractiveStarsRatingBar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_StarsRatingBarSt","_constants","_Text","_interopRequireDefault","_wixUiIconsCommon","_utils","_StarsRatingBar","_common","_visuallyHiddenSt","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","renderCaption","_ref","value","descriptionValues","Array","isArray","length","createElement","className","classes","rateCaption","__self","__source","fileName","lineNumber","columnNumber","dataHook","dataHooks","ratingCaption","ellipsis","size","weight","secondary","InteractiveStarsRatingBar","props","_ref2","onChange","name","useUniqueId","hoveredValue","setHoveredValue","useState","visualValue","sizePx","getStarSizePx","handleChange","event","parseInt","currentTarget","createPointerEventHandler","pointerType","type","st","root","role","starsContainer","starValues","map","starValue","filled","checked","Icon","StarFilled","Star","handlePointerEvent","key","filledStar","emptyStar","starContainer","semanticClassNames","buttonInteractive","onPointerEnter","onPointerLeave","onPointerCancel","getRatingLabel","commonClasses","visuallyHidden","star","filledIcon","emptyIcon","exports"],"sources":["../../../../src/StarsRatingBar/components/InteractiveStarsRatingBar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { st, classes } from './StarsRatingBar.st.css';\nimport { dataHooks, starValues } from '../constants';\n\nimport Text from '../../Text';\n\nimport { Star, StarFilled } from '@wix/wix-ui-icons-common';\nimport { useUniqueId } from '../../providers/useCollapse/utils';\nimport semanticClassNames from '../StarsRatingBar.semanticClassNames';\nimport { StarsRatingBarProps } from '../StarsRatingBar.types';\nimport { getRatingLabel, getStarSizePx } from '../utils/common';\nimport { classes as commonClasses } from '../../common/styles/visuallyHidden.st.css';\n\nconst renderCaption = (\n  { descriptionValues }: StarsRatingBarProps,\n  value?: number,\n) => {\n  if (\n    !Array.isArray(descriptionValues) ||\n    descriptionValues.length !== 5 ||\n    !value\n  ) {\n    return null;\n  }\n\n  return (\n    <div className={classes.rateCaption}>\n      <Text\n        dataHook={dataHooks.ratingCaption}\n        aria-hidden\n        ellipsis\n        size=\"small\"\n        weight=\"normal\"\n        secondary\n      >\n        {descriptionValues[value - 1]}\n      </Text>\n    </div>\n  );\n};\n\nexport const InteractiveStarsRatingBar = (props: StarsRatingBarProps) => {\n  const { dataHook, className, value, onChange } = props;\n  const name = useUniqueId(props.name);\n  const [hoveredValue, setHoveredValue] = useState<number | null>(null);\n  const visualValue = hoveredValue ?? value ?? 0;\n  const sizePx = getStarSizePx(props);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(parseInt(event.currentTarget.value));\n  };\n\n  const createPointerEventHandler =\n    (value: number) => (event: React.PointerEvent<HTMLElement>) => {\n      if (event.pointerType === 'touch') {\n        // Ignoring the touch hover, because it is sticky and results in bad UX.\n        return;\n      }\n\n      switch (event.type) {\n        case 'pointerenter':\n          setHoveredValue(value);\n          break;\n\n        case 'pointerleave':\n        case 'pointercancel':\n          setHoveredValue(null);\n          break;\n\n        default:\n          break;\n      }\n    };\n\n  return (\n    <div data-hook={dataHook} className={st(classes.root, className)}>\n      <div role=\"radiogroup\" className={classes.starsContainer}>\n        {starValues.map(starValue => {\n          const filled = visualValue >= starValue;\n          const checked = value === starValue;\n          const Icon = filled ? StarFilled : Star;\n          const handlePointerEvent = createPointerEventHandler(starValue);\n\n          return (\n            <label\n              key={starValue}\n              data-hook={filled ? dataHooks.filledStar : dataHooks.emptyStar}\n              data-index={starValue}\n              className={st(\n                classes.starContainer,\n                semanticClassNames.buttonInteractive,\n              )}\n              onPointerEnter={handlePointerEvent}\n              onPointerLeave={handlePointerEvent}\n              onPointerCancel={handlePointerEvent}\n            >\n              <input\n                type=\"radio\"\n                name={name}\n                value={starValue}\n                checked={checked}\n                aria-label={getRatingLabel(props, starValue)}\n                className={commonClasses.visuallyHidden}\n                onChange={handleChange}\n              />\n              <Icon\n                aria-hidden\n                className={st(\n                  classes.star,\n                  { filled },\n                  filled\n                    ? semanticClassNames.filledIcon\n                    : semanticClassNames.emptyIcon,\n                )}\n                size={sizePx}\n              />\n            </label>\n          );\n        })}\n      </div>\n      {renderCaption(props, visualValue)}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_StarsRatingBarSt","_constants","_Text","_interopRequireDefault","_wixUiIconsCommon","_utils","_StarsRatingBar","_common","_visuallyHiddenSt","_Focusable","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","renderCaption","_ref","value","descriptionValues","Array","isArray","length","createElement","className","classes","rateCaption","__self","__source","fileName","lineNumber","columnNumber","dataHook","dataHooks","ratingCaption","ellipsis","size","weight","secondary","InteractiveStarsRatingBar","forwardRef","props","ref","_ref2","onChange","focusableOnFocus","focusableOnBlur","name","useUniqueId","hoveredValue","setHoveredValue","useState","visualValue","valueToPassReference","sizePx","getStarSizePx","handleChange","event","parseInt","currentTarget","createPointerEventHandler","pointerType","type","st","root","role","starsContainer","starValues","map","starValue","filled","checked","Icon","StarFilled","Star","handlePointerEvent","key","filledStar","emptyStar","starContainer","semanticClassNames","buttonInteractive","onPointerEnter","onPointerLeave","onPointerCancel","getRatingLabel","commonClasses","visuallyHidden","undefined","onFocus","onBlur","star","filledIcon","emptyIcon","_default","exports","withFocusable"],"sources":["../../../../src/StarsRatingBar/components/InteractiveStarsRatingBar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { st, classes } from './StarsRatingBar.st.css';\nimport { dataHooks, starValues } from '../constants';\n\nimport Text from '../../Text';\n\nimport { Star, StarFilled } from '@wix/wix-ui-icons-common';\nimport { useUniqueId } from '../../providers/useCollapse/utils';\nimport semanticClassNames from '../StarsRatingBar.semanticClassNames';\nimport { StarsRatingBarProps } from '../StarsRatingBar.types';\nimport { getRatingLabel, getStarSizePx } from '../utils/common';\nimport { classes as commonClasses } from '../../common/styles/visuallyHidden.st.css';\nimport { InjectedFocusableProps, withFocusable } from '../../common/Focusable';\n\nconst renderCaption = (\n  { descriptionValues }: StarsRatingBarProps,\n  value?: number,\n) => {\n  if (\n    !Array.isArray(descriptionValues) ||\n    descriptionValues.length !== 5 ||\n    !value\n  ) {\n    return null;\n  }\n\n  return (\n    <div className={classes.rateCaption}>\n      <Text\n        dataHook={dataHooks.ratingCaption}\n        aria-hidden\n        ellipsis\n        size=\"small\"\n        weight=\"normal\"\n        secondary\n      >\n        {descriptionValues[value - 1]}\n      </Text>\n    </div>\n  );\n};\n\nconst InteractiveStarsRatingBar = forwardRef<\n  HTMLInputElement,\n  InjectedFocusableProps<StarsRatingBarProps>\n>((props, ref) => {\n  const {\n    dataHook,\n    className,\n    value,\n    onChange,\n    focusableOnFocus,\n    focusableOnBlur,\n  } = props;\n  const name = useUniqueId(props.name);\n  const [hoveredValue, setHoveredValue] = useState<number | null>(null);\n  const visualValue = hoveredValue ?? value ?? 0;\n  const valueToPassReference = value > 0 ? value : 1; // if value is 0, we pass the reference to the first star\n  const sizePx = getStarSizePx(props);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(parseInt(event.currentTarget.value));\n  };\n\n  const createPointerEventHandler =\n    (value: number) => (event: React.PointerEvent<HTMLElement>) => {\n      if (event.pointerType === 'touch') {\n        // Ignoring the touch hover, because it is sticky and results in bad UX.\n        return;\n      }\n\n      switch (event.type) {\n        case 'pointerenter':\n          setHoveredValue(value);\n          break;\n\n        case 'pointerleave':\n        case 'pointercancel':\n          setHoveredValue(null);\n          break;\n\n        default:\n          break;\n      }\n    };\n\n  return (\n    <div data-hook={dataHook} className={st(classes.root, className)}>\n      <div role=\"radiogroup\" className={classes.starsContainer}>\n        {starValues.map(starValue => {\n          const filled = visualValue >= starValue;\n          const checked = value === starValue;\n          const Icon = filled ? StarFilled : Star;\n          const handlePointerEvent = createPointerEventHandler(starValue);\n\n          return (\n            <label\n              key={starValue}\n              data-hook={filled ? dataHooks.filledStar : dataHooks.emptyStar}\n              data-index={starValue}\n              className={st(\n                classes.starContainer,\n                semanticClassNames.buttonInteractive,\n              )}\n              onPointerEnter={handlePointerEvent}\n              onPointerLeave={handlePointerEvent}\n              onPointerCancel={handlePointerEvent}\n            >\n              <input\n                type=\"radio\"\n                name={name}\n                value={starValue}\n                checked={checked}\n                aria-label={getRatingLabel(props, starValue)}\n                className={commonClasses.visuallyHidden}\n                onChange={handleChange}\n                ref={valueToPassReference === starValue ? ref : undefined}\n                onFocus={focusableOnFocus}\n                onBlur={focusableOnBlur}\n              />\n              <Icon\n                aria-hidden\n                className={st(\n                  classes.star,\n                  { filled },\n                  filled\n                    ? semanticClassNames.filledIcon\n                    : semanticClassNames.emptyIcon,\n                )}\n                size={sizePx}\n              />\n            </label>\n          );\n        })}\n      </div>\n      {renderCaption(props, visualValue)}\n    </div>\n  );\n});\n\nexport default withFocusable(InteractiveStarsRatingBar);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,12 @@
 
 require("../../Foundation/stylable/colors.st.css.js");
 
+require("../../common/Focusable/Focusable.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_191_1_StarsRatingBar";
+var _namespace_ = "wds_1_191_2_StarsRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_191_1_StarsRatingBar__root","starsContainer":"wds_1_191_1_StarsRatingBar__starsContainer","starContainer":"wds_1_191_1_StarsRatingBar__starContainer","star":"wds_1_191_1_StarsRatingBar__star","rateCaption":"wds_1_191_1_StarsRatingBar__rateCaption"};
+module.exports.classes = {"root":"wds_1_191_2_StarsRatingBar__root","starsContainer":"wds_1_191_2_StarsRatingBar__starsContainer","starContainer":"wds_1_191_2_StarsRatingBar__starContainer","star":"wds_1_191_2_StarsRatingBar__star","rateCaption":"wds_1_191_2_StarsRatingBar__rateCaption"};
 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_191_1_StatisticsItem";
+var _namespace_ = "wds_1_191_2_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_191_1_StatisticsItem__root","item":"wds_1_191_1_StatisticsItem__item","loader":"wds_1_191_1_StatisticsItem__loader","description":"wds_1_191_1_StatisticsItem__description","info":"wds_1_191_1_StatisticsItem__info","percentage":"wds_1_191_1_StatisticsItem__percentage","tooltip":"wds_1_191_1_StatisticsItem__tooltip"};
+module.exports.classes = {"root":"wds_1_191_2_StatisticsItem__root","item":"wds_1_191_2_StatisticsItem__item","loader":"wds_1_191_2_StatisticsItem__loader","description":"wds_1_191_2_StatisticsItem__description","info":"wds_1_191_2_StatisticsItem__info","percentage":"wds_1_191_2_StatisticsItem__percentage","tooltip":"wds_1_191_2_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_191_1_StatisticsWidget";
+var _namespace_ = "wds_1_191_2_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_191_1_StatisticsWidget__root"};
+module.exports.classes = {"root":"wds_1_191_2_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_191_1_StatusIndicator";
+var _namespace_ = "wds_1_191_2_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_191_1_StatusIndicator__root"};
+module.exports.classes = {"root":"wds_1_191_2_StatusIndicator__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_191_1_StatusToast";
+var _namespace_ = "wds_1_191_2_StatusToast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_191_1_StatusToast__root","toast":"wds_1_191_1_StatusToast__toast","icon":"wds_1_191_1_StatusToast__icon","content":"wds_1_191_1_StatusToast__content","action":"wds_1_191_1_StatusToast__action"};
+module.exports.classes = {"root":"wds_1_191_2_StatusToast__root","toast":"wds_1_191_2_StatusToast__toast","icon":"wds_1_191_2_StatusToast__icon","content":"wds_1_191_2_StatusToast__content","action":"wds_1_191_2_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_191_1_Stepper";
+var _namespace_ = "wds_1_191_2_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_191_1_Stepper__root"};
+module.exports.classes = {"root":"wds_1_191_2_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_191_1_Step";
+var _namespace_ = "wds_1_191_2_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_191_1_Step__root","text-medium-normal":"wds_1_191_1_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_191_1_StylableTypography__text-medium-thin","text-small-normal":"wds_1_191_1_StylableTypography__text-small-normal","text-small-thin":"wds_1_191_1_StylableTypography__text-small-thin","marker":"wds_1_191_1_Step__marker","content":"wds_1_191_1_Step__content","text":"wds_1_191_1_Step__text","arrow":"wds_1_191_1_Step__arrow"};
+module.exports.classes = {"root":"wds_1_191_2_Step__root","text-medium-normal":"wds_1_191_2_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_191_2_StylableTypography__text-medium-thin","text-small-normal":"wds_1_191_2_StylableTypography__text-small-normal","text-small-thin":"wds_1_191_2_StylableTypography__text-small-thin","marker":"wds_1_191_2_Step__marker","content":"wds_1_191_2_Step__content","text":"wds_1_191_2_Step__text","arrow":"wds_1_191_2_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_191_1_StepMarker";
+var _namespace_ = "wds_1_191_2_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_191_1_StepMarker__root"};
+module.exports.classes = {"root":"wds_1_191_2_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_191_1_DataTable";
+var _namespace_ = "wds_1_191_2_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_191_1_DataTable__root","text-small-thin":"wds_1_191_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_191_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_191_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_191_1_StylableTypography__text-medium-thin","table":"wds_1_191_1_DataTable__table","virtualized":"wds_1_191_1_DataTable__virtualized","sticky":"wds_1_191_1_DataTable__sticky","details":"wds_1_191_1_DataTable__details","active":"wds_1_191_1_DataTable__active","dnd":"wds_1_191_1_DataTable__dnd","thSkinStandard":"wds_1_191_1_DataTable__thSkinStandard","thSkinNeutral":"wds_1_191_1_DataTable__thSkinNeutral","thContainer":"wds_1_191_1_DataTable__thContainer","alignStart":"wds_1_191_1_DataTable__alignStart","alignCenter":"wds_1_191_1_DataTable__alignCenter","alignEnd":"wds_1_191_1_DataTable__alignEnd","infoTooltipWrapper":"wds_1_191_1_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_191_1_DataTable__hasRowDetails","important":"wds_1_191_1_DataTable__important","clickableDataRow":"wds_1_191_1_DataTable__clickableDataRow","highlight":"wds_1_191_1_DataTable__highlight","activeRow":"wds_1_191_1_DataTable__activeRow","selected":"wds_1_191_1_DataTable__selected","sortArrow":"wds_1_191_1_DataTable__sortArrow","rowDetails":"wds_1_191_1_DataTable__rowDetails","animatedDataRow":"wds_1_191_1_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_191_1_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_191_1_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_191_1_DataTable__scrollWrapper","lastSticky":"wds_1_191_1_DataTable__lastSticky","leftShadowVisible":"wds_1_191_1_DataTable__leftShadowVisible","withStickyColumns":"wds_1_191_1_DataTable__withStickyColumns","rightShadowVisible":"wds_1_191_1_DataTable__rightShadowVisible","stickyActionCell":"wds_1_191_1_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_191_1_DataTable__rowDetailsExtended"};
+module.exports.classes = {"root":"wds_1_191_2_DataTable__root","text-small-thin":"wds_1_191_2_StylableTypography__text-small-thin","text-small-normal":"wds_1_191_2_StylableTypography__text-small-normal","text-small-bold":"wds_1_191_2_StylableTypography__text-small-bold","text-medium-thin":"wds_1_191_2_StylableTypography__text-medium-thin","table":"wds_1_191_2_DataTable__table","virtualized":"wds_1_191_2_DataTable__virtualized","sticky":"wds_1_191_2_DataTable__sticky","details":"wds_1_191_2_DataTable__details","active":"wds_1_191_2_DataTable__active","dnd":"wds_1_191_2_DataTable__dnd","thSkinStandard":"wds_1_191_2_DataTable__thSkinStandard","thSkinNeutral":"wds_1_191_2_DataTable__thSkinNeutral","thContainer":"wds_1_191_2_DataTable__thContainer","alignStart":"wds_1_191_2_DataTable__alignStart","alignCenter":"wds_1_191_2_DataTable__alignCenter","alignEnd":"wds_1_191_2_DataTable__alignEnd","infoTooltipWrapper":"wds_1_191_2_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_191_2_DataTable__hasRowDetails","important":"wds_1_191_2_DataTable__important","clickableDataRow":"wds_1_191_2_DataTable__clickableDataRow","highlight":"wds_1_191_2_DataTable__highlight","activeRow":"wds_1_191_2_DataTable__activeRow","selected":"wds_1_191_2_DataTable__selected","sortArrow":"wds_1_191_2_DataTable__sortArrow","rowDetails":"wds_1_191_2_DataTable__rowDetails","animatedDataRow":"wds_1_191_2_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_191_2_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_191_2_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_191_2_DataTable__scrollWrapper","lastSticky":"wds_1_191_2_DataTable__lastSticky","leftShadowVisible":"wds_1_191_2_DataTable__leftShadowVisible","withStickyColumns":"wds_1_191_2_DataTable__withStickyColumns","rightShadowVisible":"wds_1_191_2_DataTable__rightShadowVisible","stickyActionCell":"wds_1_191_2_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_191_2_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_191_1_DataTableRow";
+var _namespace_ = "wds_1_191_2_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_191_1_DataTableRow__root","stickyActionCell":"wds_1_191_1_DataTable__stickyActionCell","sticky":"wds_1_191_1_DataTable__sticky","dataTableHighlight":"wds_1_191_1_DataTable__highlight","activeRow":"wds_1_191_1_DataTable__activeRow","light":"wds_1_191_1_DataTableRow__light","neutral":"wds_1_191_1_DataTableRow__neutral","highlight":"wds_1_191_1_DataTableRow__highlight"};
+module.exports.classes = {"root":"wds_1_191_2_DataTableRow__root","stickyActionCell":"wds_1_191_2_DataTable__stickyActionCell","sticky":"wds_1_191_2_DataTable__sticky","dataTableHighlight":"wds_1_191_2_DataTable__highlight","activeRow":"wds_1_191_2_DataTable__activeRow","light":"wds_1_191_2_DataTableRow__light","neutral":"wds_1_191_2_DataTableRow__neutral","highlight":"wds_1_191_2_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_191_1_DataTableRowVirtual";
+var _namespace_ = "wds_1_191_2_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_191_1_DataTableRowVirtual__root","alignCenter":"wds_1_191_1_DataTable__alignCenter","stickyActionCell":"wds_1_191_1_DataTable__stickyActionCell","thContainer":"wds_1_191_1_DataTable__thContainer","thead":"wds_1_191_1_DataTableRowVirtual__thead"};
+module.exports.classes = {"root":"wds_1_191_2_DataTableRowVirtual__root","alignCenter":"wds_1_191_2_DataTable__alignCenter","stickyActionCell":"wds_1_191_2_DataTable__stickyActionCell","thContainer":"wds_1_191_2_DataTable__thContainer","thead":"wds_1_191_2_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_191_1_Example";
+var _namespace_ = "wds_1_191_2_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_191_1_Example__root","highlightRow":"wds_1_191_1_Example__highlightRow"};
+module.exports.classes = {"root":"wds_1_191_2_Example__root","highlightRow":"wds_1_191_2_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_191_1_FloatingScrollBar";
+var _namespace_ = "wds_1_191_2_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_191_1_FloatingScrollBar__root","content":"wds_1_191_1_FloatingScrollBar__content"};
+module.exports.classes = {"root":"wds_1_191_2_FloatingScrollBar__root","content":"wds_1_191_2_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_191_1_Table";
+var _namespace_ = "wds_1_191_2_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_191_1_Table__root","onHover":"wds_1_191_1_TableActionCell__onHover","notOnHover":"wds_1_191_1_TableActionCell__notOnHover","emptyStateContainer":"wds_1_191_1_Table__emptyStateContainer","content":"wds_1_191_1_Table__content","tableRow":"wds_1_191_1_Table__tableRow","tableSubToolbar":"wds_1_191_1_Table__tableSubToolbar"};
+module.exports.classes = {"root":"wds_1_191_2_Table__root","onHover":"wds_1_191_2_TableActionCell__onHover","notOnHover":"wds_1_191_2_TableActionCell__notOnHover","emptyStateContainer":"wds_1_191_2_Table__emptyStateContainer","content":"wds_1_191_2_Table__content","tableRow":"wds_1_191_2_Table__tableRow","tableSubToolbar":"wds_1_191_2_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_191_1_TableActionCell";
+var _namespace_ = "wds_1_191_2_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_191_1_TableActionCell__root","action":"wds_1_191_1_TableActionCell__action","hoverSlot":"wds_1_191_1_TableActionCell__hoverSlot","onHover":"wds_1_191_1_TableActionCell__onHover","notOnHover":"wds_1_191_1_TableActionCell__notOnHover","placeholderIcon":"wds_1_191_1_TableActionCell__placeholderIcon"};
+module.exports.classes = {"root":"wds_1_191_2_TableActionCell__root","action":"wds_1_191_2_TableActionCell__action","hoverSlot":"wds_1_191_2_TableActionCell__hoverSlot","onHover":"wds_1_191_2_TableActionCell__onHover","notOnHover":"wds_1_191_2_TableActionCell__notOnHover","placeholderIcon":"wds_1_191_2_TableActionCell__placeholderIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_191_1_TableListHeader";
+var _namespace_ = "wds_1_191_2_TableListHeader";
 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_191_1_TableListHeader__root","text-small-normal":"wds_1_191_1_StylableTypography__text-small-normal","optionsContainer":"wds_1_191_1_TableListHeader__optionsContainer","option":"wds_1_191_1_TableListHeader__option","sortArrow":"wds_1_191_1_TableListHeader__sortArrow"};
+module.exports.classes = {"root":"wds_1_191_2_TableListHeader__root","text-small-normal":"wds_1_191_2_StylableTypography__text-small-normal","optionsContainer":"wds_1_191_2_TableListHeader__optionsContainer","option":"wds_1_191_2_TableListHeader__option","sortArrow":"wds_1_191_2_TableListHeader__sortArrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};