@wix/design-system 1.0.3 → 1.1.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_ImageViewer";
+var _namespace_ = "wds_1_1_0_ImageViewer";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_ImageViewer__root","buttons":"wds_1_0_3_ImageViewer__buttons","imageContainer":"wds_1_0_3_ImageViewer__imageContainer","overlay":"wds_1_0_3_ImageViewer__overlay","image":"wds_1_0_3_ImageViewer__image","imageVisible":"wds_1_0_3_ImageViewer__imageVisible","statusContainer":"wds_1_0_3_ImageViewer__statusContainer","stretch":"wds_1_0_3_ImageViewer__stretch"};
+module.exports.classes = {"root":"wds_1_1_0_ImageViewer__root","buttons":"wds_1_1_0_ImageViewer__buttons","imageContainer":"wds_1_1_0_ImageViewer__imageContainer","overlay":"wds_1_1_0_ImageViewer__overlay","image":"wds_1_1_0_ImageViewer__image","imageVisible":"wds_1_1_0_ImageViewer__imageVisible","statusContainer":"wds_1_1_0_ImageViewer__statusContainer","stretch":"wds_1_1_0_ImageViewer__stretch"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_InfoIcon";
+var _namespace_ = "wds_1_1_0_InfoIcon";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_InfoIcon__root","icon":"wds_1_0_3_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_1_0_InfoIcon__root","icon":"wds_1_1_0_InfoIcon__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Affix/Affix.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_3_Affix";
+var _namespace_ = "wds_1_1_0_Affix";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_Affix__root","text-small-normal":"wds_1_0_3_StylableTypography__text-small-normal","text-small-thin":"wds_1_0_3_StylableTypography__text-small-thin","text-medium-normal":"wds_1_0_3_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_0_3_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_1_0_Affix__root","text-small-normal":"wds_1_1_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_1_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_1_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_1_0_StylableTypography__text-medium-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Group/Group.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_3_Group";
+var _namespace_ = "wds_1_1_0_Group";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_Group__root"};
+module.exports.classes = {"root":"wds_1_1_0_Group__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/IconAffix/IconAffix.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_3_IconAffix";
+var _namespace_ = "wds_1_1_0_IconAffix";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_1_0_IconAffix__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_Input";
+var _namespace_ = "wds_1_1_0_Input";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_Input__root","text-small-normal":"wds_1_0_3_StylableTypography__text-small-normal","text-small-thin":"wds_1_0_3_StylableTypography__text-small-thin","text-medium-normal":"wds_1_0_3_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_0_3_StylableTypography__text-medium-thin","wrapper":"wds_1_0_3_Input__wrapper","input":"wds_1_0_3_Input__input","disabled":"wds_1_0_3_Input__disabled","readOnly":"wds_1_0_3_Input__readOnly","suffixes":"wds_1_0_3_Input__suffixes","suffix":"wds_1_0_3_Input__suffix","statusWrapper":"wds_1_0_3_Input__statusWrapper","clearButtonWrapper":"wds_1_0_3_Input__clearButtonWrapper","menuArrow":"wds_1_0_3_Input__menuArrow","clearButton":"wds_1_0_3_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_1_0_Input__root","text-small-normal":"wds_1_1_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_1_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_1_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_1_0_StylableTypography__text-medium-thin","wrapper":"wds_1_1_0_Input__wrapper","input":"wds_1_1_0_Input__input","disabled":"wds_1_1_0_Input__disabled","readOnly":"wds_1_1_0_Input__readOnly","suffixes":"wds_1_1_0_Input__suffixes","suffix":"wds_1_1_0_Input__suffix","statusWrapper":"wds_1_1_0_Input__statusWrapper","clearButtonWrapper":"wds_1_1_0_Input__clearButtonWrapper","menuArrow":"wds_1_1_0_Input__menuArrow","clearButton":"wds_1_1_0_Input__clearButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Ticker/Ticker.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_3_Ticker";
+var _namespace_ = "wds_1_1_0_Ticker";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_Ticker__root","up":"wds_1_0_3_Ticker__up","down":"wds_1_0_3_Ticker__down"};
+module.exports.classes = {"root":"wds_1_1_0_Ticker__root","up":"wds_1_1_0_Ticker__up","down":"wds_1_1_0_Ticker__down"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_InputArea";
+var _namespace_ = "wds_1_1_0_InputArea";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_InputArea__root","text-small-normal":"wds_1_0_3_StylableTypography__text-small-normal","text-small-thin":"wds_1_0_3_StylableTypography__text-small-thin","text-medium-normal":"wds_1_0_3_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_0_3_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_0_3_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_0_3_InputArea__inputArea","counter":"wds_1_0_3_InputArea__counter","status":"wds_1_0_3_InputArea__status","disabled":"wds_1_0_3_InputArea__disabled","readOnly":"wds_1_0_3_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_1_0_InputArea__root","text-small-normal":"wds_1_1_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_1_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_1_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_1_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_1_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_1_0_InputArea__inputArea","counter":"wds_1_1_0_InputArea__counter","status":"wds_1_1_0_InputArea__status","disabled":"wds_1_1_0_InputArea__disabled","readOnly":"wds_1_1_0_InputArea__readOnly"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_InputWithLabel";
+var _namespace_ = "wds_1_1_0_InputWithLabel";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_InputWithLabel__root","groupIcon":"wds_1_0_3_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_0_3_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_0_3_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_0_3_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_0_3_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_1_0_InputWithLabel__root","groupIcon":"wds_1_1_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_1_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_1_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_1_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_1_0_InputWithLabel__errorMessageContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_InputWithOptions";
+var _namespace_ = "wds_1_1_0_InputWithOptions";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_InputWithOptions__root","nativeSelectWrapper":"wds_1_0_3_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_0_3_InputWithOptions__nativeSelect","nativeOption":"wds_1_0_3_InputWithOptions__nativeOption"};
+module.exports.classes = {"root":"wds_1_1_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_1_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_1_0_InputWithOptions__nativeSelect","nativeOption":"wds_1_1_0_InputWithOptions__nativeOption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_LabelledElement";
+var _namespace_ = "wds_1_1_0_LabelledElement";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_LabelledElement__root","input":"wds_1_0_3_Input__input","menuArrow":"wds_1_0_3_Input__menuArrow","label":"wds_1_0_3_LabelledElement__label","labelText":"wds_1_0_3_LabelledElement__labelText","inputContainer":"wds_1_0_3_LabelledElement__inputContainer"};
+module.exports.classes = {"root":"wds_1_1_0_LabelledElement__root","input":"wds_1_1_0_Input__input","menuArrow":"wds_1_1_0_Input__menuArrow","label":"wds_1_1_0_LabelledElement__label","labelText":"wds_1_1_0_LabelledElement__labelText","inputContainer":"wds_1_1_0_LabelledElement__inputContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Layout/Cell/Cell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_3_LayoutCell";
+var _namespace_ = "wds_1_1_0_LayoutCell";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_LayoutCell__root"};
+module.exports.classes = {"root":"wds_1_1_0_LayoutCell__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_Layout";
+var _namespace_ = "wds_1_1_0_Layout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_Layout__root"};
+module.exports.classes = {"root":"wds_1_1_0_Layout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_LinearProgressBar";
+var _namespace_ = "wds_1_1_0_LinearProgressBar";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_LinearProgressBar__root","text-medium-bold":"wds_1_0_3_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_1_0_LinearProgressBar__root","text-medium-bold":"wds_1_1_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.js

@@ -24,7 +24,7 @@ var resolveIndicationElement = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 52,
       columnNumber: 5
     }
   }, children);
@@ -40,7 +40,7 @@ var resolveIndicationElement = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 68,
         columnNumber: 7
       }
     }, props.customSuffixIndicationText));
