@wix/design-system 1.145.0 → 1.146.1

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_InputWithTags";
+var _namespace_ = "wds_1_146_1_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_145_0_InputWithTags__root","text-medium-normal":"wds_1_145_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_145_0_InputWithTags__inputWrapper","emptyInput":"wds_1_145_0_InputWithTags__emptyInput","selectMode":"wds_1_145_0_InputWithTags__selectMode","inputSuffix":"wds_1_145_0_InputWithTags__inputSuffix","menuArrow":"wds_1_145_0_InputWithTags__menuArrow","statusIndicator":"wds_1_145_0_InputWithTags__statusIndicator","suffixes":"wds_1_145_0_InputWithTags__suffixes","hiddenDiv":"wds_1_145_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_145_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_145_0_InputWithTags__customSuffix","customPrefix":"wds_1_145_0_InputWithTags__customPrefix","tagsContainer":"wds_1_145_0_InputWithTags__tagsContainer","draggedTag":"wds_1_145_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_145_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_145_0_InputWithTags__input"};
+module.exports.classes = {"root":"wds_1_146_1_InputWithTags__root","text-medium-normal":"wds_1_146_1_StylableTypography__text-medium-normal","inputWrapper":"wds_1_146_1_InputWithTags__inputWrapper","emptyInput":"wds_1_146_1_InputWithTags__emptyInput","selectMode":"wds_1_146_1_InputWithTags__selectMode","inputSuffix":"wds_1_146_1_InputWithTags__inputSuffix","menuArrow":"wds_1_146_1_InputWithTags__menuArrow","statusIndicator":"wds_1_146_1_InputWithTags__statusIndicator","suffixes":"wds_1_146_1_InputWithTags__suffixes","hiddenDiv":"wds_1_146_1_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_146_1_InputWithTags__hasMaxHeight","customSuffix":"wds_1_146_1_InputWithTags__customSuffix","customPrefix":"wds_1_146_1_InputWithTags__customPrefix","tagsContainer":"wds_1_146_1_InputWithTags__tagsContainer","draggedTag":"wds_1_146_1_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_146_1_InputWithTags__draggedTagPlaceholder","input":"wds_1_146_1_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_145_0_MultiSelect";
+var _namespace_ = "wds_1_146_1_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_145_0_MultiSelect__root","inputWithTags":"wds_1_145_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_145_0_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_146_1_MultiSelect__root","inputWithTags":"wds_1_146_1_MultiSelect__inputWithTags","autoSizeInput":"wds_1_146_1_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_145_0_MultiSelectCheckbox";
+var _namespace_ = "wds_1_146_1_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_145_0_MultiSelectCheckbox__root","showPointer":"wds_1_145_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_145_0_MultiSelectCheckbox__withSearch"};
+module.exports.classes = {"root":"wds_1_146_1_MultiSelectCheckbox__root","showPointer":"wds_1_146_1_MultiSelectCheckbox__showPointer","withSearch":"wds_1_146_1_MultiSelectCheckbox__withSearch"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_NavigationToast";
+var _namespace_ = "wds_1_146_1_NavigationToast";
 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_145_0_NavigationToast__root","toast":"wds_1_145_0_NavigationToast__toast"};
+module.exports.classes = {"root":"wds_1_146_1_NavigationToast__root","toast":"wds_1_146_1_NavigationToast__toast"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_NestableList";
+var _namespace_ = "wds_1_146_1_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_145_0_NestableList__root","itemWrapper":"wds_1_145_0_NestableList__itemWrapper","item":"wds_1_145_0_NestableList__item","actionItem":"wds_1_145_0_NestableList__actionItem","arrowContainer":"wds_1_145_0_NestableList__arrowContainer","arrow":"wds_1_145_0_NestableList__arrow","horizontalArrow":"wds_1_145_0_NestableList__horizontalArrow","childArrow":"wds_1_145_0_NestableList__childArrow","action":"wds_1_145_0_NestableList__action"};
+module.exports.classes = {"root":"wds_1_146_1_NestableList__root","itemWrapper":"wds_1_146_1_NestableList__itemWrapper","item":"wds_1_146_1_NestableList__item","actionItem":"wds_1_146_1_NestableList__actionItem","arrowContainer":"wds_1_146_1_NestableList__arrowContainer","arrow":"wds_1_146_1_NestableList__arrow","horizontalArrow":"wds_1_146_1_NestableList__horizontalArrow","childArrow":"wds_1_146_1_NestableList__childArrow","action":"wds_1_146_1_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_145_0_NestableListTheme";
+var _namespace_ = "wds_1_146_1_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_145_0_NestableListTheme__root","item":"wds_1_145_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_146_1_NestableListTheme__root","item":"wds_1_146_1_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Notification";
+var _namespace_ = "wds_1_146_1_Notification";
 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_145_0_Notification__root","animatorContent":"wds_1_145_0_Notification__animatorContent","wrapper":"wds_1_145_0_Notification__wrapper","notification":"wds_1_145_0_Notification__notification","animator":"wds_1_145_0_Notification__animator","labelWrapper":"wds_1_145_0_Notification__labelWrapper","label":"wds_1_145_0_Notification__label","button":"wds_1_145_0_Notification__button","textLink":"wds_1_145_0_Notification__textLink","iconStyling":"wds_1_145_0_Notification__iconStyling","closeButton":"wds_1_145_0_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_146_1_Notification__root","animatorContent":"wds_1_146_1_Notification__animatorContent","wrapper":"wds_1_146_1_Notification__wrapper","notification":"wds_1_146_1_Notification__notification","animator":"wds_1_146_1_Notification__animator","labelWrapper":"wds_1_146_1_Notification__labelWrapper","label":"wds_1_146_1_Notification__label","button":"wds_1_146_1_Notification__button","textLink":"wds_1_146_1_Notification__textLink","iconStyling":"wds_1_146_1_Notification__iconStyling","closeButton":"wds_1_146_1_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Page";
+var _namespace_ = "wds_1_146_1_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_Page__root","page":"wds_1_145_0_Page__page","scrollableContainer":"wds_1_145_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_145_0_Page__pageHeaderContainer","headerWrapper":"wds_1_145_0_Page__headerWrapper","tail":"wds_1_145_0_Page__tail","contentContainer":"wds_1_145_0_Page__contentContainer","imageBackgroundContainer":"wds_1_145_0_Page__imageBackgroundContainer","imageBackground":"wds_1_145_0_Page__imageBackground","gradientBackground":"wds_1_145_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_145_0_Page__contentHorizontalLayout","contentFloating":"wds_1_145_0_Page__contentFloating","horizontalScroll":"wds_1_145_0_Page__horizontalScroll","sticky":"wds_1_145_0_Page__sticky","stretchVertically":"wds_1_145_0_Page__stretchVertically","fixedFooter":"wds_1_145_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_145_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_146_1_Page__root","page":"wds_1_146_1_Page__page","scrollableContainer":"wds_1_146_1_Page__scrollableContainer","pageHeaderContainer":"wds_1_146_1_Page__pageHeaderContainer","headerWrapper":"wds_1_146_1_Page__headerWrapper","tail":"wds_1_146_1_Page__tail","contentContainer":"wds_1_146_1_Page__contentContainer","imageBackgroundContainer":"wds_1_146_1_Page__imageBackgroundContainer","imageBackground":"wds_1_146_1_Page__imageBackground","gradientBackground":"wds_1_146_1_Page__gradientBackground","contentHorizontalLayout":"wds_1_146_1_Page__contentHorizontalLayout","contentFloating":"wds_1_146_1_Page__contentFloating","horizontalScroll":"wds_1_146_1_Page__horizontalScroll","sticky":"wds_1_146_1_Page__sticky","stretchVertically":"wds_1_146_1_Page__stretchVertically","fixedFooter":"wds_1_146_1_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_146_1_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_145_0_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_146_1_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_145_0_PageFooter";
+var _namespace_ = "wds_1_146_1_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_145_0_PageFooter__root","container":"wds_1_145_0_PageFooter__container","divider":"wds_1_145_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_146_1_PageFooter__root","container":"wds_1_146_1_PageFooter__container","divider":"wds_1_146_1_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_145_0_Center";
+var _namespace_ = "wds_1_146_1_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_145_0_Center__root","center":"wds_1_145_0_Center__center"};
+module.exports.classes = {"root":"wds_1_146_1_Center__root","center":"wds_1_146_1_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_145_0_End";
+var _namespace_ = "wds_1_146_1_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_145_0_End__root","end":"wds_1_145_0_End__end"};
+module.exports.classes = {"root":"wds_1_146_1_End__root","end":"wds_1_146_1_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_145_0_Start";
+var _namespace_ = "wds_1_146_1_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_145_0_Start__root","start":"wds_1_145_0_Start__start"};
+module.exports.classes = {"root":"wds_1_146_1_Start__root","start":"wds_1_146_1_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_Header";
+var _namespace_ = "wds_1_146_1_Header";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_Header__root","header":"wds_1_145_0_Header__header","breadcrumbsContainer":"wds_1_145_0_Header__breadcrumbsContainer","titleContainer":"wds_1_145_0_Header__titleContainer","titleBackButton":"wds_1_145_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_145_0_Header__titleBackButtonIcon","titleColumn":"wds_1_145_0_Header__titleColumn","title":"wds_1_145_0_Header__title","actionsBar":"wds_1_145_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_146_1_Header__root","header":"wds_1_146_1_Header__header","breadcrumbsContainer":"wds_1_146_1_Header__breadcrumbsContainer","titleContainer":"wds_1_146_1_Header__titleContainer","titleBackButton":"wds_1_146_1_Header__titleBackButton","titleBackButtonIcon":"wds_1_146_1_Header__titleBackButtonIcon","titleColumn":"wds_1_146_1_Header__titleColumn","title":"wds_1_146_1_Header__title","actionsBar":"wds_1_146_1_Header__actionsBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_PageSection";
+var _namespace_ = "wds_1_146_1_PageSection";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_PageSection__root","content":"wds_1_145_0_PageSection__content","titleColumn":"wds_1_145_0_PageSection__titleColumn","actionsBar":"wds_1_145_0_PageSection__actionsBar","divider":"wds_1_145_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_146_1_PageSection__root","content":"wds_1_146_1_PageSection__content","titleColumn":"wds_1_146_1_PageSection__titleColumn","actionsBar":"wds_1_146_1_PageSection__actionsBar","divider":"wds_1_146_1_PageSection__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/BMPageContainer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_BMPageContainer";
+var _namespace_ = "wds_1_146_1_BMPageContainer";
 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_145_0_BMPageContainer__root","header":"wds_1_145_0_BMPageContainer__header","body":"wds_1_145_0_BMPageContainer__body","sideBar":"wds_1_145_0_BMPageContainer__sideBar","sideBarContent":"wds_1_145_0_BMPageContainer__sideBarContent","rightSide":"wds_1_145_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_145_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_145_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_145_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_145_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_146_1_BMPageContainer__root","header":"wds_1_146_1_BMPageContainer__header","body":"wds_1_146_1_BMPageContainer__body","sideBar":"wds_1_146_1_BMPageContainer__sideBar","sideBarContent":"wds_1_146_1_BMPageContainer__sideBarContent","rightSide":"wds_1_146_1_BMPageContainer__rightSide","mainContentContainer":"wds_1_146_1_BMPageContainer__mainContentContainer","mainContent":"wds_1_146_1_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_146_1_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_146_1_BMPageContainer__withLoadingIndicatorContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/PageStory.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_PageStory";
+var _namespace_ = "wds_1_146_1_PageStory";
 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_145_0_PageStory__root","backgroundGradient":"wds_1_145_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_145_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_146_1_PageStory__root","backgroundGradient":"wds_1_146_1_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_146_1_PageStory__backgroundGradientDark"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/testExamples.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_145_0_testExamples";
+var _namespace_ = "wds_1_146_1_testExamples";
 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_145_0_testExamples__root","defaultScrollBar":"wds_1_145_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_145_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_145_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_145_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_146_1_testExamples__root","defaultScrollBar":"wds_1_146_1_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_146_1_testExamples__pageContainer","withFixedScrollBar":"wds_1_146_1_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_146_1_testExamples__backgroundGradient"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Pagination";
+var _namespace_ = "wds_1_146_1_Pagination";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_Pagination__root","text-small-thin":"wds_1_145_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_145_0_Pagination__button-common-mixin","pagination":"wds_1_145_0_Pagination__pagination","arrow":"wds_1_145_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_146_1_Pagination__root","text-small-thin":"wds_1_146_1_StylableTypography__text-small-thin","button-common-mixin":"wds_1_146_1_Pagination__button-common-mixin","pagination":"wds_1_146_1_Pagination__pagination","arrow":"wds_1_146_1_Pagination__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_145_0_PaginationCore";
+var _namespace_ = "wds_1_146_1_PaginationCore";
 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_145_0_PaginationCore__root","button-common-mixin":"wds_1_145_0_PaginationCore__button-common-mixin","navButton":"wds_1_145_0_PaginationCore__navButton","emptyButton":"wds_1_145_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_145_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_145_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_145_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_145_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_145_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_145_0_PaginationCore__navButtonLast","pageStrip":"wds_1_145_0_PaginationCore__pageStrip","pageStripInner":"wds_1_145_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_145_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_145_0_PaginationCore__pageButton","currentPage":"wds_1_145_0_PaginationCore__currentPage","gap":"wds_1_145_0_PaginationCore__gap","pageForm":"wds_1_145_0_PaginationCore__pageForm","compact":"wds_1_145_0_PaginationCore__compact wds_1_145_0_PaginationCore__pageForm","pageInput":"wds_1_145_0_PaginationCore__pageInput","totalPages":"wds_1_145_0_PaginationCore__totalPages","slash":"wds_1_145_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_146_1_PaginationCore__root","button-common-mixin":"wds_1_146_1_PaginationCore__button-common-mixin","navButton":"wds_1_146_1_PaginationCore__navButton","emptyButton":"wds_1_146_1_PaginationCore__emptyButton","navButtonFirst":"wds_1_146_1_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_146_1_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_146_1_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_146_1_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_146_1_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_146_1_PaginationCore__navButtonLast","pageStrip":"wds_1_146_1_PaginationCore__pageStrip","pageStripInner":"wds_1_146_1_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_146_1_PaginationCore__pageStripTemplate","pageButton":"wds_1_146_1_PaginationCore__pageButton","currentPage":"wds_1_146_1_PaginationCore__currentPage","gap":"wds_1_146_1_PaginationCore__gap","pageForm":"wds_1_146_1_PaginationCore__pageForm","compact":"wds_1_146_1_PaginationCore__compact wds_1_146_1_PaginationCore__pageForm","pageInput":"wds_1_146_1_PaginationCore__pageInput","totalPages":"wds_1_146_1_PaginationCore__totalPages","slash":"wds_1_146_1_PaginationCore__slash"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_145_0_PaginationCoreTest";
+var _namespace_ = "wds_1_146_1_PaginationCoreTest";
 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_145_0_PaginationCoreTest__root","button-common-mixin":"wds_1_145_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_145_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_146_1_PaginationCoreTest__root","button-common-mixin":"wds_1_146_1_PaginationCoreTest__button-common-mixin","disabled":"wds_1_146_1_PaginationCoreTest__disabled"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Palette";
+var _namespace_ = "wds_1_146_1_Palette";
 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_145_0_Palette__root","fillPreview":"wds_1_145_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_146_1_Palette__root","fillPreview":"wds_1_146_1_Palette__fillPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_Popover";
+var _namespace_ = "wds_1_146_1_Popover";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_Popover__root","content":"wds_1_145_0_Popover__content","arrow":"wds_1_145_0_Popover__arrow","element":"wds_1_145_0_Popover__element","animationEnter":"wds_1_145_0_Popover__animationEnter","animationEnterActive":"wds_1_145_0_Popover__animationEnterActive","animationExit":"wds_1_145_0_Popover__animationExit","animationExitActive":"wds_1_145_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_146_1_Popover__root","content":"wds_1_146_1_Popover__content","arrow":"wds_1_146_1_Popover__arrow","element":"wds_1_146_1_Popover__element","animationEnter":"wds_1_146_1_Popover__animationEnter","animationEnterActive":"wds_1_146_1_Popover__animationEnterActive","animationExit":"wds_1_146_1_Popover__animationExit","animationExitActive":"wds_1_146_1_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_145_0_PopoverMenu";
+var _namespace_ = "wds_1_146_1_PopoverMenu";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_145_0_PopoverMenu__root","listItem":"wds_1_145_0_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_146_1_PopoverMenu__root","listItem":"wds_1_146_1_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/PopoverNext.js

@@ -14,7 +14,7 @@ var _usePopover = require("./hooks/usePopover");
 var _PopoverNext = require("./PopoverNext.context");
 var _PopoverNextSt = require("./PopoverNext.st.css.js");
 var _PopoverNext2 = require("./PopoverNext.constants");
-var _excluded = ["children", "appendTo", "dataHook"];
+var _excluded = ["children", "appendTo", "dataHook", "className", "onMouseEnter", "onMouseLeave"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/PopoverNext/PopoverNext.tsx"; // TODO: check if the utils should be refactored
 // if not, fix TS errors and move to this folder
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -25,7 +25,10 @@ function PopoverNext(_ref) {
   var {
       children,
       appendTo,
-      dataHook
+      dataHook,
+      className,
+      onMouseEnter,
+      onMouseLeave
     } = _ref,
     restOptions = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var [portalRoot, setPortalRoot] = (0, _react.useState)(null);
@@ -53,17 +56,20 @@ function PopoverNext(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-popover-root": true,
     ref: rootRef,
     "data-hook": dataHook,
-    className: (0, _PopoverNextSt.st)(_PopoverNextSt.classes.root),
+    className: (0, _PopoverNextSt.st)(_PopoverNextSt.classes.root, className),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 42,
       columnNumber: 7
     }
   }, children));

package/dist/cjs/PopoverNext/PopoverNext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_getAppendToElement","_Trigger","_interopRequireDefault","_Content","_usePopover","_PopoverNext","_PopoverNextSt","_PopoverNext2","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","PopoverNext","_ref","children","appendTo","dataHook","restOptions","_objectWithoutProperties2","portalRoot","setPortalRoot","useState","rootRef","useRef","popover","usePopover","useEffect","parent","getByPredicate","current","APPEND_TO","scrollParent","getScrollParent","createElement","PopoverNextContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","ref","className","st","classes","root","Trigger","Content","_default","exports"],"sources":["../../../src/PopoverNext/PopoverNext.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\n// TODO: check if the utils should be refactored\n// if not, fix TS errors and move to this folder\nimport { getScrollParent } from '../Popover/PopoverCore/utils/utils';\nimport { getByPredicate } from '../Popover/PopoverCore/utils/getAppendToElement';\nimport Trigger from './components/Trigger/Trigger';\nimport Content from './components/Content/Content';\nimport { usePopover } from './hooks/usePopover';\nimport { PopoverNextContext } from './PopoverNext.context';\nimport { PopoverNextProps } from './PopoverNext.types';\nimport { st, classes } from './PopoverNext.st.css';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nfunction PopoverNext({\n  children,\n  appendTo,\n  dataHook,\n  ...restOptions\n}: PopoverNextProps) {\n  const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const popover = usePopover({ ...restOptions, appendTo, dataHook });\n\n  // TODO: check if a rerender can be avoided\n  // https://github.com/wix-private/wix-design-systems/pull/14279#discussion_r1842099301\n  useEffect(() => {\n    if (typeof appendTo === 'function') {\n      const parent = getByPredicate(appendTo, rootRef.current);\n      setPortalRoot(parent);\n    } else if (appendTo === APPEND_TO.scrollParent && rootRef.current) {\n      const parent = getScrollParent(rootRef.current);\n      setPortalRoot(parent);\n    }\n  }, [appendTo]);\n\n  return (\n    <PopoverNextContext.Provider value={{ ...popover, portalRoot }}>\n      <div ref={rootRef} data-hook={dataHook} className={st(classes.root)}>\n        {children}\n      </div>\n    </PopoverNextContext.Provider>\n  );\n}\n\nPopoverNext.Trigger = Trigger;\nPopoverNext.Content = Content;\n\nexport default PopoverNext;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_getAppendToElement","_Trigger","_interopRequireDefault","_Content","_usePopover","_PopoverNext","_PopoverNextSt","_PopoverNext2","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","PopoverNext","_ref","children","appendTo","dataHook","className","onMouseEnter","onMouseLeave","restOptions","_objectWithoutProperties2","portalRoot","setPortalRoot","useState","rootRef","useRef","popover","usePopover","useEffect","parent","getByPredicate","current","APPEND_TO","scrollParent","getScrollParent","createElement","PopoverNextContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","ref","st","classes","root","Trigger","Content","_default","exports"],"sources":["../../../src/PopoverNext/PopoverNext.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\n// TODO: check if the utils should be refactored\n// if not, fix TS errors and move to this folder\nimport { getScrollParent } from '../Popover/PopoverCore/utils/utils';\nimport { getByPredicate } from '../Popover/PopoverCore/utils/getAppendToElement';\nimport Trigger from './components/Trigger/Trigger';\nimport Content from './components/Content/Content';\nimport { usePopover } from './hooks/usePopover';\nimport { PopoverNextContext } from './PopoverNext.context';\nimport { PopoverNextProps } from './PopoverNext.types';\nimport { st, classes } from './PopoverNext.st.css';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nfunction PopoverNext({\n  children,\n  appendTo,\n  dataHook,\n  className,\n  onMouseEnter,\n  onMouseLeave,\n  ...restOptions\n}: PopoverNextProps) {\n  const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const popover = usePopover({ ...restOptions, appendTo, dataHook });\n\n  // TODO: check if a rerender can be avoided\n  // https://github.com/wix-private/wix-design-systems/pull/14279#discussion_r1842099301\n  useEffect(() => {\n    if (typeof appendTo === 'function') {\n      const parent = getByPredicate(appendTo, rootRef.current);\n      setPortalRoot(parent);\n    } else if (appendTo === APPEND_TO.scrollParent && rootRef.current) {\n      const parent = getScrollParent(rootRef.current);\n      setPortalRoot(parent);\n    }\n  }, [appendTo]);\n\n  return (\n    <PopoverNextContext.Provider value={{ ...popover, portalRoot }}>\n      <div\n        data-popover-root\n        ref={rootRef}\n        data-hook={dataHook}\n        className={st(classes.root, className)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        {children}\n      </div>\n    </PopoverNextContext.Provider>\n  );\n}\n\nPopoverNext.Trigger = Trigger;\nPopoverNext.Content = Content;\n\nexport default PopoverNext;\n"],"mappings":"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","ignoreList":[]}

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

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