@wix/design-system 1.121.0 → 1.123.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_Loader";
+var _namespace_ = "wds_1_123_0_Loader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_Loader__root","statusIndicator":"wds_1_121_0_Loader__statusIndicator","arcsContainer":"wds_1_121_0_Loader__arcsContainer","darkArc":"wds_1_121_0_Loader__darkArc","lightArc":"wds_1_121_0_Loader__lightArc","text":"wds_1_121_0_Loader__text"};
-export var keyframes = {"rotation":"wds_1_121_0_Loader__rotation","staggered-rotation":"wds_1_121_0_Loader__staggered-rotation"}; 
+export var classes = {"root":"wds_1_123_0_Loader__root","statusIndicator":"wds_1_123_0_Loader__statusIndicator","arcsContainer":"wds_1_123_0_Loader__arcsContainer","darkArc":"wds_1_123_0_Loader__darkArc","lightArc":"wds_1_123_0_Loader__lightArc","text":"wds_1_123_0_Loader__text"};
+export var keyframes = {"rotation":"wds_1_123_0_Loader__rotation","staggered-rotation":"wds_1_123_0_Loader__staggered-rotation"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MarketingLayout";
+var _namespace_ = "wds_1_123_0_MarketingLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MarketingLayout__root","text-medium-bold":"wds_1_121_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_121_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_121_0_MarketingLayout__contentWrapper","title":"wds_1_121_0_MarketingLayout__title","description":"wds_1_121_0_MarketingLayout__description","badge":"wds_1_121_0_MarketingLayout__badge","imageWrapper":"wds_1_121_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_121_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_121_0_MarketingLayout__imageBackground"};
+export var classes = {"root":"wds_1_123_0_MarketingLayout__root","text-medium-bold":"wds_1_123_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_123_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_123_0_MarketingLayout__contentWrapper","title":"wds_1_123_0_MarketingLayout__title","description":"wds_1_123_0_MarketingLayout__description","badge":"wds_1_123_0_MarketingLayout__badge","imageWrapper":"wds_1_123_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_123_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_123_0_MarketingLayout__imageBackground"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"badgePaddingSize":"--wds_1_121_0_MarketingLayout-badgePaddingSize"}; 
+export var vars = {"badgePaddingSize":"--wds_1_123_0_MarketingLayout-badgePaddingSize"}; 
 
 
 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MarketingPageLayout";
