@wix/design-system 1.160.0 → 1.161.0

package/dist/cjs/SidePanel/components/Header/Header.js

@@ -18,6 +18,8 @@ var _Text = _interopRequireDefault(require("../../../Text"));
 var _TooltipCommon = require("../../../common/PropTypes/TooltipCommon");
 var _context = require("../../../WixDesignSystemProvider/context");
 var _system = require("@wix/wix-ui-icons-common/system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _Tooltip = _interopRequireDefault(require("../../../Tooltip"));
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SidePanel/components/Header/Header.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -43,14 +45,14 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 54,
         columnNumber: 9
       }
     }), title) : /*#__PURE__*/_react.default.createElement(_Heading.default, (0, _extends2.default)({}, headerProps, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 58,
         columnNumber: 9
       }
     }), title);
@@ -58,14 +60,14 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 62,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(HeaderText, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 63,
         columnNumber: 9
       }
     }), infoTooltipContent && /*#__PURE__*/_react.default.createElement(_Box.default, {
@@ -73,7 +75,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 65,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
@@ -83,7 +85,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 66,
         columnNumber: 13
       }
     })));
@@ -104,12 +106,48 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 88,
         columnNumber: 7
       }
     }, subtitle);
   }
-  renderTitle(onCloseButtonClick, onHelpButtonClick, skin) {
+  renderBackButton(onBackButtonClick, backButtonDescription, backButtonTooltipProps) {
+    var backButton = /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
+      dataHook: _constants.dataHooks.sidePanelHeaderBackButton,
+      className: _HeaderSt.classes.backButton,
+      onClick: onBackButtonClick,
+      size: "large",
+      skin: "dark",
+      children: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftLarge, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 110,
+          columnNumber: 19
+        }
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 7
+      }
+    });
+    if (backButtonDescription) {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({}, backButtonTooltipProps, {
+        content: backButtonDescription,
+        dataHook: _constants.dataHooks.sidePanelHeaderBackButtonTooltip,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 116,
+          columnNumber: 9
+        }
+      }), backButton);
+    }
+    return backButton;
+  }
+  renderTitle(onCloseButtonClick, onHelpButtonClick, skin, onBackButtonClick, backButtonDescription, backButtonTooltipProps) {
     var {
       title
     } = this.props;
@@ -121,7 +159,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 141,
         columnNumber: 7
       }
     }, this.props.prefix && /*#__PURE__*/_react.default.createElement("div", {
@@ -129,15 +167,15 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 147,
         columnNumber: 11
       }
-    }, this.props.prefix), /*#__PURE__*/_react.default.createElement("div", {
+    }, this.props.prefix), onBackButtonClick && this.renderBackButton(onBackButtonClick, backButtonDescription, backButtonTooltipProps), /*#__PURE__*/_react.default.createElement("div", {
       className: _HeaderSt.classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116,
+        lineNumber: 159,
         columnNumber: 9
       }
     }, isStringTitle ? this.renderStringTitle(skin) : title, this.renderSubtitle()), this.renderButtons(onCloseButtonClick, onHelpButtonClick));
@@ -151,7 +189,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 178,
         columnNumber: 7
       }
     }, this.props.suffix && /*#__PURE__*/_react.default.createElement("div", {
@@ -159,7 +197,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137,
+        lineNumber: 180,
         columnNumber: 11
       }
     }, this.props.suffix), onHelpButtonClick && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
@@ -173,14 +211,14 @@ class Header extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 148,
+          lineNumber: 192,
           columnNumber: 23
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 186,
         columnNumber: 11
       }
     }), onCloseButtonClick && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
@@ -192,7 +230,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 152,
+        lineNumber: 196,
         columnNumber: 11
       }
     }));
@@ -207,7 +245,7 @@ class Header extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 211,
         columnNumber: 7
       }
     }, _ref => {
@@ -215,13 +253,16 @@ class Header extends _react.PureComponent {
         skin,
         isDraggable,
         onCloseButtonClick,
-        onHelpButtonClick
+        onHelpButtonClick,
+        onBackButtonClick,
+        backButtonDescription,
+        backButtonTooltipProps
       } = _ref;
       return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 169,
+          lineNumber: 221,
           columnNumber: 11
         }
       }, _ref2 => {
@@ -238,15 +279,15 @@ class Header extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 171,
+            lineNumber: 223,
             columnNumber: 15
           }
-        }, this.renderTitle(onCloseButtonClick, onHelpButtonClick, skin), children, showDivider && /*#__PURE__*/_react.default.createElement(_Divider.default, {
+        }, this.renderTitle(onCloseButtonClick, onHelpButtonClick, skin, onBackButtonClick, backButtonDescription, backButtonTooltipProps), children, showDivider && /*#__PURE__*/_react.default.createElement(_Divider.default, {
           dataHook: _constants.dataHooks.sidePanelHeaderDivider,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 182,
+            lineNumber: 241,
             columnNumber: 19
           }
         }));

