@wix/design-system 1.0.2 → 1.0.4

package/dist/esm/SidePanel/SidePanel.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidePanel";
+var _namespace_ = "wds_1_0_4_SidePanel";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidePanel__root"};
+export var classes = {"root":"wds_1_0_4_SidePanel__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_Sidebar";
+var _namespace_ = "wds_1_0_4_Sidebar";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_Sidebar__root","content":"wds_1_0_2_Sidebar__content","slider":"wds_1_0_2_Sidebar__slider","sliderInFromRight":"wds_1_0_2_Sidebar__sliderInFromRight","sliderOutToRight":"wds_1_0_2_Sidebar__sliderOutToRight","sliderInFromLeft":"wds_1_0_2_Sidebar__sliderInFromLeft","sliderOutToLeft":"wds_1_0_2_Sidebar__sliderOutToLeft","childrenContent":"wds_1_0_2_Sidebar__childrenContent","gradient":"wds_1_0_2_Sidebar__gradient","innerMenuWrapperInToPlace":"wds_1_0_2_Sidebar__innerMenuWrapperInToPlace","innerMenuWrapperInToPlaceAfterClosingOther":"wds_1_0_2_Sidebar__innerMenuWrapperInToPlaceAfterClosingOther","innerMenuWrapperOutOfPlace":"wds_1_0_2_Sidebar__innerMenuWrapperOutOfPlace","innerMenu":"wds_1_0_2_Sidebar__innerMenu","openingInnerMenu":"wds_1_0_2_Sidebar__openingInnerMenu","openInnerMenu":"wds_1_0_2_Sidebar__openInnerMenu","openingInnerMenuAfterClosingOther":"wds_1_0_2_Sidebar__openingInnerMenuAfterClosingOther","closingInnerMenu":"wds_1_0_2_Sidebar__closingInnerMenu","closedInnerMenu":"wds_1_0_2_Sidebar__closedInnerMenu"};
-export var keyframes = {"inFromLeft":"wds_1_0_2_Sidebar__inFromLeft","inFromRight":"wds_1_0_2_Sidebar__inFromRight","outToRight":"wds_1_0_2_Sidebar__outToRight","outToLeft":"wds_1_0_2_Sidebar__outToLeft","inToPlace":"wds_1_0_2_Sidebar__inToPlace","inToPlaceDelayed":"wds_1_0_2_Sidebar__inToPlaceDelayed"}; 
+export var classes = {"root":"wds_1_0_4_Sidebar__root","content":"wds_1_0_4_Sidebar__content","slider":"wds_1_0_4_Sidebar__slider","sliderInFromRight":"wds_1_0_4_Sidebar__sliderInFromRight","sliderOutToRight":"wds_1_0_4_Sidebar__sliderOutToRight","sliderInFromLeft":"wds_1_0_4_Sidebar__sliderInFromLeft","sliderOutToLeft":"wds_1_0_4_Sidebar__sliderOutToLeft","childrenContent":"wds_1_0_4_Sidebar__childrenContent","gradient":"wds_1_0_4_Sidebar__gradient","innerMenuWrapperInToPlace":"wds_1_0_4_Sidebar__innerMenuWrapperInToPlace","innerMenuWrapperInToPlaceAfterClosingOther":"wds_1_0_4_Sidebar__innerMenuWrapperInToPlaceAfterClosingOther","innerMenuWrapperOutOfPlace":"wds_1_0_4_Sidebar__innerMenuWrapperOutOfPlace","innerMenu":"wds_1_0_4_Sidebar__innerMenu","openingInnerMenu":"wds_1_0_4_Sidebar__openingInnerMenu","openInnerMenu":"wds_1_0_4_Sidebar__openInnerMenu","openingInnerMenuAfterClosingOther":"wds_1_0_4_Sidebar__openingInnerMenuAfterClosingOther","closingInnerMenu":"wds_1_0_4_Sidebar__closingInnerMenu","closedInnerMenu":"wds_1_0_4_Sidebar__closedInnerMenu"};
+export var keyframes = {"inFromLeft":"wds_1_0_4_Sidebar__inFromLeft","inFromRight":"wds_1_0_4_Sidebar__inFromRight","outToRight":"wds_1_0_4_Sidebar__outToRight","outToLeft":"wds_1_0_4_Sidebar__outToLeft","inToPlace":"wds_1_0_4_Sidebar__inToPlace","inToPlaceDelayed":"wds_1_0_4_Sidebar__inToPlaceDelayed"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"sidebarWidth":"228px","gradientHeight":"36px"}; 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarColors";
+var _namespace_ = "wds_1_0_4_SidebarColors";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarColors__root"};
+export var classes = {"root":"wds_1_0_4_SidebarColors__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarBackButton";
+var _namespace_ = "wds_1_0_4_SidebarBackButton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,8 +16,8 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarBackButton__root","arrow":"wds_1_0_2_SidebarBackButton__arrow"};
-export var keyframes = {"backAndForth":"wds_1_0_2_SidebarBackButton__backAndForth"}; 
+export var classes = {"root":"wds_1_0_4_SidebarBackButton__root","arrow":"wds_1_0_4_SidebarBackButton__arrow"};
+export var keyframes = {"backAndForth":"wds_1_0_4_SidebarBackButton__backAndForth"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarDivider";
+var _namespace_ = "wds_1_0_4_SidebarDivider";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarDivider__root","fullWidth":"wds_1_0_2_SidebarDivider__fullWidth","divider":"wds_1_0_2_SidebarDivider__divider"};
+export var classes = {"root":"wds_1_0_4_SidebarDivider__root","fullWidth":"wds_1_0_4_SidebarDivider__fullWidth","divider":"wds_1_0_4_SidebarDivider__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarDividerNext";
+var _namespace_ = "wds_1_0_4_SidebarDividerNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarDividerNext__root","fullWidth":"wds_1_0_2_SidebarDividerNext__fullWidth","divider":"wds_1_0_2_SidebarDividerNext__divider"};
+export var classes = {"root":"wds_1_0_4_SidebarDividerNext__root","fullWidth":"wds_1_0_4_SidebarDividerNext__fullWidth","divider":"wds_1_0_4_SidebarDividerNext__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarHeader";
+var _namespace_ = "wds_1_0_4_SidebarHeader";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarHeader__root","text-tiny-bold":"wds_1_0_2_StylableTypography__text-tiny-bold","title":"wds_1_0_2_SidebarHeader__title","subtitle":"wds_1_0_2_SidebarHeader__subtitle"};
+export var classes = {"root":"wds_1_0_4_SidebarHeader__root","text-tiny-bold":"wds_1_0_4_StylableTypography__text-tiny-bold","title":"wds_1_0_4_SidebarHeader__title","subtitle":"wds_1_0_4_SidebarHeader__subtitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarHeaderNext";
+var _namespace_ = "wds_1_0_4_SidebarHeaderNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarHeaderNext__root","title":"wds_1_0_2_SidebarHeaderNext__title"};
+export var classes = {"root":"wds_1_0_4_SidebarHeaderNext__root","title":"wds_1_0_4_SidebarHeaderNext__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidebarItemNext/SidebarItemNext.js

@@ -19,10 +19,11 @@ const SidebarItemNextSuffix = ({ suffixComponent }) => {
     }
     return (React.createElement("div", Object.assign({}, wrapperComponentProps), renderSingleSuffix(suffixComponent, 1)));
 };
+const SidebarItemNextPrefix = ({ prefixComponent }) => React.createElement("span", { key: dataHooks.prefix, "data-hook": dataHooks.prefix, className: classes.prefix, "aria-hidden": "true" }, prefixComponent);
 /** An item for the section within the sidebar */
 const SidebarItemNext = (_a) => {
-    var { as: Component, href, dataHook, children, disabled, onClick, className, focusableOnFocus, focusableOnBlur, itemKey, suffix, isInQuickNavigation, role } = _a, rest = __rest(_a, ["as", "href", "dataHook", "children", "disabled", "onClick", "className", "focusableOnFocus", "focusableOnBlur", "itemKey", "suffix", "isInQuickNavigation", "role"]);
-    const { isChild, selectedKey, skin, isMenuOpen } = useContext(SidebarNextContext) || {};
+    var { as: Component, href, dataHook, children, disabled, onClick, className, focusableOnFocus, focusableOnBlur, itemKey, suffix, prefix, isInQuickNavigation, role } = _a, rest = __rest(_a, ["as", "href", "dataHook", "children", "disabled", "onClick", "className", "focusableOnFocus", "focusableOnBlur", "itemKey", "suffix", "prefix", "isInQuickNavigation", "role"]);
+    const { isChild, selectedKey, skin, isMenuOpen, isParentWithPrefix } = useContext(SidebarNextContext) || {};
     const textSize = useMemo(() => {
         return isChild ? 'tiny' : 'small';
     }, [isChild]);
@@ -43,8 +44,11 @@ const SidebarItemNext = (_a) => {
             skin,
             isChild,
             isInQuickNavigation,
+            hasPrefix: !!prefix,
+            isParentWithPrefix,
         }, className, isInQuickNavigation ? classes.quickNavigationView : ''), tabIndex: tabIndex, role: role, "aria-current": selected ? 'page' : undefined }, rest),
-        React.createElement("li", { "aria-level": ariaLevel, className: classes.list },
+        React.createElement("li", { "aria-level": ariaLevel, className: classes.textWithPrefix },
+            prefix && (React.createElement(SidebarItemNextPrefix, { prefixComponent: prefix })),
             React.createElement(Text, { "data-hook": dataHooks.title, className: st(classes.text), size: textSize, weight: "normal", secondary: skin === skins.light, light: skin === skins.dark, skin: disabled ? 'disabled' : 'standard', showTooltip: false }, children)),
         !disabled && suffix && (React.createElement(SidebarItemNextSuffix, { suffixComponent: suffix }))));
 };
