@wix/design-system 1.143.1 → 1.144.0

package/dist/cjs/ModalMobileLayout/components/Title/Title.st.css.js

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_ModalPreviewLayout";
+var _namespace_ = "wds_1_144_0_ModalPreviewLayout";
 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_143_1_ModalPreviewLayout__root","header":"wds_1_143_1_ModalPreviewLayout__header","title":"wds_1_143_1_ModalPreviewLayout__title","actions":"wds_1_143_1_ModalPreviewLayout__actions","closeButton":"wds_1_143_1_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_143_1_ModalPreviewLayout__innerOverlay","content":"wds_1_143_1_ModalPreviewLayout__content","navigationButton":"wds_1_143_1_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_143_1_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_143_1_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_143_1_ModalPreviewLayout__modalTooltip"};
+module.exports.classes = {"root":"wds_1_144_0_ModalPreviewLayout__root","header":"wds_1_144_0_ModalPreviewLayout__header","title":"wds_1_144_0_ModalPreviewLayout__title","actions":"wds_1_144_0_ModalPreviewLayout__actions","closeButton":"wds_1_144_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_144_0_ModalPreviewLayout__innerOverlay","content":"wds_1_144_0_ModalPreviewLayout__content","navigationButton":"wds_1_144_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_144_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_144_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_144_0_ModalPreviewLayout__modalTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_ModalSelectorLayout";
+var _namespace_ = "wds_1_144_0_ModalSelectorLayout";
 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_143_1_ModalSelectorLayout__root","modalContent":"wds_1_143_1_ModalSelectorLayout__modalContent"};
+module.exports.classes = {"root":"wds_1_144_0_ModalSelectorLayout__root","modalContent":"wds_1_144_0_ModalSelectorLayout__modalContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/MultiSelect/InputWithTags.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_InputWithTags";
+var _namespace_ = "wds_1_144_0_InputWithTags";
 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_143_1_InputWithTags__root","text-medium-normal":"wds_1_143_1_StylableTypography__text-medium-normal","inputWrapper":"wds_1_143_1_InputWithTags__inputWrapper","emptyInput":"wds_1_143_1_InputWithTags__emptyInput","selectMode":"wds_1_143_1_InputWithTags__selectMode","inputSuffix":"wds_1_143_1_InputWithTags__inputSuffix","menuArrow":"wds_1_143_1_InputWithTags__menuArrow","statusIndicator":"wds_1_143_1_InputWithTags__statusIndicator","suffixes":"wds_1_143_1_InputWithTags__suffixes","hiddenDiv":"wds_1_143_1_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_143_1_InputWithTags__hasMaxHeight","customSuffix":"wds_1_143_1_InputWithTags__customSuffix","customPrefix":"wds_1_143_1_InputWithTags__customPrefix","tagsContainer":"wds_1_143_1_InputWithTags__tagsContainer","draggedTag":"wds_1_143_1_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_143_1_InputWithTags__draggedTagPlaceholder","input":"wds_1_143_1_InputWithTags__input"};
+module.exports.classes = {"root":"wds_1_144_0_InputWithTags__root","text-medium-normal":"wds_1_144_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_144_0_InputWithTags__inputWrapper","emptyInput":"wds_1_144_0_InputWithTags__emptyInput","selectMode":"wds_1_144_0_InputWithTags__selectMode","inputSuffix":"wds_1_144_0_InputWithTags__inputSuffix","menuArrow":"wds_1_144_0_InputWithTags__menuArrow","statusIndicator":"wds_1_144_0_InputWithTags__statusIndicator","suffixes":"wds_1_144_0_InputWithTags__suffixes","hiddenDiv":"wds_1_144_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_144_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_144_0_InputWithTags__customSuffix","customPrefix":"wds_1_144_0_InputWithTags__customPrefix","tagsContainer":"wds_1_144_0_InputWithTags__tagsContainer","draggedTag":"wds_1_144_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_144_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_144_0_InputWithTags__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_MultiSelect";
+var _namespace_ = "wds_1_144_0_MultiSelect";
 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_143_1_MultiSelect__root","inputWithTags":"wds_1_143_1_MultiSelect__inputWithTags","autoSizeInput":"wds_1_143_1_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_144_0_MultiSelect__root","inputWithTags":"wds_1_144_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_144_0_MultiSelect__autoSizeInput"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_MultiSelectCheckbox";
+var _namespace_ = "wds_1_144_0_MultiSelectCheckbox";
 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_143_1_MultiSelectCheckbox__root","showPointer":"wds_1_143_1_MultiSelectCheckbox__showPointer","withSearch":"wds_1_143_1_MultiSelectCheckbox__withSearch"};
+module.exports.classes = {"root":"wds_1_144_0_MultiSelectCheckbox__root","showPointer":"wds_1_144_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_144_0_MultiSelectCheckbox__withSearch"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NavigationToast/NavigationToast.constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var prefix = 'navigation-toast';
+var dataHooks = exports.dataHooks = {
+  actionContainer: "".concat(prefix, "-action-container"),
+  text: "".concat(prefix, "-text")
+};
+//# sourceMappingURL=NavigationToast.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["prefix","dataHooks","exports","actionContainer","concat","text"],"sources":["../../../src/NavigationToast/NavigationToast.constants.ts"],"sourcesContent":["const prefix = 'navigation-toast';\n\nexport const dataHooks = {\n  actionContainer: `${prefix}-action-container`,\n  text: `${prefix}-text`,\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,kBAAkB;AAE1B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,eAAe,KAAAC,MAAA,CAAKJ,MAAM,sBAAmB;EAC7CK,IAAI,KAAAD,MAAA,CAAKJ,MAAM;AACjB,CAAU","ignoreList":[]}

package/dist/cjs/NavigationToast/NavigationToast.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _NavigationToastSt = require("./NavigationToast.st.css.js");
+var _Toast = _interopRequireDefault(require("../Toast"));
+var _TextButton = _interopRequireDefault(require("../TextButton"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useToastTimeout = require("../StatusToast/hooks/useToastTimeout");
+var _NavigationToast = require("./NavigationToast.constants");
+var _excluded = ["children", "dataHook", "prefixIcon", "onAction", "duration", "dismissible"];
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/NavigationToast/NavigationToast.tsx";
+var NavigationToast = _ref => {
+  var {
+      children,
+      dataHook,
+      prefixIcon = /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowBentUpLeft, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 13,
+          columnNumber: 16
+        }
+      }),
+      onAction,
+      duration = 0,
+      dismissible = true
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _useToastTimeout.useToastTimeout)(duration || undefined, rest.onDismiss);
+  return /*#__PURE__*/_react.default.createElement(_Toast.default, (0, _extends2.default)({
+    dataHook: dataHook,
+    className: _NavigationToastSt.classes.toast,
+    dismissible: dismissible
+  }, rest, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onAction,
+    className: (0, _NavigationToastSt.st)(_NavigationToastSt.classes.root, {
+      dismissible
+    }),
+    "data-hook": _NavigationToast.dataHooks.actionContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TextButton.default, {
+    skin: "light",
+    size: "medium",
+    weight: "normal",
+    underline: "onHover",
+    prefixIcon: prefixIcon || undefined,
+    dataHook: _NavigationToast.dataHooks.text,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 9
+    }
+  }, children)));
+};
+var _default = exports.default = NavigationToast;
+//# sourceMappingURL=NavigationToast.js.map

package/dist/cjs/NavigationToast/NavigationToast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_NavigationToastSt","_Toast","_TextButton","_wixUiIconsCommon","_useToastTimeout","_NavigationToast","_excluded","_jsxFileName","NavigationToast","_ref","children","dataHook","prefixIcon","default","createElement","ArrowBentUpLeft","__self","__source","fileName","lineNumber","columnNumber","onAction","duration","dismissible","rest","_objectWithoutProperties2","useToastTimeout","undefined","onDismiss","_extends2","className","classes","toast","onClick","st","root","dataHooks","actionContainer","skin","size","weight","underline","text","_default","exports"],"sources":["../../../src/NavigationToast/NavigationToast.tsx"],"sourcesContent":["import React from 'react';\nimport { classes, st } from './NavigationToast.st.css';\nimport { NavigationToastProps } from './NavigationToast.types';\nimport Toast from '../Toast';\nimport TextButton from '../TextButton';\nimport { ArrowBentUpLeft } from '@wix/wix-ui-icons-common';\nimport { useToastTimeout } from '../StatusToast/hooks/useToastTimeout';\nimport { dataHooks } from './NavigationToast.constants';\n\nconst NavigationToast = ({\n  children,\n  dataHook,\n  prefixIcon = <ArrowBentUpLeft />,\n  onAction,\n  duration = 0,\n  dismissible = true,\n  ...rest\n}: NavigationToastProps) => {\n  useToastTimeout(duration || undefined, rest.onDismiss);\n\n  return (\n    <Toast\n      dataHook={dataHook}\n      className={classes.toast}\n      dismissible={dismissible}\n      {...rest}\n    >\n      <div\n        onClick={onAction}\n        className={st(classes.root, {\n          dismissible,\n        })}\n        data-hook={dataHooks.actionContainer}\n      >\n        <TextButton\n          skin=\"light\"\n          size=\"medium\"\n          weight=\"normal\"\n          underline=\"onHover\"\n          prefixIcon={prefixIcon || undefined}\n          dataHook={dataHooks.text}\n        >\n          {children}\n        </TextButton>\n      </div>\n    </Toast>\n  );\n};\n\nexport default NavigationToast;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAAwD,IAAAO,SAAA;AAAA,IAAAC,YAAA;AAExD,IAAMC,eAAe,GAAGC,IAAA,IAQI;EAAA,IARH;MACvBC,QAAQ;MACRC,QAAQ;MACRC,UAAU,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAY,eAAe;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAX,YAAA;UAAAY,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAChCC,QAAQ;MACRC,QAAQ,GAAG,CAAC;MACZC,WAAW,GAAG;IAEM,CAAC,GAAAd,IAAA;IADlBe,IAAI,OAAAC,yBAAA,CAAAZ,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EAEP,IAAAoB,gCAAe,EAACJ,QAAQ,IAAIK,SAAS,EAAEH,IAAI,CAACI,SAAS,CAAC;EAEtD,oBACE/B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAY,OAAK,MAAAgB,SAAA,CAAAhB,OAAA;IACJF,QAAQ,EAAEA,QAAS;IACnBmB,SAAS,EAAEC,0BAAO,CAACC,KAAM;IACzBT,WAAW,EAAEA;EAAY,GACrBC,IAAI;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAERvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IACEmB,OAAO,EAAEZ,QAAS;IAClBS,SAAS,EAAE,IAAAI,qBAAE,EAACH,0BAAO,CAACI,IAAI,EAAE;MAC1BZ;IACF,CAAC,CAAE;IACH,aAAWa,0BAAS,CAACC,eAAgB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErCvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAW,OAAU;IACTyB,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,QAAQ;IACbC,MAAM,EAAC,QAAQ;IACfC,SAAS,EAAC,SAAS;IACnB7B,UAAU,EAAEA,UAAU,IAAIe,SAAU;IACpChB,QAAQ,EAAEyB,0BAAS,CAACM,IAAK;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExBV,QACS,CACT,CACA,CAAC;AAEZ,CAAC;AAAC,IAAAiC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEaL,eAAe","ignoreList":[]}

package/dist/cjs/NavigationToast/NavigationToast.meta.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = exports.requiredProps = {
+  key: 'key',
+  children: 'children'
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = exports.testkitTests = [...sharedTests];
+var ssrTests = exports.ssrTests = [...sharedTests];
+var a11yTests = exports.a11yTests = [...sharedTests];
+//# sourceMappingURL=NavigationToast.meta.js.map

package/dist/cjs/NavigationToast/NavigationToast.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","exports","key","children","sharedTests","title","props","_objectSpread","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/NavigationToast/NavigationToast.meta.tsx"],"sourcesContent":["import { NavigationToastProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: NavigationToastProps = {\n  key: 'key',\n  children: 'children',\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as NavigationToastProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAmC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACjDE,GAAG,EAAE,KAAK;EACVC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAP,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMQ,YAAY,GAAAP,OAAA,CAAAO,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAR,OAAA,CAAAQ,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAT,OAAA,CAAAS,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+
+
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_144_0_NavigationToast";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = statesRuntime.bind(null, _namespace_);
+module.exports.style = _style_;
+module.exports.st = _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_144_0_NavigationToast__root","toast":"wds_1_144_0_NavigationToast__toast"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {"wds-space-150":"--wds-space-150","wds-space-200":"--wds-space-200"}; 
+
+
+
+

package/dist/cjs/NavigationToast/NavigationToast.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=NavigationToast.types.js.map

package/dist/cjs/NavigationToast/NavigationToast.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/NavigationToast/NavigationToast.types.ts"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport { ToastProps } from '../Toast';\nimport { IconElement } from '../common';\n\nexport type NavigationToastProps = Omit<ToastProps, 'role' | 'children'> & {\n  /** Content to display in the toast. */\n  children: ReactNode;\n  /**\n   * Custom icon displayed at the start of the toast content.\n   *\n   * @default `<Icons.ArrowBentUpLeft />`\n   */\n  prefixIcon?: IconElement | false;\n  /** Callback triggered when the toast action is performed. */\n  onAction?: MouseEventHandler<HTMLDivElement>;\n  /** Time in milliseconds before the toast dismisses automatically. When set to `0` or `null`, the toast remains indefinitely.\n   *\n   * @default 0\n   */\n  duration?: number | null;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.navigationToastDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ToastUni = require("../Toast/Toast.uni.driver");
+var _NavigationToast = require("./NavigationToast.constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var navigationToastDriverFactory = base => {
+  var getElementByHook = hook => base.$("[data-hook=\"".concat(hook, "\"]"));
+  var actionContainer = getElementByHook(_NavigationToast.dataHooks.actionContainer);
+  return _objectSpread(_objectSpread({}, (0, _ToastUni.toastDriverFactory)(base)), {}, {
+    /**
+     * Retrieves the content of the toast.
+     */
+    getContent: function () {
+      var _getContent = (0, _asyncToGenerator2.default)(function* () {
+        return actionContainer.text();
+      });
+      function getContent() {
+        return _getContent.apply(this, arguments);
+      }
+      return getContent;
+    }()
+  });
+};
+exports.navigationToastDriverFactory = navigationToastDriverFactory;
+//# sourceMappingURL=NavigationToast.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ToastUni","require","_NavigationToast","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","navigationToastDriverFactory","base","getElementByHook","hook","$","concat","actionContainer","dataHooks","toastDriverFactory","getContent","_getContent","_asyncToGenerator2","text","exports"],"sources":["../../../src/NavigationToast/NavigationToast.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { ToastUniDriver, toastDriverFactory } from '../Toast/Toast.uni.driver';\nimport { dataHooks } from './NavigationToast.constants';\n\nexport type NavigationToastUniDriver = {\n  getContent(): Promise<string>;\n} & ToastUniDriver;\n\nexport const navigationToastDriverFactory = (\n  base: UniDriver,\n): NavigationToastUniDriver => {\n  const getElementByHook = (hook: string) => base.$(`[data-hook=\"${hook}\"]`);\n  const actionContainer = getElementByHook(dataHooks.actionContainer);\n\n  return {\n    ...toastDriverFactory(base),\n\n    /**\n     * Retrieves the content of the toast.\n     */\n    getContent: async () => actionContainer.text(),\n  };\n};\n"],"mappings":";;;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAAwD,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAMjD,IAAMqB,4BAA4B,GACvCC,IAAe,IACc;EAC7B,IAAMC,gBAAgB,GAAIC,IAAY,IAAKF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,IAAI,QAAI,CAAC;EAC1E,IAAMG,eAAe,GAAGJ,gBAAgB,CAACK,0BAAS,CAACD,eAAe,CAAC;EAEnE,OAAAf,aAAA,CAAAA,aAAA,KACK,IAAAiB,4BAAkB,EAACP,IAAI,CAAC;IAE3B;AACJ;AACA;IACIQ,UAAU;MAAA,IAAAC,WAAA,OAAAC,kBAAA,CAAAf,OAAA,EAAE;QAAA,OAAYU,eAAe,CAACM,IAAI,CAAC,CAAC;MAAA;MAAA,SAA9CH,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAApB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAViB,UAAU;IAAA;EAAoC;AAElD,CAAC;AAACI,OAAA,CAAAb,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/NavigationToast/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.NavigationToastProps = void 0;
+var _NavigationToast = _interopRequireDefault(require("./NavigationToast"));
+exports.default = _NavigationToast.default;
+var _NavigationToast2 = require("./NavigationToast.types");
+exports.NavigationToastProps = _NavigationToast2.NavigationToastProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/NavigationToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationToast","_interopRequireDefault","require","exports","default","_NavigationToast2","NavigationToastProps"],"sources":["../../../src/NavigationToast/index.ts"],"sourcesContent":["export { default } from './NavigationToast';\nexport { NavigationToastProps } from './NavigationToast.types';\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4CC,OAAA,CAAAC,OAAA,GAAAJ,gBAAA,CAAAI,OAAA;AAC5C,IAAAC,iBAAA,GAAAH,OAAA;AAA+DC,OAAA,CAAAG,oBAAA,GAAAD,iBAAA,CAAAC,oBAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_NestableList";
+var _namespace_ = "wds_1_144_0_NestableList";
 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_143_1_NestableList__root","itemWrapper":"wds_1_143_1_NestableList__itemWrapper","item":"wds_1_143_1_NestableList__item","actionItem":"wds_1_143_1_NestableList__actionItem","arrowContainer":"wds_1_143_1_NestableList__arrowContainer","arrow":"wds_1_143_1_NestableList__arrow","horizontalArrow":"wds_1_143_1_NestableList__horizontalArrow","childArrow":"wds_1_143_1_NestableList__childArrow","action":"wds_1_143_1_NestableList__action"};
+module.exports.classes = {"root":"wds_1_144_0_NestableList__root","itemWrapper":"wds_1_144_0_NestableList__itemWrapper","item":"wds_1_144_0_NestableList__item","actionItem":"wds_1_144_0_NestableList__actionItem","arrowContainer":"wds_1_144_0_NestableList__arrowContainer","arrow":"wds_1_144_0_NestableList__arrow","horizontalArrow":"wds_1_144_0_NestableList__horizontalArrow","childArrow":"wds_1_144_0_NestableList__childArrow","action":"wds_1_144_0_NestableList__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableList/NestableListTheme.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_NestableListTheme";
+var _namespace_ = "wds_1_144_0_NestableListTheme";
 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_143_1_NestableListTheme__root","item":"wds_1_143_1_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_144_0_NestableListTheme__root","item":"wds_1_144_0_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableListBase/NestableListBase.js

@@ -9,7 +9,7 @@ var _DragLayer = _interopRequireDefault(require("./DragLayer"));
 var _Container = _interopRequireDefault(require("./Container"));
 var _NestableListBaseContext = require("./NestableListBaseContext");
 var _withDNDContext = _interopRequireDefault(require("./withDNDContext"));
-var _constants = require("../common/ZIndex/constants");
+var _ZIndex = require("../common/ZIndex");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/NestableListBase/NestableListBase.js";
 function replaceNegativeIndex(items, nextPosition, childrenProperty) {
   var currItems = items;
@@ -221,7 +221,7 @@ NestableListBase.defaultProps = {
   preventChangeDepth: false,
   maxDepth: Infinity,
   threshold: 30,
-  dragLayerZIndex: _constants.ZIndex.nestableListDragLayer
+  dragLayerZIndex: _ZIndex.ZIndex.nestableListDragLayer
 };
 var _default = exports.default = (0, _withDNDContext.default)(NestableListBase);
 //# sourceMappingURL=NestableListBase.js.map

package/dist/cjs/NestableListBase/NestableListBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_DragLayer","_Container","_NestableListBaseContext","_withDNDContext","_constants","_jsxFileName","replaceNegativeIndex","items","nextPosition","childrenProperty","currItems","map","nextIndex","length","getRealNextPosition","prev","next","i","NestableListBase","React","PureComponent","constructor","arguments","state","props","dragging","groupName","generateUniqueGroupId","_items","moveItem","_ref","dragItem","prevPosition","preventChangeDepth","preventItemChangeDepth","parent","getDropParent","newItems","realNextPosition","removeFromTree","addToTree","setState","dropItem","item","_this$props$onUpdate","_this$props","onUpdate","call","onDragStart","itemProps","_this$props$onDragSta","_this$props2","onDragEnd","_this$props$onDragEnd","_this$props3","UNSAFE_componentWillReceiveProps","newProps","render","renderItem","readOnly","childrenStyle","renderAction","isRenderDraggingChildren","useDragHandle","maxDepth","threshold","theme","renderPrefix","dragLayerZIndex","zIndex","default","createElement","NestableListBaseContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","treeDepth","parentPosition","topLevel","defaultProps","Infinity","ZIndex","nestableListDragLayer","_default","exports","withDNDContext"],"sources":["../../../src/NestableListBase/NestableListBase.js"],"sourcesContent":["import React from 'react';\nimport {\n  addToTree,\n  generateUniqueGroupId,\n  getDropParent,\n  removeFromTree,\n} from './utils';\n\nimport CustomDragLayer from './DragLayer';\nimport Container from './Container';\nimport { NestableListBaseContext } from './NestableListBaseContext';\n\nimport withDNDContext from './withDNDContext';\nimport { ZIndex } from '../common/ZIndex/constants';\n\nfunction replaceNegativeIndex(items, nextPosition, childrenProperty) {\n  let currItems = items;\n\n  return nextPosition.map(nextIndex => {\n    if (nextIndex !== -1) {\n      currItems = currItems[nextIndex][childrenProperty] || [];\n      return nextIndex;\n    }\n\n    return currItems.length;\n  });\n}\n\n// fixing a bug where the new path is increased in nesting\n// and the first position jumps too far by 2, and that's why it decreased by 1\n// need to check if the jump can become more severe\nfunction getRealNextPosition(prev, next) {\n  // moving up a level\n  if (prev.length < next.length) {\n    return next.map((nextIndex, i) => {\n      if (typeof prev[i] !== 'number') {\n        return nextIndex;\n      }\n      return nextIndex > prev[i] ? nextIndex - 1 : nextIndex;\n    });\n  }\n\n  return next;\n}\n\nclass NestableListBase extends React.PureComponent {\n  static defaultProps = {\n    items: [],\n    isRenderDraggingChildren: false,\n    childrenProperty: 'children',\n    childrenStyle: {},\n    renderPrefix: () => null,\n    renderAction: () => null,\n    onUpdate: () => {},\n    useDragHandle: false,\n    preventChangeDepth: false,\n    maxDepth: Infinity,\n    threshold: 30,\n    dragLayerZIndex: ZIndex.nestableListDragLayer,\n  };\n\n  // tried to use getDerivedStateFromProps but encounter an issue where the state was\n  // updated internally but props items stayed the same and it caused the new state to be\n  // overridden with the old state\n  // can be done if component is controlled but requires refactor\n  UNSAFE_componentWillReceiveProps(newProps) {\n    if (newProps.items !== this.state.items) {\n      this.setState({ items: newProps.items });\n      this._items = newProps.items;\n    }\n  }\n\n  state = {\n    items: this.props.items,\n    dragging: false,\n  };\n\n  // drag and drop between multiple nestable lists is not supported\n  // according to prevent it for now was created groupName - unique value for every nestable list\n  // somethings similar exists in SortableListBase component.\n  groupName = generateUniqueGroupId();\n\n  // FIXME: reference to latest `state.items`. This is a workaround for issue\n  // with `moveItem` where it updates `state.items` and if the update occurs\n  // multiple times before the component re-renders, the `state.items` will be\n  // be updated based on the previous state, not the latest one, which in some\n  // cases leads to item duplication or removal.\n  // This should be solved by not referring to current state by `this.state` and\n  // instead providing callback to `setState` that receives the latest state.\n  // However, due to architectural decisions this is not possible without\n  // rewriting the whole component as `moveItem` must return new position of the\n  // dragged item which is then used by the item itself to update its state.\n  _items = this.props.items;\n\n  moveItem = ({ dragItem, prevPosition, nextPosition }) => {\n    const { childrenProperty, preventChangeDepth, items } = this.props;\n\n    if (\n      dragItem.preventItemChangeDepth &&\n      nextPosition.length !== prevPosition.length\n    ) {\n      return prevPosition;\n    }\n\n    if (preventChangeDepth && nextPosition.length > 1) {\n      const parent = getDropParent(items, nextPosition, childrenProperty);\n      if (!parent) {\n        return prevPosition;\n      }\n    }\n\n    let newItems = this._items;\n\n    // the remove action might affect the next position,\n    // so update next coordinates accordingly\n    let realNextPosition = getRealNextPosition(prevPosition, nextPosition);\n\n    if (realNextPosition[realNextPosition.length - 1] === -1) {\n      realNextPosition = replaceNegativeIndex(\n        newItems,\n        realNextPosition,\n        childrenProperty,\n      );\n    }\n\n    newItems = removeFromTree(newItems, prevPosition, childrenProperty);\n    newItems = addToTree(\n      newItems,\n      dragItem,\n      realNextPosition,\n      childrenProperty,\n    );\n\n    this._items = newItems;\n    this.setState({ items: newItems });\n\n    return realNextPosition;\n  };\n\n  dropItem = item => {\n    this.props.onUpdate?.({ items: this.state.items, item });\n  };\n\n  onDragStart = itemProps => {\n    this.setState({ dragging: true });\n    this.props.onDragStart?.(itemProps);\n  };\n\n  onDragEnd = itemProps => {\n    this.setState({ dragging: false });\n    this.props.onDragEnd?.(itemProps);\n  };\n\n  render() {\n    const { items } = this.state;\n    const {\n      renderItem,\n      readOnly,\n      childrenProperty,\n      childrenStyle,\n      renderAction,\n      isRenderDraggingChildren,\n      useDragHandle,\n      maxDepth,\n      preventChangeDepth,\n      threshold,\n      theme,\n      renderPrefix,\n      dragLayerZIndex,\n      zIndex,\n    } = this.props;\n    return (\n      <NestableListBaseContext.Provider\n        value={{\n          groupName: this.groupName,\n          useDragHandle,\n          maxDepth,\n          preventChangeDepth,\n          threshold,\n          readOnly,\n          renderItem,\n          renderPrefix,\n          moveItem: this.moveItem,\n          dropItem: this.dropItem,\n          onDragStart: this.onDragStart,\n          onDragEnd: this.onDragEnd,\n        }}\n      >\n        <div>\n          <Container\n            treeDepth={1}\n            items={items}\n            renderAction={renderAction}\n            parentPosition={[]}\n            childrenProperty={childrenProperty}\n            childrenStyle={childrenStyle}\n            isRenderDraggingChildren={isRenderDraggingChildren}\n            topLevel\n            theme={theme}\n          />\n          {this.state.dragging && (\n            <CustomDragLayer\n              isRenderDraggingChildren={isRenderDraggingChildren}\n              renderItem={renderItem}\n              childrenProperty={childrenProperty}\n              childrenStyle={childrenStyle}\n              theme={theme}\n              dragLayerZIndex={zIndex ?? dragLayerZIndex}\n            />\n          )}\n        </div>\n      </NestableListBaseContext.Provider>\n    );\n  }\n}\n\nexport default withDNDContext(NestableListBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_DragLayer","_Container","_NestableListBaseContext","_withDNDContext","_ZIndex","_jsxFileName","replaceNegativeIndex","items","nextPosition","childrenProperty","currItems","map","nextIndex","length","getRealNextPosition","prev","next","i","NestableListBase","React","PureComponent","constructor","arguments","state","props","dragging","groupName","generateUniqueGroupId","_items","moveItem","_ref","dragItem","prevPosition","preventChangeDepth","preventItemChangeDepth","parent","getDropParent","newItems","realNextPosition","removeFromTree","addToTree","setState","dropItem","item","_this$props$onUpdate","_this$props","onUpdate","call","onDragStart","itemProps","_this$props$onDragSta","_this$props2","onDragEnd","_this$props$onDragEnd","_this$props3","UNSAFE_componentWillReceiveProps","newProps","render","renderItem","readOnly","childrenStyle","renderAction","isRenderDraggingChildren","useDragHandle","maxDepth","threshold","theme","renderPrefix","dragLayerZIndex","zIndex","default","createElement","NestableListBaseContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","treeDepth","parentPosition","topLevel","defaultProps","Infinity","ZIndex","nestableListDragLayer","_default","exports","withDNDContext"],"sources":["../../../src/NestableListBase/NestableListBase.js"],"sourcesContent":["import React from 'react';\nimport {\n  addToTree,\n  generateUniqueGroupId,\n  getDropParent,\n  removeFromTree,\n} from './utils';\n\nimport CustomDragLayer from './DragLayer';\nimport Container from './Container';\nimport { NestableListBaseContext } from './NestableListBaseContext';\n\nimport withDNDContext from './withDNDContext';\nimport { ZIndex } from '../common/ZIndex';\n\nfunction replaceNegativeIndex(items, nextPosition, childrenProperty) {\n  let currItems = items;\n\n  return nextPosition.map(nextIndex => {\n    if (nextIndex !== -1) {\n      currItems = currItems[nextIndex][childrenProperty] || [];\n      return nextIndex;\n    }\n\n    return currItems.length;\n  });\n}\n\n// fixing a bug where the new path is increased in nesting\n// and the first position jumps too far by 2, and that's why it decreased by 1\n// need to check if the jump can become more severe\nfunction getRealNextPosition(prev, next) {\n  // moving up a level\n  if (prev.length < next.length) {\n    return next.map((nextIndex, i) => {\n      if (typeof prev[i] !== 'number') {\n        return nextIndex;\n      }\n      return nextIndex > prev[i] ? nextIndex - 1 : nextIndex;\n    });\n  }\n\n  return next;\n}\n\nclass NestableListBase extends React.PureComponent {\n  static defaultProps = {\n    items: [],\n    isRenderDraggingChildren: false,\n    childrenProperty: 'children',\n    childrenStyle: {},\n    renderPrefix: () => null,\n    renderAction: () => null,\n    onUpdate: () => {},\n    useDragHandle: false,\n    preventChangeDepth: false,\n    maxDepth: Infinity,\n    threshold: 30,\n    dragLayerZIndex: ZIndex.nestableListDragLayer,\n  };\n\n  // tried to use getDerivedStateFromProps but encounter an issue where the state was\n  // updated internally but props items stayed the same and it caused the new state to be\n  // overridden with the old state\n  // can be done if component is controlled but requires refactor\n  UNSAFE_componentWillReceiveProps(newProps) {\n    if (newProps.items !== this.state.items) {\n      this.setState({ items: newProps.items });\n      this._items = newProps.items;\n    }\n  }\n\n  state = {\n    items: this.props.items,\n    dragging: false,\n  };\n\n  // drag and drop between multiple nestable lists is not supported\n  // according to prevent it for now was created groupName - unique value for every nestable list\n  // somethings similar exists in SortableListBase component.\n  groupName = generateUniqueGroupId();\n\n  // FIXME: reference to latest `state.items`. This is a workaround for issue\n  // with `moveItem` where it updates `state.items` and if the update occurs\n  // multiple times before the component re-renders, the `state.items` will be\n  // be updated based on the previous state, not the latest one, which in some\n  // cases leads to item duplication or removal.\n  // This should be solved by not referring to current state by `this.state` and\n  // instead providing callback to `setState` that receives the latest state.\n  // However, due to architectural decisions this is not possible without\n  // rewriting the whole component as `moveItem` must return new position of the\n  // dragged item which is then used by the item itself to update its state.\n  _items = this.props.items;\n\n  moveItem = ({ dragItem, prevPosition, nextPosition }) => {\n    const { childrenProperty, preventChangeDepth, items } = this.props;\n\n    if (\n      dragItem.preventItemChangeDepth &&\n      nextPosition.length !== prevPosition.length\n    ) {\n      return prevPosition;\n    }\n\n    if (preventChangeDepth && nextPosition.length > 1) {\n      const parent = getDropParent(items, nextPosition, childrenProperty);\n      if (!parent) {\n        return prevPosition;\n      }\n    }\n\n    let newItems = this._items;\n\n    // the remove action might affect the next position,\n    // so update next coordinates accordingly\n    let realNextPosition = getRealNextPosition(prevPosition, nextPosition);\n\n    if (realNextPosition[realNextPosition.length - 1] === -1) {\n      realNextPosition = replaceNegativeIndex(\n        newItems,\n        realNextPosition,\n        childrenProperty,\n      );\n    }\n\n    newItems = removeFromTree(newItems, prevPosition, childrenProperty);\n    newItems = addToTree(\n      newItems,\n      dragItem,\n      realNextPosition,\n      childrenProperty,\n    );\n\n    this._items = newItems;\n    this.setState({ items: newItems });\n\n    return realNextPosition;\n  };\n\n  dropItem = item => {\n    this.props.onUpdate?.({ items: this.state.items, item });\n  };\n\n  onDragStart = itemProps => {\n    this.setState({ dragging: true });\n    this.props.onDragStart?.(itemProps);\n  };\n\n  onDragEnd = itemProps => {\n    this.setState({ dragging: false });\n    this.props.onDragEnd?.(itemProps);\n  };\n\n  render() {\n    const { items } = this.state;\n    const {\n      renderItem,\n      readOnly,\n      childrenProperty,\n      childrenStyle,\n      renderAction,\n      isRenderDraggingChildren,\n      useDragHandle,\n      maxDepth,\n      preventChangeDepth,\n      threshold,\n      theme,\n      renderPrefix,\n      dragLayerZIndex,\n      zIndex,\n    } = this.props;\n    return (\n      <NestableListBaseContext.Provider\n        value={{\n          groupName: this.groupName,\n          useDragHandle,\n          maxDepth,\n          preventChangeDepth,\n          threshold,\n          readOnly,\n          renderItem,\n          renderPrefix,\n          moveItem: this.moveItem,\n          dropItem: this.dropItem,\n          onDragStart: this.onDragStart,\n          onDragEnd: this.onDragEnd,\n        }}\n      >\n        <div>\n          <Container\n            treeDepth={1}\n            items={items}\n            renderAction={renderAction}\n            parentPosition={[]}\n            childrenProperty={childrenProperty}\n            childrenStyle={childrenStyle}\n            isRenderDraggingChildren={isRenderDraggingChildren}\n            topLevel\n            theme={theme}\n          />\n          {this.state.dragging && (\n            <CustomDragLayer\n              isRenderDraggingChildren={isRenderDraggingChildren}\n              renderItem={renderItem}\n              childrenProperty={childrenProperty}\n              childrenStyle={childrenStyle}\n              theme={theme}\n              dragLayerZIndex={zIndex ?? dragLayerZIndex}\n            />\n          )}\n        </div>\n      </NestableListBaseContext.Provider>\n    );\n  }\n}\n\nexport default withDNDContext(NestableListBase);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 
 require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/z-index.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_143_1_Notification";
+var _namespace_ = "wds_1_144_0_Notification";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_Notification__root","animatorContent":"wds_1_143_1_Notification__animatorContent","wrapper":"wds_1_143_1_Notification__wrapper","notification":"wds_1_143_1_Notification__notification","animator":"wds_1_143_1_Notification__animator","labelWrapper":"wds_1_143_1_Notification__labelWrapper","label":"wds_1_143_1_Notification__label","button":"wds_1_143_1_Notification__button","textLink":"wds_1_143_1_Notification__textLink","iconStyling":"wds_1_143_1_Notification__iconStyling","closeButton":"wds_1_143_1_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_144_0_Notification__root","animatorContent":"wds_1_144_0_Notification__animatorContent","wrapper":"wds_1_144_0_Notification__wrapper","notification":"wds_1_144_0_Notification__notification","animator":"wds_1_144_0_Notification__animator","labelWrapper":"wds_1_144_0_Notification__labelWrapper","label":"wds_1_144_0_Notification__label","button":"wds_1_144_0_Notification__button","textLink":"wds_1_144_0_Notification__textLink","iconStyling":"wds_1_144_0_Notification__iconStyling","closeButton":"wds_1_144_0_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1,11 +1,12 @@
 
 
 require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/z-index.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_143_1_Page";
+var _namespace_ = "wds_1_144_0_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_Page__root","page":"wds_1_143_1_Page__page","scrollableContainer":"wds_1_143_1_Page__scrollableContainer","pageHeaderContainer":"wds_1_143_1_Page__pageHeaderContainer","headerWrapper":"wds_1_143_1_Page__headerWrapper","tail":"wds_1_143_1_Page__tail","contentContainer":"wds_1_143_1_Page__contentContainer","imageBackgroundContainer":"wds_1_143_1_Page__imageBackgroundContainer","imageBackground":"wds_1_143_1_Page__imageBackground","gradientBackground":"wds_1_143_1_Page__gradientBackground","contentHorizontalLayout":"wds_1_143_1_Page__contentHorizontalLayout","contentFloating":"wds_1_143_1_Page__contentFloating","horizontalScroll":"wds_1_143_1_Page__horizontalScroll","sticky":"wds_1_143_1_Page__sticky","stretchVertically":"wds_1_143_1_Page__stretchVertically","fixedFooter":"wds_1_143_1_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_143_1_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_144_0_Page__root","page":"wds_1_144_0_Page__page","scrollableContainer":"wds_1_144_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_144_0_Page__pageHeaderContainer","headerWrapper":"wds_1_144_0_Page__headerWrapper","tail":"wds_1_144_0_Page__tail","contentContainer":"wds_1_144_0_Page__contentContainer","imageBackgroundContainer":"wds_1_144_0_Page__imageBackgroundContainer","imageBackground":"wds_1_144_0_Page__imageBackground","gradientBackground":"wds_1_144_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_144_0_Page__contentHorizontalLayout","contentFloating":"wds_1_144_0_Page__contentFloating","horizontalScroll":"wds_1_144_0_Page__horizontalScroll","sticky":"wds_1_144_0_Page__sticky","stretchVertically":"wds_1_144_0_Page__stretchVertically","fixedFooter":"wds_1_144_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_144_0_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"var(--wds-page-header-padding-horizontal, 48px)","headerBottomPadding":"var(--wds-page-header-padding-vertical, 24px)","imageContainerOffset":"30px","pageBottomPadding":"var(--wds-space-800, 48px)","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperBottomPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperWithTailBottomPadding":"var(--wds-space-200, 12px)","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_143_1_Page-minimizationTop"}; 
+module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_144_0_Page-minimizationTop"}; 
 
 
 

package/dist/cjs/Page/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_1_PageFooter";
+var _namespace_ = "wds_1_144_0_PageFooter";
 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_143_1_PageFooter__root","container":"wds_1_143_1_PageFooter__container","divider":"wds_1_143_1_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_144_0_PageFooter__root","container":"wds_1_144_0_PageFooter__container","divider":"wds_1_144_0_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_143_1_Center";
+var _namespace_ = "wds_1_144_0_Center";
 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_143_1_Center__root","center":"wds_1_143_1_Center__center"};
+module.exports.classes = {"root":"wds_1_144_0_Center__root","center":"wds_1_144_0_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/End/End.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_143_1_End";
+var _namespace_ = "wds_1_144_0_End";
 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_143_1_End__root","end":"wds_1_143_1_End__end"};
+module.exports.classes = {"root":"wds_1_144_0_End__root","end":"wds_1_144_0_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_143_1_Start";
+var _namespace_ = "wds_1_144_0_Start";
 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_143_1_Start__root","start":"wds_1_143_1_Start__start"};
+module.exports.classes = {"root":"wds_1_144_0_Start__root","start":"wds_1_144_0_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};