@wix/design-system 1.122.0 → 1.123.1

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_ComposerHeader";
+var _namespace_ = "wds_1_123_1_ComposerHeader";
 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_122_0_ComposerHeader__root","container":"wds_1_122_0_ComposerHeader__container","actions":"wds_1_122_0_ComposerHeader__actions","saveStatus":"wds_1_122_0_ComposerHeader__saveStatus","mainActions":"wds_1_122_0_ComposerHeader__mainActions","backButton":"wds_1_122_0_ComposerHeader__backButton","divider":"wds_1_122_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_123_1_ComposerHeader__root","container":"wds_1_123_1_ComposerHeader__container","actions":"wds_1_123_1_ComposerHeader__actions","saveStatus":"wds_1_123_1_ComposerHeader__saveStatus","mainActions":"wds_1_123_1_ComposerHeader__mainActions","backButton":"wds_1_123_1_ComposerHeader__backButton","divider":"wds_1_123_1_ComposerHeader__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ComposerSidebar/ComposerSidebar.js

@@ -38,7 +38,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 64,
+          lineNumber: 65,
           columnNumber: 11
         }
       }, sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : 'Undefined') : null, /*#__PURE__*/_react.default.createElement("ul", {
@@ -50,7 +50,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 68,
+          lineNumber: 69,
           columnNumber: 9
         }
       }, items.map(item => this._renderItem(item))));
@@ -76,7 +76,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 88,
+          lineNumber: 89,
           columnNumber: 7
         }
       }, withSections ? sections.map((section, index) => /*#__PURE__*/_react.default.createElement("div", {
@@ -86,7 +86,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 100,
+          lineNumber: 101,
           columnNumber: 15
         }
       }, this._renderSection({
@@ -122,7 +122,8 @@ class ComposerSidebar extends _react.default.PureComponent {
       size,
       onClick,
       className,
-      labelTooltipProps
+      labelTooltipProps,
+      ellipsis
     } = this.props;
     var {
         label,
@@ -146,7 +147,7 @@ class ComposerSidebar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 28,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_ToggleButton.default, (0, _extends2.default)({}, rest, {
@@ -163,7 +164,7 @@ class ComposerSidebar extends _react.default.PureComponent {
       size: size,
       border: true,
       skin: "inverted",
-      labelEllipsis: true,
+      labelEllipsis: ellipsis,
       disabled: disabled,
       selected: selected,
       labelValue: label,
@@ -172,7 +173,7 @@ class ComposerSidebar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 34,
+        lineNumber: 35,
         columnNumber: 9
       }
     }), icon));
@@ -197,7 +198,7 @@ class ComposerSidebar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 134,
         columnNumber: 7
       }
     }, sections.length ? this._renderSections(sections) : null);
