@wix/design-system 1.198.0 → 1.198.1

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_0_Search";
+var _namespace_ = "wds_1_198_1_Search";
 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_198_0_Search__root","content":"wds_1_198_0_Search__content"};
+module.exports.classes = {"root":"wds_1_198_1_Search__root","content":"wds_1_198_1_Search__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_0_SectionHeader";
+var _namespace_ = "wds_1_198_1_SectionHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_198_0_SectionHeader__root","title":"wds_1_198_0_SectionHeader__title","titleText":"wds_1_198_0_SectionHeader__titleText","suffix":"wds_1_198_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_198_1_SectionHeader__root","title":"wds_1_198_1_SectionHeader__title","titleText":"wds_1_198_1_SectionHeader__titleText","suffix":"wds_1_198_1_SectionHeader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_198_0_SectionHeader-color-bg","color-border":"--wds_1_198_0_SectionHeader-color-border"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_198_1_SectionHeader-color-bg","color-border":"--wds_1_198_1_SectionHeader-color-border"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_0_SectionHelper";
+var _namespace_ = "wds_1_198_1_SectionHelper";
 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_198_0_SectionHelper__root","content":"wds_1_198_0_SectionHelper__content","close":"wds_1_198_0_SectionHelper__close","prefix":"wds_1_198_0_SectionHelper__prefix","textContainer":"wds_1_198_0_SectionHelper__textContainer","title":"wds_1_198_0_SectionHelper__title","action":"wds_1_198_0_SectionHelper__action","text":"wds_1_198_0_SectionHelper__text"};
+module.exports.classes = {"root":"wds_1_198_1_SectionHelper__root","content":"wds_1_198_1_SectionHelper__content","close":"wds_1_198_1_SectionHelper__close","prefix":"wds_1_198_1_SectionHelper__prefix","textContainer":"wds_1_198_1_SectionHelper__textContainer","title":"wds_1_198_1_SectionHelper__title","action":"wds_1_198_1_SectionHelper__action","text":"wds_1_198_1_SectionHelper__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SegmentedToggle/SegmentedToggle.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SegmentedToggleSt = require("./SegmentedToggle.st.css.js");
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton/ToggleButton"));
 var _ToggleIcon = _interopRequireDefault(require("./ToggleIcon/ToggleIcon"));
-var _excluded = ["dataHook", "children", "disabled", "size", "defaultSelected", "onClick", "selected"];
+var _excluded = ["dataHook", "children", "disabled", "size", "defaultSelected", "onClick", "selected", "ariaLabel", "ariaLabelledby"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SegmentedToggle/SegmentedToggle.js";
 class SegmentedToggle extends _react.default.Component {
   constructor() {
@@ -49,7 +49,7 @@ class SegmentedToggle extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 61,
+            lineNumber: 65,
             columnNumber: 9
           }
         });
@@ -69,20 +69,26 @@ class SegmentedToggle extends _react.default.Component {
         size,
         defaultSelected,
         onClick,
-        selected
+        selected,
+        ariaLabel,
+        ariaLabelledby
       } = _this$props,
       rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     var selection = selected || this.state.selected;
     var childrenNodes = _react.default.Children.map(children, (child, index) => /*#__PURE__*/_react.default.cloneElement(child, {
       disabled,
       'data-click': "segmented-toggle-".concat(index + 1),
-      'aria-selected': child.props.value === selection,
+      'aria-checked': child.props.value === selection,
+      role: 'radio',
       onClick: this._onClick,
       selected: child.props.value === selection,
       size
     }));
     childrenNodes = this._addDividers(childrenNodes, disabled);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
       "data-hook": dataHook,
       "data-size": size,
       className: (0, _SegmentedToggleSt.st)(_SegmentedToggleSt.classes.root, {
@@ -92,7 +98,7 @@ class SegmentedToggle extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 112,
         columnNumber: 7
       }
     }), childrenNodes);
