@wix/design-system 1.0.4 → 1.1.1

package/dist/cjs/TagList/TagList.js.map

@@ -1 +1 @@
-{"version":3,"names":["tagToActionButtonSize","small","medium","large","TagList","React","PureComponent","constructor","props","_toggleExpanded","setState","prevState","isExpanded","_renderToggleMoreButton","toggleMoreButton","tags","maxVisibleTags","state","amountOfHiddenTags","length","dataHooks","initiallyExpanded","render","dataHook","actionButton","size","onTagRemove","visibleTags","slice","actionButtonSize","classes","root","map","className","tagProps","st","item","id","onClick","label","displayName","propTypes","PropTypes","string","arrayOf","object","func","oneOf","bool","number","shape","defaultProps"],"sources":["../../../src/TagList/TagList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './TagList.st.css';\nimport Tag from '../Tag';\nimport TagListAction from './TagListAction';\nimport ToggleMoreButton from './ToggleMoreButton';\nimport dataHooks from './dataHooks';\n\nconst tagToActionButtonSize = {\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\n/** TagList */\nclass TagList extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isExpanded: props.initiallyExpanded,\n    };\n  }\n\n  _toggleExpanded = () =>\n    this.setState(prevState => ({ isExpanded: !prevState.isExpanded }));\n\n  _renderToggleMoreButton = () => {\n    const { toggleMoreButton, tags, maxVisibleTags } = this.props;\n    const { isExpanded } = this.state;\n\n    const amountOfHiddenTags = tags.length - maxVisibleTags;\n\n    if (toggleMoreButton && amountOfHiddenTags > 0) {\n      return (\n        <ToggleMoreButton\n          {...{\n            toggleMoreButton,\n            amountOfHiddenTags,\n            isExpanded,\n          }}\n          dataHook={dataHooks.toggleMoreButton}\n          onClick={this._toggleExpanded}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  render() {\n    const { dataHook, tags, actionButton, size, onTagRemove, maxVisibleTags } =\n      this.props;\n    const { isExpanded } = this.state;\n\n    const visibleTags = isExpanded ? tags : tags.slice(0, maxVisibleTags);\n\n    const actionButtonSize = tagToActionButtonSize[size];\n\n    return (\n      <div className={classes.root} data-hook={dataHook}>\n        {visibleTags.map(({ className, ...tagProps }) => (\n          <Tag\n            {...tagProps}\n            className={st(classes.item, className)}\n            size={size}\n            onRemove={onTagRemove}\n            key={tagProps.id}\n          />\n        ))}\n        {this._renderToggleMoreButton()}\n        {actionButton && (\n          <TagListAction\n            dataHook={dataHooks.actionButton}\n            size={actionButtonSize}\n            onClick={actionButton.onClick}\n          >\n            {actionButton.label}\n          </TagListAction>\n        )}\n      </div>\n    );\n  }\n}\n\nTagList.displayName = 'TagList';\n\nTagList.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Lists all component’s tags and its properties */\n  tags: PropTypes.arrayOf(PropTypes.object),\n\n  /** Defines a callback function that passes an `id` property as a parameter when removing a tag */\n  onTagRemove: PropTypes.func,\n\n  /** Sets the size of a component */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Defines whether the list is:\n   * - initially expanded (shows all tags)\n   * - or collapsed (shows tags up to the max visible number)\n   */\n  initiallyExpanded: PropTypes.bool,\n\n  /** Sets an amount of tags to show before expanding */\n  maxVisibleTags: PropTypes.number,\n\n  /** Defines the label of an action button and its onClick function */\n  actionButton: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string,\n  }),\n\n  /** Defines a function which provides props for the ToggleMoreButton\n   * ##### toggleMoreButton signature is:\n   * `function(amountOfHiddenTags: number, isExpanded: boolean) => ToggleMoreButtonProps`\n   *\n   * ##### ToggleMoreButtonProps:\n   * * `label`: string\n   * * `tooltipContent`: node\n   * * `tooltipProps`: TooltipCommonProps\n   */\n  toggleMoreButton: PropTypes.func,\n};\n\nTagList.defaultProps = {\n  size: 'small',\n  initiallyExpanded: false,\n  maxVisibleTags: 3,\n};\n\nexport default TagList;\n"],"mappings":"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"}
+{"version":3,"names":["tagToActionButtonSize","small","medium","large","TagList","React","PureComponent","constructor","props","_toggleExpanded","setState","prevState","isExpanded","_renderToggleMoreButton","toggleMoreButton","tags","maxVisibleTags","size","state","amountOfHiddenTags","length","dataHooks","initiallyExpanded","render","dataHook","actionButton","onTagRemove","visibleTags","slice","actionButtonSize","classes","root","map","className","tagProps","st","item","id","onClick","label","displayName","propTypes","PropTypes","string","arrayOf","object","func","oneOf","bool","number","shape","defaultProps"],"sources":["../../../src/TagList/TagList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './TagList.st.css';\nimport Tag from '../Tag';\nimport TagListAction from './TagListAction';\nimport ToggleMoreButton from './ToggleMoreButton';\nimport dataHooks from './dataHooks';\n\nconst tagToActionButtonSize = {\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\n/** TagList */\nclass TagList extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isExpanded: props.initiallyExpanded,\n    };\n  }\n\n  _toggleExpanded = () =>\n    this.setState(prevState => ({ isExpanded: !prevState.isExpanded }));\n\n  _renderToggleMoreButton = () => {\n    const { toggleMoreButton, tags, maxVisibleTags, size } = this.props;\n    const { isExpanded } = this.state;\n\n    const amountOfHiddenTags = tags.length - maxVisibleTags;\n\n    if (toggleMoreButton && amountOfHiddenTags > 0) {\n      return (\n        <ToggleMoreButton\n          {...{\n            size: tagToActionButtonSize[size],\n            toggleMoreButton,\n            amountOfHiddenTags,\n            isExpanded,\n          }}\n          dataHook={dataHooks.toggleMoreButton}\n          onClick={this._toggleExpanded}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  render() {\n    const { dataHook, tags, actionButton, size, onTagRemove, maxVisibleTags } =\n      this.props;\n    const { isExpanded } = this.state;\n\n    const visibleTags = isExpanded ? tags : tags.slice(0, maxVisibleTags);\n\n    const actionButtonSize = tagToActionButtonSize[size];\n\n    return (\n      <div className={classes.root} data-hook={dataHook}>\n        {visibleTags.map(({ className, ...tagProps }) => (\n          <Tag\n            {...tagProps}\n            className={st(classes.item, className)}\n            size={size}\n            onRemove={onTagRemove}\n            key={tagProps.id}\n          />\n        ))}\n        {this._renderToggleMoreButton()}\n        {actionButton && (\n          <TagListAction\n            dataHook={dataHooks.actionButton}\n            size={actionButtonSize}\n            onClick={actionButton.onClick}\n          >\n            {actionButton.label}\n          </TagListAction>\n        )}\n      </div>\n    );\n  }\n}\n\nTagList.displayName = 'TagList';\n\nTagList.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Lists all component’s tags and its properties */\n  tags: PropTypes.arrayOf(PropTypes.object),\n\n  /** Defines a callback function that passes an `id` property as a parameter when removing a tag */\n  onTagRemove: PropTypes.func,\n\n  /** Sets the size of a component */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Defines whether the list is:\n   * - initially expanded (shows all tags)\n   * - or collapsed (shows tags up to the max visible number)\n   */\n  initiallyExpanded: PropTypes.bool,\n\n  /** Sets an amount of tags to show before expanding */\n  maxVisibleTags: PropTypes.number,\n\n  /** Defines the label of an action button and its onClick function */\n  actionButton: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string,\n  }),\n\n  /** Defines a function which provides props for the ToggleMoreButton\n   * ##### toggleMoreButton signature is:\n   * `function(amountOfHiddenTags: number, isExpanded: boolean) => ToggleMoreButtonProps`\n   *\n   * ##### ToggleMoreButtonProps:\n   * * `label`: string\n   * * `tooltipContent`: node\n   * * `tooltipProps`: TooltipCommonProps\n   */\n  toggleMoreButton: PropTypes.func,\n};\n\nTagList.defaultProps = {\n  size: 'small',\n  initiallyExpanded: false,\n  maxVisibleTags: 3,\n};\n\nexport default TagList;\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_TagList";
+var _namespace_ = "wds_1_1_1_TagList";
 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_4_TagList__root","item":"wds_1_0_4_TagList__item"};
+module.exports.classes = {"root":"wds_1_1_1_TagList__root","item":"wds_1_1_1_TagList__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.js

@@ -18,7 +18,8 @@ var ToggleMoreButton = _ref => {
     onClick,
     amountOfHiddenTags,
     isExpanded,
-    dataHook
+    dataHook,
+    size
   } = _ref;
   var _toggleMoreButton = toggleMoreButton(amountOfHiddenTags, isExpanded),
     {
@@ -27,13 +28,17 @@ var ToggleMoreButton = _ref => {
       tooltipProps
     } = _toggleMoreButton,
     props = (0, _objectWithoutProperties2.default)(_toggleMoreButton, _excluded);
-  var button = /*#__PURE__*/_react.default.createElement(_TagListAction.default, (0, _extends2.default)({}, props, {
+  var button = /*#__PURE__*/_react.default.createElement(_TagListAction.default, (0, _extends2.default)({
+    size: size,
+    skin: "standard",
+    priority: "secondary"
+  }, props, {
     dataHook: dataHook,
     onClick: onClick,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 21,
       columnNumber: 5
     }
   }), label);
@@ -45,7 +50,7 @@ var ToggleMoreButton = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 35,
         columnNumber: 7
       }
     }), button);

package/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToggleMoreButton","toggleMoreButton","onClick","amountOfHiddenTags","isExpanded","dataHook","label","tooltipContent","tooltipProps","props","button","classes","item","displayName","propTypes","PropTypes","func","isRequired","number","bool","string"],"sources":["../../../../src/TagList/ToggleMoreButton/ToggleMoreButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TagListAction from '../TagListAction';\nimport Tooltip from '../../Tooltip';\nimport { classes } from '../TagList.st.css';\n\nconst ToggleMoreButton = ({\n  toggleMoreButton,\n  onClick,\n  amountOfHiddenTags,\n  isExpanded,\n  dataHook,\n}) => {\n  const { label, tooltipContent, tooltipProps, ...props } = toggleMoreButton(\n    amountOfHiddenTags,\n    isExpanded,\n  );\n\n  const button = (\n    <TagListAction {...props} dataHook={dataHook} onClick={onClick}>\n      {label}\n    </TagListAction>\n  );\n\n  if (tooltipContent) {\n    return (\n      <Tooltip\n        content={tooltipContent}\n        className={classes.item}\n        {...tooltipProps}\n      >\n        {button}\n      </Tooltip>\n    );\n  }\n  return button;\n};\n\nToggleMoreButton.displayName = 'ToggleMoreButton';\n\nToggleMoreButton.propTypes = {\n  toggleMoreButton: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  amountOfHiddenTags: PropTypes.number.isRequired,\n  isExpanded: PropTypes.bool,\n  dataHook: PropTypes.string,\n};\n\nexport default ToggleMoreButton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA4C;AAAA;AAE5C,IAAMA,gBAAgB,GAAG,QAMnB;EAAA,IANoB;IACxBC,gBAAgB;IAChBC,OAAO;IACPC,kBAAkB;IAClBC,UAAU;IACVC;EACF,CAAC;EACC,wBAA0DJ,gBAAgB,CACxEE,kBAAkB,EAClBC,UAAU,CACX;IAHK;MAAEE,KAAK;MAAEC,cAAc;MAAEC;IAAuB,CAAC;IAAPC,KAAK;EAKrD,IAAMC,MAAM,gBACV,6BAAC,sBAAa,6BAAKD,KAAK;IAAE,QAAQ,EAAEJ,QAAS;IAAC,OAAO,EAAEH,OAAQ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAC5DI,KAAK,CAET;EAED,IAAIC,cAAc,EAAE;IAClB,oBACE,6BAAC,gBAAO;MACN,OAAO,EAAEA,cAAe;MACxB,SAAS,EAAEI,kBAAO,CAACC;IAAK,GACpBJ,YAAY;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,IAEfE,MAAM,CACC;EAEd;EACA,OAAOA,MAAM;AACf,CAAC;AAEDV,gBAAgB,CAACa,WAAW,GAAG,kBAAkB;AAEjDb,gBAAgB,CAACc,SAAS,GAAG;EAC3Bb,gBAAgB,EAAEc,kBAAS,CAACC,IAAI,CAACC,UAAU;EAC3Cf,OAAO,EAAEa,kBAAS,CAACC,IAAI,CAACC,UAAU;EAClCd,kBAAkB,EAAEY,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC/Cb,UAAU,EAAEW,kBAAS,CAACI,IAAI;EAC1Bd,QAAQ,EAAEU,kBAAS,CAACK;AACtB,CAAC;AAAC,eAEapB,gBAAgB;AAAA"}
+{"version":3,"names":["ToggleMoreButton","toggleMoreButton","onClick","amountOfHiddenTags","isExpanded","dataHook","size","label","tooltipContent","tooltipProps","props","button","classes","item","displayName","propTypes","PropTypes","func","isRequired","number","bool","string"],"sources":["../../../../src/TagList/ToggleMoreButton/ToggleMoreButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TagListAction from '../TagListAction';\nimport Tooltip from '../../Tooltip';\nimport { classes } from '../TagList.st.css';\n\nconst ToggleMoreButton = ({\n  toggleMoreButton,\n  onClick,\n  amountOfHiddenTags,\n  isExpanded,\n  dataHook,\n  size,\n}) => {\n  const { label, tooltipContent, tooltipProps, ...props } = toggleMoreButton(\n    amountOfHiddenTags,\n    isExpanded,\n  );\n\n  const button = (\n    <TagListAction\n      size={size}\n      skin=\"standard\"\n      priority=\"secondary\"\n      {...props}\n      dataHook={dataHook}\n      onClick={onClick}\n    >\n      {label}\n    </TagListAction>\n  );\n\n  if (tooltipContent) {\n    return (\n      <Tooltip\n        content={tooltipContent}\n        className={classes.item}\n        {...tooltipProps}\n      >\n        {button}\n      </Tooltip>\n    );\n  }\n  return button;\n};\n\nToggleMoreButton.displayName = 'ToggleMoreButton';\n\nToggleMoreButton.propTypes = {\n  toggleMoreButton: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  amountOfHiddenTags: PropTypes.number.isRequired,\n  isExpanded: PropTypes.bool,\n  dataHook: PropTypes.string,\n};\n\nexport default ToggleMoreButton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA4C;AAAA;AAE5C,IAAMA,gBAAgB,GAAG,QAOnB;EAAA,IAPoB;IACxBC,gBAAgB;IAChBC,OAAO;IACPC,kBAAkB;IAClBC,UAAU;IACVC,QAAQ;IACRC;EACF,CAAC;EACC,wBAA0DL,gBAAgB,CACxEE,kBAAkB,EAClBC,UAAU,CACX;IAHK;MAAEG,KAAK;MAAEC,cAAc;MAAEC;IAAuB,CAAC;IAAPC,KAAK;EAKrD,IAAMC,MAAM,gBACV,6BAAC,sBAAa;IACZ,IAAI,EAAEL,IAAK;IACX,IAAI,EAAC,UAAU;IACf,QAAQ,EAAC;EAAW,GAChBI,KAAK;IACT,QAAQ,EAAEL,QAAS;IACnB,OAAO,EAAEH,OAAQ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAEhBK,KAAK,CAET;EAED,IAAIC,cAAc,EAAE;IAClB,oBACE,6BAAC,gBAAO;MACN,OAAO,EAAEA,cAAe;MACxB,SAAS,EAAEI,kBAAO,CAACC;IAAK,GACpBJ,YAAY;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,IAEfE,MAAM,CACC;EAEd;EACA,OAAOA,MAAM;AACf,CAAC;AAEDX,gBAAgB,CAACc,WAAW,GAAG,kBAAkB;AAEjDd,gBAAgB,CAACe,SAAS,GAAG;EAC3Bd,gBAAgB,EAAEe,kBAAS,CAACC,IAAI,CAACC,UAAU;EAC3ChB,OAAO,EAAEc,kBAAS,CAACC,IAAI,CAACC,UAAU;EAClCf,kBAAkB,EAAEa,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC/Cd,UAAU,EAAEY,kBAAS,CAACI,IAAI;EAC1Bf,QAAQ,EAAEW,kBAAS,CAACK;AACtB,CAAC;AAAC,eAEarB,gBAAgB;AAAA"}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_TestimonialList";
+var _namespace_ = "wds_1_1_1_TestimonialList";
 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_4_TestimonialList__root","testimonialItem":"wds_1_0_4_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_0_4_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_0_4_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_0_4_TestimonialList__testimonialItemText"};
+module.exports.classes = {"root":"wds_1_1_1_TestimonialList__root","testimonialItem":"wds_1_1_1_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_1_1_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_1_1_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_1_1_TestimonialList__testimonialItemText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Caption";
+var _namespace_ = "wds_1_1_1_Caption";
 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_4_Caption__root","text-medium-bold":"wds_1_0_4_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_0_4_StylableTypography__text-tiny-bold","c1":"wds_1_0_4_Caption__c1","c2":"wds_1_0_4_Caption__c2"};
+module.exports.classes = {"root":"wds_1_1_1_Caption__root","text-medium-bold":"wds_1_1_1_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_1_1_StylableTypography__text-tiny-bold","c1":"wds_1_1_1_Caption__c1","c2":"wds_1_1_1_Caption__c2"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Text";
+var _namespace_ = "wds_1_1_1_Text";
 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_4_Text__root","text-tiny-thin":"wds_1_0_4_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_0_4_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_0_4_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_0_4_StylableTypography__text-small-thin","text-small-normal":"wds_1_0_4_StylableTypography__text-small-normal","text-small-bold":"wds_1_0_4_StylableTypography__text-small-bold","text-medium-thin":"wds_1_0_4_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_0_4_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_0_4_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_1_1_Text__root","text-tiny-thin":"wds_1_1_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_1_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_1_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_1_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_1_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_1_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_1_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_1_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_1_1_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_TextButton";
+var _namespace_ = "wds_1_1_1_TextButton";
 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_4_TextButton__root","text-tiny-thin":"wds_1_0_4_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_0_4_StylableTypography__text-tiny-normal","text-small-thin":"wds_1_0_4_StylableTypography__text-small-thin","text-small-normal":"wds_1_0_4_StylableTypography__text-small-normal","text-medium-thin":"wds_1_0_4_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_0_4_StylableTypography__text-medium-normal"};
+module.exports.classes = {"root":"wds_1_1_1_TextButton__root","text-tiny-thin":"wds_1_1_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_1_1_StylableTypography__text-tiny-normal","text-small-thin":"wds_1_1_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_1_1_StylableTypography__text-small-normal","text-medium-thin":"wds_1_1_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_1_1_StylableTypography__text-medium-normal"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/BusinessDashboard.st.css.js

@@ -93,7 +93,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_BusinessDashboard";
+var _namespace_ = "wds_1_1_1_BusinessDashboard";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -101,7 +101,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_BusinessDashboard__root"};
+module.exports.classes = {"root":"wds_1_1_1_BusinessDashboard__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Badge.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMBadge";
+var _namespace_ = "wds_1_1_1_BMBadge";
 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_4_BMBadge__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMBadge__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMButton";
+var _namespace_ = "wds_1_1_1_BMButton";
 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_4_BMButton__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Card/Content.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_0_4_BMCardContent";
+var _namespace_ = "wds_1_1_1_BMCardContent";
 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_4_BMCardContent__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCardContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Card/Header.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_0_4_BMCardHeader";
+var _namespace_ = "wds_1_1_1_BMCardHeader";
 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_4_BMCardHeader__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCardHeader__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/CheckToggle.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMCheckToggle";
+var _namespace_ = "wds_1_1_1_BMCheckToggle";
 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_4_BMCheckToggle__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCheckToggle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Checkbox.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMCheckbox";
+var _namespace_ = "wds_1_1_1_BMCheckbox";
 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_4_BMCheckbox__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCheckbox__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/CircularProgressBar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMCircularProgressBar";
+var _namespace_ = "wds_1_1_1_BMCircularProgressBar";
 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_4_BMCircularProgressBar__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCircularProgressBar__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/CloseButton.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMCloseButton";
+var _namespace_ = "wds_1_1_1_BMCloseButton";
 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_4_BMCloseButton__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCloseButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/CustomModalLayout.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMCustomModalLayout";
+var _namespace_ = "wds_1_1_1_BMCustomModalLayout";
 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_4_BMCustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMCustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Divider.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMDivider";
+var _namespace_ = "wds_1_1_1_BMDivider";
 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_4_BMDivider__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMDivider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/DropdownLayout.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMDropdownLayout";
+var _namespace_ = "wds_1_1_1_BMDropdownLayout";
 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_4_BMDropdownLayout__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMDropdownLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/EmptyState.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMEmptyState";
+var _namespace_ = "wds_1_1_1_BMEmptyState";
 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_4_BMEmptyState__root","heading-h4":"wds_1_0_4_BMTypography__heading-h4"};
+module.exports.classes = {"root":"wds_1_1_1_BMEmptyState__root","heading-h4":"wds_1_1_1_BMTypography__heading-h4"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Heading.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMHeading";
+var _namespace_ = "wds_1_1_1_BMHeading";
 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_4_BMHeading__root","heading-h1":"wds_1_0_4_BMTypography__heading-h1","heading-h3":"wds_1_0_4_BMTypography__heading-h3","heading-h4":"wds_1_0_4_BMTypography__heading-h4","heading-h5":"wds_1_0_4_BMTypography__heading-h5","heading-h6":"wds_1_0_4_BMTypography__heading-h6"};
+module.exports.classes = {"root":"wds_1_1_1_BMHeading__root","heading-h1":"wds_1_1_1_BMTypography__heading-h1","heading-h3":"wds_1_1_1_BMTypography__heading-h3","heading-h4":"wds_1_1_1_BMTypography__heading-h4","heading-h5":"wds_1_1_1_BMTypography__heading-h5","heading-h6":"wds_1_1_1_BMTypography__heading-h6"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/IconButton.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMIconButton";
+var _namespace_ = "wds_1_1_1_BMIconButton";
 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_4_BMIconButton__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMIconButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/InfoIcon.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMInfoIcon";
+var _namespace_ = "wds_1_1_1_BMInfoIcon";
 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_4_BMInfoIcon__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMInfoIcon__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Input/IconAffix.st.css.js

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

package/dist/cjs/Themes/businessDashboard/components/Input/Input.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_0_4_BMInput";
+var _namespace_ = "wds_1_1_1_BMInput";
 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_4_BMInput__root","text-tiny-normal":"wds_1_0_4_StylableTypography__text-tiny-normal"};
+module.exports.classes = {"root":"wds_1_1_1_BMInput__root","text-tiny-normal":"wds_1_1_1_StylableTypography__text-tiny-normal"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/LinearProgressBar.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMLinearProgressBar";
+var _namespace_ = "wds_1_1_1_BMLinearProgressBar";
 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_4_BMLinearProgressBar__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMLinearProgressBar__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/ListItemAction.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMListItemAction";
+var _namespace_ = "wds_1_1_1_BMListItemAction";
 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_4_BMListItemAction__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMListItemAction__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/ListItemSection.st.css.js

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

package/dist/cjs/Themes/businessDashboard/components/ListItemSelect.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMListItemSelect";
+var _namespace_ = "wds_1_1_1_BMListItemSelect";
 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_4_BMListItemSelect__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMListItemSelect__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/businessDashboard/components/Loader.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_BMLoader";
+var _namespace_ = "wds_1_1_1_BMLoader";
 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_4_BMLoader__root"};
+module.exports.classes = {"root":"wds_1_1_1_BMLoader__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};