package/dist/cjs/SidePanel/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SidePanelAPI","_propTypes","_interopRequireDefault","_HeaderSt","_constants","_Heading","_Divider","_CloseButton","_Box","_InfoIcon","_Text","_TooltipCommon","_context","_system","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","PureComponent","renderStringTitle","skin","title","infoTooltipContent","infoTooltipProps","maxLines","ellipsis","props","headerProps","placement","size","as","dataHook","dataHooks","sidePanelHeaderTitle","HeaderText","createElement","_extends2","weight","__self","__source","fileName","lineNumber","columnNumber","marginLeft","sidePanelHeaderTitleInfoIcon","content","tooltipProps","renderSubtitle","subtitle","isStringSubtitle","secondary","sidePanelHeaderSubtitle","renderTitle","onCloseButtonClick","onHelpButtonClick","isStringTitle","className","st","classes","titleContainer","noCloseButton","prefix","sidePanelHeaderPrefix","renderButtons","suffix","Fragment","buttonBox","sidePanelHeaderSuffix","sidePanelHeaderHelpButton","helpButton","onClick","children","Help24","helpIcon","sidePanelHeaderCloseButton","closeButton","render","showDivider","SidePanelContext","Consumer","_ref","isDraggable","WixDesignSystemContext","_ref2","newColorsBranding","root","sidePanelHeader","sidePanelHeaderDivider","displayName","propTypes","PropTypes","string","node","shape","TooltipCommonProps","bool","number","defaultProps","_default","exports"],"sources":["../../../../../src/SidePanel/components/Header/Header.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { SidePanelContext } from '../../SidePanelAPI';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Header.st.css';\nimport { dataHooks } from '../../constants';\nimport Heading from '../../../Heading';\nimport Divider from '../../../Divider';\nimport CloseButton from '../../../CloseButton';\nimport Box from '../../../Box';\nimport InfoIcon from '../../../InfoIcon';\nimport Text from '../../../Text';\nimport { TooltipCommonProps } from '../../../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\nimport { HeaderProps } from './Header.types';\nimport { SidePanelProps } from '../../SidePanel.types';\nimport { Help24 as Help } from '@wix/wix-ui-icons-common/system';\n\nclass Header extends PureComponent<HeaderProps> {\n  static displayName = 'SidePanel.Header';\n\n  static propTypes = {\n    className: PropTypes.string,\n    title: PropTypes.node,\n    subtitle: PropTypes.node,\n    infoTooltipContent: PropTypes.node,\n    infoTooltipProps: PropTypes.shape(TooltipCommonProps),\n    showDivider: PropTypes.bool,\n    children: PropTypes.node,\n    maxLines: PropTypes.number,\n    ellipsis: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    showDivider: true,\n  };\n\n  renderStringTitle(skin: SidePanelProps['skin']) {\n    const { title, infoTooltipContent, infoTooltipProps, maxLines, ellipsis } =\n      this.props;\n\n    const headerProps = {\n      placement: 'auto',\n      ellipsis,\n      maxLines,\n      size: 'medium',\n      as: 'h2',\n      dataHook: dataHooks.sidePanelHeaderTitle,\n    } as const;\n\n    const HeaderText = () =>\n      skin === 'floating' ? (\n        <Text {...headerProps} weight=\"bold\">\n          {title}\n        </Text>\n      ) : (\n        <Heading {...headerProps}>{title}</Heading>\n      );\n\n    return (\n      <Box>\n        <HeaderText />\n        {infoTooltipContent && (\n          <Box marginLeft=\"tiny\">\n            <InfoIcon\n              dataHook={dataHooks.sidePanelHeaderTitleInfoIcon}\n              content={infoTooltipContent}\n              tooltipProps={infoTooltipProps}\n            />\n          </Box>\n        )}\n      </Box>\n    );\n  }\n\n  renderSubtitle() {\n    const { subtitle } = this.props;\n    if (!subtitle) return null;\n\n    const isStringSubtitle = typeof subtitle === 'string';\n\n    if (!isStringSubtitle) {\n      return subtitle;\n    }\n\n    return (\n      <Text\n        skin=\"standard\"\n        secondary\n        dataHook={dataHooks.sidePanelHeaderSubtitle}\n      >\n        {subtitle}\n      </Text>\n    );\n  }\n\n  renderTitle(\n    onCloseButtonClick?: SidePanelProps['onCloseButtonClick'],\n    onHelpButtonClick?: SidePanelProps['onHelpButtonClick'],\n    skin?: SidePanelProps['skin'],\n  ) {\n    const { title } = this.props;\n    const isStringTitle = typeof title === 'string';\n\n    return (\n      <div\n        className={st(classes.titleContainer, {\n          noCloseButton: !onCloseButtonClick,\n        })}\n      >\n        {this.props.prefix && (\n          <div data-hook={dataHooks.sidePanelHeaderPrefix}>\n            {this.props.prefix}\n          </div>\n        )}\n\n        <div className={classes.title}>\n          {isStringTitle ? this.renderStringTitle(skin) : title}\n          {this.renderSubtitle()}\n        </div>\n\n        {this.renderButtons(onCloseButtonClick, onHelpButtonClick)}\n      </div>\n    );\n  }\n\n  renderButtons(\n    onCloseButtonClick?: SidePanelProps['onCloseButtonClick'],\n    onHelpButtonClick?: SidePanelProps['onHelpButtonClick'],\n  ) {\n    if (!onCloseButtonClick && !onHelpButtonClick && !this.props.suffix) {\n      return <></>;\n    }\n\n    return (\n      <div className={classes.buttonBox}>\n        {this.props.suffix && (\n          <div data-hook={dataHooks.sidePanelHeaderSuffix}>\n            {this.props.suffix}\n          </div>\n        )}\n        {onHelpButtonClick && (\n          <CloseButton\n            dataHook={dataHooks.sidePanelHeaderHelpButton}\n            className={classes.helpButton}\n            onClick={onHelpButtonClick}\n            size=\"large\"\n            skin=\"dark\"\n            children={<Help className={classes.helpIcon} />}\n          />\n        )}\n        {onCloseButtonClick && (\n          <CloseButton\n            dataHook={dataHooks.sidePanelHeaderCloseButton}\n            className={classes.closeButton}\n            onClick={onCloseButtonClick}\n            size=\"large\"\n            skin=\"dark\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { children, showDivider, className } = this.props;\n    return (\n      <SidePanelContext.Consumer>\n        {({ skin, isDraggable, onCloseButtonClick, onHelpButtonClick }) => (\n          <WixDesignSystemContext.Consumer>\n            {({ newColorsBranding }) => (\n              <div\n                className={st(\n                  classes.root,\n                  { newColorsBranding, skin, isDraggable },\n                  className,\n                )}\n                data-hook={dataHooks.sidePanelHeader}\n              >\n                {this.renderTitle(onCloseButtonClick, onHelpButtonClick, skin)}\n                {children}\n                {showDivider && (\n                  <Divider dataHook={dataHooks.sidePanelHeaderDivider} />\n                )}\n              </div>\n            )}\n          </WixDesignSystemContext.Consumer>\n        )}\n      </SidePanelContext.Consumer>\n    );\n  }\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SidePanelAPI","_propTypes","_interopRequireDefault","_HeaderSt","_constants","_Heading","_Divider","_CloseButton","_Box","_InfoIcon","_Text","_TooltipCommon","_context","_system","_wixUiIconsCommon","_Tooltip","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","PureComponent","renderStringTitle","skin","title","infoTooltipContent","infoTooltipProps","maxLines","ellipsis","props","headerProps","placement","size","as","dataHook","dataHooks","sidePanelHeaderTitle","HeaderText","createElement","_extends2","weight","__self","__source","fileName","lineNumber","columnNumber","marginLeft","sidePanelHeaderTitleInfoIcon","content","tooltipProps","renderSubtitle","subtitle","isStringSubtitle","secondary","sidePanelHeaderSubtitle","renderBackButton","onBackButtonClick","backButtonDescription","backButtonTooltipProps","backButton","sidePanelHeaderBackButton","className","classes","onClick","children","ChevronLeftLarge","sidePanelHeaderBackButtonTooltip","renderTitle","onCloseButtonClick","onHelpButtonClick","isStringTitle","st","titleContainer","noCloseButton","prefix","sidePanelHeaderPrefix","renderButtons","suffix","Fragment","buttonBox","sidePanelHeaderSuffix","sidePanelHeaderHelpButton","helpButton","Help24","helpIcon","sidePanelHeaderCloseButton","closeButton","render","showDivider","SidePanelContext","Consumer","_ref","isDraggable","WixDesignSystemContext","_ref2","newColorsBranding","root","sidePanelHeader","sidePanelHeaderDivider","displayName","propTypes","PropTypes","string","node","shape","TooltipCommonProps","bool","number","defaultProps","_default","exports"],"sources":["../../../../../src/SidePanel/components/Header/Header.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { SidePanelContext } from '../../SidePanelAPI';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Header.st.css';\nimport { dataHooks } from '../../constants';\nimport Heading from '../../../Heading';\nimport Divider from '../../../Divider';\nimport CloseButton from '../../../CloseButton';\nimport Box from '../../../Box';\nimport InfoIcon from '../../../InfoIcon';\nimport Text from '../../../Text';\nimport { TooltipCommonProps } from '../../../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\nimport { HeaderProps } from './Header.types';\nimport { SidePanelProps } from '../../SidePanel.types';\nimport { Help24 as Help } from '@wix/wix-ui-icons-common/system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common';\nimport Tooltip from '../../../Tooltip';\n\nclass Header extends PureComponent<HeaderProps> {\n  static displayName = 'SidePanel.Header';\n\n  static propTypes = {\n    className: PropTypes.string,\n    title: PropTypes.node,\n    subtitle: PropTypes.node,\n    infoTooltipContent: PropTypes.node,\n    infoTooltipProps: PropTypes.shape(TooltipCommonProps),\n    showDivider: PropTypes.bool,\n    children: PropTypes.node,\n    maxLines: PropTypes.number,\n    ellipsis: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    showDivider: true,\n  };\n\n  renderStringTitle(skin: SidePanelProps['skin']) {\n    const { title, infoTooltipContent, infoTooltipProps, maxLines, ellipsis } =\n      this.props;\n\n    const headerProps = {\n      placement: 'auto',\n      ellipsis,\n      maxLines,\n      size: 'medium',\n      as: 'h2',\n      dataHook: dataHooks.sidePanelHeaderTitle,\n    } as const;\n\n    const HeaderText = () =>\n      skin === 'floating' ? (\n        <Text {...headerProps} weight=\"bold\">\n          {title}\n        </Text>\n      ) : (\n        <Heading {...headerProps}>{title}</Heading>\n      );\n\n    return (\n      <Box>\n        <HeaderText />\n        {infoTooltipContent && (\n          <Box marginLeft=\"tiny\">\n            <InfoIcon\n              dataHook={dataHooks.sidePanelHeaderTitleInfoIcon}\n              content={infoTooltipContent}\n              tooltipProps={infoTooltipProps}\n            />\n          </Box>\n        )}\n      </Box>\n    );\n  }\n\n  renderSubtitle() {\n    const { subtitle } = this.props;\n    if (!subtitle) return null;\n\n    const isStringSubtitle = typeof subtitle === 'string';\n\n    if (!isStringSubtitle) {\n      return subtitle;\n    }\n\n    return (\n      <Text\n        skin=\"standard\"\n        secondary\n        dataHook={dataHooks.sidePanelHeaderSubtitle}\n      >\n        {subtitle}\n      </Text>\n    );\n  }\n\n  renderBackButton(\n    onBackButtonClick?: SidePanelProps['onBackButtonClick'],\n    backButtonDescription?: SidePanelProps['backButtonDescription'],\n    backButtonTooltipProps?: SidePanelProps['backButtonTooltipProps'],\n  ) {\n    const backButton = (\n      <CloseButton\n        dataHook={dataHooks.sidePanelHeaderBackButton}\n        className={classes.backButton}\n        onClick={onBackButtonClick}\n        size=\"large\"\n        skin=\"dark\"\n        children={<ChevronLeftLarge />}\n      />\n    );\n\n    if (backButtonDescription) {\n      return (\n        <Tooltip\n          {...backButtonTooltipProps}\n          content={backButtonDescription}\n          dataHook={dataHooks.sidePanelHeaderBackButtonTooltip}\n        >\n          {backButton}\n        </Tooltip>\n      );\n    }\n\n    return backButton;\n  }\n\n  renderTitle(\n    onCloseButtonClick?: SidePanelProps['onCloseButtonClick'],\n    onHelpButtonClick?: SidePanelProps['onHelpButtonClick'],\n    skin?: SidePanelProps['skin'],\n    onBackButtonClick?: SidePanelProps['onBackButtonClick'],\n    backButtonDescription?: SidePanelProps['backButtonDescription'],\n    backButtonTooltipProps?: SidePanelProps['backButtonTooltipProps'],\n  ) {\n    const { title } = this.props;\n    const isStringTitle = typeof title === 'string';\n\n    return (\n      <div\n        className={st(classes.titleContainer, {\n          noCloseButton: !onCloseButtonClick,\n        })}\n      >\n        {this.props.prefix && (\n          <div data-hook={dataHooks.sidePanelHeaderPrefix}>\n            {this.props.prefix}\n          </div>\n        )}\n\n        {onBackButtonClick &&\n          this.renderBackButton(\n            onBackButtonClick,\n            backButtonDescription,\n            backButtonTooltipProps,\n          )}\n\n        <div className={classes.title}>\n          {isStringTitle ? this.renderStringTitle(skin) : title}\n          {this.renderSubtitle()}\n        </div>\n\n        {this.renderButtons(onCloseButtonClick, onHelpButtonClick)}\n      </div>\n    );\n  }\n\n  renderButtons(\n    onCloseButtonClick?: SidePanelProps['onCloseButtonClick'],\n    onHelpButtonClick?: SidePanelProps['onHelpButtonClick'],\n  ) {\n    if (!onCloseButtonClick && !onHelpButtonClick && !this.props.suffix) {\n      return <></>;\n    }\n\n    return (\n      <div className={classes.buttonBox}>\n        {this.props.suffix && (\n          <div data-hook={dataHooks.sidePanelHeaderSuffix}>\n            {this.props.suffix}\n          </div>\n        )}\n\n        {onHelpButtonClick && (\n          <CloseButton\n            dataHook={dataHooks.sidePanelHeaderHelpButton}\n            className={classes.helpButton}\n            onClick={onHelpButtonClick}\n            size=\"large\"\n            skin=\"dark\"\n            children={<Help className={classes.helpIcon} />}\n          />\n        )}\n        {onCloseButtonClick && (\n          <CloseButton\n            dataHook={dataHooks.sidePanelHeaderCloseButton}\n            className={classes.closeButton}\n            onClick={onCloseButtonClick}\n            size=\"large\"\n            skin=\"dark\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { children, showDivider, className } = this.props;\n    return (\n      <SidePanelContext.Consumer>\n        {({\n          skin,\n          isDraggable,\n          onCloseButtonClick,\n          onHelpButtonClick,\n          onBackButtonClick,\n          backButtonDescription,\n          backButtonTooltipProps,\n        }) => (\n          <WixDesignSystemContext.Consumer>\n            {({ newColorsBranding }) => (\n              <div\n                className={st(\n                  classes.root,\n                  { newColorsBranding, skin, isDraggable },\n                  className,\n                )}\n                data-hook={dataHooks.sidePanelHeader}\n              >\n                {this.renderTitle(\n                  onCloseButtonClick,\n                  onHelpButtonClick,\n                  skin,\n                  onBackButtonClick,\n                  backButtonDescription,\n                  backButtonTooltipProps,\n                )}\n                {children}\n                {showDivider && (\n                  <Divider dataHook={dataHooks.sidePanelHeaderDivider} />\n                )}\n              </div>\n            )}\n          </WixDesignSystemContext.Consumer>\n        )}\n      </SidePanelContext.Consumer>\n    );\n  }\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SidePanel/components/Header/Header.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_160_0_SidePanelHeader";
+var _namespace_ = "wds_1_161_0_SidePanelHeader";
 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_160_0_SidePanelHeader__root","titleContainer":"wds_1_160_0_SidePanelHeader__titleContainer","title":"wds_1_160_0_SidePanelHeader__title","buttonBox":"wds_1_160_0_SidePanelHeader__buttonBox","helpIcon":"wds_1_160_0_SidePanelHeader__helpIcon","helpButton":"wds_1_160_0_SidePanelHeader__helpButton","closeButton":"wds_1_160_0_SidePanelHeader__closeButton"};
+module.exports.classes = {"root":"wds_1_161_0_SidePanelHeader__root","titleContainer":"wds_1_161_0_SidePanelHeader__titleContainer","title":"wds_1_161_0_SidePanelHeader__title","buttonBox":"wds_1_161_0_SidePanelHeader__buttonBox","helpIcon":"wds_1_161_0_SidePanelHeader__helpIcon","helpButton":"wds_1_161_0_SidePanelHeader__helpButton","closeButton":"wds_1_161_0_SidePanelHeader__closeButton","backButton":"wds_1_161_0_SidePanelHeader__backButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/components/Section/Section.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_160_0_Section";
+var _namespace_ = "wds_1_161_0_Section";
 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_160_0_Section__root","section":"wds_1_160_0_Section__section"};
+module.exports.classes = {"root":"wds_1_161_0_Section__root","section":"wds_1_161_0_Section__section"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/constants.js

@@ -15,7 +15,9 @@ var dataHooks = exports.dataHooks = {
   sidePanelFooterDivider: 'sidePanel-footer-divider',
   sidePanelHeaderCloseButton: 'sidePanel-header-close-button',
   sidePanelHeaderHelpButton: 'sidePanel-header-help-button',
-  sidePanelSectionHeader: 'sidePanel-section-header'
+  sidePanelSectionHeader: 'sidePanel-section-header',
+  sidePanelHeaderBackButton: 'sidePanel-header-back-button',
+  sidePanelHeaderBackButtonTooltip: 'sidePanel-header-back-button-tooltip'
 };
 var SKINS = exports.SKINS = {
   standard: 'standard',

package/dist/cjs/SidePanel/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","sidePanelContent","sidePanelHeader","sidePanelHeaderPrefix","sidePanelHeaderSuffix","sidePanelFooter","sidePanelHeaderTitle","sidePanelHeaderTitleInfoIcon","sidePanelHeaderSubtitle","sidePanelHeaderDivider","sidePanelFooterDivider","sidePanelHeaderCloseButton","sidePanelHeaderHelpButton","sidePanelSectionHeader","SKINS","standard","floating"],"sources":["../../../src/SidePanel/constants.ts"],"sourcesContent":["export const dataHooks = {\n  sidePanelContent: 'sidePanel-content',\n  sidePanelHeader: 'sidePanel-header',\n  sidePanelHeaderPrefix: 'sidePanel-header-prefix',\n  sidePanelHeaderSuffix: 'sidePanel-header-suffix',\n  sidePanelFooter: 'sidePanel-footer',\n  sidePanelHeaderTitle: 'sidePanel-header-title',\n  sidePanelHeaderTitleInfoIcon: 'sidePanel-header-title-info-icon',\n  sidePanelHeaderSubtitle: 'sidePanel-header-subtitle',\n  sidePanelHeaderDivider: 'sidePanel-header-divider',\n  sidePanelFooterDivider: 'sidePanel-footer-divider',\n  sidePanelHeaderCloseButton: 'sidePanel-header-close-button',\n  sidePanelHeaderHelpButton: 'sidePanel-header-help-button',\n  sidePanelSectionHeader: 'sidePanel-section-header',\n};\n\nexport const SKINS = {\n  standard: 'standard',\n  floating: 'floating',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,gBAAgB,EAAE,mBAAmB;EACrCC,eAAe,EAAE,kBAAkB;EACnCC,qBAAqB,EAAE,yBAAyB;EAChDC,qBAAqB,EAAE,yBAAyB;EAChDC,eAAe,EAAE,kBAAkB;EACnCC,oBAAoB,EAAE,wBAAwB;EAC9CC,4BAA4B,EAAE,kCAAkC;EAChEC,uBAAuB,EAAE,2BAA2B;EACpDC,sBAAsB,EAAE,0BAA0B;EAClDC,sBAAsB,EAAE,0BAA0B;EAClDC,0BAA0B,EAAE,+BAA+B;EAC3DC,yBAAyB,EAAE,8BAA8B;EACzDC,sBAAsB,EAAE;AAC1B,CAAC;AAEM,IAAMC,KAAK,GAAAd,OAAA,CAAAc,KAAA,GAAG;EACnBC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","sidePanelContent","sidePanelHeader","sidePanelHeaderPrefix","sidePanelHeaderSuffix","sidePanelFooter","sidePanelHeaderTitle","sidePanelHeaderTitleInfoIcon","sidePanelHeaderSubtitle","sidePanelHeaderDivider","sidePanelFooterDivider","sidePanelHeaderCloseButton","sidePanelHeaderHelpButton","sidePanelSectionHeader","sidePanelHeaderBackButton","sidePanelHeaderBackButtonTooltip","SKINS","standard","floating"],"sources":["../../../src/SidePanel/constants.ts"],"sourcesContent":["export const dataHooks = {\n  sidePanelContent: 'sidePanel-content',\n  sidePanelHeader: 'sidePanel-header',\n  sidePanelHeaderPrefix: 'sidePanel-header-prefix',\n  sidePanelHeaderSuffix: 'sidePanel-header-suffix',\n  sidePanelFooter: 'sidePanel-footer',\n  sidePanelHeaderTitle: 'sidePanel-header-title',\n  sidePanelHeaderTitleInfoIcon: 'sidePanel-header-title-info-icon',\n  sidePanelHeaderSubtitle: 'sidePanel-header-subtitle',\n  sidePanelHeaderDivider: 'sidePanel-header-divider',\n  sidePanelFooterDivider: 'sidePanel-footer-divider',\n  sidePanelHeaderCloseButton: 'sidePanel-header-close-button',\n  sidePanelHeaderHelpButton: 'sidePanel-header-help-button',\n  sidePanelSectionHeader: 'sidePanel-section-header',\n  sidePanelHeaderBackButton: 'sidePanel-header-back-button',\n  sidePanelHeaderBackButtonTooltip: 'sidePanel-header-back-button-tooltip',\n};\n\nexport const SKINS = {\n  standard: 'standard',\n  floating: 'floating',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,gBAAgB,EAAE,mBAAmB;EACrCC,eAAe,EAAE,kBAAkB;EACnCC,qBAAqB,EAAE,yBAAyB;EAChDC,qBAAqB,EAAE,yBAAyB;EAChDC,eAAe,EAAE,kBAAkB;EACnCC,oBAAoB,EAAE,wBAAwB;EAC9CC,4BAA4B,EAAE,kCAAkC;EAChEC,uBAAuB,EAAE,2BAA2B;EACpDC,sBAAsB,EAAE,0BAA0B;EAClDC,sBAAsB,EAAE,0BAA0B;EAClDC,0BAA0B,EAAE,+BAA+B;EAC3DC,yBAAyB,EAAE,8BAA8B;EACzDC,sBAAsB,EAAE,0BAA0B;EAClDC,yBAAyB,EAAE,8BAA8B;EACzDC,gCAAgC,EAAE;AACpC,CAAC;AAEM,IAAMC,KAAK,GAAAhB,OAAA,CAAAgB,KAAA,GAAG;EACnBC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_Sidebar";
+var _namespace_ = "wds_1_161_0_Sidebar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_0_Sidebar__root","content":"wds_1_160_0_Sidebar__content","slider":"wds_1_160_0_Sidebar__slider","sliderInFromRight":"wds_1_160_0_Sidebar__sliderInFromRight","sliderOutToRight":"wds_1_160_0_Sidebar__sliderOutToRight","sliderInFromLeft":"wds_1_160_0_Sidebar__sliderInFromLeft","sliderOutToLeft":"wds_1_160_0_Sidebar__sliderOutToLeft","childrenContent":"wds_1_160_0_Sidebar__childrenContent","gradient":"wds_1_160_0_Sidebar__gradient","innerMenuWrapperInToPlace":"wds_1_160_0_Sidebar__innerMenuWrapperInToPlace","innerMenuWrapperInToPlaceAfterClosingOther":"wds_1_160_0_Sidebar__innerMenuWrapperInToPlaceAfterClosingOther","innerMenuWrapperOutOfPlace":"wds_1_160_0_Sidebar__innerMenuWrapperOutOfPlace","innerMenu":"wds_1_160_0_Sidebar__innerMenu","openingInnerMenu":"wds_1_160_0_Sidebar__openingInnerMenu","openInnerMenu":"wds_1_160_0_Sidebar__openInnerMenu","openingInnerMenuAfterClosingOther":"wds_1_160_0_Sidebar__openingInnerMenuAfterClosingOther","closingInnerMenu":"wds_1_160_0_Sidebar__closingInnerMenu","closedInnerMenu":"wds_1_160_0_Sidebar__closedInnerMenu"};
-module.exports.keyframes = {"inFromLeft":"wds_1_160_0_Sidebar__inFromLeft","inFromRight":"wds_1_160_0_Sidebar__inFromRight","outToRight":"wds_1_160_0_Sidebar__outToRight","outToLeft":"wds_1_160_0_Sidebar__outToLeft","inToPlace":"wds_1_160_0_Sidebar__inToPlace","inToPlaceDelayed":"wds_1_160_0_Sidebar__inToPlaceDelayed"}; 
+module.exports.classes = {"root":"wds_1_161_0_Sidebar__root","content":"wds_1_161_0_Sidebar__content","slider":"wds_1_161_0_Sidebar__slider","sliderInFromRight":"wds_1_161_0_Sidebar__sliderInFromRight","sliderOutToRight":"wds_1_161_0_Sidebar__sliderOutToRight","sliderInFromLeft":"wds_1_161_0_Sidebar__sliderInFromLeft","sliderOutToLeft":"wds_1_161_0_Sidebar__sliderOutToLeft","childrenContent":"wds_1_161_0_Sidebar__childrenContent","gradient":"wds_1_161_0_Sidebar__gradient","innerMenuWrapperInToPlace":"wds_1_161_0_Sidebar__innerMenuWrapperInToPlace","innerMenuWrapperInToPlaceAfterClosingOther":"wds_1_161_0_Sidebar__innerMenuWrapperInToPlaceAfterClosingOther","innerMenuWrapperOutOfPlace":"wds_1_161_0_Sidebar__innerMenuWrapperOutOfPlace","innerMenu":"wds_1_161_0_Sidebar__innerMenu","openingInnerMenu":"wds_1_161_0_Sidebar__openingInnerMenu","openInnerMenu":"wds_1_161_0_Sidebar__openInnerMenu","openingInnerMenuAfterClosingOther":"wds_1_161_0_Sidebar__openingInnerMenuAfterClosingOther","closingInnerMenu":"wds_1_161_0_Sidebar__closingInnerMenu","closedInnerMenu":"wds_1_161_0_Sidebar__closedInnerMenu"};
+module.exports.keyframes = {"inFromLeft":"wds_1_161_0_Sidebar__inFromLeft","inFromRight":"wds_1_161_0_Sidebar__inFromRight","outToRight":"wds_1_161_0_Sidebar__outToRight","outToLeft":"wds_1_161_0_Sidebar__outToLeft","inToPlace":"wds_1_161_0_Sidebar__inToPlace","inToPlaceDelayed":"wds_1_161_0_Sidebar__inToPlaceDelayed"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"sidebarWidth":"228px","gradientHeight":"36px"}; 

package/dist/cjs/Sidebar/colors.st.css.js

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

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarBackButton";
+var _namespace_ = "wds_1_161_0_SidebarBackButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,8 +16,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_0_SidebarBackButton__root","arrow":"wds_1_160_0_SidebarBackButton__arrow"};
-module.exports.keyframes = {"backAndForth":"wds_1_160_0_SidebarBackButton__backAndForth"}; 
+module.exports.classes = {"root":"wds_1_161_0_SidebarBackButton__root","arrow":"wds_1_161_0_SidebarBackButton__arrow"};
+module.exports.keyframes = {"backAndForth":"wds_1_161_0_SidebarBackButton__backAndForth"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarDivider";
+var _namespace_ = "wds_1_161_0_SidebarDivider";
 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_160_0_SidebarDivider__root","fullWidth":"wds_1_160_0_SidebarDivider__fullWidth","divider":"wds_1_160_0_SidebarDivider__divider"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarDivider__root","fullWidth":"wds_1_161_0_SidebarDivider__fullWidth","divider":"wds_1_161_0_SidebarDivider__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarDividerNext";
+var _namespace_ = "wds_1_161_0_SidebarDividerNext";
 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_160_0_SidebarDividerNext__root","fullWidth":"wds_1_160_0_SidebarDividerNext__fullWidth","divider":"wds_1_160_0_SidebarDividerNext__divider"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarDividerNext__root","fullWidth":"wds_1_161_0_SidebarDividerNext__fullWidth","divider":"wds_1_161_0_SidebarDividerNext__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarHeader";
+var _namespace_ = "wds_1_161_0_SidebarHeader";
 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_160_0_SidebarHeader__root","text-tiny-bold":"wds_1_160_0_StylableTypography__text-tiny-bold","title":"wds_1_160_0_SidebarHeader__title","subtitle":"wds_1_160_0_SidebarHeader__subtitle"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarHeader__root","text-tiny-bold":"wds_1_161_0_StylableTypography__text-tiny-bold","title":"wds_1_161_0_SidebarHeader__title","subtitle":"wds_1_161_0_SidebarHeader__subtitle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarHeaderNext";
+var _namespace_ = "wds_1_161_0_SidebarHeaderNext";
 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_160_0_SidebarHeaderNext__root","title":"wds_1_160_0_SidebarHeaderNext__title"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarHeaderNext__root","title":"wds_1_161_0_SidebarHeaderNext__title"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarItemNext";
+var _namespace_ = "wds_1_161_0_SidebarItemNext";
 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_160_0_SidebarItemNext__root","text-small-normal":"wds_1_160_0_StylableTypography__text-small-normal","text":"wds_1_160_0_SidebarItemNext__text","prefix":"wds_1_160_0_SidebarItemNext__prefix","divider":"wds_1_160_0_SidebarItemNext__divider","suffix":"wds_1_160_0_SidebarItemNext__suffix","listItem":"wds_1_160_0_SidebarItemNext__listItem","textWrapper":"wds_1_160_0_SidebarItemNext__textWrapper","suffixContainer":"wds_1_160_0_SidebarItemNext__suffixContainer","tooltipWrapper":"wds_1_160_0_SidebarItemNext__tooltipWrapper","tooltip":"wds_1_160_0_SidebarItemNext__tooltip"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarItemNext__root","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","text":"wds_1_161_0_SidebarItemNext__text","prefix":"wds_1_161_0_SidebarItemNext__prefix","divider":"wds_1_161_0_SidebarItemNext__divider","suffix":"wds_1_161_0_SidebarItemNext__suffix","listItem":"wds_1_161_0_SidebarItemNext__listItem","textWrapper":"wds_1_161_0_SidebarItemNext__textWrapper","suffixContainer":"wds_1_161_0_SidebarItemNext__suffixContainer","tooltipWrapper":"wds_1_161_0_SidebarItemNext__tooltipWrapper","tooltip":"wds_1_161_0_SidebarItemNext__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/SidebarItemNext/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type SidebarItemNextWithAsProp<T> =\n  | SidebarItemNextAsButtonProps<T>\n  | SidebarItemNextAsAnchorProps<T>\n  | SidebarItemNextGenericProps<T>\n  | SidebarItemNextAsComponentProps<T>;\n\ntype SidebarItemNextAsButtonProps<T> =\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    T & {\n      as?: 'button';\n      onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    };\n\ntype SidebarItemNextAsAnchorProps<T> =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n    T & {\n      as: 'a';\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    };\n\ntype SidebarItemNextGenericProps<T> = T & {\n  as: keyof Omit<HTMLElementTagNameMap, 'a' | 'button'>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\ntype SidebarItemNextAsComponentProps<T> = T & {\n  as: React.ComponentType<any>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\nexport type SidebarItemNextProps = SidebarItemNextWithAsProp<{\n  children?: React.ReactNode;\n  dataHook?: string;\n  className?: string;\n  suffix?: React.ReactNode;\n  prefix?: React.ReactNode;\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  itemKey?: string;\n  role?: string;\n}>;\n\ndeclare const SidebarItemNext: React.FC<SidebarItemNextProps>;\n\nexport default SidebarItemNext;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/SidebarItemNext/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\ntype SidebarItemNextSpecificProps = {\n  children?: React.ReactNode;\n  dataHook?: string;\n  className?: string;\n  suffix?: React.ReactNode;\n  prefix?: React.ReactNode;\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  itemKey?: string;\n  role?: string;\n}\n\n/**\n * Omit SidebarItemNext specific properties.\n */\ntype OmitHTMLAttributes<T> = Omit<T, keyof SidebarItemNextSpecificProps>;\n\nexport type SidebarItemNextWithAsProp<T> =\n  | SidebarItemNextAsButtonProps<T>\n  | SidebarItemNextAsAnchorProps<T>\n  | SidebarItemNextGenericProps<T>\n  | SidebarItemNextAsComponentProps<T>;\n\ntype SidebarItemNextAsButtonProps<T> = OmitHTMLAttributes<\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n> &\n  T & {\n    as?: 'button';\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n\ntype SidebarItemNextAsAnchorProps<T> = OmitHTMLAttributes<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>\n> &\n  T & {\n    as: 'a';\n    onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  };\n\ntype SidebarItemNextGenericProps<T> = T & {\n  as: keyof Omit<HTMLElementTagNameMap, 'a' | 'button'>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\ntype SidebarItemNextAsComponentProps<T> = T & {\n  as: React.ComponentType<any>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\nexport type SidebarItemNextProps = SidebarItemNextWithAsProp<SidebarItemNextSpecificProps>;\n\ndeclare const SidebarItemNext: React.FC<SidebarItemNextProps>;\n\nexport default SidebarItemNext;\n"],"mappings":"","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarNext";
+var _namespace_ = "wds_1_161_0_SidebarNext";
 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_160_0_SidebarNext__root","section":"wds_1_160_0_SidebarNext__section","content":"wds_1_160_0_SidebarNext__content","scrollArea":"wds_1_160_0_SidebarNext__scrollArea","listItems":"wds_1_160_0_SidebarNext__listItems"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarNext__root","section":"wds_1_161_0_SidebarNext__section","content":"wds_1_161_0_SidebarNext__content","scrollArea":"wds_1_161_0_SidebarNext__scrollArea","listItems":"wds_1_161_0_SidebarNext__listItems"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidebarNext/components/SidebarSkeleton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarSkeleton";
+var _namespace_ = "wds_1_161_0_SidebarSkeleton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,8 +12,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_0_SidebarSkeleton__root","lightSkeleton":"wds_1_160_0_SidebarSkeleton__lightSkeleton","skeletonItem":"wds_1_160_0_SidebarSkeleton__skeletonItem","separator":"wds_1_160_0_SidebarSkeleton__separator","container":"wds_1_160_0_SidebarSkeleton__container"};
-module.exports.keyframes = {"moveRight":"wds_1_160_0_SidebarSkeleton__moveRight"}; 
+module.exports.classes = {"root":"wds_1_161_0_SidebarSkeleton__root","lightSkeleton":"wds_1_161_0_SidebarSkeleton__lightSkeleton","skeletonItem":"wds_1_161_0_SidebarSkeleton__skeletonItem","separator":"wds_1_161_0_SidebarSkeleton__separator","container":"wds_1_161_0_SidebarSkeleton__container"};
+module.exports.keyframes = {"moveRight":"wds_1_161_0_SidebarSkeleton__moveRight"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

package/dist/cjs/SidebarNext/components/ToggleButton.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_160_0_sidebarnext-toggle-button";
+var _namespace_ = "wds_1_161_0_sidebarnext-toggle-button";
 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_160_0_sidebarnext-toggle-button__root","iconButton":"wds_1_160_0_sidebarnext-toggle-button__iconButton"};
+module.exports.classes = {"root":"wds_1_161_0_sidebarnext-toggle-button__root","iconButton":"wds_1_161_0_sidebarnext-toggle-button__iconButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_0_SidebarSectionItem";
+var _namespace_ = "wds_1_161_0_SidebarSectionItem";
 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_160_0_SidebarSectionItem__root","text":"wds_1_160_0_SidebarSectionItem__text","chevron":"wds_1_160_0_SidebarSectionItem__chevron","prefix":"wds_1_160_0_SidebarSectionItem__prefix","textWrapper":"wds_1_160_0_SidebarSectionItem__textWrapper","suffix":"wds_1_160_0_SidebarSectionItem__suffix"};
+module.exports.classes = {"root":"wds_1_161_0_SidebarSectionItem__root","text":"wds_1_161_0_SidebarSectionItem__text","chevron":"wds_1_161_0_SidebarSectionItem__chevron","prefix":"wds_1_161_0_SidebarSectionItem__prefix","textWrapper":"wds_1_161_0_SidebarSectionItem__textWrapper","suffix":"wds_1_161_0_SidebarSectionItem__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};