@@ -50,7 +50,7 @@ var resolveIndicationElement = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, "".concat(props.value, "%")));
@@ -69,7 +69,7 @@ var renderBarSection = function renderBarSection(value) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 88,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -78,7 +78,7 @@ var renderBarSection = function renderBarSection(value) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 93,
       columnNumber: 7
     }
   }), /*#__PURE__*/React.createElement("div", {
@@ -88,32 +88,33 @@ var renderBarSection = function renderBarSection(value) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 97,
       columnNumber: 7
     }
   }));
 };
 var getRelativeValue = props => {
   var {
-    value,
-    min,
-    max,
+    value = 0,
+    min = 0,
+    max = 100,
     precision
   } = props;
-  // @ts-ignore
-  var relativeValue = (+value - min) / (max - min) * 100;
-  return precision ? +relativeValue.toFixed(precision) : parseInt(relativeValue, 10);
+  var relativeValue = +((Number(value) - min) / (max - min) * 100).toFixed(precision || 1);
+  return precision ? relativeValue : parseInt(relativeValue, 10);
 };
 var normalizeProps = props => {
-  // @ts-ignore
-  if (props.value >= props.max) {
+  var {
+    value,
+    min,
+    max
+  } = props;
+  if (value !== undefined && max !== undefined && value >= max) {
     return _objectSpread(_objectSpread({}, props), {}, {
       value: FULL_PROGRESS
     });
   }
-  if (
-  // @ts-ignore
-  props.value < props.min || [undefined, null, ''].includes(props.value)) {
+  if ([undefined, null, ''].includes(value) || value !== undefined && min !== undefined && value < min) {
     return _objectSpread(_objectSpread({}, props), {}, {
       value: NO_PROGRESS
     });
@@ -123,24 +124,22 @@ var normalizeProps = props => {
   });
 };
 var getDataAttributes = props => {
+  var {
+    value,
+    min,
+    max
+  } = props;
   return {
-    // @ts-ignore
-    [_DataHooks.ProgressBarDataKeys.value]: props.value,
-    // @ts-ignore
-    [_DataHooks.ProgressBarDataKeys.min]: props.min,
-    // @ts-ignore
-    [_DataHooks.ProgressBarDataKeys.max]: props.max
+    [_DataHooks.ProgressBarDataKeys.value]: value,
+    [_DataHooks.ProgressBarDataKeys.min]: min,
+    [_DataHooks.ProgressBarDataKeys.max]: max
   };
 };
 var getAriaAttributes = props => {
   return {
-    // @ts-ignore
-    [_DataHooks.ProgressBarAriaKeys.valuenow]: +props.value || NO_PROGRESS,
-    // @ts-ignore
-    [_DataHooks.ProgressBarAriaKeys.valuemin]: +props.min,
-    // @ts-ignore
-    [_DataHooks.ProgressBarAriaKeys.valuemax]: +props.max,
-    // @ts-ignore
+    [_DataHooks.ProgressBarAriaKeys.valuenow]: props.value !== undefined ? +props.value : NO_PROGRESS,
+    [_DataHooks.ProgressBarAriaKeys.valuemin]: props.min !== undefined ? +props.min : props.min,
+    [_DataHooks.ProgressBarAriaKeys.valuemax]: props.max !== undefined ? +props.max : props.max,
     [_DataHooks.ProgressBarAriaKeys.valuetext]: props[_DataHooks.ProgressBarAriaKeys.valuetext]
   };
 };
@@ -170,7 +169,7 @@ var LinearProgressBarCore = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 174,
       columnNumber: 5
     }
   }), prefixIndication && /*#__PURE__*/React.createElement("div", {
@@ -180,7 +179,7 @@ var LinearProgressBarCore = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 185,
       columnNumber: 9
     }
   }, prefixIndication), renderBarSection(_props.value, !!onClick, props['aria-label']), showProgressIndication && /*#__PURE__*/React.createElement("div", {
@@ -190,7 +189,7 @@ var LinearProgressBarCore = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 196,
       columnNumber: 9
     }
   }, resolveIndicationElement(_props)));