@@ -113,7 +119,11 @@ SegmentedToggle.propTypes = {
   /** Specifies whether interactions are disabled. */
   disabled: _propTypes.default.bool,
   /** Accepts <SegmentedToggle.Icon/> or <SegmentedToggle.Button/> as child items to list down available options */
-  children: _propTypes.default.array.isRequired
+  children: _propTypes.default.array.isRequired,
+  /** Accessible label for the segmented toggle group */
+  ariaLabel: _propTypes.default.string,
+  /** ID of element that labels the segmented toggle group */
+  ariaLabelledby: _propTypes.default.string
 };
 SegmentedToggle.defaultProps = {
   children: [],

package/dist/cjs/SegmentedToggle/SegmentedToggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SegmentedToggleSt","_ToggleButton","_ToggleIcon","_excluded","_jsxFileName","SegmentedToggle","React","Component","constructor","arguments","state","selected","props","defaultSelected","_onClick","evt","onClick","value","currentTarget","setState","_addDividers","childrenNodes","disabled","childrenNodesWithDividers","isTransparent","childNode1","childNode2","i","length","transparent","divider","default","createElement","key","concat","className","st","classes","__self","__source","fileName","lineNumber","columnNumber","push","lastChild","render","_this$props","dataHook","children","size","rest","_objectWithoutProperties2","selection","Children","map","child","index","cloneElement","_extends2","root","displayName","propTypes","PropTypes","string","node","oneOf","func","bool","array","isRequired","defaultProps","Button","ToggleButton","Icon","ToggleIcon","_default","exports"],"sources":["../../../src/SegmentedToggle/SegmentedToggle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './SegmentedToggle.st.css';\nimport ToggleButton from './ToggleButton/ToggleButton';\nimport ToggleIcon from './ToggleIcon/ToggleIcon';\n\nclass SegmentedToggle extends React.Component {\n  static displayName = 'SegmentedToggle';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** Specifies the initially selected option */\n    defaultSelected: PropTypes.node,\n    /** Specifies whether an option is selected */\n    selected: PropTypes.node,\n    /** Controls the size of the segmented toggle */\n    size: PropTypes.oneOf(['medium', 'small']),\n    /** Defines a callback function which is called every time option is clicked. Returns a selected element and its value. */\n    onClick: PropTypes.func,\n    /** Specifies whether interactions are disabled. */\n    disabled: PropTypes.bool,\n    /** Accepts <SegmentedToggle.Icon/> or <SegmentedToggle.Button/> as child items to list down available options */\n    children: PropTypes.array.isRequired,\n  };\n\n  static defaultProps = {\n    children: [],\n    size: 'medium',\n  };\n\n  state = {\n    selected: this.props.defaultSelected,\n  };\n\n  _onClick = evt => {\n    const { onClick, selected } = this.props;\n    const { value } = evt.currentTarget;\n\n    if (selected) {\n      return onClick && onClick(evt, value);\n    }\n\n    this.setState({ selected: value }, () => onClick && onClick(evt, value));\n  };\n\n  _addDividers = (childrenNodes, disabled) => {\n    const childrenNodesWithDividers = [];\n\n    const isTransparent = (childNode1, childNode2) =>\n      childNode1.props.selected !== childNode2.props.selected;\n\n    for (let i = 0; i < childrenNodes.length - 1; i++) {\n      const childNode1 = childrenNodes[i];\n      const childNode2 = childrenNodes[i + 1];\n\n      const transparent = isTransparent(childNode1, childNode2);\n\n      const divider = (\n        <div\n          key={`divider-${i}`}\n          className={st(classes.divider, { disabled, transparent })}\n        />\n      );\n\n      childrenNodesWithDividers.push(childNode1, divider);\n    }\n\n    const lastChild = childrenNodes[childrenNodes.length - 1];\n\n    childrenNodesWithDividers.push(lastChild);\n\n    return childrenNodesWithDividers;\n  };\n\n  render() {\n    const {\n      dataHook,\n      children,\n      disabled,\n      size,\n      defaultSelected,\n      onClick,\n      selected,\n      ...rest\n    } = this.props;\n\n    const selection = selected || this.state.selected;\n\n    let childrenNodes = React.Children.map(children, (child, index) =>\n      React.cloneElement(child, {\n        disabled,\n        'data-click': `segmented-toggle-${index + 1}`,\n        'aria-selected': child.props.value === selection,\n        onClick: this._onClick,\n        selected: child.props.value === selection,\n        size,\n      }),\n    );\n\n    childrenNodes = this._addDividers(childrenNodes, disabled);\n\n    return (\n      <div\n        {...rest}\n        data-hook={dataHook}\n        data-size={size}\n        className={st(classes.root, { disabled, size })}\n      >\n        {childrenNodes}\n      </div>\n    );\n  }\n}\n\nSegmentedToggle.Button = ToggleButton;\nSegmentedToggle.Icon = ToggleIcon;\n\nexport default SegmentedToggle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SegmentedToggleSt","_ToggleButton","_ToggleIcon","_excluded","_jsxFileName","SegmentedToggle","React","Component","constructor","arguments","state","selected","props","defaultSelected","_onClick","evt","onClick","value","currentTarget","setState","_addDividers","childrenNodes","disabled","childrenNodesWithDividers","isTransparent","childNode1","childNode2","i","length","transparent","divider","default","createElement","key","concat","className","st","classes","__self","__source","fileName","lineNumber","columnNumber","push","lastChild","render","_this$props","dataHook","children","size","ariaLabel","ariaLabelledby","rest","_objectWithoutProperties2","selection","Children","map","child","index","cloneElement","role","_extends2","root","displayName","propTypes","PropTypes","string","node","oneOf","func","bool","array","isRequired","defaultProps","Button","ToggleButton","Icon","ToggleIcon","_default","exports"],"sources":["../../../src/SegmentedToggle/SegmentedToggle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './SegmentedToggle.st.css';\nimport ToggleButton from './ToggleButton/ToggleButton';\nimport ToggleIcon from './ToggleIcon/ToggleIcon';\n\nclass SegmentedToggle extends React.Component {\n  static displayName = 'SegmentedToggle';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** Specifies the initially selected option */\n    defaultSelected: PropTypes.node,\n    /** Specifies whether an option is selected */\n    selected: PropTypes.node,\n    /** Controls the size of the segmented toggle */\n    size: PropTypes.oneOf(['medium', 'small']),\n    /** Defines a callback function which is called every time option is clicked. Returns a selected element and its value. */\n    onClick: PropTypes.func,\n    /** Specifies whether interactions are disabled. */\n    disabled: PropTypes.bool,\n    /** Accepts <SegmentedToggle.Icon/> or <SegmentedToggle.Button/> as child items to list down available options */\n    children: PropTypes.array.isRequired,\n    /** Accessible label for the segmented toggle group */\n    ariaLabel: PropTypes.string,\n    /** ID of element that labels the segmented toggle group */\n    ariaLabelledby: PropTypes.string,\n  };\n\n  static defaultProps = {\n    children: [],\n    size: 'medium',\n  };\n\n  state = {\n    selected: this.props.defaultSelected,\n  };\n\n  _onClick = evt => {\n    const { onClick, selected } = this.props;\n    const { value } = evt.currentTarget;\n\n    if (selected) {\n      return onClick && onClick(evt, value);\n    }\n\n    this.setState({ selected: value }, () => onClick && onClick(evt, value));\n  };\n\n  _addDividers = (childrenNodes, disabled) => {\n    const childrenNodesWithDividers = [];\n\n    const isTransparent = (childNode1, childNode2) =>\n      childNode1.props.selected !== childNode2.props.selected;\n\n    for (let i = 0; i < childrenNodes.length - 1; i++) {\n      const childNode1 = childrenNodes[i];\n      const childNode2 = childrenNodes[i + 1];\n\n      const transparent = isTransparent(childNode1, childNode2);\n\n      const divider = (\n        <div\n          key={`divider-${i}`}\n          className={st(classes.divider, { disabled, transparent })}\n        />\n      );\n\n      childrenNodesWithDividers.push(childNode1, divider);\n    }\n\n    const lastChild = childrenNodes[childrenNodes.length - 1];\n\n    childrenNodesWithDividers.push(lastChild);\n\n    return childrenNodesWithDividers;\n  };\n\n  render() {\n    const {\n      dataHook,\n      children,\n      disabled,\n      size,\n      defaultSelected,\n      onClick,\n      selected,\n      ariaLabel,\n      ariaLabelledby,\n      ...rest\n    } = this.props;\n\n    const selection = selected || this.state.selected;\n\n    let childrenNodes = React.Children.map(children, (child, index) =>\n      React.cloneElement(child, {\n        disabled,\n        'data-click': `segmented-toggle-${index + 1}`,\n        'aria-checked': child.props.value === selection,\n        role: 'radio',\n        onClick: this._onClick,\n        selected: child.props.value === selection,\n        size,\n      }),\n    );\n\n    childrenNodes = this._addDividers(childrenNodes, disabled);\n\n    return (\n      <div\n        {...rest}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        data-hook={dataHook}\n        data-size={size}\n        className={st(classes.root, { disabled, size })}\n      >\n        {childrenNodes}\n      </div>\n    );\n  }\n}\n\nSegmentedToggle.Button = ToggleButton;\nSegmentedToggle.Icon = ToggleIcon;\n\nexport default SegmentedToggle;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_0_SegmentedToggle";
+var _namespace_ = "wds_1_198_1_SegmentedToggle";
 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_198_0_SegmentedToggle__root","divider":"wds_1_198_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_198_1_SegmentedToggle__root","divider":"wds_1_198_1_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SegmentedToggle/SegmentedToggle.uni.driver.js