@@ -64,6 +68,8 @@ SidebarItemNext.propTypes = {
         PropTypes.node,
         PropTypes.arrayOf(PropTypes.node),
     ]),
+    /** An element to appear at the start of the text. */
+    prefix: PropTypes.node,
     /** Indicates whether to display the item as disabled */
     disabled: PropTypes.bool,
     /** A callback to be triggered on click */

package/dist/esm/SidebarItemNext/SidebarItemNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemNext.js","sourceRoot":"","sources":["../../../src/SidebarItemNext/SidebarItemNext.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"SidebarItemNext.js","sourceRoot":"","sources":["../../../src/SidebarItemNext/SidebarItemNext.js"],"names":[],"mappings":"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"}

package/dist/esm/SidebarItemNext/SidebarItemNext.st.css

@@ -22,7 +22,7 @@
 
 .root {
   -st-extends: Focusable;
-  -st-states: selected, disabled, skin(enum(dark, light, neutral)), isChild, isInQuickNavigation;
+  -st-states: selected, disabled, skin(enum(dark, light, neutral)), isChild, isInQuickNavigation, hasPrefix, isParentWithPrefix;
   -st-mixin: text-small-normal;
   display: flex;
   justify-content: space-between;
@@ -42,6 +42,14 @@
   padding-left: 28px;
 }
 
