@wix/design-system 1.121.0 → 1.123.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_Popover";
+var _namespace_ = "wds_1_123_0_Popover";
 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_121_0_Popover__root","content":"wds_1_121_0_Popover__content","arrow":"wds_1_121_0_Popover__arrow","element":"wds_1_121_0_Popover__element","animationEnter":"wds_1_121_0_Popover__animationEnter","animationEnterActive":"wds_1_121_0_Popover__animationEnterActive","animationExit":"wds_1_121_0_Popover__animationExit","animationExitActive":"wds_1_121_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_123_0_Popover__root","content":"wds_1_123_0_Popover__content","arrow":"wds_1_123_0_Popover__arrow","element":"wds_1_123_0_Popover__element","animationEnter":"wds_1_123_0_Popover__animationEnter","animationEnterActive":"wds_1_123_0_Popover__animationEnterActive","animationExit":"wds_1_123_0_Popover__animationExit","animationExitActive":"wds_1_123_0_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverMenu/PopoverMenu.js

@@ -109,7 +109,7 @@ class PopoverMenu extends _react.default.PureComponent {
           disabled,
           as: 'button',
           dataHook: dataHook || "popover-menu-".concat(id),
-          skin: skin || 'dark',
+          skin: skin || 'standard',
           size: textSize,
           className: _PopoverMenuSt.classes.listItem,
           ellipsis,

package/dist/cjs/PopoverMenu/PopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_DropdownBase","_Popover","_PopoverMenuSt","_ListItemSection","_excluded","_excluded2","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","PopoverMenu","React","PureComponent","constructor","ref","createRef","_open","current","_filterChildren","children","Children","map","child","_buildOptions","id","displayName","type","dataHook","props","title","text","onClick","skin","prefixIcon","disabled","subtitle","suffixIcon","value","overrideStyle","_renderOptions","textSize","ellipsis","options","option","optionRest","_objectWithoutProperties2","listItemSectionBuilder","rest","as","concat","size","className","classes","listItem","shouldFocusWithoutScroll","optionTitle","_renderTriggerElement","_ref","toggle","open","close","isOpen","triggerElement","commonProps","isValidElement","cloneElement","render","appendTo","placement","minWidth","maxWidth","flip","fixed","showArrow","moveBy","maxHeight","zIndex","fluid","onHide","onShow","createElement","st","root","animate","tabIndex","listType","autoFocus","__self","__source","fileName","lineNumber","columnNumber","_ref2","MenuItem","Divider","SectionTitle","propTypes","PropTypes","number","oneOfType","string","shape","x","y","element","func","isRequired","oneOf","placements","bool","node","defaultProps","_default","exports"],"sources":["../../../src/PopoverMenu/PopoverMenu.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DropdownBase from '../DropdownBase';\nimport { placements } from '../Popover';\nimport { st, classes } from './PopoverMenu.st.css';\nimport { listItemSectionBuilder } from '../ListItemSection';\n\n/** PopoverMenu */\nclass PopoverMenu extends React.PureComponent {\n  static displayName = 'PopoverMenu';\n\n  ref = React.createRef();\n\n  static MenuItem = () => ({});\n\n  static Divider = () => ({});\n\n  static SectionTitle = () => ({});\n\n  static propTypes = {\n    /** Sets a maximum width for a Popover menu */\n    maxWidth: PropTypes.number,\n\n    /** Sets a minimum width for a Popover menu */\n    minWidth: PropTypes.number,\n\n    /** Sets a maximum height for a Popover menu */\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    /** Sets the Popover z-index */\n    zIndex: PropTypes.number,\n\n    /** Moves Popover menu overlay relative to its trigger element by a defined number of px:\n     * - horizontally (on X-axis)\n     * - or vertically (on Y-axis)\n     */\n    moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n\n    /** Defines a component that calls out a Popover menu (`<IconButton />`, `<Button />` or `<Text Button />`) */\n    triggerElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func])\n      .isRequired,\n\n    /** Defines the Popover menu’s overlay placement in relation to its trigger element:\n     *  * auto-start\n     *  * auto\n     *  * auto-end\n     *  * top-start\n     *  * top\n     *  * top-end\n     *  * right-start\n     *  * right\n     *  * right-end\n     *  * bottom-start\n     *  * bottom\n     *  * bottom-end\n     *  * left-start\n     *  * left\n     *  * left-end\n     */\n    placement: PropTypes.oneOf(placements),\n\n    /** Sets the size of text in Popover menu items */\n    textSize: PropTypes.oneOf(['small', 'medium']),\n\n    /** Truncates menu item text that overflows component’s max Width */\n    ellipsis: PropTypes.bool,\n\n    /**\n     * Stores Popover menu compound components:\n     * - <PopoverMenu.MenuItem />\n     * - <PopoverMenu.Divider /> (optional)\n     * - <PopoverMenu.SectionTitle /> (optional)\n     *\n     * `<PopoverMenu.MenuItem>` component has these fields:\n     *  * `text` - Sets a label for a Popover menu item\n     *  * `onClick` - Defines a callback function which is called when a Popover menu item is clicked on\n     *  * `skin` - Controls the appearance of a Popover menu item (one of `standard`, `dark`, `destructive`)\n     *  * `prefixIcon` - Contains an icon at the start of a Popover menu item\n     *  * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     *  * `suffixIcon` - suffix icon property\n     *  * `disabled` - Disables a Popover menu item\n     *  * `subtitle` - Sets a text for a Popover menu item subtitle\\\n     *\n     * `<PopoverMenu.Divider>` component has these fields:\n     * * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     *\n     * `<PopoverMenu.SectionTitle>` component has these fields:\n     * * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     * * `title` - Acts as a title for following list items.\n     */\n    children: PropTypes.node,\n\n    /** Enables calculations in relation to a DOM element */\n    appendTo: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    /** Enables the flip behaviour. This behaviour is used to flip the overlay placement when it starts to overlap the trigger element. */\n    flip: PropTypes.bool,\n\n    /** Enables the fixed behaviour. This behaviour is used to keep the overlay at its original placement even when it is being positioned outside the boundary. */\n    fixed: PropTypes.bool,\n\n    /* Allows truncating the trigger element to a specified parent container width. */\n    fluid: PropTypes.bool,\n\n    /** Controls visibility of the pointer arrow */\n    showArrow: PropTypes.bool,\n\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Applies a CSS class to the component’s root element */\n    className: PropTypes.string,\n\n    /** Defines a callback function which is called when a Popover menu is opened */\n    onShow: PropTypes.func,\n\n    /** Defines a callback function which is called when a Popover menu is closed */\n    onHide: PropTypes.func,\n  };\n\n  static defaultProps = {\n    maxWidth: 204,\n    minWidth: 144,\n    placement: 'bottom',\n    appendTo: 'window',\n    textSize: 'medium',\n    fixed: true,\n    flip: true,\n    showArrow: true,\n    ellipsis: false,\n    maxHeight: 'auto',\n  };\n\n  _open = () => {\n    if (this.ref.current) {\n      this.ref.current._open();\n    }\n  };\n\n  _filterChildren = children => {\n    return React.Children.map(children, child => child).filter(\n      child => typeof child !== 'string',\n    );\n  };\n\n  _buildOptions = children => {\n    return children.map((child, id) => {\n      const displayName = child.type && child.type.displayName;\n\n      if (displayName && displayName === 'PopoverMenu.Divider') {\n        return {\n          id,\n          type: 'divider',\n          dataHook: child.props.dataHook,\n        };\n      }\n\n      if (displayName && displayName === 'PopoverMenu.SectionTitle') {\n        return {\n          id,\n          type: 'title',\n          title: child.props.title,\n          dataHook: child.props.dataHook,\n        };\n      }\n\n      if (displayName && displayName === 'PopoverMenu.MenuItem') {\n        return {\n          id,\n          title: child.props.text,\n          onClick: child.props.onClick,\n          skin: child.props.skin,\n          dataHook: child.props.dataHook,\n          prefixIcon: child.props.prefixIcon,\n          disabled: child.props.disabled,\n          subtitle: child.props.subtitle,\n          suffixIcon: child.props.suffixIcon,\n        };\n      }\n\n      return { id, value: child, type: 'custom', overrideStyle: true };\n    });\n  };\n\n  _renderOptions = () => {\n    const { textSize, ellipsis } = this.props;\n    const children = this._filterChildren(this.props.children);\n    const options = this._buildOptions(children);\n\n    return options.map(option => {\n      const { type, ...optionRest } = option;\n\n      // Custom\n      if (type === 'custom') {\n        return optionRest;\n      }\n\n      // Divider\n      if (type === 'divider') {\n        return listItemSectionBuilder(option);\n      }\n\n      // SectionTitle\n      if (type === 'title') {\n        return listItemSectionBuilder(option);\n      }\n\n      const { id, disabled, dataHook, skin, subtitle, title, ...rest } =\n        optionRest;\n\n      return {\n        ...rest,\n        id,\n        disabled,\n        as: 'button',\n        dataHook: dataHook || `popover-menu-${id}`,\n        skin: skin || 'dark',\n        size: textSize,\n        className: classes.listItem,\n        ellipsis,\n        subtitle,\n        shouldFocusWithoutScroll: true,\n        value: 'action',\n        title: false,\n        optionTitle: title,\n      };\n    });\n  };\n\n  _renderTriggerElement = ({ toggle, open, close, isOpen, ref }) => {\n    const { triggerElement } = this.props;\n    if (!triggerElement) {\n      return null;\n    }\n\n    const commonProps = {\n      onClick: toggle,\n      ref,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n    };\n\n    return React.isValidElement(triggerElement)\n      ? React.cloneElement(triggerElement, {\n          ...commonProps,\n        })\n      : triggerElement({\n          toggle,\n          open,\n          close,\n          isOpen,\n          ...commonProps,\n        });\n  };\n\n  render() {\n    const {\n      appendTo,\n      placement,\n      minWidth,\n      maxWidth,\n      flip,\n      fixed,\n      showArrow,\n      dataHook,\n      moveBy,\n      maxHeight,\n      zIndex,\n      className,\n      fluid,\n      onHide,\n      onShow,\n    } = this.props;\n    return (\n      <DropdownBase\n        ref={this.ref}\n        className={st(classes.root, className)}\n        dataHook={dataHook}\n        animate\n        options={this._renderOptions()}\n        appendTo={appendTo}\n        placement={placement}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flip={flip}\n        fixed={fixed}\n        showArrow={showArrow}\n        tabIndex={-1}\n        moveBy={moveBy}\n        maxHeight={maxHeight}\n        zIndex={zIndex}\n        fluid={fluid}\n        onHide={onHide}\n        onShow={onShow}\n        listType=\"action\"\n        autoFocus\n      >\n        {({ toggle, open, close, isOpen, ref }) =>\n          this._renderTriggerElement({ toggle, open, close, isOpen, ref })\n        }\n      </DropdownBase>\n    );\n  }\n}\n\nPopoverMenu.MenuItem.displayName = 'PopoverMenu.MenuItem';\nPopoverMenu.Divider.displayName = 'PopoverMenu.Divider';\nPopoverMenu.SectionTitle.displayName = 'PopoverMenu.SectionTitle';\n\nexport default PopoverMenu;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAA4D,IAAAM,SAAA;EAAAC,UAAA;AAAA,IAAAC,YAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE5D;AACA,MAAMqB,WAAW,SAASC,cAAK,CAACC,aAAa,CAAC;EAAAC,YAAA;IAAA,SAAAX,SAAA;IAAA,KAG5CY,GAAG,gBAAGH,cAAK,CAACI,SAAS,CAAC,CAAC;IAAA,KA0HvBC,KAAK,GAAG,MAAM;MACZ,IAAI,IAAI,CAACF,GAAG,CAACG,OAAO,EAAE;QACpB,IAAI,CAACH,GAAG,CAACG,OAAO,CAACD,KAAK,CAAC,CAAC;MAC1B;IACF,CAAC;IAAA,KAEDE,eAAe,GAAGC,QAAQ,IAAI;MAC5B,OAAOR,cAAK,CAACS,QAAQ,CAACC,GAAG,CAACF,QAAQ,EAAEG,KAAK,IAAIA,KAAK,CAAC,CAAC1B,MAAM,CACxD0B,KAAK,IAAI,OAAOA,KAAK,KAAK,QAC5B,CAAC;IACH,CAAC;IAAA,KAEDC,aAAa,GAAGJ,QAAQ,IAAI;MAC1B,OAAOA,QAAQ,CAACE,GAAG,CAAC,CAACC,KAAK,EAAEE,EAAE,KAAK;QACjC,IAAMC,WAAW,GAAGH,KAAK,CAACI,IAAI,IAAIJ,KAAK,CAACI,IAAI,CAACD,WAAW;QAExD,IAAIA,WAAW,IAAIA,WAAW,KAAK,qBAAqB,EAAE;UACxD,OAAO;YACLD,EAAE;YACFE,IAAI,EAAE,SAAS;YACfC,QAAQ,EAAEL,KAAK,CAACM,KAAK,CAACD;UACxB,CAAC;QACH;QAEA,IAAIF,WAAW,IAAIA,WAAW,KAAK,0BAA0B,EAAE;UAC7D,OAAO;YACLD,EAAE;YACFE,IAAI,EAAE,OAAO;YACbG,KAAK,EAAEP,KAAK,CAACM,KAAK,CAACC,KAAK;YACxBF,QAAQ,EAAEL,KAAK,CAACM,KAAK,CAACD;UACxB,CAAC;QACH;QAEA,IAAIF,WAAW,IAAIA,WAAW,KAAK,sBAAsB,EAAE;UACzD,OAAO;YACLD,EAAE;YACFK,KAAK,EAAEP,KAAK,CAACM,KAAK,CAACE,IAAI;YACvBC,OAAO,EAAET,KAAK,CAACM,KAAK,CAACG,OAAO;YAC5BC,IAAI,EAAEV,KAAK,CAACM,KAAK,CAACI,IAAI;YACtBL,QAAQ,EAAEL,KAAK,CAACM,KAAK,CAACD,QAAQ;YAC9BM,UAAU,EAAEX,KAAK,CAACM,KAAK,CAACK,UAAU;YAClCC,QAAQ,EAAEZ,KAAK,CAACM,KAAK,CAACM,QAAQ;YAC9BC,QAAQ,EAAEb,KAAK,CAACM,KAAK,CAACO,QAAQ;YAC9BC,UAAU,EAAEd,KAAK,CAACM,KAAK,CAACQ;UAC1B,CAAC;QACH;QAEA,OAAO;UAAEZ,EAAE;UAAEa,KAAK,EAAEf,KAAK;UAAEI,IAAI,EAAE,QAAQ;UAAEY,aAAa,EAAE;QAAK,CAAC;MAClE,CAAC,CAAC;IACJ,CAAC;IAAA,KAEDC,cAAc,GAAG,MAAM;MACrB,IAAM;QAAEC,QAAQ;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACb,KAAK;MACzC,IAAMT,QAAQ,GAAG,IAAI,CAACD,eAAe,CAAC,IAAI,CAACU,KAAK,CAACT,QAAQ,CAAC;MAC1D,IAAMuB,OAAO,GAAG,IAAI,CAACnB,aAAa,CAACJ,QAAQ,CAAC;MAE5C,OAAOuB,OAAO,CAACrB,GAAG,CAACsB,MAAM,IAAI;QAC3B,IAAM;YAAEjB;UAAoB,CAAC,GAAGiB,MAAM;UAArBC,UAAU,OAAAC,yBAAA,CAAAvC,OAAA,EAAKqC,MAAM,EAAA1D,SAAA;;QAEtC;QACA,IAAIyC,IAAI,KAAK,QAAQ,EAAE;UACrB,OAAOkB,UAAU;QACnB;;QAEA;QACA,IAAIlB,IAAI,KAAK,SAAS,EAAE;UACtB,OAAO,IAAAoB,uCAAsB,EAACH,MAAM,CAAC;QACvC;;QAEA;QACA,IAAIjB,IAAI,KAAK,OAAO,EAAE;UACpB,OAAO,IAAAoB,uCAAsB,EAACH,MAAM,CAAC;QACvC;QAEA,IAAM;YAAEnB,EAAE;YAAEU,QAAQ;YAAEP,QAAQ;YAAEK,IAAI;YAAEG,QAAQ;YAAEN;UAAe,CAAC,GAC9De,UAAU;UAD8CG,IAAI,OAAAF,yBAAA,CAAAvC,OAAA,EAC5DsC,UAAU,EAAA1D,UAAA;QAEZ,OAAAe,aAAA,CAAAA,aAAA,KACK8C,IAAI;UACPvB,EAAE;UACFU,QAAQ;UACRc,EAAE,EAAE,QAAQ;UACZrB,QAAQ,EAAEA,QAAQ,oBAAAsB,MAAA,CAAoBzB,EAAE,CAAE;UAC1CQ,IAAI,EAAEA,IAAI,IAAI,MAAM;UACpBkB,IAAI,EAAEV,QAAQ;UACdW,SAAS,EAAEC,sBAAO,CAACC,QAAQ;UAC3BZ,QAAQ;UACRN,QAAQ;UACRmB,wBAAwB,EAAE,IAAI;UAC9BjB,KAAK,EAAE,QAAQ;UACfR,KAAK,EAAE,KAAK;UACZ0B,WAAW,EAAE1B;QAAK;MAEtB,CAAC,CAAC;IACJ,CAAC;IAAA,KAED2B,qBAAqB,GAAGC,IAAA,IAA0C;MAAA,IAAzC;QAAEC,MAAM;QAAEC,IAAI;QAAEC,KAAK;QAAEC,MAAM;QAAE/C;MAAI,CAAC,GAAA2C,IAAA;MAC3D,IAAM;QAAEK;MAAe,CAAC,GAAG,IAAI,CAAClC,KAAK;MACrC,IAAI,CAACkC,cAAc,EAAE;QACnB,OAAO,IAAI;MACb;MAEA,IAAMC,WAAW,GAAG;QAClBhC,OAAO,EAAE2B,MAAM;QACf5C,GAAG;QACH,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE+C;MACnB,CAAC;MAED,OAAO,aAAAlD,cAAK,CAACqD,cAAc,CAACF,cAAc,CAAC,gBACvCnD,cAAK,CAACsD,YAAY,CAACH,cAAc,EAAA7D,aAAA,KAC5B8D,WAAW,CACf,CAAC,GACFD,cAAc,CAAA7D,aAAA;QACZyD,MAAM;QACNC,IAAI;QACJC,KAAK;QACLC;MAAM,GACHE,WAAW,CACf,CAAC;IACR,CAAC;EAAA;EAEDG,MAAMA,CAAA,EAAG;IACP,IAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,QAAQ;MACRC,IAAI;MACJC,KAAK;MACLC,SAAS;MACT9C,QAAQ;MACR+C,MAAM;MACNC,SAAS;MACTC,MAAM;MACNzB,SAAS;MACT0B,KAAK;MACLC,MAAM;MACNC;IACF,CAAC,GAAG,IAAI,CAACnD,KAAK;IACd,oBACEnD,MAAA,CAAA6B,OAAA,CAAA0E,aAAA,CAACnG,aAAA,CAAAyB,OAAY;MACXQ,GAAG,EAAE,IAAI,CAACA,GAAI;MACdqC,SAAS,EAAE,IAAA8B,iBAAE,EAAC7B,sBAAO,CAAC8B,IAAI,EAAE/B,SAAS,CAAE;MACvCxB,QAAQ,EAAEA,QAAS;MACnBwD,OAAO;MACPzC,OAAO,EAAE,IAAI,CAACH,cAAc,CAAC,CAAE;MAC/B4B,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAEA,SAAU;MACrBC,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAU;MACrBW,QAAQ,EAAE,CAAC,CAAE;MACbV,MAAM,EAAEA,MAAO;MACfC,SAAS,EAAEA,SAAU;MACrBC,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA,MAAO;MACfM,QAAQ,EAAC,QAAQ;MACjBC,SAAS;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,GAERC,KAAA;MAAA,IAAC;QAAElC,MAAM;QAAEC,IAAI;QAAEC,KAAK;QAAEC,MAAM;QAAE/C;MAAI,CAAC,GAAA8E,KAAA;MAAA,OACpC,IAAI,CAACpC,qBAAqB,CAAC;QAAEE,MAAM;QAAEC,IAAI;QAAEC,KAAK;QAAEC,MAAM;QAAE/C;MAAI,CAAC,CAAC;IAAA,CAEtD,CAAC;EAEnB;AACF;AAvSMJ,WAAW,CACRe,WAAW,GAAG,aAAa;AAD9Bf,WAAW,CAKRmF,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC;AALxBnF,WAAW,CAORoF,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;AAPvBpF,WAAW,CASRqF,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC;AAT5BrF,WAAW,CAWRsF,SAAS,GAAG;EACjB;EACA1B,QAAQ,EAAE2B,kBAAS,CAACC,MAAM;EAE1B;EACA7B,QAAQ,EAAE4B,kBAAS,CAACC,MAAM;EAE1B;EACAvB,SAAS,EAAEsB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,MAAM,CAAC,CAAC;EAEpE;EACAtB,MAAM,EAAEqB,kBAAS,CAACC,MAAM;EAExB;AACJ;AACA;AACA;EACIxB,MAAM,EAAEuB,kBAAS,CAACI,KAAK,CAAC;IAAEC,CAAC,EAAEL,kBAAS,CAACC,MAAM;IAAEK,CAAC,EAAEN,kBAAS,CAACC;EAAO,CAAC,CAAC;EAErE;EACApC,cAAc,EAAEmC,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACO,OAAO,EAAEP,kBAAS,CAACQ,IAAI,CAAC,CAAC,CACrEC,UAAU;EAEb;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACItC,SAAS,EAAE6B,kBAAS,CAACU,KAAK,CAACC,mBAAU,CAAC;EAEtC;EACApE,QAAQ,EAAEyD,kBAAS,CAACU,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAE9C;EACAlE,QAAQ,EAAEwD,kBAAS,CAACY,IAAI;EAExB;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI1F,QAAQ,EAAE8E,kBAAS,CAACa,IAAI;EAExB;EACA3C,QAAQ,EAAE8B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACa,IAAI,CAAC,CAAC;EAEjE;EACAvC,IAAI,EAAE0B,kBAAS,CAACY,IAAI;EAEpB;EACArC,KAAK,EAAEyB,kBAAS,CAACY,IAAI;EAErB;EACAhC,KAAK,EAAEoB,kBAAS,CAACY,IAAI;EAErB;EACApC,SAAS,EAAEwB,kBAAS,CAACY,IAAI;EAEzB;EACAlF,QAAQ,EAAEsE,kBAAS,CAACG,MAAM;EAE1B;EACAjD,SAAS,EAAE8C,kBAAS,CAACG,MAAM;EAE3B;EACArB,MAAM,EAAEkB,kBAAS,CAACQ,IAAI;EAEtB;EACA3B,MAAM,EAAEmB,kBAAS,CAACQ;AACpB,CAAC;AA9GG/F,WAAW,CAgHRqG,YAAY,GAAG;EACpBzC,QAAQ,EAAE,GAAG;EACbD,QAAQ,EAAE,GAAG;EACbD,SAAS,EAAE,QAAQ;EACnBD,QAAQ,EAAE,QAAQ;EAClB3B,QAAQ,EAAE,QAAQ;EAClBgC,KAAK,EAAE,IAAI;EACXD,IAAI,EAAE,IAAI;EACVE,SAAS,EAAE,IAAI;EACfhC,QAAQ,EAAE,KAAK;EACfkC,SAAS,EAAE;AACb,CAAC;AA8KHjE,WAAW,CAACmF,QAAQ,CAACpE,WAAW,GAAG,sBAAsB;AACzDf,WAAW,CAACoF,OAAO,CAACrE,WAAW,GAAG,qBAAqB;AACvDf,WAAW,CAACqF,YAAY,CAACtE,WAAW,GAAG,0BAA0B;AAAC,IAAAuF,QAAA,GAAAC,OAAA,CAAA3G,OAAA,GAEnDI,WAAW","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_DropdownBase","_Popover","_PopoverMenuSt","_ListItemSection","_excluded","_excluded2","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","PopoverMenu","React","PureComponent","constructor","ref","createRef","_open","current","_filterChildren","children","Children","map","child","_buildOptions","id","displayName","type","dataHook","props","title","text","onClick","skin","prefixIcon","disabled","subtitle","suffixIcon","value","overrideStyle","_renderOptions","textSize","ellipsis","options","option","optionRest","_objectWithoutProperties2","listItemSectionBuilder","rest","as","concat","size","className","classes","listItem","shouldFocusWithoutScroll","optionTitle","_renderTriggerElement","_ref","toggle","open","close","isOpen","triggerElement","commonProps","isValidElement","cloneElement","render","appendTo","placement","minWidth","maxWidth","flip","fixed","showArrow","moveBy","maxHeight","zIndex","fluid","onHide","onShow","createElement","st","root","animate","tabIndex","listType","autoFocus","__self","__source","fileName","lineNumber","columnNumber","_ref2","MenuItem","Divider","SectionTitle","propTypes","PropTypes","number","oneOfType","string","shape","x","y","element","func","isRequired","oneOf","placements","bool","node","defaultProps","_default","exports"],"sources":["../../../src/PopoverMenu/PopoverMenu.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DropdownBase from '../DropdownBase';\nimport { placements } from '../Popover';\nimport { st, classes } from './PopoverMenu.st.css';\nimport { listItemSectionBuilder } from '../ListItemSection';\n\n/** PopoverMenu */\nclass PopoverMenu extends React.PureComponent {\n  static displayName = 'PopoverMenu';\n\n  ref = React.createRef();\n\n  static MenuItem = () => ({});\n\n  static Divider = () => ({});\n\n  static SectionTitle = () => ({});\n\n  static propTypes = {\n    /** Sets a maximum width for a Popover menu */\n    maxWidth: PropTypes.number,\n\n    /** Sets a minimum width for a Popover menu */\n    minWidth: PropTypes.number,\n\n    /** Sets a maximum height for a Popover menu */\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    /** Sets the Popover z-index */\n    zIndex: PropTypes.number,\n\n    /** Moves Popover menu overlay relative to its trigger element by a defined number of px:\n     * - horizontally (on X-axis)\n     * - or vertically (on Y-axis)\n     */\n    moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n\n    /** Defines a component that calls out a Popover menu (`<IconButton />`, `<Button />` or `<Text Button />`) */\n    triggerElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func])\n      .isRequired,\n\n    /** Defines the Popover menu’s overlay placement in relation to its trigger element:\n     *  * auto-start\n     *  * auto\n     *  * auto-end\n     *  * top-start\n     *  * top\n     *  * top-end\n     *  * right-start\n     *  * right\n     *  * right-end\n     *  * bottom-start\n     *  * bottom\n     *  * bottom-end\n     *  * left-start\n     *  * left\n     *  * left-end\n     */\n    placement: PropTypes.oneOf(placements),\n\n    /** Sets the size of text in Popover menu items */\n    textSize: PropTypes.oneOf(['small', 'medium']),\n\n    /** Truncates menu item text that overflows component’s max Width */\n    ellipsis: PropTypes.bool,\n\n    /**\n     * Stores Popover menu compound components:\n     * - <PopoverMenu.MenuItem />\n     * - <PopoverMenu.Divider /> (optional)\n     * - <PopoverMenu.SectionTitle /> (optional)\n     *\n     * `<PopoverMenu.MenuItem>` component has these fields:\n     *  * `text` - Sets a label for a Popover menu item\n     *  * `onClick` - Defines a callback function which is called when a Popover menu item is clicked on\n     *  * `skin` - Controls the appearance of a Popover menu item (one of `standard`, `dark`, `destructive`)\n     *  * `prefixIcon` - Contains an icon at the start of a Popover menu item\n     *  * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     *  * `suffixIcon` - suffix icon property\n     *  * `disabled` - Disables a Popover menu item\n     *  * `subtitle` - Sets a text for a Popover menu item subtitle\\\n     *\n     * `<PopoverMenu.Divider>` component has these fields:\n     * * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     *\n     * `<PopoverMenu.SectionTitle>` component has these fields:\n     * * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     * * `title` - Acts as a title for following list items.\n     */\n    children: PropTypes.node,\n\n    /** Enables calculations in relation to a DOM element */\n    appendTo: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    /** Enables the flip behaviour. This behaviour is used to flip the overlay placement when it starts to overlap the trigger element. */\n    flip: PropTypes.bool,\n\n    /** Enables the fixed behaviour. This behaviour is used to keep the overlay at its original placement even when it is being positioned outside the boundary. */\n    fixed: PropTypes.bool,\n\n    /* Allows truncating the trigger element to a specified parent container width. */\n    fluid: PropTypes.bool,\n\n    /** Controls visibility of the pointer arrow */\n    showArrow: PropTypes.bool,\n\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Applies a CSS class to the component’s root element */\n    className: PropTypes.string,\n\n    /** Defines a callback function which is called when a Popover menu is opened */\n    onShow: PropTypes.func,\n\n    /** Defines a callback function which is called when a Popover menu is closed */\n    onHide: PropTypes.func,\n  };\n\n  static defaultProps = {\n    maxWidth: 204,\n    minWidth: 144,\n    placement: 'bottom',\n    appendTo: 'window',\n    textSize: 'medium',\n    fixed: true,\n    flip: true,\n    showArrow: true,\n    ellipsis: false,\n    maxHeight: 'auto',\n  };\n\n  _open = () => {\n    if (this.ref.current) {\n      this.ref.current._open();\n    }\n  };\n\n  _filterChildren = children => {\n    return React.Children.map(children, child => child).filter(\n      child => typeof child !== 'string',\n    );\n  };\n\n  _buildOptions = children => {\n    return children.map((child, id) => {\n      const displayName = child.type && child.type.displayName;\n\n      if (displayName && displayName === 'PopoverMenu.Divider') {\n        return {\n          id,\n          type: 'divider',\n          dataHook: child.props.dataHook,\n        };\n      }\n\n      if (displayName && displayName === 'PopoverMenu.SectionTitle') {\n        return {\n          id,\n          type: 'title',\n          title: child.props.title,\n          dataHook: child.props.dataHook,\n        };\n      }\n\n      if (displayName && displayName === 'PopoverMenu.MenuItem') {\n        return {\n          id,\n          title: child.props.text,\n          onClick: child.props.onClick,\n          skin: child.props.skin,\n          dataHook: child.props.dataHook,\n          prefixIcon: child.props.prefixIcon,\n          disabled: child.props.disabled,\n          subtitle: child.props.subtitle,\n          suffixIcon: child.props.suffixIcon,\n        };\n      }\n\n      return { id, value: child, type: 'custom', overrideStyle: true };\n    });\n  };\n\n  _renderOptions = () => {\n    const { textSize, ellipsis } = this.props;\n    const children = this._filterChildren(this.props.children);\n    const options = this._buildOptions(children);\n\n    return options.map(option => {\n      const { type, ...optionRest } = option;\n\n      // Custom\n      if (type === 'custom') {\n        return optionRest;\n      }\n\n      // Divider\n      if (type === 'divider') {\n        return listItemSectionBuilder(option);\n      }\n\n      // SectionTitle\n      if (type === 'title') {\n        return listItemSectionBuilder(option);\n      }\n\n      const { id, disabled, dataHook, skin, subtitle, title, ...rest } =\n        optionRest;\n\n      return {\n        ...rest,\n        id,\n        disabled,\n        as: 'button',\n        dataHook: dataHook || `popover-menu-${id}`,\n        skin: skin || 'standard',\n        size: textSize,\n        className: classes.listItem,\n        ellipsis,\n        subtitle,\n        shouldFocusWithoutScroll: true,\n        value: 'action',\n        title: false,\n        optionTitle: title,\n      };\n    });\n  };\n\n  _renderTriggerElement = ({ toggle, open, close, isOpen, ref }) => {\n    const { triggerElement } = this.props;\n    if (!triggerElement) {\n      return null;\n    }\n\n    const commonProps = {\n      onClick: toggle,\n      ref,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n    };\n\n    return React.isValidElement(triggerElement)\n      ? React.cloneElement(triggerElement, {\n          ...commonProps,\n        })\n      : triggerElement({\n          toggle,\n          open,\n          close,\n          isOpen,\n          ...commonProps,\n        });\n  };\n\n  render() {\n    const {\n      appendTo,\n      placement,\n      minWidth,\n      maxWidth,\n      flip,\n      fixed,\n      showArrow,\n      dataHook,\n      moveBy,\n      maxHeight,\n      zIndex,\n      className,\n      fluid,\n      onHide,\n      onShow,\n    } = this.props;\n    return (\n      <DropdownBase\n        ref={this.ref}\n        className={st(classes.root, className)}\n        dataHook={dataHook}\n        animate\n        options={this._renderOptions()}\n        appendTo={appendTo}\n        placement={placement}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flip={flip}\n        fixed={fixed}\n        showArrow={showArrow}\n        tabIndex={-1}\n        moveBy={moveBy}\n        maxHeight={maxHeight}\n        zIndex={zIndex}\n        fluid={fluid}\n        onHide={onHide}\n        onShow={onShow}\n        listType=\"action\"\n        autoFocus\n      >\n        {({ toggle, open, close, isOpen, ref }) =>\n          this._renderTriggerElement({ toggle, open, close, isOpen, ref })\n        }\n      </DropdownBase>\n    );\n  }\n}\n\nPopoverMenu.MenuItem.displayName = 'PopoverMenu.MenuItem';\nPopoverMenu.Divider.displayName = 'PopoverMenu.Divider';\nPopoverMenu.SectionTitle.displayName = 'PopoverMenu.SectionTitle';\n\nexport default PopoverMenu;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_PopoverMenu";
+var _namespace_ = "wds_1_123_0_PopoverMenu";
 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_121_0_PopoverMenu__root","listItem":"wds_1_121_0_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_123_0_PopoverMenu__root","listItem":"wds_1_123_0_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_PreviewWidget";
+var _namespace_ = "wds_1_123_0_PreviewWidget";
 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_121_0_PreviewWidget__root","contentArea":"wds_1_121_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_123_0_PreviewWidget__root","contentArea":"wds_1_123_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_Proportion";
+var _namespace_ = "wds_1_123_0_Proportion";
 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_121_0_Proportion__root","ratioHolder":"wds_1_121_0_Proportion__ratioHolder","contentWrapper":"wds_1_121_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_123_0_Proportion__root","ratioHolder":"wds_1_123_0_Proportion__ratioHolder","contentWrapper":"wds_1_123_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_PulseAnimation";
+var _namespace_ = "wds_1_123_0_PulseAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_121_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_121_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_121_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_121_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_121_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_121_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_121_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_121_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_121_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_123_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_123_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_123_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_123_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_123_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_123_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_123_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_123_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_123_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_RadarChart";
+var _namespace_ = "wds_1_123_0_RadarChart";
 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_121_0_RadarChart__root","text-tiny-thin":"wds_1_121_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_121_0_StylableTypography__text-small-thin","axis":"wds_1_121_0_RadarChart__axis","axisLabel":"wds_1_121_0_RadarChart__axisLabel","circles":"wds_1_121_0_RadarChart__circles","scaleLabel":"wds_1_121_0_RadarChart__scaleLabel","dataPoint":"wds_1_121_0_RadarChart__dataPoint","tooltip":"wds_1_121_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_123_0_RadarChart__root","text-tiny-thin":"wds_1_123_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_123_0_StylableTypography__text-small-thin","axis":"wds_1_123_0_RadarChart__axis","axisLabel":"wds_1_123_0_RadarChart__axisLabel","circles":"wds_1_123_0_RadarChart__circles","scaleLabel":"wds_1_123_0_RadarChart__scaleLabel","dataPoint":"wds_1_123_0_RadarChart__dataPoint","tooltip":"wds_1_123_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_Radio";
+var _namespace_ = "wds_1_123_0_Radio";
 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_121_0_Radio__root","input":"wds_1_121_0_Radio__input","icon":"wds_1_121_0_Radio__icon","label":"wds_1_121_0_Radio__label","labelText":"wds_1_121_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_123_0_Radio__root","input":"wds_1_123_0_Radio__input","icon":"wds_1_123_0_Radio__icon","label":"wds_1_123_0_Radio__label","labelText":"wds_1_123_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_RadioGroup";
+var _namespace_ = "wds_1_123_0_RadioGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_121_0_RadioGroup__root","mobile":"wds_1_121_0_WixDesignSystemProvider__mobile","radio":"wds_1_121_0_RadioGroup__radio","radioContainer":"wds_1_121_0_RadioGroup__radioContainer","optionContainer":"wds_1_121_0_RadioGroup__optionContainer","content":"wds_1_121_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_123_0_RadioGroup__root","mobile":"wds_1_123_0_WixDesignSystemProvider__mobile","radio":"wds_1_123_0_RadioGroup__radio","radioContainer":"wds_1_123_0_RadioGroup__radioContainer","optionContainer":"wds_1_123_0_RadioGroup__optionContainer","content":"wds_1_123_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_Range";
+var _namespace_ = "wds_1_123_0_Range";
 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_121_0_Range__root","firstinput":"wds_1_121_0_Range__firstinput","firstDate":"wds_1_121_0_Range__firstDate","lastinput":"wds_1_121_0_Range__lastinput","lastDate":"wds_1_121_0_Range__lastDate","label":"wds_1_121_0_Range__label","inputWrapper":"wds_1_121_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_123_0_Range__root","firstinput":"wds_1_123_0_Range__firstinput","firstDate":"wds_1_123_0_Range__firstDate","lastinput":"wds_1_123_0_Range__lastinput","lastDate":"wds_1_123_0_Range__lastDate","label":"wds_1_123_0_Range__label","inputWrapper":"wds_1_123_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_121_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_123_0_RichTextInputAreaForm";
 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_121_0_RichTextInputAreaForm__root","footer":"wds_1_121_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_123_0_RichTextInputAreaForm__root","footer":"wds_1_123_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_RichTextInputArea";
+var _namespace_ = "wds_1_123_0_RichTextInputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_121_0_RichTextInputArea__root","text-medium-thin":"wds_1_121_0_StylableTypography__text-medium-thin","font-medium":"wds_1_121_0_RichTextInputArea__font-medium","link":"wds_1_121_0_RichTextInputArea__link","toolbar":"wds_1_121_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_121_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_121_0_RichTextInputArea__statusIndicator"};
+module.exports.classes = {"root":"wds_1_123_0_RichTextInputArea__root","text-medium-thin":"wds_1_123_0_StylableTypography__text-medium-thin","font-medium":"wds_1_123_0_RichTextInputArea__font-medium","link":"wds_1_123_0_RichTextInputArea__link","toolbar":"wds_1_123_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_123_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_123_0_RichTextInputArea__statusIndicator"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"minWidth":"378px","minHeight":"72px","backgroundColor":"var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF))","border":"1px solid var(--wds-color-border-standard-secondary, var(--wsr-color-B30, #C1E4FE))","borderRadius":"var(--wds-input-border-radius-default-medium, 6px)","padding":"var(--wds-input-padding-vertical-medium, 12px) var(--wds-input-padding-horizontal-medium, 12px)","errorBorderColor":"var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #EE5951))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FDB10C))"}; 
-module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-warning":"--wds-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_121_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_121_0_RichTextInputArea-maxHeight"}; 
+module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-warning":"--wds-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_123_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_123_0_RichTextInputArea-maxHeight"}; 
 
 
 

package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_121_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_123_0_RichTextToolbarButton";
 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_121_0_RichTextToolbarButton__root","button":"wds_1_121_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_123_0_RichTextToolbarButton__root","button":"wds_1_123_0_RichTextToolbarButton__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_Search";
+var _namespace_ = "wds_1_123_0_Search";
 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_121_0_Search__root","content":"wds_1_121_0_Search__content"};
+module.exports.classes = {"root":"wds_1_123_0_Search__root","content":"wds_1_123_0_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_121_0_SectionHeader";
+var _namespace_ = "wds_1_123_0_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_121_0_SectionHeader__root","title":"wds_1_121_0_SectionHeader__title","titleText":"wds_1_121_0_SectionHeader__titleText","suffix":"wds_1_121_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_123_0_SectionHeader__root","title":"wds_1_123_0_SectionHeader__title","titleText":"wds_1_123_0_SectionHeader__titleText","suffix":"wds_1_123_0_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_121_0_SectionHeader-color-bg","color-border":"--wds_1_121_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_123_0_SectionHeader-color-bg","color-border":"--wds_1_123_0_SectionHeader-color-border"}; 
 
 
 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_SectionHelper";
+var _namespace_ = "wds_1_123_0_SectionHelper";
 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_121_0_SectionHelper__root","close":"wds_1_121_0_SectionHelper__close","title":"wds_1_121_0_SectionHelper__title","content":"wds_1_121_0_SectionHelper__content","action":"wds_1_121_0_SectionHelper__action"};
+module.exports.classes = {"root":"wds_1_123_0_SectionHelper__root","close":"wds_1_123_0_SectionHelper__close","title":"wds_1_123_0_SectionHelper__title","content":"wds_1_123_0_SectionHelper__content","action":"wds_1_123_0_SectionHelper__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_121_0_SegmentedToggle";
+var _namespace_ = "wds_1_123_0_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_121_0_SegmentedToggle__root","divider":"wds_1_121_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_123_0_SegmentedToggle__root","divider":"wds_1_123_0_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_121_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_123_0_SegmentedToggleButton";
 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_121_0_SegmentedToggleButton__root","prefix":"wds_1_121_0_SegmentedToggleButton__prefix"};
+module.exports.classes = {"root":"wds_1_123_0_SegmentedToggleButton__root","prefix":"wds_1_123_0_SegmentedToggleButton__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_121_0_ToggleIcon";
+var _namespace_ = "wds_1_123_0_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_121_0_ToggleIcon__root","tooltip":"wds_1_121_0_ToggleIcon__tooltip","button":"wds_1_121_0_ToggleIcon__button","textWrapper":"wds_1_121_0_ToggleIcon__textWrapper"};
+module.exports.classes = {"root":"wds_1_123_0_ToggleIcon__root","tooltip":"wds_1_123_0_ToggleIcon__tooltip","button":"wds_1_123_0_ToggleIcon__button","textWrapper":"wds_1_123_0_ToggleIcon__textWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_121_0_SelectableAccordionItem";
+var _namespace_ = "wds_1_123_0_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_121_0_SelectableAccordionItem__root","item":"wds_1_121_0_SelectableAccordionItem__item","selector":"wds_1_121_0_SelectableAccordionItem__selector","header":"wds_1_121_0_SelectableAccordionItem__header","divider":"wds_1_121_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_121_0_SelectableAccordionItem__selectorToggle","content":"wds_1_121_0_SelectableAccordionItem__content","text":"wds_1_121_0_SelectableAccordionItem__text","inner":"wds_1_121_0_SelectableAccordionItem__inner"};
+module.exports.classes = {"root":"wds_1_123_0_SelectableAccordionItem__root","item":"wds_1_123_0_SelectableAccordionItem__item","selector":"wds_1_123_0_SelectableAccordionItem__selector","header":"wds_1_123_0_SelectableAccordionItem__header","divider":"wds_1_123_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_123_0_SelectableAccordionItem__selectorToggle","content":"wds_1_123_0_SelectableAccordionItem__content","text":"wds_1_123_0_SelectableAccordionItem__text","inner":"wds_1_123_0_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_121_0_SelectableAccordion";
+var _namespace_ = "wds_1_123_0_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_121_0_SelectableAccordion__root"};
+module.exports.classes = {"root":"wds_1_123_0_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_121_0_ProgressBar";
+var _namespace_ = "wds_1_123_0_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_121_0_ProgressBar__root","bar":"wds_1_121_0_ProgressBar__bar","value":"wds_1_121_0_ProgressBar__value","leftover":"wds_1_121_0_ProgressBar__leftover"};
+module.exports.classes = {"root":"wds_1_123_0_ProgressBar__root","bar":"wds_1_123_0_ProgressBar__bar","value":"wds_1_123_0_ProgressBar__value","leftover":"wds_1_123_0_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_121_0_Selector";
+var _namespace_ = "wds_1_123_0_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_121_0_Selector__root","image":"wds_1_121_0_Selector__image","mainPart":"wds_1_121_0_Selector__mainPart","titles":"wds_1_121_0_Selector__titles","extra":"wds_1_121_0_Selector__extra","belowSection":"wds_1_121_0_Selector__belowSection"};
+module.exports.classes = {"root":"wds_1_123_0_Selector__root","image":"wds_1_123_0_Selector__image","mainPart":"wds_1_123_0_Selector__mainPart","titles":"wds_1_123_0_Selector__titles","extra":"wds_1_123_0_Selector__extra","belowSection":"wds_1_123_0_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_121_0_SelectorButton";
+var _namespace_ = "wds_1_123_0_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_121_0_SelectorButton__root","text-tiny-normal":"wds_1_121_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_121_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_121_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_121_0_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_123_0_SelectorButton__root","text-tiny-normal":"wds_1_123_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_123_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_123_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_123_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SelectorList/Content/Content.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_121_0_Content";
+var _namespace_ = "wds_1_123_0_Content";
 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_121_0_Content__root","defaultScrollBar":"wds_1_121_0_defaultscrollbar__defaultScrollBar","content":"wds_1_121_0_Content__content","mainLoaderWrapper":"wds_1_121_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_121_0_Content__nextPageLoaderWrapper","list":"wds_1_121_0_Content__list","emptyStateWrapper":"wds_1_121_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_121_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_121_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_121_0_Content__defaultNoResultsFoundStateWrapper"};
+module.exports.classes = {"root":"wds_1_123_0_Content__root","defaultScrollBar":"wds_1_123_0_defaultscrollbar__defaultScrollBar","content":"wds_1_123_0_Content__content","mainLoaderWrapper":"wds_1_123_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_123_0_Content__nextPageLoaderWrapper","list":"wds_1_123_0_Content__list","emptyStateWrapper":"wds_1_123_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_123_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_123_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_123_0_Content__defaultNoResultsFoundStateWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};