package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.js.map

@@ -1 +1 @@
-{"version":3,"names":["FULL_PROGRESS","NO_PROGRESS","resolveIndicationElement","props","wrapped","dataHook","children","classes","indicationContainer","error","errorIcon","ProgressBarDataHooks","value","successIcon","customSuffixIndicationText","suffixIndicator","suffixIndication","progressPercentage","renderBarSection","isButton","ariaLabel","progressWidth","width","Component","container","barContainer","background","barBackground","foreground","barForeground","getRelativeValue","min","max","precision","relativeValue","toFixed","parseInt","normalizeProps","undefined","includes","getDataAttributes","ProgressBarDataKeys","getAriaAttributes","ProgressBarAriaKeys","valuenow","valuemin","valuemax","valuetext","LinearProgressBarCore","showProgressIndication","prefixIndication","className","onClick","role","_props","success","st","root","filterDataProps","prefixIndicator","prefixIndicationContainer","progressIndicator","progressIndicationSection","displayName","defaultProps"],"sources":["../../../../src/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './LinearProgressBarCore.st.css';\nimport {\n  ProgressBarDataHooks,\n  ProgressBarDataKeys,\n  ProgressBarAriaKeys,\n} from './DataHooks';\nimport { filterDataProps } from './utils/filter-data-props';\n\nexport interface LinearProgressBarProps {\n  /** represent the progress state in percentages (min || 0 - no progress, max || 100 - progress completed) */\n  value?: number | string;\n  /** should be true if had failure during the progress */\n  error?: boolean;\n  /** when set to true, an indication of the progress state will be presented along side the progress bar */\n  showProgressIndication?: boolean;\n  /** an indication icon (any react component) that will be presented when 'error' and 'showProgressIndication' are set to true */\n  errorIcon?: JSX.Element;\n  /** an indication icon (any react component) that will be presented when 'showProgressIndication' are set to true and 'value' is equal or bigger than 'max' */\n  successIcon?: JSX.Element;\n  /** minimum value for progress bar, default value: 0 */\n  min?: number;\n  /** maximum value for progress bar, default value: 100 */\n  max?: number;\n  /** Number of decimal points to keep when normalizing value */\n  precision?: number;\n  /** A prefix node for the progress bar */\n  prefixIndication?: React.ReactNode;\n  /** A custom text for the progress bar indication. */\n  customSuffixIndicationText?: string;\n  /** onClick on the component */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /** aria-label - Accessibility */\n  'aria-label'?: string;\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  'data-hook'?: string;\n  /** add aria-hidden to prefix/suffix */\n  'aria-hide-affixes'?: boolean;\n  role?: string;\n  className?: string;\n}\n\nconst FULL_PROGRESS = 100;\nconst NO_PROGRESS = 0;\n\nconst resolveIndicationElement = (props: LinearProgressBarProps) => {\n  const wrapped = (dataHook: string, children: JSX.Element | string) => (\n    <div data-hook={dataHook} className={classes.indicationContainer}>\n      {children}\n    </div>\n  );\n\n  if (props.error && props.errorIcon) {\n    return wrapped(ProgressBarDataHooks.errorIcon, props.errorIcon);\n  }\n\n  if (props.value === FULL_PROGRESS && props.successIcon) {\n    return wrapped(ProgressBarDataHooks.successIcon, props.successIcon);\n  }\n\n  if (props.customSuffixIndicationText) {\n    return wrapped(\n      ProgressBarDataHooks.suffixIndicator,\n      <span className={classes.suffixIndication}>\n        {props.customSuffixIndicationText}\n      </span>,\n    );\n  }\n\n  return wrapped(\n    ProgressBarDataHooks.progressPercentage,\n    <span className={classes.progressPercentage}>{`${props.value}%`}</span>,\n  );\n};\n\nconst renderBarSection = (\n  value: number | string,\n  isButton: boolean = false,\n  ariaLabel?: string,\n) => {\n  const progressWidth = { width: `${value}%` };\n  const Component = isButton ? 'button' : 'div';\n  return (\n    <Component\n      data-hook={ProgressBarDataHooks.container}\n      className={classes.barContainer}\n      aria-label={ariaLabel}\n    >\n      <div\n        data-hook={ProgressBarDataHooks.background}\n        className={classes.barBackground}\n      />\n      <div\n        data-hook={ProgressBarDataHooks.foreground}\n        style={progressWidth}\n        className={classes.barForeground}\n      />\n    </Component>\n  );\n};\n\nconst getRelativeValue = (props: LinearProgressBarProps): number => {\n  const { value, min, max, precision } = props;\n  // @ts-ignore\n  const relativeValue = ((+value - min) / (max - min)) * 100;\n  return precision\n    ? +relativeValue.toFixed(precision)\n    : parseInt(relativeValue as any, 10);\n};\n\nconst normalizeProps = (props: LinearProgressBarProps) => {\n  // @ts-ignore\n  if (props.value >= props.max) {\n    return { ...props, value: FULL_PROGRESS };\n  }\n\n  if (\n    // @ts-ignore\n    props.value < props.min ||\n    [undefined, null, ''].includes(props.value as string)\n  ) {\n    return { ...props, value: NO_PROGRESS };\n  }\n\n  return { ...props, value: getRelativeValue(props) };\n};\n\nconst getDataAttributes = (\n  props: LinearProgressBarProps,\n): { [key in ProgressBarDataKeys]: number | string } => {\n  return {\n    // @ts-ignore\n    [ProgressBarDataKeys.value]: props.value,\n    // @ts-ignore\n    [ProgressBarDataKeys.min]: props.min,\n    // @ts-ignore\n    [ProgressBarDataKeys.max]: props.max,\n  };\n};\n\nconst getAriaAttributes = (\n  props: LinearProgressBarProps,\n): {\n  [key in ProgressBarAriaKeys]: React.HTMLAttributes<HTMLDivElement>[key];\n} => {\n  return {\n    // @ts-ignore\n    [ProgressBarAriaKeys.valuenow]: +props.value || NO_PROGRESS,\n    // @ts-ignore\n    [ProgressBarAriaKeys.valuemin]: +props.min,\n    // @ts-ignore\n    [ProgressBarAriaKeys.valuemax]: +props.max,\n    // @ts-ignore\n    [ProgressBarAriaKeys.valuetext]: props[ProgressBarAriaKeys.valuetext],\n  };\n};\n\nconst LinearProgressBarCore: React.FunctionComponent<LinearProgressBarProps> = (\n  props: LinearProgressBarProps,\n) => {\n  const {\n    error,\n    showProgressIndication,\n    prefixIndication,\n    className,\n    onClick,\n    role,\n  } = props;\n  const _props = normalizeProps(props);\n  const success = _props.value === FULL_PROGRESS;\n  return (\n    <div\n      {...getDataAttributes(_props)}\n      {...(role === 'progressbar' ? getAriaAttributes(props) : {})}\n      data-min={_props.min}\n      data-error={error}\n      {...(role ? { role } : {})}\n      className={st(classes.root, { error, success }, className)}\n      {...filterDataProps(props)}\n      onClick={onClick}\n    >\n      {prefixIndication && (\n        <div\n          data-hook={ProgressBarDataHooks.prefixIndicator}\n          className={classes.prefixIndicationContainer}\n          aria-hidden={props['aria-hide-affixes']}\n        >\n          {prefixIndication}\n        </div>\n      )}\n      {renderBarSection(_props.value, !!onClick, props['aria-label'])}\n\n      {showProgressIndication && (\n        <div\n          data-hook={ProgressBarDataHooks.progressIndicator}\n          className={classes.progressIndicationSection}\n          aria-hidden={props['aria-hide-affixes']}\n        >\n          {resolveIndicationElement(_props)}\n        </div>\n      )}\n    </div>\n  );\n};\n\nLinearProgressBarCore.displayName = 'LinearProgressBar';\n\nLinearProgressBarCore.defaultProps = {\n  min: NO_PROGRESS,\n  max: FULL_PROGRESS,\n  role: 'progressbar',\n};\n\nexport default LinearProgressBarCore;\n"],"mappings":"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"}
+{"version":3,"names":["FULL_PROGRESS","NO_PROGRESS","resolveIndicationElement","props","wrapped","dataHook","children","classes","indicationContainer","error","errorIcon","ProgressBarDataHooks","value","successIcon","customSuffixIndicationText","suffixIndicator","suffixIndication","progressPercentage","renderBarSection","isButton","ariaLabel","progressWidth","width","Component","container","barContainer","background","barBackground","foreground","barForeground","getRelativeValue","min","max","precision","relativeValue","Number","toFixed","parseInt","normalizeProps","undefined","includes","getDataAttributes","ProgressBarDataKeys","getAriaAttributes","ProgressBarAriaKeys","valuenow","valuemin","valuemax","valuetext","LinearProgressBarCore","showProgressIndication","prefixIndication","className","onClick","role","_props","success","st","root","filterDataProps","prefixIndicator","prefixIndicationContainer","progressIndicator","progressIndicationSection","displayName","defaultProps"],"sources":["../../../../src/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './LinearProgressBarCore.st.css';\nimport {\n  ProgressBarDataHooks,\n  ProgressBarDataKeys,\n  ProgressBarAriaKeys,\n} from './DataHooks';\nimport { filterDataProps } from './utils/filter-data-props';\n\nexport interface LinearProgressBarProps {\n  /** represent the progress state in percentages (min || 0 - no progress, max || 100 - progress completed) */\n  value?: number | string;\n  /** should be true if had failure during the progress */\n  error?: boolean;\n  /** when set to true, an indication of the progress state will be presented along side the progress bar */\n  showProgressIndication?: boolean;\n  /** an indication icon (any react component) that will be presented when 'error' and 'showProgressIndication' are set to true */\n  errorIcon?: JSX.Element;\n  /** an indication icon (any react component) that will be presented when 'showProgressIndication' are set to true and 'value' is equal or bigger than 'max' */\n  successIcon?: JSX.Element;\n  /** minimum value for progress bar, default value: 0 */\n  min?: number;\n  /** maximum value for progress bar, default value: 100 */\n  max?: number;\n  /** Number of decimal points to keep when normalizing value */\n  precision?: number;\n  /** A prefix node for the progress bar */\n  prefixIndication?: React.ReactNode;\n  /** A custom text for the progress bar indication. */\n  customSuffixIndicationText?: string;\n  /** onClick on the component */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /** aria-label - Accessibility */\n  'aria-label'?: string;\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  'data-hook'?: string;\n  /** add aria-hidden to prefix/suffix */\n  'aria-hide-affixes'?: boolean;\n  role?: string;\n  className?: string;\n}\n\nexport interface LinearProgressBarPropsWithAria extends LinearProgressBarProps {\n  [ProgressBarAriaKeys.valuetext]?: string;\n}\n\nconst FULL_PROGRESS = 100;\nconst NO_PROGRESS = 0;\n\nconst resolveIndicationElement = (props: LinearProgressBarProps) => {\n  const wrapped = (dataHook: string, children: JSX.Element | string) => (\n    <div data-hook={dataHook} className={classes.indicationContainer}>\n      {children}\n    </div>\n  );\n\n  if (props.error && props.errorIcon) {\n    return wrapped(ProgressBarDataHooks.errorIcon, props.errorIcon);\n  }\n\n  if (props.value === FULL_PROGRESS && props.successIcon) {\n    return wrapped(ProgressBarDataHooks.successIcon, props.successIcon);\n  }\n\n  if (props.customSuffixIndicationText) {\n    return wrapped(\n      ProgressBarDataHooks.suffixIndicator,\n      <span className={classes.suffixIndication}>\n        {props.customSuffixIndicationText}\n      </span>,\n    );\n  }\n\n  return wrapped(\n    ProgressBarDataHooks.progressPercentage,\n    <span className={classes.progressPercentage}>{`${props.value}%`}</span>,\n  );\n};\n\nconst renderBarSection = (\n  value: number | string,\n  isButton: boolean = false,\n  ariaLabel?: string,\n) => {\n  const progressWidth = { width: `${value}%` };\n  const Component = isButton ? 'button' : 'div';\n  return (\n    <Component\n      data-hook={ProgressBarDataHooks.container}\n      className={classes.barContainer}\n      aria-label={ariaLabel}\n    >\n      <div\n        data-hook={ProgressBarDataHooks.background}\n        className={classes.barBackground}\n      />\n      <div\n        data-hook={ProgressBarDataHooks.foreground}\n        style={progressWidth}\n        className={classes.barForeground}\n      />\n    </Component>\n  );\n};\n\nconst getRelativeValue = (props: LinearProgressBarProps): number => {\n  const { value = 0, min = 0, max = 100, precision } = props;\n\n  const relativeValue = +(((Number(value) - min) / (max - min)) * 100).toFixed(\n    precision || 1,\n  );\n\n  return precision ? relativeValue : parseInt(relativeValue as any, 10);\n};\n\nconst normalizeProps = (props: LinearProgressBarProps) => {\n  const { value, min, max } = props;\n\n  if (value !== undefined && max !== undefined && value >= max) {\n    return { ...props, value: FULL_PROGRESS };\n  }\n\n  if (\n    [undefined, null, ''].includes(value as string) ||\n    (value !== undefined && min !== undefined && value < min)\n  ) {\n    return { ...props, value: NO_PROGRESS };\n  }\n\n  return { ...props, value: getRelativeValue(props) };\n};\n\nconst getDataAttributes = (\n  props: LinearProgressBarProps,\n): { [key in ProgressBarDataKeys]: number | string | undefined } => {\n  const { value, min, max } = props;\n  return {\n    [ProgressBarDataKeys.value]: value,\n    [ProgressBarDataKeys.min]: min,\n    [ProgressBarDataKeys.max]: max,\n  };\n};\n\nconst getAriaAttributes = (\n  props: LinearProgressBarPropsWithAria,\n): {\n  [key in ProgressBarAriaKeys]: React.HTMLAttributes<HTMLDivElement>[key];\n} => {\n  return {\n    [ProgressBarAriaKeys.valuenow]:\n      props.value !== undefined ? +props.value : NO_PROGRESS,\n    [ProgressBarAriaKeys.valuemin]:\n      props.min !== undefined ? +props.min : props.min,\n    [ProgressBarAriaKeys.valuemax]:\n      props.max !== undefined ? +props.max : props.max,\n    [ProgressBarAriaKeys.valuetext]: props[ProgressBarAriaKeys.valuetext],\n  };\n};\n\nconst LinearProgressBarCore: React.FunctionComponent<\n  LinearProgressBarPropsWithAria\n> = (props: LinearProgressBarPropsWithAria) => {\n  const {\n    error,\n    showProgressIndication,\n    prefixIndication,\n    className,\n    onClick,\n    role,\n  } = props;\n  const _props = normalizeProps(props);\n  const success = _props.value === FULL_PROGRESS;\n  return (\n    <div\n      {...getDataAttributes(_props)}\n      {...(role === 'progressbar' ? getAriaAttributes(props) : {})}\n      data-min={_props.min}\n      data-error={error}\n      {...(role ? { role } : {})}\n      className={st(classes.root, { error, success }, className)}\n      {...filterDataProps(props)}\n      onClick={onClick}\n    >\n      {prefixIndication && (\n        <div\n          data-hook={ProgressBarDataHooks.prefixIndicator}\n          className={classes.prefixIndicationContainer}\n          aria-hidden={props['aria-hide-affixes']}\n        >\n          {prefixIndication}\n        </div>\n      )}\n      {renderBarSection(_props.value, !!onClick, props['aria-label'])}\n\n      {showProgressIndication && (\n        <div\n          data-hook={ProgressBarDataHooks.progressIndicator}\n          className={classes.progressIndicationSection}\n          aria-hidden={props['aria-hide-affixes']}\n        >\n          {resolveIndicationElement(_props)}\n        </div>\n      )}\n    </div>\n  );\n};\n\nLinearProgressBarCore.displayName = 'LinearProgressBar';\n\nLinearProgressBarCore.defaultProps = {\n  min: NO_PROGRESS,\n  max: FULL_PROGRESS,\n  role: 'progressbar',\n};\n\nexport default LinearProgressBarCore;\n"],"mappings":"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"}