+.root:hasPrefix {
+  padding: 0 16px 0 16px;
+}
+
+.root:isChild:isParentWithPrefix {
+  padding: 0 20px 0 44px;
+}
+
 .root:focus {
   outline: none;
 }
@@ -232,6 +240,14 @@
   color: value(D20);
 }
 
-.list {
+.textWithPrefix {
   list-style-type: none;
+  display: flex;
+  align-items: center;
 }
+
+.textWithPrefix .prefix {
+  margin-right: 8px;
+  display: flex;
+  justify-content: flex-start;
+}

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarItemNext";
+var _namespace_ = "wds_1_0_4_SidebarItemNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarItemNext__root","navigationPopoverRoot":"wds_1_0_2_SidebarSubMenuNext__navigationPopoverRoot","text-small-normal":"wds_1_0_2_StylableTypography__text-small-normal","text":"wds_1_0_2_SidebarItemNext__text","suffix":"wds_1_0_2_SidebarItemNext__suffix","suffixContainer":"wds_1_0_2_SidebarItemNext__suffixContainer","quickNavigationView":"wds_1_0_2_SidebarItemNext__quickNavigationView","list":"wds_1_0_2_SidebarItemNext__list"};
+export var classes = {"root":"wds_1_0_4_SidebarItemNext__root","navigationPopoverRoot":"wds_1_0_4_SidebarSubMenuNext__navigationPopoverRoot","text-small-normal":"wds_1_0_4_StylableTypography__text-small-normal","text":"wds_1_0_4_SidebarItemNext__text","suffix":"wds_1_0_4_SidebarItemNext__suffix","suffixContainer":"wds_1_0_4_SidebarItemNext__suffixContainer","quickNavigationView":"wds_1_0_4_SidebarItemNext__quickNavigationView","textWithPrefix":"wds_1_0_4_SidebarItemNext__textWithPrefix","prefix":"wds_1_0_4_SidebarItemNext__prefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidebarItemNext/SidebarItemNext.uni.driver.js

@@ -22,6 +22,11 @@ export const sidebarItemNextDriverFactory = (base, body) => {
          * @returns {Promise<number>}
          */
         getSuffixCount: async () => await countByHook(base, dataHooks.suffix), 
+        /**
+         * Returns if a prefix exists
+         * @returns {Promise<boolean>}
+         */
+        prefixExists: async () => (await findByHook(base, dataHooks.prefix)).exists(), 
         /**
          * Returns the skin
          * @returns {Promise<string>}

package/dist/esm/SidebarItemNext/SidebarItemNext.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemNext.uni.driver.js","sourceRoot":"","sources":["../../../src/SidebarItemNext/SidebarItemNext.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACzD,uCACK,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QAEnC;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAErE;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAErE;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE,CACvB,CAAC,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;QAErD;;;WAGG;QACH,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;QAErE;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAEjD;;;aAGK;QACL,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAChC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SidebarItemNext.uni.driver.js","sourceRoot":"","sources":["../../../src/SidebarItemNext/SidebarItemNext.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACzD,uCACK,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QAEnC;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAErE;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAErE;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE,CACvB,CAAC,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;QAErD;;;WAGG;QACH,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;QAErE;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE,CACvB,CAAC,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;QAErD;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAEjD;;;aAGK;QACL,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAChC;AACJ,CAAC,CAAC"}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarNext";
+var _namespace_ = "wds_1_0_4_SidebarNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarNext__root","content":"wds_1_0_2_SidebarNext__content","scrollArea":"wds_1_0_2_SidebarNext__scrollArea","scrollAreaGradient":"wds_1_0_2_SidebarNext__scrollAreaGradient","listItems":"wds_1_0_2_SidebarNext__listItems"};
+export var classes = {"root":"wds_1_0_4_SidebarNext__root","content":"wds_1_0_4_SidebarNext__content","scrollArea":"wds_1_0_4_SidebarNext__scrollArea","scrollAreaGradient":"wds_1_0_4_SidebarNext__scrollAreaGradient","listItems":"wds_1_0_4_SidebarNext__listItems"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidebarNext/SidebarSkeleton.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarSkeleton";
+var _namespace_ = "wds_1_0_4_SidebarSkeleton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,8 +12,8 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarSkeleton__root","lightSkeleton":"wds_1_0_2_SidebarSkeleton__lightSkeleton","skeletonItem":"wds_1_0_2_SidebarSkeleton__skeletonItem","separator":"wds_1_0_2_SidebarSkeleton__separator","container":"wds_1_0_2_SidebarSkeleton__container"};
-export var keyframes = {"moveRight":"wds_1_0_2_SidebarSkeleton__moveRight"}; 
+export var classes = {"root":"wds_1_0_4_SidebarSkeleton__root","lightSkeleton":"wds_1_0_4_SidebarSkeleton__lightSkeleton","skeletonItem":"wds_1_0_4_SidebarSkeleton__skeletonItem","separator":"wds_1_0_4_SidebarSkeleton__separator","container":"wds_1_0_4_SidebarSkeleton__container"};
+export var keyframes = {"moveRight":"wds_1_0_4_SidebarSkeleton__moveRight"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarSectionItem";
+var _namespace_ = "wds_1_0_4_SidebarSectionItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarSectionItem__root","text":"wds_1_0_2_SidebarSectionItem__text","chevron":"wds_1_0_2_SidebarSectionItem__chevron","prefix":"wds_1_0_2_SidebarSectionItem__prefix","textWrapper":"wds_1_0_2_SidebarSectionItem__textWrapper","suffix":"wds_1_0_2_SidebarSectionItem__suffix"};
+export var classes = {"root":"wds_1_0_4_SidebarSectionItem__root","text":"wds_1_0_4_SidebarSectionItem__text","chevron":"wds_1_0_4_SidebarSectionItem__chevron","prefix":"wds_1_0_4_SidebarSectionItem__prefix","textWrapper":"wds_1_0_4_SidebarSectionItem__textWrapper","suffix":"wds_1_0_4_SidebarSectionItem__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidebarSectionTitle/SidebarSectionTitle.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarSectionTitle";
+var _namespace_ = "wds_1_0_4_SidebarSectionTitle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarSectionTitle__root"};
+export var classes = {"root":"wds_1_0_4_SidebarSectionTitle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SidebarSubMenuNext/SidebarSubMenuNext.js

@@ -10,7 +10,7 @@ import { st, classes } from './SidebarSubMenuNext.st.css.js';
 import { usePopoverState } from './hooks/usePopoverState';
 import { useMenuState } from './hooks/useMenuState';
 const SidebarSubMenuNext = (_a) => {
-    var { dataHook, children, itemKey, disabled, title, onExpand, onCollapse, onClick, suffix, onQuickNavOpen } = _a, asComponentProps = __rest(_a, ["dataHook", "children", "itemKey", "disabled", "title", "onExpand", "onCollapse", "onClick", "suffix", "onQuickNavOpen"]);
+    var { dataHook, children, itemKey, disabled, title, onExpand, onCollapse, onClick, suffix, prefix, onQuickNavOpen } = _a, asComponentProps = __rest(_a, ["dataHook", "children", "itemKey", "disabled", "title", "onExpand", "onCollapse", "onClick", "suffix", "prefix", "onQuickNavOpen"]);
     const context = useContext(SidebarNextContext);
     const as = asComponentProps.as;
     const role = as === 'a' ? 'link' : 'button';
@@ -51,15 +51,15 @@ const SidebarSubMenuNext = (_a) => {
     return (React.createElement("div", { "data-hook": dataHook, "data-quick-nav-open": isPopoverOpen, "data-open": isMenuOpen, className: st(classes.root, { skin }) },
         React.createElement(Popover, { className: classes.navigationPopoverRoot, showArrow: true, placement: "right", zIndex: 3000, shown: isPopoverOpen, appendTo: "window", fixed: true, flip: false, theme: skin, moveBy: moveBy, hideDelay: 50, showDelay: 200, animate: isPopoverOpen, onMouseEnter: onOpen, onMouseLeave: onClose, dataHook: dataHooks.submenuPopover },
             React.createElement(Popover.Element, null,
-                React.createElement(SidebarItemNext, Object.assign({ suffix: getSuffix(), onClick: _onClick, disabled: disabled, itemKey: itemKey, dataHook: dataHooks.sidebarItem, className: st(classes.subMenu, {
+                React.createElement(SidebarItemNext, Object.assign({ suffix: getSuffix(), prefix: prefix, onClick: _onClick, disabled: disabled, itemKey: itemKey, dataHook: dataHooks.sidebarItem, className: st(classes.subMenu, {
                         animation,
                         animationWithDelay: shouldNextMenuOpenWithDelay,
                         selected: isItemKeySelected,
                     }), "aria-haspopup": "menu", "aria-expanded": isMenuOpen, role: role }, asComponentProps), title)),
             React.createElement(Popover.Content, null,
                 React.createElement("div", { ref: popoverContentRef, className: classes.navigationPopover },
-                    React.createElement(SidebarNextContext.Provider, { value: Object.assign(Object.assign({}, context), { isChild: true }) }, renderChildrenForQuickNavigation)))),
-        React.createElement(SidebarNextContext.Provider, { value: Object.assign(Object.assign({}, context), { isChild: true, isMenuOpen }) },
+                    React.createElement(SidebarNextContext.Provider, { value: Object.assign(Object.assign({}, context), { isChild: true, isParentWithPrefix: !!prefix }) }, renderChildrenForQuickNavigation)))),
+        React.createElement(SidebarNextContext.Provider, { value: Object.assign(Object.assign({}, context), { isChild: true, isParentWithPrefix: !!prefix, isMenuOpen }) },
             React.createElement("ul", { className: st(classes.subMenuItems, {
                     animation,
                     animationWithDelay: shouldNextMenuOpenWithDelay,
@@ -97,6 +97,8 @@ SidebarSubMenuNext.propTypes = {
         PropTypes.node,
         PropTypes.arrayOf(PropTypes.node),
     ]),
+    /** An element to appear at the start of the text. */
+    prefix: PropTypes.node,
     /** A callback to be triggered when the quick nav openes */
     onQuickNavOpen: PropTypes.func,
 };

package/dist/esm/SidebarSubMenuNext/SidebarSubMenuNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubMenuNext.js","sourceRoot":"","sources":["../../../src/SidebarSubMenuNext/SidebarSubMenuNext.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"SidebarSubMenuNext.js","sourceRoot":"","sources":["../../../src/SidebarSubMenuNext/SidebarSubMenuNext.js"],"names":[],"mappings":"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"}