+var _namespace_ = "wds_1_123_0_MarketingPageLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MarketingPageLayout__root","contentContainer":"wds_1_121_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_121_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_121_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_121_0_MarketingPageLayout__footerContainer"};
+export var classes = {"root":"wds_1_123_0_MarketingPageLayout__root","contentContainer":"wds_1_123_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_123_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_123_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_123_0_MarketingPageLayout__footerContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MarketingPageLayoutContent";
+var _namespace_ = "wds_1_123_0_MarketingPageLayoutContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_121_0_MarketingPageLayoutContent__overlineDividerContainer"};
+export var classes = {"root":"wds_1_123_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_123_0_MarketingPageLayoutContent__overlineDividerContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MediaOverlay";
+var _namespace_ = "wds_1_123_0_MediaOverlay";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MediaOverlay__root","overlay":"wds_1_121_0_MediaOverlay__overlay","contentRow":"wds_1_121_0_MediaOverlay__contentRow","contentArea":"wds_1_121_0_MediaOverlay__contentArea","hoverEnter":"wds_1_121_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_121_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_121_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_121_0_MediaOverlay__hoverExit"};
+export var classes = {"root":"wds_1_123_0_MediaOverlay__root","overlay":"wds_1_123_0_MediaOverlay__overlay","contentRow":"wds_1_123_0_MediaOverlay__contentRow","contentArea":"wds_1_123_0_MediaOverlay__contentArea","hoverEnter":"wds_1_123_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_123_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_123_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_123_0_MediaOverlay__hoverExit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -9,7 +9,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MessageBoxFunctionalLayout";
+var _namespace_ = "wds_1_123_0_MessageBoxFunctionalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_121_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_121_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_121_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_121_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_121_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_121_0_MessageBoxFunctionalLayout__header","heading":"wds_1_121_0_MessageBoxFunctionalLayout__heading","content":"wds_1_121_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_121_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_121_0_MessageBoxFunctionalLayout__image","footer":"wds_1_121_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_121_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_121_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_121_0_MessageBoxFunctionalLayout__controlButtons"};
+export var classes = {"root":"wds_1_123_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_123_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_123_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_123_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_123_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_123_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_123_0_MessageBoxFunctionalLayout__header","heading":"wds_1_123_0_MessageBoxFunctionalLayout__heading","content":"wds_1_123_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_123_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_123_0_MessageBoxFunctionalLayout__image","footer":"wds_1_123_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_123_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_123_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_123_0_MessageBoxFunctionalLayout__controlButtons"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MessageBoxMarketerialLayout";
+var _namespace_ = "wds_1_123_0_MessageBoxMarketerialLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MessageBoxMarketerialLayout__root","header":"wds_1_121_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_121_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_121_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_121_0_MessageBoxMarketerialLayout__title","content":"wds_1_121_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_121_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_121_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_121_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_121_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_121_0_MessageBoxMarketerialLayout__close"};
+export var classes = {"root":"wds_1_123_0_MessageBoxMarketerialLayout__root","header":"wds_1_123_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_123_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_123_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_123_0_MessageBoxMarketerialLayout__title","content":"wds_1_123_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_123_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_123_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_123_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_123_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_123_0_MessageBoxMarketerialLayout__close"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MessageModalLayout";
+var _namespace_ = "wds_1_123_0_MessageModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MessageModalLayout__root","topAreaContainer":"wds_1_121_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_121_0_MessageModalLayout__contentAreaContainer"};
+export var classes = {"root":"wds_1_123_0_MessageModalLayout__root","topAreaContainer":"wds_1_123_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_123_0_MessageModalLayout__contentAreaContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MobilePreviewWidget";
+var _namespace_ = "wds_1_123_0_MobilePreviewWidget";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_121_0_defaultscrollbar__defaultScrollBar","header":"wds_1_121_0_MobilePreviewWidget__header","camera":"wds_1_121_0_MobilePreviewWidget__camera","speaker":"wds_1_121_0_MobilePreviewWidget__speaker","content":"wds_1_121_0_MobilePreviewWidget__content","footer":"wds_1_121_0_MobilePreviewWidget__footer"};
+export var classes = {"root":"wds_1_123_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_123_0_defaultscrollbar__defaultScrollBar","header":"wds_1_123_0_MobilePreviewWidget__header","camera":"wds_1_123_0_MobilePreviewWidget__camera","speaker":"wds_1_123_0_MobilePreviewWidget__speaker","content":"wds_1_123_0_MobilePreviewWidget__content","footer":"wds_1_123_0_MobilePreviewWidget__footer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_Modal";
+var _namespace_ = "wds_1_123_0_Modal";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_Modal__root","childrenContainer":"wds_1_121_0_Modal__childrenContainer","closeButton":"wds_1_121_0_Modal__closeButton","modal":"wds_1_121_0_Modal__modal","navPrev":"wds_1_121_0_Modal__navPrev","navNext":"wds_1_121_0_Modal__navNext"};
+export var classes = {"root":"wds_1_123_0_Modal__root","childrenContainer":"wds_1_123_0_Modal__childrenContainer","closeButton":"wds_1_123_0_Modal__closeButton","modal":"wds_1_123_0_Modal__modal","navPrev":"wds_1_123_0_Modal__navPrev","navNext":"wds_1_123_0_Modal__navNext"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_ModalMobileLayout";
+var _namespace_ = "wds_1_123_0_ModalMobileLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_121_0_defaultscrollbar__defaultScrollBar","container":"wds_1_121_0_ModalMobileLayout__container","close":"wds_1_121_0_ModalMobileLayout__close","content":"wds_1_121_0_ModalMobileLayout__content"};
+export var classes = {"root":"wds_1_123_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_123_0_defaultscrollbar__defaultScrollBar","container":"wds_1_123_0_ModalMobileLayout__container","close":"wds_1_123_0_ModalMobileLayout__close","content":"wds_1_123_0_ModalMobileLayout__content"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ModalMobileLayout/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_121_0_Footer";
+var _namespace_ = "wds_1_123_0_Footer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_Footer__root"};
+export var classes = {"root":"wds_1_123_0_Footer__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_121_0_Title";
+var _namespace_ = "wds_1_123_0_Title";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_Title__root"};
+export var classes = {"root":"wds_1_123_0_Title__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_ModalPreviewLayout";
+var _namespace_ = "wds_1_123_0_ModalPreviewLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_ModalPreviewLayout__root","header":"wds_1_121_0_ModalPreviewLayout__header","title":"wds_1_121_0_ModalPreviewLayout__title","actions":"wds_1_121_0_ModalPreviewLayout__actions","closeButton":"wds_1_121_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_121_0_ModalPreviewLayout__innerOverlay","content":"wds_1_121_0_ModalPreviewLayout__content","navigationButton":"wds_1_121_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_121_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_121_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_121_0_ModalPreviewLayout__modalTooltip"};
+export var classes = {"root":"wds_1_123_0_ModalPreviewLayout__root","header":"wds_1_123_0_ModalPreviewLayout__header","title":"wds_1_123_0_ModalPreviewLayout__title","actions":"wds_1_123_0_ModalPreviewLayout__actions","closeButton":"wds_1_123_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_123_0_ModalPreviewLayout__innerOverlay","content":"wds_1_123_0_ModalPreviewLayout__content","navigationButton":"wds_1_123_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_123_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_123_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_123_0_ModalPreviewLayout__modalTooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_ModalSelectorLayout";
+var _namespace_ = "wds_1_123_0_ModalSelectorLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_ModalSelectorLayout__root","modalContent":"wds_1_121_0_ModalSelectorLayout__modalContent"};
+export var classes = {"root":"wds_1_123_0_ModalSelectorLayout__root","modalContent":"wds_1_123_0_ModalSelectorLayout__modalContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_InputWithTags";
+var _namespace_ = "wds_1_123_0_InputWithTags";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_InputWithTags__root","text-medium-normal":"wds_1_121_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_121_0_InputWithTags__inputWrapper","emptyInput":"wds_1_121_0_InputWithTags__emptyInput","selectMode":"wds_1_121_0_InputWithTags__selectMode","inputSuffix":"wds_1_121_0_InputWithTags__inputSuffix","menuArrow":"wds_1_121_0_InputWithTags__menuArrow","statusIndicator":"wds_1_121_0_InputWithTags__statusIndicator","suffixes":"wds_1_121_0_InputWithTags__suffixes","hiddenDiv":"wds_1_121_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_121_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_121_0_InputWithTags__customSuffix","customPrefix":"wds_1_121_0_InputWithTags__customPrefix","tagsContainer":"wds_1_121_0_InputWithTags__tagsContainer","draggedTag":"wds_1_121_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_121_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_121_0_InputWithTags__input"};
+export var classes = {"root":"wds_1_123_0_InputWithTags__root","text-medium-normal":"wds_1_123_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_123_0_InputWithTags__inputWrapper","emptyInput":"wds_1_123_0_InputWithTags__emptyInput","selectMode":"wds_1_123_0_InputWithTags__selectMode","inputSuffix":"wds_1_123_0_InputWithTags__inputSuffix","menuArrow":"wds_1_123_0_InputWithTags__menuArrow","statusIndicator":"wds_1_123_0_InputWithTags__statusIndicator","suffixes":"wds_1_123_0_InputWithTags__suffixes","hiddenDiv":"wds_1_123_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_123_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_123_0_InputWithTags__customSuffix","customPrefix":"wds_1_123_0_InputWithTags__customPrefix","tagsContainer":"wds_1_123_0_InputWithTags__tagsContainer","draggedTag":"wds_1_123_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_123_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_123_0_InputWithTags__input"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MultiSelect";
+var _namespace_ = "wds_1_123_0_MultiSelect";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MultiSelect__root","inputWithTags":"wds_1_121_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_121_0_MultiSelect__autoSizeInput"};
+export var classes = {"root":"wds_1_123_0_MultiSelect__root","inputWithTags":"wds_1_123_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_123_0_MultiSelect__autoSizeInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_MultiSelectCheckbox";
+var _namespace_ = "wds_1_123_0_MultiSelectCheckbox";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_MultiSelectCheckbox__root","showPointer":"wds_1_121_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_121_0_MultiSelectCheckbox__withSearch"};
+export var classes = {"root":"wds_1_123_0_MultiSelectCheckbox__root","showPointer":"wds_1_123_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_123_0_MultiSelectCheckbox__withSearch"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_NestableList";
+var _namespace_ = "wds_1_123_0_NestableList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_NestableList__root","itemWrapper":"wds_1_121_0_NestableList__itemWrapper","item":"wds_1_121_0_NestableList__item","actionItem":"wds_1_121_0_NestableList__actionItem","arrowContainer":"wds_1_121_0_NestableList__arrowContainer","arrow":"wds_1_121_0_NestableList__arrow","horizontalArrow":"wds_1_121_0_NestableList__horizontalArrow","childArrow":"wds_1_121_0_NestableList__childArrow","action":"wds_1_121_0_NestableList__action"};
+export var classes = {"root":"wds_1_123_0_NestableList__root","itemWrapper":"wds_1_123_0_NestableList__itemWrapper","item":"wds_1_123_0_NestableList__item","actionItem":"wds_1_123_0_NestableList__actionItem","arrowContainer":"wds_1_123_0_NestableList__arrowContainer","arrow":"wds_1_123_0_NestableList__arrow","horizontalArrow":"wds_1_123_0_NestableList__horizontalArrow","childArrow":"wds_1_123_0_NestableList__childArrow","action":"wds_1_123_0_NestableList__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_121_0_NestableListTheme";
+var _namespace_ = "wds_1_123_0_NestableListTheme";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_121_0_NestableListTheme__root","item":"wds_1_121_0_NestableListTheme__item"};
+export var classes = {"root":"wds_1_123_0_NestableListTheme__root","item":"wds_1_123_0_NestableListTheme__item"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/NestableListBase/NestableListBase.js

@@ -40,9 +40,19 @@ class NestableListBase extends React.PureComponent {
         // according to prevent it for now was created groupName - unique value for every nestable list
         // somethings similar exists in SortableListBase component.
         this.groupName = generateUniqueGroupId();
+        // FIXME: reference to latest `state.items`. This is a workaround for issue
+        // with `moveItem` where it updates `state.items` and if the update occurs
+        // multiple times before the component re-renders, the `state.items` will be
+        // be updated based on the previous state, not the latest one, which in some
+        // cases leads to item duplication or removal.
+        // This should be solved by not referring to current state by `this.state` and
+        // instead providing callback to `setState` that receives the latest state.
+        // However, due to architectural decisions this is not possible without
+        // rewriting the whole component as `moveItem` must return new position of the
+        // dragged item which is then used by the item itself to update its state.
+        this._items = this.props.items;
         this.moveItem = ({ dragItem, prevPosition, nextPosition }) => {
             const { childrenProperty, preventChangeDepth, items } = this.props;
-            let newItems = this.state.items.slice();
             if (dragItem.preventItemChangeDepth &&
                 nextPosition.length !== prevPosition.length) {
                 return prevPosition;
@@ -53,6 +63,7 @@ class NestableListBase extends React.PureComponent {
                     return prevPosition;
                 }
             }
+            let newItems = this._items;
             // the remove action might affect the next position,
             // so update next coordinates accordingly
             let realNextPosition = getRealNextPosition(prevPosition, nextPosition);
@@ -61,24 +72,20 @@ class NestableListBase extends React.PureComponent {
             }
             newItems = removeFromTree(newItems, prevPosition, childrenProperty);
             newItems = addToTree(newItems, dragItem, realNextPosition, childrenProperty);
+            this._items = newItems;
             this.setState({ items: newItems });
             return realNextPosition;
         };
         this.dropItem = item => {
-            this.props.onUpdate &&
-                this.props.onUpdate({ items: this.state.items, item });
+            this.props.onUpdate?.({ items: this.state.items, item });
         };
         this.onDragStart = itemProps => {
-            this.props.onDragStart && this.props.onDragStart(itemProps);
-            this.setState({
-                dragging: true,
-            });
+            this.setState({ dragging: true });
+            this.props.onDragStart?.(itemProps);
         };
         this.onDragEnd = itemProps => {
-            this.props.onDragEnd && this.props.onDragEnd(itemProps);
-            this.setState({
-                dragging: false,
-            });
+            this.setState({ dragging: false });
+            this.props.onDragEnd?.(itemProps);
         };
     }
     // tried to use getDerivedStateFromProps but encounter an issue where the state was
@@ -88,6 +95,7 @@ class NestableListBase extends React.PureComponent {
     UNSAFE_componentWillReceiveProps(newProps) {
         if (newProps.items !== this.state.items) {
             this.setState({ items: newProps.items });
+            this._items = newProps.items;
         }
     }
     render() {

package/dist/esm/NestableListBase/NestableListBase.js.map

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

package/dist/esm/NestableListBase/utils.js

@@ -30,37 +30,50 @@ export const getValuesByKey = (data, key, childrenProp) => {
     }
     return values;
 };
-// this method mutates an array
-export const removeFromTree = (items, position, childrenProperty = 'children') => {
-    const lastIndex = position.length - 1;
-    let itemsRemoveCandidate = items;
-    position.forEach((pos, index) => {
-        if (index === lastIndex) {
-            itemsRemoveCandidate.splice(pos, 1)[0]; // eslint-disable-line no-unused-expressions
-        }
-        else {
-            itemsRemoveCandidate = itemsRemoveCandidate[pos][childrenProperty];
-        }
-    });
-    return items;
+const arrayRemove = (items, index) => {
+    return [...items.slice(0, index), ...items.slice(index + 1)];
+};
+const arrayAdd = (items, index, item) => {
+    return [...items.slice(0, index), item, ...items.slice(index)];
 };
-// this methods mutates an array
-export const addToTree = (items, item, position, childrenProperty = 'children') => {
-    const lastIndex = position.length - 1;
-    let itemsAddCandidate = items;
-    position.forEach((pos, index) => {
-        if (index === lastIndex) {
-            itemsAddCandidate.splice(pos, 0, item); // eslint-disable-line no-unused-expressions
+export function removeFromTree(items, position, childrenProperty) {
+    if (position.length === 0) {
+        return items;
+    }
+    const [currentIndex, ...restPosition] = position;
+    if (restPosition.length === 0) {
+        return arrayRemove(items, currentIndex);
+    }
+    // Recursively process nested items
+    return items.map((item, index) => {
+        if (index === currentIndex) {
+            return {
+                ...item,
+                [childrenProperty]: removeFromTree(item[childrenProperty] ?? [], restPosition, childrenProperty),
+            };
         }
-        else {
-            if (itemsAddCandidate[pos] && !itemsAddCandidate[pos][childrenProperty]) {
-                itemsAddCandidate[pos][childrenProperty] = [];
-            }
-            itemsAddCandidate = itemsAddCandidate[pos][childrenProperty];
+        return item;
+    });
+}
+export function addToTree(items, item, position, childrenProperty) {
+    if (position.length === 0) {
+        return items;
+    }
+    const [currentIndex, ...restPosition] = position;
+    if (restPosition.length === 0) {
+        return arrayAdd(items, currentIndex, item);
+    }
+    // Recursively process nested items
+    return items.map((currentItem, index) => {
+        if (index === currentIndex) {
+            return {
+                ...currentItem,
+                [childrenProperty]: addToTree(currentItem[childrenProperty] ?? [], item, restPosition, childrenProperty),
+            };
         }
+        return currentItem;
     });
-    return items;
-};
+}
 export function swapItems(items, firstItem, secondItem, childProp = 'children') {
     return recursiveMap(items, item => {
         if (item.id === firstItem.id) {
@@ -152,10 +165,8 @@ export function getDropParent(items, nextPosition, childrenProperty) {
     }, items[nextPosition[0]]);
 }
 export function moveItem(items, item, currentPosition, newPosition, childrenProp = 'children') {
-    const newItems = [...items];
-    removeFromTree(newItems, currentPosition, childrenProp);
-    addToTree(newItems, item, newPosition, childrenProp);
-    return newItems;
+    items = removeFromTree(items, currentPosition, childrenProp);
+    return addToTree(items, item, newPosition, childrenProp);
 }
 export function moveItemToTheChildOfPrevSibling(items, item, childrenProp = 'children') {
     const currentPosition = getNodePosition(items, item, childrenProp);