@@ -219,6 +220,8 @@ ComposerSidebar.propTypes = {
   size: _propTypes.default.oneOf(['medium', 'large', 'small']),
   /** Defines which item is currently selected */
   selectedId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Controls the ellipsis of the item label */
+  ellipsis: _propTypes.default.bool,
   /** Defines an array of items (buttons and labels) to show on the sidebar:
    * - `label`: text string next to a button
    * - `icon`: icon shown in the toggle button
@@ -245,7 +248,8 @@ ComposerSidebar.defaultProps = {
   onClick: () => {},
   labelTooltipProps: {
     placement: 'right'
-  }
+  },
+  ellipsis: true
 };
 var _default = exports.default = ComposerSidebar;
 //# sourceMappingURL=ComposerSidebar.js.map

package/dist/cjs/ComposerSidebar/ComposerSidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ComposerSidebarSt","_constants","_Box","_ToggleButton","_Text","_excluded","_jsxFileName","ComposerSidebar","React","PureComponent","constructor","arguments","_renderSection","_ref","section","items","sectionTitle","showSectionTitles","selectedId","labelPlacement","props","default","createElement","Fragment","className","classes","title","size","weight","ellipsis","__self","__source","fileName","lineNumber","columnNumber","role","itemsContainer","map","item","_renderItem","_renderSections","sections","width","withSections","length","undefined","direction","st","sectionContainer","style","index","key","_separateToSections","sectionTitles","Array","from","Set","_ref2","filter","_ref3","itemSectionTitle","onClick","labelTooltipProps","label","id","icon","disabled","rest","_objectWithoutProperties2","selected","onClickHandler","concat","_extends2","sidebarItemButton","dataHook","e","shape","border","skin","labelEllipsis","labelValue","tooltipProps","render","height","maxHeight","root","dataHooks","composerSidebarContainer","displayName","propTypes","PropTypes","string","oneOf","object","oneOfType","number","arrayOf","node","bool","func","defaultProps","placement","_default","exports"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './ComposerSidebar.st.css';\nimport { dataHooks } from './constants';\nimport Box from '../Box';\nimport ToggleButton from '../ToggleButton';\nimport Text from '../Text';\n\n/** ComposerSidebar */\nclass ComposerSidebar extends React.PureComponent {\n  _renderItem(item) {\n    const {\n      selectedId,\n      labelPlacement,\n      size,\n      onClick,\n      className,\n      labelTooltipProps,\n    } = this.props;\n    const { label, id, icon, disabled, sectionTitle, ...rest } = item;\n\n    const selected = selectedId === id;\n    const onClickHandler = item.onClick || onClick;\n\n    return (\n      <li\n        role=\"menuitem\"\n        data-hook={`composer-sidebar-item-container-${id}`}\n        key={`sidebar-item-${id}`}\n        data-section-title={sectionTitle}\n        className={st(classes.item, { labelPlacement, size }, className)}\n      >\n        <ToggleButton\n          {...rest}\n          className={st(classes.sidebarItemButton, { labelPlacement, size })}\n          dataHook={`composer-sidebar-item-${id}`}\n          onClick={e => onClickHandler(e, { id, label })}\n          shape=\"round\"\n          size={size}\n          border\n          skin=\"inverted\"\n          labelEllipsis\n          disabled={disabled}\n          selected={selected}\n          labelValue={label}\n          labelPlacement={labelPlacement}\n          tooltipProps={labelTooltipProps}\n        >\n          {icon}\n        </ToggleButton>\n      </li>\n    );\n  }\n\n  _renderSection = ({\n    section: { items, sectionTitle },\n    showSectionTitles = false,\n  }) => {\n    const { selectedId, labelPlacement } = this.props;\n    return (\n      <>\n        {showSectionTitles ? (\n          <Text className={classes.title} size=\"small\" weight=\"bold\" ellipsis>\n            {sectionTitle ?? 'Undefined'}\n          </Text>\n        ) : null}\n        <ul\n          role=\"menu\"\n          data-hook=\"composer-sidebar-items-container\"\n          data-selected-id={selectedId}\n          data-label-placement={labelPlacement}\n          className={classes.itemsContainer}\n        >\n          {items.map(item => this._renderItem(item))}\n        </ul>\n      </>\n    );\n  };\n\n  _renderSections = sections => {\n    const { labelPlacement, size, width } = this.props;\n    const withSections =\n      sections.length > 1 ||\n      (sections.length === 1 && sections[0].sectionTitle);\n\n    return (\n      <div\n        role={withSections ? 'menu' : undefined}\n        direction=\"vertical\"\n        className={st(classes.sectionContainer, {\n          withSections,\n          labelPlacement,\n          size,\n        })}\n        style={width ? { width } : undefined}\n      >\n        {withSections\n          ? sections.map((section, index) => (\n              <div key={index} role=\"menuitem\" className={classes.section}>\n                {this._renderSection({ section, showSectionTitles: true })}\n              </div>\n            ))\n          : this._renderSection({ section: sections[0] })}\n      </div>\n    );\n  };\n\n  _separateToSections = items => {\n    const sectionTitles = Array.from(\n      new Set(\n        items.map(({ sectionTitle }) =>\n          sectionTitle ? sectionTitle : undefined,\n        ),\n      ),\n    );\n    const sections = sectionTitles.map(sectionTitle => ({\n      sectionTitle,\n      items: items.filter(\n        ({ sectionTitle: itemSectionTitle }) =>\n          (!sectionTitle && !itemSectionTitle) ||\n          sectionTitle === itemSectionTitle,\n      ),\n    }));\n    return sections;\n  };\n\n  render() {\n    const { items, className, dataHook, labelPlacement, width } = this.props;\n    const sections = this._separateToSections(items);\n\n    return (\n      <Box\n        height=\"100%\"\n        maxHeight=\"100%\"\n        width={width}\n        className={st(classes.root, { labelPlacement }, className)}\n        dataHook={dataHook || dataHooks.composerSidebarContainer}\n      >\n        {sections.length ? this._renderSections(sections) : null}\n      </Box>\n    );\n  }\n}\n\nComposerSidebar.displayName = 'ComposerSidebar';\n\nComposerSidebar.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Controls the items’ label placement */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'tooltip']),\n\n  /** Controls the items’ label tooltip when labelPlacement is set to tooltip */\n  labelTooltipProps: PropTypes.object,\n\n  /** Sets the width of the container */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the size of the items */\n  size: PropTypes.oneOf(['medium', 'large', 'small']),\n\n  /** Defines which item is currently selected */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Defines an array of items (buttons and labels) to show on the sidebar:\n   * - `label`: text string next to a button\n   * - `icon`: icon shown in the toggle button\n   * - `disabled`: disables the item\n   * - `onClick`: defines what happens when the item is clicked on\n   * - `sectionTitle`: defines a section under which each item is placed\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func,\n      sectionTitle: PropTypes.string,\n    }),\n  ),\n\n  /** Defines a default on click handler for items */\n  onClick: PropTypes.func,\n};\n\nComposerSidebar.defaultProps = {\n  labelPlacement: 'end',\n  selectedId: null,\n  items: [],\n  size: 'medium',\n  onClick: () => {},\n  labelTooltipProps: {\n    placement: 'right',\n  },\n};\n\nexport default ComposerSidebar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ComposerSidebarSt","_constants","_Box","_ToggleButton","_Text","_excluded","_jsxFileName","ComposerSidebar","React","PureComponent","constructor","arguments","_renderSection","_ref","section","items","sectionTitle","showSectionTitles","selectedId","labelPlacement","props","default","createElement","Fragment","className","classes","title","size","weight","ellipsis","__self","__source","fileName","lineNumber","columnNumber","role","itemsContainer","map","item","_renderItem","_renderSections","sections","width","withSections","length","undefined","direction","st","sectionContainer","style","index","key","_separateToSections","sectionTitles","Array","from","Set","_ref2","filter","_ref3","itemSectionTitle","onClick","labelTooltipProps","label","id","icon","disabled","rest","_objectWithoutProperties2","selected","onClickHandler","concat","_extends2","sidebarItemButton","dataHook","e","shape","border","skin","labelEllipsis","labelValue","tooltipProps","render","height","maxHeight","root","dataHooks","composerSidebarContainer","displayName","propTypes","PropTypes","string","oneOf","object","oneOfType","number","bool","arrayOf","node","func","defaultProps","placement","_default","exports"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './ComposerSidebar.st.css';\nimport { dataHooks } from './constants';\nimport Box from '../Box';\nimport ToggleButton from '../ToggleButton';\nimport Text from '../Text';\n\n/** ComposerSidebar */\nclass ComposerSidebar extends React.PureComponent {\n  _renderItem(item) {\n    const {\n      selectedId,\n      labelPlacement,\n      size,\n      onClick,\n      className,\n      labelTooltipProps,\n      ellipsis,\n    } = this.props;\n    const { label, id, icon, disabled, sectionTitle, ...rest } = item;\n\n    const selected = selectedId === id;\n    const onClickHandler = item.onClick || onClick;\n\n    return (\n      <li\n        role=\"menuitem\"\n        data-hook={`composer-sidebar-item-container-${id}`}\n        key={`sidebar-item-${id}`}\n        data-section-title={sectionTitle}\n        className={st(classes.item, { labelPlacement, size }, className)}\n      >\n        <ToggleButton\n          {...rest}\n          className={st(classes.sidebarItemButton, { labelPlacement, size })}\n          dataHook={`composer-sidebar-item-${id}`}\n          onClick={e => onClickHandler(e, { id, label })}\n          shape=\"round\"\n          size={size}\n          border\n          skin=\"inverted\"\n          labelEllipsis={ellipsis}\n          disabled={disabled}\n          selected={selected}\n          labelValue={label}\n          labelPlacement={labelPlacement}\n          tooltipProps={labelTooltipProps}\n        >\n          {icon}\n        </ToggleButton>\n      </li>\n    );\n  }\n\n  _renderSection = ({\n    section: { items, sectionTitle },\n    showSectionTitles = false,\n  }) => {\n    const { selectedId, labelPlacement } = this.props;\n    return (\n      <>\n        {showSectionTitles ? (\n          <Text className={classes.title} size=\"small\" weight=\"bold\" ellipsis>\n            {sectionTitle ?? 'Undefined'}\n          </Text>\n        ) : null}\n        <ul\n          role=\"menu\"\n          data-hook=\"composer-sidebar-items-container\"\n          data-selected-id={selectedId}\n          data-label-placement={labelPlacement}\n          className={classes.itemsContainer}\n        >\n          {items.map(item => this._renderItem(item))}\n        </ul>\n      </>\n    );\n  };\n\n  _renderSections = sections => {\n    const { labelPlacement, size, width } = this.props;\n    const withSections =\n      sections.length > 1 ||\n      (sections.length === 1 && sections[0].sectionTitle);\n\n    return (\n      <div\n        role={withSections ? 'menu' : undefined}\n        direction=\"vertical\"\n        className={st(classes.sectionContainer, {\n          withSections,\n          labelPlacement,\n          size,\n        })}\n        style={width ? { width } : undefined}\n      >\n        {withSections\n          ? sections.map((section, index) => (\n              <div key={index} role=\"menuitem\" className={classes.section}>\n                {this._renderSection({ section, showSectionTitles: true })}\n              </div>\n            ))\n          : this._renderSection({ section: sections[0] })}\n      </div>\n    );\n  };\n\n  _separateToSections = items => {\n    const sectionTitles = Array.from(\n      new Set(\n        items.map(({ sectionTitle }) =>\n          sectionTitle ? sectionTitle : undefined,\n        ),\n      ),\n    );\n    const sections = sectionTitles.map(sectionTitle => ({\n      sectionTitle,\n      items: items.filter(\n        ({ sectionTitle: itemSectionTitle }) =>\n          (!sectionTitle && !itemSectionTitle) ||\n          sectionTitle === itemSectionTitle,\n      ),\n    }));\n    return sections;\n  };\n\n  render() {\n    const { items, className, dataHook, labelPlacement, width } = this.props;\n    const sections = this._separateToSections(items);\n\n    return (\n      <Box\n        height=\"100%\"\n        maxHeight=\"100%\"\n        width={width}\n        className={st(classes.root, { labelPlacement }, className)}\n        dataHook={dataHook || dataHooks.composerSidebarContainer}\n      >\n        {sections.length ? this._renderSections(sections) : null}\n      </Box>\n    );\n  }\n}\n\nComposerSidebar.displayName = 'ComposerSidebar';\n\nComposerSidebar.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Controls the items’ label placement */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'tooltip']),\n\n  /** Controls the items’ label tooltip when labelPlacement is set to tooltip */\n  labelTooltipProps: PropTypes.object,\n\n  /** Sets the width of the container */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the size of the items */\n  size: PropTypes.oneOf(['medium', 'large', 'small']),\n\n  /** Defines which item is currently selected */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Controls the ellipsis of the item label */\n  ellipsis: PropTypes.bool,\n\n  /** Defines an array of items (buttons and labels) to show on the sidebar:\n   * - `label`: text string next to a button\n   * - `icon`: icon shown in the toggle button\n   * - `disabled`: disables the item\n   * - `onClick`: defines what happens when the item is clicked on\n   * - `sectionTitle`: defines a section under which each item is placed\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func,\n      sectionTitle: PropTypes.string,\n    }),\n  ),\n\n  /** Defines a default on click handler for items */\n  onClick: PropTypes.func,\n};\n\nComposerSidebar.defaultProps = {\n  labelPlacement: 'end',\n  selectedId: null,\n  items: [],\n  size: 'medium',\n  onClick: () => {},\n  labelTooltipProps: {\n    placement: 'right',\n  },\n  ellipsis: true,\n};\n\nexport default ComposerSidebar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_ComposerSidebar";
+var _namespace_ = "wds_1_123_1_ComposerSidebar";
 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_122_0_ComposerSidebar__root","defaultScrollBar":"wds_1_122_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_122_0_ComposerSidebar__sectionContainer","section":"wds_1_122_0_ComposerSidebar__section","itemsContainer":"wds_1_122_0_ComposerSidebar__itemsContainer","title":"wds_1_122_0_ComposerSidebar__title","item":"wds_1_122_0_ComposerSidebar__item","sidebarItemButton":"wds_1_122_0_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_123_1_ComposerSidebar__root","defaultScrollBar":"wds_1_123_1_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_123_1_ComposerSidebar__sectionContainer","section":"wds_1_123_1_ComposerSidebar__section","itemsContainer":"wds_1_123_1_ComposerSidebar__itemsContainer","title":"wds_1_123_1_ComposerSidebar__title","item":"wds_1_123_1_ComposerSidebar__item","sidebarItemButton":"wds_1_123_1_ComposerSidebar__sidebarItemButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ComposerSidebar/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","ComposerSidebar","PureComponent","exports"],"sources":["../../../src/ComposerSidebar/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ToggleButtonProps } from '../ToggleButton';\n\nexport interface ComposerSidebarItem {\n  id: string | number;\n  label: string;\n  disabled?: boolean;\n  icon?: any;\n  sectionTitle?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ComposerSidebarProps {\n  dataHook?: string;\n  labelPlacement?: ToggleButtonProps['labelPlacement'];\n  labelTooltipProps?: ToggleButtonProps['tooltipProps'];\n  size?: string;\n  width?: number | string;\n  className?: string;\n  selectedId?: number | string;\n  items?: ComposerSidebarItem[];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default class ComposerSidebar extends React.PureComponent<ComposerSidebarProps> {}\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;AAwBhB,MAAMW,eAAe,SAASvB,KAAK,CAACwB,aAAa,CAAuB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,eAAA","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","ComposerSidebar","PureComponent","exports"],"sources":["../../../src/ComposerSidebar/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ToggleButtonProps } from '../ToggleButton';\n\nexport interface ComposerSidebarItem {\n  id: string | number;\n  label: string;\n  disabled?: boolean;\n  icon?: any;\n  sectionTitle?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ComposerSidebarProps {\n  dataHook?: string;\n  labelPlacement?: ToggleButtonProps['labelPlacement'];\n  labelTooltipProps?: ToggleButtonProps['tooltipProps'];\n  size?: string;\n  width?: number | string;\n  className?: string;\n  selectedId?: number | string;\n  items?: ComposerSidebarItem[];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  ellipsis?: boolean;\n}\n\nexport default class ComposerSidebar extends React.PureComponent<ComposerSidebarProps> {}\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;AAyBhB,MAAMW,eAAe,SAASvB,KAAK,CAACwB,aAAa,CAAuB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,eAAA","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_CornerRadiusInput";
+var _namespace_ = "wds_1_123_1_CornerRadiusInput";
 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_122_0_CornerRadiusInput__root","linkingButton":"wds_1_122_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_122_0_CornerRadiusInput__topLeft","topRight":"wds_1_122_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_122_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_122_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_122_0_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_123_1_CornerRadiusInput__root","linkingButton":"wds_1_123_1_CornerRadiusInput__linkingButton","topLeft":"wds_1_123_1_CornerRadiusInput__topLeft","topRight":"wds_1_123_1_CornerRadiusInput__topRight","bottomLeft":"wds_1_123_1_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_123_1_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_123_1_CornerRadiusInput__cornerIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_CounterBadge";
+var _namespace_ = "wds_1_123_1_CounterBadge";
 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_122_0_CounterBadge__root","text":"wds_1_122_0_CounterBadge__text","caption":"wds_1_122_0_CounterBadge__caption","numberContent":"wds_1_122_0_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_123_1_CounterBadge__root","text":"wds_1_123_1_CounterBadge__text","caption":"wds_1_123_1_CounterBadge__caption","numberContent":"wds_1_123_1_CounterBadge__numberContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_CustomModalLayout";
+var _namespace_ = "wds_1_123_1_CustomModalLayout";
 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_122_0_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_123_1_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_DatePicker";
+var _namespace_ = "wds_1_123_1_DatePicker";
 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_122_0_DatePicker__root","popover":"wds_1_122_0_DatePicker__popover","input":"wds_1_122_0_DatePicker__input","inputContainer":"wds_1_122_0_DatePicker__inputContainer","calendar":"wds_1_122_0_DatePicker__calendar","footer":"wds_1_122_0_DatePicker__footer"};
+module.exports.classes = {"root":"wds_1_123_1_DatePicker__root","popover":"wds_1_123_1_DatePicker__popover","input":"wds_1_123_1_DatePicker__input","inputContainer":"wds_1_123_1_DatePicker__inputContainer","calendar":"wds_1_123_1_DatePicker__calendar","footer":"wds_1_123_1_DatePicker__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_Divider";
+var _namespace_ = "wds_1_123_1_Divider";
 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_122_0_Divider__root"};
+module.exports.classes = {"root":"wds_1_123_1_Divider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js

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

package/dist/cjs/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_SingleAreaGrid";
+var _namespace_ = "wds_1_123_1_SingleAreaGrid";
 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_122_0_SingleAreaGrid__root","title":"wds_1_122_0_SingleAreaGrid__title","sortableGridBase":"wds_1_122_0_SingleAreaGrid__sortableGridBase","item":"wds_1_122_0_SingleAreaGrid__item","handle":"wds_1_122_0_SingleAreaGrid__handle"};
+module.exports.classes = {"root":"wds_1_123_1_SingleAreaGrid__root","title":"wds_1_123_1_SingleAreaGrid__title","sortableGridBase":"wds_1_123_1_SingleAreaGrid__sortableGridBase","item":"wds_1_123_1_SingleAreaGrid__item","handle":"wds_1_123_1_SingleAreaGrid__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_ListWithDelay";
+var _namespace_ = "wds_1_123_1_ListWithDelay";
 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_122_0_ListWithDelay__root","title":"wds_1_122_0_ListWithDelay__title","sortableListBase":"wds_1_122_0_ListWithDelay__sortableListBase","item":"wds_1_122_0_ListWithDelay__item","placeholder":"wds_1_122_0_ListWithDelay__placeholder","preview":"wds_1_122_0_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_123_1_ListWithDelay__root","title":"wds_1_123_1_ListWithDelay__title","sortableListBase":"wds_1_123_1_ListWithDelay__sortableListBase","item":"wds_1_123_1_ListWithDelay__item","placeholder":"wds_1_123_1_ListWithDelay__placeholder","preview":"wds_1_123_1_ListWithDelay__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_MultiAreaList";
+var _namespace_ = "wds_1_123_1_MultiAreaList";
 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_122_0_MultiAreaList__root","item":"wds_1_122_0_MultiAreaList__item","itemPlaceholder":"wds_1_122_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_122_0_MultiAreaList__itemPreview","list":"wds_1_122_0_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_123_1_MultiAreaList__root","item":"wds_1_123_1_MultiAreaList__item","itemPlaceholder":"wds_1_123_1_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_123_1_MultiAreaList__itemPreview","list":"wds_1_123_1_MultiAreaList__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_123_1_MultiAreaListPreventDropping";
 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_122_0_MultiAreaListPreventDropping__root","item":"wds_1_122_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_122_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_122_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_122_0_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_123_1_MultiAreaListPreventDropping__root","item":"wds_1_123_1_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_123_1_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_123_1_MultiAreaListPreventDropping__itemPreview","list":"wds_1_123_1_MultiAreaListPreventDropping__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_123_1_MultiAreaListWithInsertionRules";
 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_122_0_MultiAreaListWithInsertionRules__root","item":"wds_1_122_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_122_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_122_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_122_0_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_123_1_MultiAreaListWithInsertionRules__root","item":"wds_1_123_1_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_123_1_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_123_1_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_123_1_MultiAreaListWithInsertionRules__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_123_1_MultiAreaListWithSortableColumns";
 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_122_0_MultiAreaListWithSortableColumns__root","table":"wds_1_122_0_MultiAreaListWithSortableColumns__table","content":"wds_1_122_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_122_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_122_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_122_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_122_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_122_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_122_0_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_123_1_MultiAreaListWithSortableColumns__root","table":"wds_1_123_1_MultiAreaListWithSortableColumns__table","content":"wds_1_123_1_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_123_1_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_123_1_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_123_1_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_123_1_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_123_1_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_123_1_MultiAreaListWithSortableColumns__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations";
 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_122_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_122_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_123_1_MultiAreaListWithSortableColumnsWithAnimations__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_NestableListBase";
+var _namespace_ = "wds_1_123_1_NestableListBase";
 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_122_0_NestableListBase__root","title":"wds_1_122_0_NestableListBase__title","sortableListBase":"wds_1_122_0_NestableListBase__sortableListBase","itemCss":"wds_1_122_0_NestableListBase__itemCss","handle":"wds_1_122_0_NestableListBase__handle","placeholder":"wds_1_122_0_NestableListBase__placeholder","preview":"wds_1_122_0_NestableListBase__preview","item":"wds_1_122_0_NestableListBase__item","container":"wds_1_122_0_NestableListBase__container","topContainer":"wds_1_122_0_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_123_1_NestableListBase__root","title":"wds_1_123_1_NestableListBase__title","sortableListBase":"wds_1_123_1_NestableListBase__sortableListBase","itemCss":"wds_1_123_1_NestableListBase__itemCss","handle":"wds_1_123_1_NestableListBase__handle","placeholder":"wds_1_123_1_NestableListBase__placeholder","preview":"wds_1_123_1_NestableListBase__preview","item":"wds_1_123_1_NestableListBase__item","container":"wds_1_123_1_NestableListBase__container","topContainer":"wds_1_123_1_NestableListBase__topContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_SingleAreaList";
+var _namespace_ = "wds_1_123_1_SingleAreaList";
 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_122_0_SingleAreaList__root","title":"wds_1_122_0_SingleAreaList__title","sortableListBase":"wds_1_122_0_SingleAreaList__sortableListBase","item":"wds_1_122_0_SingleAreaList__item","handle":"wds_1_122_0_SingleAreaList__handle","placeholder":"wds_1_122_0_SingleAreaList__placeholder","preview":"wds_1_122_0_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_123_1_SingleAreaList__root","title":"wds_1_123_1_SingleAreaList__title","sortableListBase":"wds_1_123_1_SingleAreaList__sortableListBase","item":"wds_1_123_1_SingleAreaList__item","handle":"wds_1_123_1_SingleAreaList__handle","placeholder":"wds_1_123_1_SingleAreaList__placeholder","preview":"wds_1_123_1_SingleAreaList__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_122_0_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_123_1_SingleAreaListWithAnimation";
 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_122_0_SingleAreaListWithAnimation__root","title":"wds_1_122_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_122_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_122_0_SingleAreaListWithAnimation__item","handle":"wds_1_122_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_122_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_122_0_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_123_1_SingleAreaListWithAnimation__root","title":"wds_1_123_1_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_123_1_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_123_1_SingleAreaListWithAnimation__item","handle":"wds_1_123_1_SingleAreaListWithAnimation__handle","placeholder":"wds_1_123_1_SingleAreaListWithAnimation__placeholder","preview":"wds_1_123_1_SingleAreaListWithAnimation__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_DraggableContainer";
+var _namespace_ = "wds_1_123_1_DraggableContainer";
 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_122_0_DraggableContainer__root"};
+module.exports.classes = {"root":"wds_1_123_1_DraggableContainer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_Dropdown";
+var _namespace_ = "wds_1_123_1_Dropdown";
 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_122_0_Dropdown__root","input":"wds_1_122_0_Input__input","showPointer":"wds_1_122_0_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_123_1_Dropdown__root","input":"wds_1_123_1_Input__input","showPointer":"wds_1_123_1_Dropdown__showPointer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_122_0_DropdownBase";
+var _namespace_ = "wds_1_123_1_DropdownBase";
 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_122_0_DropdownBase__root","list":"wds_1_122_0_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_123_1_DropdownBase__root","list":"wds_1_123_1_DropdownBase__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};