package/dist/esm/SidebarSubMenuNext/SidebarSubMenuNext.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarSubMenuNext";
+var _namespace_ = "wds_1_0_4_SidebarSubMenuNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarSubMenuNext__root","subMenu":"wds_1_0_2_SidebarSubMenuNext__subMenu","subMenuItems":"wds_1_0_2_SidebarSubMenuNext__subMenuItems","navigationPopoverRoot":"wds_1_0_2_SidebarSubMenuNext__navigationPopoverRoot","navigationPopover":"wds_1_0_2_SidebarSubMenuNext__navigationPopover"};
-export var keyframes = {"rotateChevronUp":"wds_1_0_2_SidebarSubMenuNext__rotateChevronUp","rotateChevronBack":"wds_1_0_2_SidebarSubMenuNext__rotateChevronBack","openItems":"wds_1_0_2_SidebarSubMenuNext__openItems","closeItems":"wds_1_0_2_SidebarSubMenuNext__closeItems"}; 
+export var classes = {"root":"wds_1_0_4_SidebarSubMenuNext__root","subMenu":"wds_1_0_4_SidebarSubMenuNext__subMenu","subMenuItems":"wds_1_0_4_SidebarSubMenuNext__subMenuItems","navigationPopoverRoot":"wds_1_0_4_SidebarSubMenuNext__navigationPopoverRoot","navigationPopover":"wds_1_0_4_SidebarSubMenuNext__navigationPopover"};
+export var keyframes = {"rotateChevronUp":"wds_1_0_4_SidebarSubMenuNext__rotateChevronUp","rotateChevronBack":"wds_1_0_4_SidebarSubMenuNext__rotateChevronBack","openItems":"wds_1_0_4_SidebarSubMenuNext__openItems","closeItems":"wds_1_0_4_SidebarSubMenuNext__closeItems"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/dist/esm/SidebarTitleItemNext/SidebarTitleItemNext.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SidebarTitleItemNext";
+var _namespace_ = "wds_1_0_4_SidebarTitleItemNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SidebarTitleItemNext__root"};
+export var classes = {"root":"wds_1_0_4_SidebarTitleItemNext__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Skeleton/Skeleton.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_Skeleton";
+var _namespace_ = "wds_1_0_4_Skeleton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_Skeleton__root","line":"wds_1_0_2_Skeleton__line","chunk":"wds_1_0_2_Skeleton__chunk"};
-export var keyframes = {"moveRight":"wds_1_0_2_Skeleton__moveRight"}; 
+export var classes = {"root":"wds_1_0_4_Skeleton__root","line":"wds_1_0_4_Skeleton__line","chunk":"wds_1_0_4_Skeleton__chunk"};
+export var keyframes = {"moveRight":"wds_1_0_4_Skeleton__moveRight"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/dist/esm/SkeletonCircle/SkeletonCircle.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SkeletonCircle";
+var _namespace_ = "wds_1_0_4_SkeletonCircle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SkeletonCircle__root"};
+export var classes = {"root":"wds_1_0_4_SkeletonCircle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SkeletonGroup/SkeletonGroup.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SkeletonGroup";
+var _namespace_ = "wds_1_0_4_SkeletonGroup";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SkeletonGroup__root","animator":"wds_1_0_2_SkeletonGroup__animator"};
-export var keyframes = {"wave":"wds_1_0_2_SkeletonGroup__wave"}; 
+export var classes = {"root":"wds_1_0_4_SkeletonGroup__root","animator":"wds_1_0_4_SkeletonGroup__animator"};
+export var keyframes = {"wave":"wds_1_0_4_SkeletonGroup__wave"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"color":"--wds_1_0_2_SkeletonGroup-color"}; 
+export var vars = {"color":"--wds_1_0_4_SkeletonGroup-color"}; 
 
 
 

package/dist/esm/SkeletonLine/SkeletonLine.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SkeletonLine";
+var _namespace_ = "wds_1_0_4_SkeletonLine";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SkeletonLine__root"};
+export var classes = {"root":"wds_1_0_4_SkeletonLine__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/SkeletonRectangle/SkeletonRectangle.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_SkeletonRectangle";
+var _namespace_ = "wds_1_0_4_SkeletonRectangle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_SkeletonRectangle__root"};
+export var classes = {"root":"wds_1_0_4_SkeletonRectangle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Slider/Slider.st.css.js

@@ -9,7 +9,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_0_2_Slider";
+var _namespace_ = "wds_1_0_4_Slider";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_0_2_Slider__root","text-small-normal":"wds_1_0_2_StylableTypography__text-small-normal","sliderHandle":"wds_1_0_2_Slider__sliderHandle","sliderThumb":"wds_1_0_2_Slider__sliderThumb","sliderHandleWrapper":"wds_1_0_2_Slider__sliderHandleWrapper","markLine":"wds_1_0_2_Slider__markLine","markValue":"wds_1_0_2_Slider__markValue","mark":"wds_1_0_2_Slider__mark","markLabel":"wds_1_0_2_Slider__markLabel","sliderHandleTooltip":"wds_1_0_2_Slider__sliderHandleTooltip"};
+export var classes = {"root":"wds_1_0_4_Slider__root","text-small-normal":"wds_1_0_4_StylableTypography__text-small-normal","sliderHandle":"wds_1_0_4_Slider__sliderHandle","sliderThumb":"wds_1_0_4_Slider__sliderThumb","sliderHandleWrapper":"wds_1_0_4_Slider__sliderHandleWrapper","markLine":"wds_1_0_4_Slider__markLine","markValue":"wds_1_0_4_Slider__markValue","mark":"wds_1_0_4_Slider__mark","markLabel":"wds_1_0_4_Slider__markLabel","sliderHandleTooltip":"wds_1_0_4_Slider__sliderHandleTooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};