@@ -33,7 +33,7 @@ var segmentedToggleDriverFactory = base => {
      */
     isSelected: function () {
       var _isSelected = (0, _asyncToGenerator2.default)(function* (hook) {
-        return (yield findChild(hook).attr('aria-selected')) === 'true';
+        return (yield findChild(hook).attr('aria-checked')) === 'true';
       });
       function isSelected(_x2) {
         return _isSelected.apply(this, arguments);
@@ -66,8 +66,6 @@ var segmentedToggleDriverFactory = base => {
       }
       return element;
     }(),
-    // eslint-disable-line no-restricted-properties
-
     /**
      * Returns the size applied to segmented toggle
      * @returns { Promise<'small' | 'medium'>}

package/dist/cjs/SegmentedToggle/SegmentedToggle.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["segmentedToggleDriverFactory","base","findChild","hook","$","concat","selectChild","_selectChild","_asyncToGenerator2","default","click","_x","apply","arguments","isSelected","_isSelected","attr","_x2","exists","_exists","element","_element","getNative","getSize","_getSize","isDisabled","_isDisabled","$$","count","exports"],"sources":["../../../src/SegmentedToggle/SegmentedToggle.uni.driver.js"],"sourcesContent":["export const segmentedToggleDriverFactory = base => {\n  const findChild = hook => {\n    if (typeof hook === 'string') {\n      return base.$(`[data-hook=\"${hook}\"]`);\n    }\n\n    return base.$(`[data-click=\"segmented-toggle-${hook}\"]`);\n  };\n  return {\n    /**\n     * Selects child by given number (selection begins with 1) or dataHook\n     * @param {string | number} hook Hook name or index\n     * @returns { Promise<void>}\n     */\n    selectChild: async hook => findChild(hook).click(),\n\n    /**\n     * Returns true if child is selected by given number (selection begins with 1) or dataHook\n     * @param {string | number} hook Hook name or index\n     * @returns { Promise<void>}\n     */\n    isSelected: async hook =>\n      (await findChild(hook).attr('aria-selected')) === 'true',\n\n    /**\n     * Checks whether element is in the DOM\n     * @returns { Promise<boolean>}\n     */\n    exists: async () => await base.exists(),\n\n    /**\n     * Gets the actual element\n     * @returns { Promise<any>}\n     */\n    element: async () => await base.getNative(), // eslint-disable-line no-restricted-properties\n\n    /**\n     * Returns the size applied to segmented toggle\n     * @returns { Promise<'small' | 'medium'>}\n     */\n    getSize: async () => base.attr('data-size'),\n\n    /**\n     * returns if the segmented toggle is disabled\n     * @returns { Promise<boolean>}\n     */\n    isDisabled: async () => (await base.$$('button[disabled]').count()) > 0,\n  };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,4BAA4B,GAAGC,IAAI,IAAI;EAClD,IAAMC,SAAS,GAAGC,IAAI,IAAI;IACxB,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAOF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,IAAI,QAAI,CAAC;IACxC;IAEA,OAAOF,IAAI,CAACG,CAAC,mCAAAC,MAAA,CAAkCF,IAAI,QAAI,CAAC;EAC1D,CAAC;EACD,OAAO;IACL;AACJ;AACA;AACA;AACA;IACIG,WAAW;MAAA,IAAAC,YAAA,OAAAC,kBAAA,CAAAC,OAAA,EAAE,WAAMN,IAAI;QAAA,OAAID,SAAS,CAACC,IAAI,CAAC,CAACO,KAAK,CAAC,CAAC;MAAA;MAAA,SAAlDJ,WAAWA,CAAAK,EAAA;QAAA,OAAAJ,YAAA,CAAAK,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAXP,WAAW;IAAA,GAAuC;IAElD;AACJ;AACA;AACA;AACA;IACIQ,UAAU;MAAA,IAAAC,WAAA,OAAAP,kBAAA,CAAAC,OAAA,EAAE,WAAMN,IAAI;QAAA,OACpB,OAAOD,SAAS,CAACC,IAAI,CAAC,CAACa,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;MAAA;MAAA,SAD1DF,UAAUA,CAAAG,GAAA;QAAA,OAAAF,WAAA,CAAAH,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAVC,UAAU;IAAA,GACgD;IAE1D;AACJ;AACA;AACA;IACII,MAAM;MAAA,IAAAC,OAAA,OAAAX,kBAAA,CAAAC,OAAA,EAAE;QAAA,aAAkBR,IAAI,CAACiB,MAAM,CAAC,CAAC;MAAA;MAAA,SAAvCA,MAAMA,CAAA;QAAA,OAAAC,OAAA,CAAAP,KAAA,OAAAC,SAAA;MAAA;MAAA,OAANK,MAAM;IAAA,GAAiC;IAEvC;AACJ;AACA;AACA;IACIE,OAAO;MAAA,IAAAC,QAAA,OAAAb,kBAAA,CAAAC,OAAA,EAAE;QAAA,aAAkBR,IAAI,CAACqB,SAAS,CAAC,CAAC;MAAA;MAAA,SAA3CF,OAAOA,CAAA;QAAA,OAAAC,QAAA,CAAAT,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAPO,OAAO;IAAA,GAAoC;IAAE;;IAE7C;AACJ;AACA;AACA;IACIG,OAAO;MAAA,IAAAC,QAAA,OAAAhB,kBAAA,CAAAC,OAAA,EAAE;QAAA,OAAYR,IAAI,CAACe,IAAI,CAAC,WAAW,CAAC;MAAA;MAAA,SAA3CO,OAAOA,CAAA;QAAA,OAAAC,QAAA,CAAAZ,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAPU,OAAO;IAAA,GAAoC;IAE3C;AACJ;AACA;AACA;IACIE,UAAU;MAAA,IAAAC,WAAA,OAAAlB,kBAAA,CAAAC,OAAA,EAAE;QAAA,OAAY,OAAOR,IAAI,CAAC0B,EAAE,CAAC,kBAAkB,CAAC,CAACC,KAAK,CAAC,CAAC,IAAI,CAAC;MAAA;MAAA,SAAvEH,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAAd,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAVY,UAAU;IAAA;EACZ,CAAC;AACH,CAAC;AAACI,OAAA,CAAA7B,4BAAA,GAAAA,4BAAA","ignoreList":[]}
+{"version":3,"names":["segmentedToggleDriverFactory","base","findChild","hook","$","concat","selectChild","_selectChild","_asyncToGenerator2","default","click","_x","apply","arguments","isSelected","_isSelected","attr","_x2","exists","_exists","element","_element","getNative","getSize","_getSize","isDisabled","_isDisabled","$$","count","exports"],"sources":["../../../src/SegmentedToggle/SegmentedToggle.uni.driver.js"],"sourcesContent":["export const segmentedToggleDriverFactory = base => {\n  const findChild = hook => {\n    if (typeof hook === 'string') {\n      return base.$(`[data-hook=\"${hook}\"]`);\n    }\n\n    return base.$(`[data-click=\"segmented-toggle-${hook}\"]`);\n  };\n  return {\n    /**\n     * Selects child by given number (selection begins with 1) or dataHook\n     * @param {string | number} hook Hook name or index\n     * @returns { Promise<void>}\n     */\n    selectChild: async hook => findChild(hook).click(),\n\n    /**\n     * Returns true if child is selected by given number (selection begins with 1) or dataHook\n     * @param {string | number} hook Hook name or index\n     * @returns { Promise<void>}\n     */\n    isSelected: async hook =>\n      (await findChild(hook).attr('aria-checked')) === 'true',\n\n    /**\n     * Checks whether element is in the DOM\n     * @returns { Promise<boolean>}\n     */\n    exists: async () => await base.exists(),\n\n    /**\n     * Gets the actual element\n     * @returns { Promise<any>}\n     */\n    element: async () => await base.getNative(),\n\n    /**\n     * Returns the size applied to segmented toggle\n     * @returns { Promise<'small' | 'medium'>}\n     */\n    getSize: async () => base.attr('data-size'),\n\n    /**\n     * returns if the segmented toggle is disabled\n     * @returns { Promise<boolean>}\n     */\n    isDisabled: async () => (await base.$$('button[disabled]').count()) > 0,\n  };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,4BAA4B,GAAGC,IAAI,IAAI;EAClD,IAAMC,SAAS,GAAGC,IAAI,IAAI;IACxB,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAOF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,IAAI,QAAI,CAAC;IACxC;IAEA,OAAOF,IAAI,CAACG,CAAC,mCAAAC,MAAA,CAAkCF,IAAI,QAAI,CAAC;EAC1D,CAAC;EACD,OAAO;IACL;AACJ;AACA;AACA;AACA;IACIG,WAAW;MAAA,IAAAC,YAAA,OAAAC,kBAAA,CAAAC,OAAA,EAAE,WAAMN,IAAI;QAAA,OAAID,SAAS,CAACC,IAAI,CAAC,CAACO,KAAK,CAAC,CAAC;MAAA;MAAA,SAAlDJ,WAAWA,CAAAK,EAAA;QAAA,OAAAJ,YAAA,CAAAK,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAXP,WAAW;IAAA,GAAuC;IAElD;AACJ;AACA;AACA;AACA;IACIQ,UAAU;MAAA,IAAAC,WAAA,OAAAP,kBAAA,CAAAC,OAAA,EAAE,WAAMN,IAAI;QAAA,OACpB,OAAOD,SAAS,CAACC,IAAI,CAAC,CAACa,IAAI,CAAC,cAAc,CAAC,MAAM,MAAM;MAAA;MAAA,SADzDF,UAAUA,CAAAG,GAAA;QAAA,OAAAF,WAAA,CAAAH,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAVC,UAAU;IAAA,GAC+C;IAEzD;AACJ;AACA;AACA;IACII,MAAM;MAAA,IAAAC,OAAA,OAAAX,kBAAA,CAAAC,OAAA,EAAE;QAAA,aAAkBR,IAAI,CAACiB,MAAM,CAAC,CAAC;MAAA;MAAA,SAAvCA,MAAMA,CAAA;QAAA,OAAAC,OAAA,CAAAP,KAAA,OAAAC,SAAA;MAAA;MAAA,OAANK,MAAM;IAAA,GAAiC;IAEvC;AACJ;AACA;AACA;IACIE,OAAO;MAAA,IAAAC,QAAA,OAAAb,kBAAA,CAAAC,OAAA,EAAE;QAAA,aAAkBR,IAAI,CAACqB,SAAS,CAAC,CAAC;MAAA;MAAA,SAA3CF,OAAOA,CAAA;QAAA,OAAAC,QAAA,CAAAT,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAPO,OAAO;IAAA,GAAoC;IAE3C;AACJ;AACA;AACA;IACIG,OAAO;MAAA,IAAAC,QAAA,OAAAhB,kBAAA,CAAAC,OAAA,EAAE;QAAA,OAAYR,IAAI,CAACe,IAAI,CAAC,WAAW,CAAC;MAAA;MAAA,SAA3CO,OAAOA,CAAA;QAAA,OAAAC,QAAA,CAAAZ,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAPU,OAAO;IAAA,GAAoC;IAE3C;AACJ;AACA;AACA;IACIE,UAAU;MAAA,IAAAC,WAAA,OAAAlB,kBAAA,CAAAC,OAAA,EAAE;QAAA,OAAY,OAAOR,IAAI,CAAC0B,EAAE,CAAC,kBAAkB,CAAC,CAACC,KAAK,CAAC,CAAC,IAAI,CAAC;MAAA;MAAA,SAAvEH,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAAd,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAVY,UAAU;IAAA;EACZ,CAAC;AACH,CAAC;AAACI,OAAA,CAAA7B,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ToggleButtonSt = require("./ToggleButton.st.css.js");
 var _useFocusRing = require("../../providers/useFocusRing/useFocusRing");
 var _Text = _interopRequireDefault(require("../../Text"));
-var _excluded = ["children", "prefixIcon", "selected", "size", "dataHook", "focusableOnFocus", "focusableOnBlur", "disabled", "className"];
+var _excluded = ["children", "prefixIcon", "selected", "size", "dataHook", "focusableOnFocus", "focusableOnBlur", "disabled", "className", "role", "aria-checked"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js";
 var addPrefix = (icon, size) => {
   var dimension = size === 'small' ? '18' : '24';
@@ -32,7 +32,9 @@ var ToggleButton = _ref => {
       focusableOnFocus,
       focusableOnBlur,
       disabled,
-      className
+      className,
+      role,
+      'aria-checked': ariaChecked
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var {
@@ -40,6 +42,7 @@ var ToggleButton = _ref => {
     focusProps
   } = (0, _useFocusRing.useFocusRing)();
   return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({}, rest, {
+    role: role,
     className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.root, {
       selected,
       size,
@@ -47,13 +50,14 @@ var ToggleButton = _ref => {
     }, className),
     "data-hook": dataHook,
     "data-selected": selected,
+    "aria-checked": ariaChecked,
     disabled: disabled,
     type: "button"
   }, focusProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 37,
       columnNumber: 5
     }
   }), addPrefix(prefixIcon, size), /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -65,7 +69,7 @@ var ToggleButton = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, children));
@@ -75,7 +79,10 @@ ToggleButton.propTypes = {
   prefixIcon: _propTypes.default.node,
   value: _propTypes.default.string,
   selected: _propTypes.default.bool,
-  disabled: _propTypes.default.bool
+  disabled: _propTypes.default.bool,
+  size: _propTypes.default.oneOf(['small', 'medium']),
+  dataHook: _propTypes.default.string,
+  'aria-checked': _propTypes.default.bool
 };
 ToggleButton.displayName = 'SegmentedToggle.Button';
 var _default = exports.default = ToggleButton;

package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ToggleButtonSt","_useFocusRing","_Text","_excluded","_jsxFileName","addPrefix","icon","size","dimension","React","cloneElement","width","height","className","st","classes","prefix","ToggleButton","_ref","children","prefixIcon","selected","dataHook","focusableOnFocus","focusableOnBlur","disabled","rest","_objectWithoutProperties2","default","isFocusVisible","focusProps","useFocusRing","createElement","_extends2","root","type","__self","__source","fileName","lineNumber","columnNumber","label","ellipsis","weight","skin","propTypes","PropTypes","node","value","string","bool","displayName","_default","exports"],"sources":["../../../../src/SegmentedToggle/ToggleButton/ToggleButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './ToggleButton.st.css';\nimport { useFocusRing } from '../../providers/useFocusRing/useFocusRing';\n\nimport Text from '../../Text';\n\nconst addPrefix = (icon, size) => {\n  const dimension = size === 'small' ? '18' : '24';\n  return (\n    icon &&\n    React.cloneElement(icon, {\n      width: dimension,\n      height: dimension,\n      className: st(classes.prefix, { size }),\n    })\n  );\n};\n\nconst ToggleButton = ({\n  children,\n  prefixIcon,\n  selected,\n  size,\n  dataHook,\n  focusableOnFocus,\n  focusableOnBlur,\n  disabled,\n  className,\n  ...rest\n}) => {\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      {...rest}\n      className={st(\n        classes.root,\n        { selected, size, 'focus-visible': isFocusVisible },\n        className,\n      )}\n      data-hook={dataHook}\n      data-selected={selected}\n      disabled={disabled}\n      type=\"button\"\n      {...focusProps}\n    >\n      {addPrefix(prefixIcon, size)}\n      <Text\n        className={st(classes.label)}\n        ellipsis\n        size={size}\n        weight=\"thin\"\n        skin={disabled ? 'disabled' : 'standard'}\n      >\n        {children}\n      </Text>\n    </button>\n  );\n};\n\nToggleButton.propTypes = {\n  children: PropTypes.node,\n  prefixIcon: PropTypes.node,\n  value: PropTypes.string,\n  selected: PropTypes.bool,\n  disabled: PropTypes.bool,\n};\n\nToggleButton.displayName = 'SegmentedToggle.Button';\n\nexport default ToggleButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA8B,IAAAK,SAAA;AAAA,IAAAC,YAAA;AAE9B,IAAMC,SAAS,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EAChC,IAAMC,SAAS,GAAGD,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI;EAChD,OACED,IAAI,iBACJG,cAAK,CAACC,YAAY,CAACJ,IAAI,EAAE;IACvBK,KAAK,EAAEH,SAAS;IAChBI,MAAM,EAAEJ,SAAS;IACjBK,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAACC,MAAM,EAAE;MAAET;IAAK,CAAC;EACxC,CAAC,CAAC;AAEN,CAAC;AAED,IAAMU,YAAY,GAAGC,IAAA,IAWf;EAAA,IAXgB;MACpBC,QAAQ;MACRC,UAAU;MACVC,QAAQ;MACRd,IAAI;MACJe,QAAQ;MACRC,gBAAgB;MAChBC,eAAe;MACfC,QAAQ;MACRZ;IAEF,CAAC,GAAAK,IAAA;IADIQ,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAf,SAAA;EAEP,IAAM;IAAE0B,cAAc;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAErD,oBACEnC,MAAA,CAAAgC,OAAA,CAAAI,aAAA,eAAAC,SAAA,CAAAL,OAAA,MACMF,IAAI;IACRb,SAAS,EAAE,IAAAC,kBAAE,EACXC,uBAAO,CAACmB,IAAI,EACZ;MAAEb,QAAQ;MAAEd,IAAI;MAAE,eAAe,EAAEsB;IAAe,CAAC,EACnDhB,SACF,CAAE;IACF,aAAWS,QAAS;IACpB,iBAAeD,QAAS;IACxBI,QAAQ,EAAEA,QAAS;IACnBU,IAAI,EAAC;EAAQ,GACTL,UAAU;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEbnC,SAAS,CAACe,UAAU,EAAEb,IAAI,CAAC,eAC5BX,MAAA,CAAAgC,OAAA,CAAAI,aAAA,CAAC9B,KAAA,CAAA0B,OAAI;IACHf,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAAC0B,KAAK,CAAE;IAC7BC,QAAQ;IACRnC,IAAI,EAAEA,IAAK;IACXoC,MAAM,EAAC,MAAM;IACbC,IAAI,EAAEnB,QAAQ,GAAG,UAAU,GAAG,UAAW;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCrB,QACG,CACA,CAAC;AAEb,CAAC;AAEDF,YAAY,CAAC4B,SAAS,GAAG;EACvB1B,QAAQ,EAAE2B,kBAAS,CAACC,IAAI;EACxB3B,UAAU,EAAE0B,kBAAS,CAACC,IAAI;EAC1BC,KAAK,EAAEF,kBAAS,CAACG,MAAM;EACvB5B,QAAQ,EAAEyB,kBAAS,CAACI,IAAI;EACxBzB,QAAQ,EAAEqB,kBAAS,CAACI;AACtB,CAAC;AAEDjC,YAAY,CAACkC,WAAW,GAAG,wBAAwB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAErCX,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ToggleButtonSt","_useFocusRing","_Text","_excluded","_jsxFileName","addPrefix","icon","size","dimension","React","cloneElement","width","height","className","st","classes","prefix","ToggleButton","_ref","children","prefixIcon","selected","dataHook","focusableOnFocus","focusableOnBlur","disabled","role","ariaChecked","rest","_objectWithoutProperties2","default","isFocusVisible","focusProps","useFocusRing","createElement","_extends2","root","type","__self","__source","fileName","lineNumber","columnNumber","label","ellipsis","weight","skin","propTypes","PropTypes","node","value","string","bool","oneOf","displayName","_default","exports"],"sources":["../../../../src/SegmentedToggle/ToggleButton/ToggleButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './ToggleButton.st.css';\nimport { useFocusRing } from '../../providers/useFocusRing/useFocusRing';\n\nimport Text from '../../Text';\n\nconst addPrefix = (icon, size) => {\n  const dimension = size === 'small' ? '18' : '24';\n  return (\n    icon &&\n    React.cloneElement(icon, {\n      width: dimension,\n      height: dimension,\n      className: st(classes.prefix, { size }),\n    })\n  );\n};\n\nconst ToggleButton = ({\n  children,\n  prefixIcon,\n  selected,\n  size,\n  dataHook,\n  focusableOnFocus,\n  focusableOnBlur,\n  disabled,\n  className,\n  role,\n  'aria-checked': ariaChecked,\n  ...rest\n}) => {\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      {...rest}\n      role={role}\n      className={st(\n        classes.root,\n        { selected, size, 'focus-visible': isFocusVisible },\n        className,\n      )}\n      data-hook={dataHook}\n      data-selected={selected}\n      aria-checked={ariaChecked}\n      disabled={disabled}\n      type=\"button\"\n      {...focusProps}\n    >\n      {addPrefix(prefixIcon, size)}\n      <Text\n        className={st(classes.label)}\n        ellipsis\n        size={size}\n        weight=\"thin\"\n        skin={disabled ? 'disabled' : 'standard'}\n      >\n        {children}\n      </Text>\n    </button>\n  );\n};\n\nToggleButton.propTypes = {\n  children: PropTypes.node,\n  prefixIcon: PropTypes.node,\n  value: PropTypes.string,\n  selected: PropTypes.bool,\n  disabled: PropTypes.bool,\n  size: PropTypes.oneOf(['small', 'medium']),\n  dataHook: PropTypes.string,\n  'aria-checked': PropTypes.bool,\n};\n\nToggleButton.displayName = 'SegmentedToggle.Button';\n\nexport default ToggleButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_198_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_198_1_SegmentedToggleButton";
 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_198_0_SegmentedToggleButton__root","label":"wds_1_198_0_SegmentedToggleButton__label","prefix":"wds_1_198_0_SegmentedToggleButton__prefix"};
+module.exports.classes = {"root":"wds_1_198_1_SegmentedToggleButton__root","label":"wds_1_198_1_SegmentedToggleButton__label","prefix":"wds_1_198_1_SegmentedToggleButton__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.js

@@ -11,8 +11,8 @@ var _Focusable = require("../../common/Focusable");
 var _TooltipCommon = require("../../common/PropTypes/TooltipCommon");
 var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
 var _ToggleIconSt = require("./ToggleIcon.st.css.js");
-var _excluded = ["data-click", "selected", "size", "onClick", "focusableOnFocus", "focusableOnBlur", "children", "className"],
-  _excluded2 = ["children", "selected", "size", "tooltipText", "tooltipProps", "focusableOnFocus", "focusableOnBlur", "onClick", "dataHook", "data-click"];
+var _excluded = ["data-click", "selected", "size", "onClick", "focusableOnFocus", "focusableOnBlur", "children", "className", "role", "aria-checked"],
+  _excluded2 = ["children", "selected", "size", "tooltipText", "tooltipProps", "focusableOnFocus", "focusableOnBlur", "onClick", "dataHook", "data-click", "role", "aria-checked"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.js";
 var Icon = _ref => {
   var {
@@ -23,10 +23,13 @@ var Icon = _ref => {
       focusableOnFocus,
       focusableOnBlur,
       children,
-      className
+      className,
+      role,
+      'aria-checked': ariaChecked
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({}, rest, {
+    role: role,
     className: (0, _ToggleIconSt.st)(_ToggleIconSt.classes.button, {
       selected,
       size
@@ -34,6 +37,7 @@ var Icon = _ref => {
     "data-click": dataClick,
     "data-hook": "toggle-icon",
     "data-selected": selected,
+    "aria-checked": ariaChecked,
     onClick: onClick,
     onFocus: focusableOnFocus,
     onBlur: focusableOnBlur,
@@ -41,7 +45,7 @@ var Icon = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 22,
       columnNumber: 3
     }
   }), children);
@@ -60,7 +64,9 @@ class ToggleIcon extends _react.default.Component {
         focusableOnBlur,
         onClick,
         dataHook,
-        'data-click': dataClick
+        'data-click': dataClick,
+        role,
+        'aria-checked': ariaChecked
       } = _this$props,
       rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
     return /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
@@ -74,20 +80,22 @@ class ToggleIcon extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 71,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement(FocusableIcon, (0, _extends2.default)({}, rest, {
       size: size,
       selected: selected,
       "data-click": dataClick,
+      role: role,
+      "aria-checked": ariaChecked,
       onClick: onClick,
       onFocus: focusableOnFocus,
       onBlur: focusableOnBlur,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 80,
         columnNumber: 9
       }
     }), children ? /*#__PURE__*/_react.default.cloneElement(children, {

package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_TooltipCommon","_Tooltip","_ToggleIconSt","_excluded","_excluded2","_jsxFileName","Icon","_ref","dataClick","selected","size","onClick","focusableOnFocus","focusableOnBlur","children","className","rest","_objectWithoutProperties2","default","createElement","_extends2","st","classes","button","onFocus","onBlur","type","__self","__source","fileName","lineNumber","columnNumber","FocusableIcon","withFocusable","ToggleIcon","React","Component","render","_this$props","props","tooltipText","tooltipProps","dataHook","appendTo","placement","timeout","content","tooltip","cloneElement","displayName","propTypes","PropTypes","node","bool","value","string","shape","TooltipCommonProps","disabled","_default","exports"],"sources":["../../../../src/SegmentedToggle/ToggleIcon/ToggleIcon.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { TooltipCommonProps } from '../../common/PropTypes/TooltipCommon';\nimport Tooltip from '../../Tooltip';\nimport { st, classes } from './ToggleIcon.st.css';\n\nconst Icon = ({\n  'data-click': dataClick,\n  selected,\n  size,\n  onClick,\n  focusableOnFocus,\n  focusableOnBlur,\n  children,\n  className,\n  ...rest\n}) => (\n  <button\n    {...rest}\n    className={st(classes.button, { selected, size }, className)}\n    data-click={dataClick}\n    data-hook=\"toggle-icon\"\n    data-selected={selected}\n    onClick={onClick}\n    onFocus={focusableOnFocus}\n    onBlur={focusableOnBlur}\n    type=\"button\"\n  >\n    {children}\n  </button>\n);\n\nconst FocusableIcon = withFocusable(Icon);\n\nclass ToggleIcon extends React.Component {\n  static displayName = 'SegmentedToggle.Icon';\n\n  static propTypes = {\n    children: PropTypes.node,\n    selected: PropTypes.bool,\n    value: PropTypes.string,\n    tooltipText: PropTypes.string,\n    tooltipProps: PropTypes.shape(TooltipCommonProps),\n    disabled: PropTypes.bool,\n  };\n\n  render() {\n    const {\n      children,\n      selected,\n      size,\n      tooltipText,\n      tooltipProps,\n      focusableOnFocus,\n      focusableOnBlur,\n      onClick,\n      dataHook,\n      'data-click': dataClick,\n      ...rest\n    } = this.props;\n    return (\n      <Tooltip\n        appendTo=\"window\"\n        placement=\"top\"\n        timeout={0}\n        {...tooltipProps}\n        content={tooltipText}\n        className={st(classes.tooltip)}\n        dataHook={dataHook}\n      >\n        <FocusableIcon\n          {...rest}\n          size={size}\n          selected={selected}\n          data-click={dataClick}\n          onClick={onClick}\n          onFocus={focusableOnFocus}\n          onBlur={focusableOnBlur}\n        >\n          {children\n            ? React.cloneElement(children, {\n                size: size === 'small' ? '18px' : '24px',\n              })\n            : null}\n        </FocusableIcon>\n      </Tooltip>\n    );\n  }\n}\n\nexport default ToggleIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_TooltipCommon","_Tooltip","_ToggleIconSt","_excluded","_excluded2","_jsxFileName","Icon","_ref","dataClick","selected","size","onClick","focusableOnFocus","focusableOnBlur","children","className","role","ariaChecked","rest","_objectWithoutProperties2","default","createElement","_extends2","st","classes","button","onFocus","onBlur","type","__self","__source","fileName","lineNumber","columnNumber","FocusableIcon","withFocusable","ToggleIcon","React","Component","render","_this$props","props","tooltipText","tooltipProps","dataHook","appendTo","placement","timeout","content","tooltip","cloneElement","displayName","propTypes","PropTypes","node","bool","value","string","shape","TooltipCommonProps","disabled","_default","exports"],"sources":["../../../../src/SegmentedToggle/ToggleIcon/ToggleIcon.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { TooltipCommonProps } from '../../common/PropTypes/TooltipCommon';\nimport Tooltip from '../../Tooltip';\nimport { st, classes } from './ToggleIcon.st.css';\n\nconst Icon = ({\n  'data-click': dataClick,\n  selected,\n  size,\n  onClick,\n  focusableOnFocus,\n  focusableOnBlur,\n  children,\n  className,\n  role,\n  'aria-checked': ariaChecked,\n  ...rest\n}) => (\n  <button\n    {...rest}\n    role={role}\n    className={st(classes.button, { selected, size }, className)}\n    data-click={dataClick}\n    data-hook=\"toggle-icon\"\n    data-selected={selected}\n    aria-checked={ariaChecked}\n    onClick={onClick}\n    onFocus={focusableOnFocus}\n    onBlur={focusableOnBlur}\n    type=\"button\"\n  >\n    {children}\n  </button>\n);\n\nconst FocusableIcon = withFocusable(Icon);\n\nclass ToggleIcon extends React.Component {\n  static displayName = 'SegmentedToggle.Icon';\n\n  static propTypes = {\n    children: PropTypes.node,\n    selected: PropTypes.bool,\n    value: PropTypes.string,\n    tooltipText: PropTypes.string,\n    tooltipProps: PropTypes.shape(TooltipCommonProps),\n    disabled: PropTypes.bool,\n  };\n\n  render() {\n    const {\n      children,\n      selected,\n      size,\n      tooltipText,\n      tooltipProps,\n      focusableOnFocus,\n      focusableOnBlur,\n      onClick,\n      dataHook,\n      'data-click': dataClick,\n      role,\n      'aria-checked': ariaChecked,\n      ...rest\n    } = this.props;\n\n    return (\n      <Tooltip\n        appendTo=\"window\"\n        placement=\"top\"\n        timeout={0}\n        {...tooltipProps}\n        content={tooltipText}\n        className={st(classes.tooltip)}\n        dataHook={dataHook}\n      >\n        <FocusableIcon\n          {...rest}\n          size={size}\n          selected={selected}\n          data-click={dataClick}\n          role={role}\n          aria-checked={ariaChecked}\n          onClick={onClick}\n          onFocus={focusableOnFocus}\n          onBlur={focusableOnBlur}\n        >\n          {children\n            ? React.cloneElement(children, {\n                size: size === 'small' ? '18px' : '24px',\n              })\n            : null}\n        </FocusableIcon>\n      </Tooltip>\n    );\n  }\n}\n\nexport default ToggleIcon;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_198_0_ToggleIcon";
+var _namespace_ = "wds_1_198_1_ToggleIcon";
 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_198_0_ToggleIcon__root","tooltip":"wds_1_198_0_ToggleIcon__tooltip","button":"wds_1_198_0_ToggleIcon__button","textWrapper":"wds_1_198_0_ToggleIcon__textWrapper"};
+module.exports.classes = {"root":"wds_1_198_1_ToggleIcon__root","tooltip":"wds_1_198_1_ToggleIcon__tooltip","button":"wds_1_198_1_ToggleIcon__button","textWrapper":"wds_1_198_1_ToggleIcon__textWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SegmentedToggle/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SegmentedToggleIcon","Component","exports","SegmentedToggle","Button","Icon"],"sources":["../../../src/SegmentedToggle/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { IconElement, TooltipCommonProps } from '../common';\n\nexport interface SegmentedToggleProps {\n  dataHook?: string;\n  defaultSelected?: React.ReactNode;\n  selected?: React.ReactNode;\n  size?: 'small' | 'medium';\n  onClick?: (event: React.SyntheticEvent, value: string) => void;\n  disabled?: boolean;\n  children: any[];\n}\n\nexport type SegmentedToggleButtonProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onFocus' | 'onBlur' | 'type'\n> & {\n  prefixIcon?: IconElement;\n  value?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  size?: 'small' | 'medium';\n  dataHook?: string;\n  focusableOnFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  focusableOnBlur?: React.FocusEventHandler<HTMLButtonElement>;\n};\n\nexport declare const SegmentedToggleButton: React.FC<SegmentedToggleButtonProps>;\n\nexport type SegmentedToggleIconProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onFocus' | 'onBlur' | 'type'\n> & {\n  selected?: boolean;\n  value?: string;\n  tooltipText?: string;\n  tooltipProps?: TooltipCommonProps;\n  disabled?: boolean;\n  size?: 'small' | 'medium';\n  dataHook?: string;\n  'data-click'?: string;\n  focusableOnFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  focusableOnBlur?: React.FocusEventHandler<HTMLButtonElement>;\n};\nexport class SegmentedToggleIcon extends React.Component<SegmentedToggleIconProps> {}\n\nexport default class SegmentedToggle extends React.Component<SegmentedToggleProps> {\n  static Button: typeof SegmentedToggleButton;\n  static Icon: typeof SegmentedToggleIcon;\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA4CxB,MAAMW,mBAAmB,SAASvB,KAAK,CAACwB,SAAS,CAA2B;AAAEC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAEtE,MAAMG,eAAe,SAAS1B,KAAK,CAACwB,SAAS,CAAuB;AAGlFC,OAAA,CAAAhB,OAAA,GAAAiB,eAAA;AAHoBA,eAAe,CAC3BC,MAAM;AADMD,eAAe,CAE3BE,IAAI","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SegmentedToggleIcon","Component","exports","SegmentedToggle","Button","Icon"],"sources":["../../../src/SegmentedToggle/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { IconElement, TooltipCommonProps } from '../common';\n\nexport interface SegmentedToggleProps {\n  dataHook?: string;\n  defaultSelected?: React.ReactNode;\n  selected?: React.ReactNode;\n  size?: 'small' | 'medium';\n  onClick?: (event: React.SyntheticEvent, value: string) => void;\n  disabled?: boolean;\n  children: any[];\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n}\n\nexport type SegmentedToggleButtonProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onFocus' | 'onBlur' | 'type'\n> & {\n  prefixIcon?: IconElement;\n  value?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  size?: 'small' | 'medium';\n  dataHook?: string;\n  focusableOnFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  focusableOnBlur?: React.FocusEventHandler<HTMLButtonElement>;\n  'aria-checked'?: boolean;\n};\n\nexport declare const SegmentedToggleButton: React.FC<SegmentedToggleButtonProps>;\n\nexport type SegmentedToggleIconProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onFocus' | 'onBlur' | 'type'\n> & {\n  selected?: boolean;\n  value?: string;\n  tooltipText?: string;\n  tooltipProps?: TooltipCommonProps;\n  disabled?: boolean;\n  size?: 'small' | 'medium';\n  dataHook?: string;\n  'data-click'?: string;\n  focusableOnFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  focusableOnBlur?: React.FocusEventHandler<HTMLButtonElement>;\n  'aria-checked'?: boolean;\n};\nexport class SegmentedToggleIcon extends React.Component<SegmentedToggleIconProps> {}\n\nexport default class SegmentedToggle extends React.Component<SegmentedToggleProps> {\n  static Button: typeof SegmentedToggleButton;\n  static Icon: typeof SegmentedToggleIcon;\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgDxB,MAAMW,mBAAmB,SAASvB,KAAK,CAACwB,SAAS,CAA2B;AAAEC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAEtE,MAAMG,eAAe,SAAS1B,KAAK,CAACwB,SAAS,CAAuB;AAGlFC,OAAA,CAAAhB,OAAA,GAAAiB,eAAA;AAHoBA,eAAe,CAC3BC,MAAM;AADMD,eAAe,CAE3BE,IAAI","ignoreList":[]}

package/dist/cjs/SelectableAccordion/Item/Item.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_198_0_SelectableAccordionItem";
+var _namespace_ = "wds_1_198_1_SelectableAccordionItem";
 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_198_0_SelectableAccordionItem__root","item":"wds_1_198_0_SelectableAccordionItem__item","selector":"wds_1_198_0_SelectableAccordionItem__selector","header":"wds_1_198_0_SelectableAccordionItem__header","divider":"wds_1_198_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_198_0_SelectableAccordionItem__selectorToggle","content":"wds_1_198_0_SelectableAccordionItem__content","text":"wds_1_198_0_SelectableAccordionItem__text","inner":"wds_1_198_0_SelectableAccordionItem__inner"};
+module.exports.classes = {"root":"wds_1_198_1_SelectableAccordionItem__root","item":"wds_1_198_1_SelectableAccordionItem__item","selector":"wds_1_198_1_SelectableAccordionItem__selector","header":"wds_1_198_1_SelectableAccordionItem__header","divider":"wds_1_198_1_SelectableAccordionItem__divider","selectorToggle":"wds_1_198_1_SelectableAccordionItem__selectorToggle","content":"wds_1_198_1_SelectableAccordionItem__content","text":"wds_1_198_1_SelectableAccordionItem__text","inner":"wds_1_198_1_SelectableAccordionItem__inner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_198_0_ProgressBar";
+var _namespace_ = "wds_1_198_1_ProgressBar";
 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_198_0_ProgressBar__root","bar":"wds_1_198_0_ProgressBar__bar","value":"wds_1_198_0_ProgressBar__value","leftover":"wds_1_198_0_ProgressBar__leftover"};
+module.exports.classes = {"root":"wds_1_198_1_ProgressBar__root","bar":"wds_1_198_1_ProgressBar__bar","value":"wds_1_198_1_ProgressBar__value","leftover":"wds_1_198_1_ProgressBar__leftover"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_0_Selector";
+var _namespace_ = "wds_1_198_1_Selector";
 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_198_0_Selector__root","image":"wds_1_198_0_Selector__image","mainPart":"wds_1_198_0_Selector__mainPart","titles":"wds_1_198_0_Selector__titles","extra":"wds_1_198_0_Selector__extra","belowSection":"wds_1_198_0_Selector__belowSection"};
+module.exports.classes = {"root":"wds_1_198_1_Selector__root","image":"wds_1_198_1_Selector__image","mainPart":"wds_1_198_1_Selector__mainPart","titles":"wds_1_198_1_Selector__titles","extra":"wds_1_198_1_Selector__extra","belowSection":"wds_1_198_1_Selector__belowSection"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_0_SelectorButton";
+var _namespace_ = "wds_1_198_1_SelectorButton";
 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_198_0_SelectorButton__root","text-tiny-normal":"wds_1_198_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_198_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_198_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_198_0_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_198_1_SelectorButton__root","text-tiny-normal":"wds_1_198_1_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_198_1_StylableTypography__text-small-normal","text-medium-normal":"wds_1_198_1_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_198_1_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};