package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_3_LinearProgressBarCore";
+var _namespace_ = "wds_1_1_0_LinearProgressBarCore";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_LinearProgressBarCore__root","progressIndicationSection":"wds_1_0_3_LinearProgressBarCore__progressIndicationSection","prefixIndicationContainer":"wds_1_0_3_LinearProgressBarCore__prefixIndicationContainer","suffixIndication":"wds_1_0_3_LinearProgressBarCore__suffixIndication","barContainer":"wds_1_0_3_LinearProgressBarCore__barContainer","barBackground":"wds_1_0_3_LinearProgressBarCore__barBackground","barForeground":"wds_1_0_3_LinearProgressBarCore__barForeground","indicationContainer":"wds_1_0_3_LinearProgressBarCore__indicationContainer","progressPercentage":"wds_1_0_3_LinearProgressBarCore__progressPercentage"};
+module.exports.classes = {"root":"wds_1_1_0_LinearProgressBarCore__root","progressIndicationSection":"wds_1_1_0_LinearProgressBarCore__progressIndicationSection","prefixIndicationContainer":"wds_1_1_0_LinearProgressBarCore__prefixIndicationContainer","suffixIndication":"wds_1_1_0_LinearProgressBarCore__suffixIndication","barContainer":"wds_1_1_0_LinearProgressBarCore__barContainer","barBackground":"wds_1_1_0_LinearProgressBarCore__barBackground","barForeground":"wds_1_1_0_LinearProgressBarCore__barForeground","indicationContainer":"wds_1_1_0_LinearProgressBarCore__indicationContainer","progressPercentage":"wds_1_1_0_LinearProgressBarCore__progressPercentage"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_ListItemAction";
+var _namespace_ = "wds_1_1_0_ListItemAction";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_ListItemAction__root","text":"wds_1_0_3_ListItemAction__text","prefixIcon":"wds_1_0_3_ListItemAction__prefixIcon","suffixIcon":"wds_1_0_3_ListItemAction__suffixIcon","textBox":"wds_1_0_3_ListItemAction__textBox","suffix":"wds_1_0_3_ListItemAction__suffix"};
+module.exports.classes = {"root":"wds_1_1_0_ListItemAction__root","text":"wds_1_1_0_ListItemAction__text","prefixIcon":"wds_1_1_0_ListItemAction__prefixIcon","suffixIcon":"wds_1_1_0_ListItemAction__suffixIcon","textBox":"wds_1_1_0_ListItemAction__textBox","suffix":"wds_1_1_0_ListItemAction__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_ListItemEditable";
+var _namespace_ = "wds_1_1_0_ListItemEditable";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_ListItemEditable__root","input":"wds_1_0_3_ListItemEditable__input"};
+module.exports.classes = {"root":"wds_1_1_0_ListItemEditable__root","input":"wds_1_1_0_ListItemEditable__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_ListItemSection";
+var _namespace_ = "wds_1_1_0_ListItemSection";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_ListItemSection__root","title":"wds_1_0_3_ListItemSection__title","titleWrapper":"wds_1_0_3_ListItemSection__titleWrapper","suffixWrapper":"wds_1_0_3_ListItemSection__suffixWrapper","suffix":"wds_1_0_3_ListItemSection__suffix"};
+module.exports.classes = {"root":"wds_1_1_0_ListItemSection__root","title":"wds_1_1_0_ListItemSection__title","titleWrapper":"wds_1_1_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_1_0_ListItemSection__suffixWrapper","suffix":"wds_1_1_0_ListItemSection__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_ListItemSelect";
+var _namespace_ = "wds_1_1_0_ListItemSelect";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_ListItemSelect__root","fullWidthContent":"wds_1_0_3_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_0_3_ListItemSelect__textsWrapper","titleWrapper":"wds_1_0_3_ListItemSelect__titleWrapper","prefix":"wds_1_0_3_ListItemSelect__prefix","title":"wds_1_0_3_ListItemSelect__title","suffix":"wds_1_0_3_ListItemSelect__suffix","subtitle":"wds_1_0_3_ListItemSelect__subtitle"};
+module.exports.classes = {"root":"wds_1_1_0_ListItemSelect__root","fullWidthContent":"wds_1_1_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_1_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_1_0_ListItemSelect__titleWrapper","prefix":"wds_1_1_0_ListItemSelect__prefix","title":"wds_1_1_0_ListItemSelect__title","suffix":"wds_1_1_0_ListItemSelect__suffix","subtitle":"wds_1_1_0_ListItemSelect__subtitle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_LiveRegion";
+var _namespace_ = "wds_1_1_0_LiveRegion";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_LiveRegion__root"};
+module.exports.classes = {"root":"wds_1_1_0_LiveRegion__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_Loader";
+var _namespace_ = "wds_1_1_0_Loader";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_Loader__root","statusIndicator":"wds_1_0_3_Loader__statusIndicator","arcsContainer":"wds_1_0_3_Loader__arcsContainer","darkArc":"wds_1_0_3_Loader__darkArc","lightArc":"wds_1_0_3_Loader__lightArc","text":"wds_1_0_3_Loader__text"};
-module.exports.keyframes = {"rotation":"wds_1_0_3_Loader__rotation","staggered-rotation":"wds_1_0_3_Loader__staggered-rotation"}; 
+module.exports.classes = {"root":"wds_1_1_0_Loader__root","statusIndicator":"wds_1_1_0_Loader__statusIndicator","arcsContainer":"wds_1_1_0_Loader__arcsContainer","darkArc":"wds_1_1_0_Loader__darkArc","lightArc":"wds_1_1_0_Loader__lightArc","text":"wds_1_1_0_Loader__text"};
+module.exports.keyframes = {"rotation":"wds_1_1_0_Loader__rotation","staggered-rotation":"wds_1_1_0_Loader__staggered-rotation"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {};