@wix/design-system 1.145.0 → 1.146.0

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_Page";
+var _namespace_ = "wds_1_146_0_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var 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"};
-export var keyframes = {"entrance":"wds_1_145_0_Page__entrance"}; 
+export var classes = {"root":"wds_1_146_0_Page__root","page":"wds_1_146_0_Page__page","scrollableContainer":"wds_1_146_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_146_0_Page__pageHeaderContainer","headerWrapper":"wds_1_146_0_Page__headerWrapper","tail":"wds_1_146_0_Page__tail","contentContainer":"wds_1_146_0_Page__contentContainer","imageBackgroundContainer":"wds_1_146_0_Page__imageBackgroundContainer","imageBackground":"wds_1_146_0_Page__imageBackground","gradientBackground":"wds_1_146_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_146_0_Page__contentHorizontalLayout","contentFloating":"wds_1_146_0_Page__contentFloating","horizontalScroll":"wds_1_146_0_Page__horizontalScroll","sticky":"wds_1_146_0_Page__sticky","stretchVertically":"wds_1_146_0_Page__stretchVertically","fixedFooter":"wds_1_146_0_Page__fixedFooter"};
+export var keyframes = {"entrance":"wds_1_146_0_Page__entrance"}; 
 export var layers = {};
 export var containers = {};
 export var 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"}; 
-export var 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"}; 
+export var 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_0_Page-minimizationTop"}; 
 
 
 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_PageFooter";
+var _namespace_ = "wds_1_146_0_PageFooter";
 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_145_0_PageFooter__root","container":"wds_1_145_0_PageFooter__container","divider":"wds_1_145_0_PageFooter__divider"};
+export var classes = {"root":"wds_1_146_0_PageFooter__root","container":"wds_1_146_0_PageFooter__container","divider":"wds_1_146_0_PageFooter__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../../stylable-esm-run
 
 
 
-var _namespace_ = "wds_1_145_0_Center";
+var _namespace_ = "wds_1_146_0_Center";
 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_145_0_Center__root","center":"wds_1_145_0_Center__center"};
+export var classes = {"root":"wds_1_146_0_Center__root","center":"wds_1_146_0_Center__center"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../../stylable-esm-run
 
 
 
-var _namespace_ = "wds_1_145_0_End";
+var _namespace_ = "wds_1_146_0_End";
 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_145_0_End__root","end":"wds_1_145_0_End__end"};
+export var classes = {"root":"wds_1_146_0_End__root","end":"wds_1_146_0_End__end"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../../stylable-esm-run
 
 
 
-var _namespace_ = "wds_1_145_0_Start";
+var _namespace_ = "wds_1_146_0_Start";
 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_145_0_Start__root","start":"wds_1_145_0_Start__start"};
+export var classes = {"root":"wds_1_146_0_Start__root","start":"wds_1_146_0_Start__start"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_Header";
+var _namespace_ = "wds_1_146_0_Header";
 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_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"};
+export var classes = {"root":"wds_1_146_0_Header__root","header":"wds_1_146_0_Header__header","breadcrumbsContainer":"wds_1_146_0_Header__breadcrumbsContainer","titleContainer":"wds_1_146_0_Header__titleContainer","titleBackButton":"wds_1_146_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_146_0_Header__titleBackButtonIcon","titleColumn":"wds_1_146_0_Header__titleColumn","title":"wds_1_146_0_Header__title","actionsBar":"wds_1_146_0_Header__actionsBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_PageSection";
+var _namespace_ = "wds_1_146_0_PageSection";
 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_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"};
+export var classes = {"root":"wds_1_146_0_PageSection__root","content":"wds_1_146_0_PageSection__content","titleColumn":"wds_1_146_0_PageSection__titleColumn","actionsBar":"wds_1_146_0_PageSection__actionsBar","divider":"wds_1_146_0_PageSection__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_BMPageContainer";
+var _namespace_ = "wds_1_146_0_BMPageContainer";
 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_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"};
+export var classes = {"root":"wds_1_146_0_BMPageContainer__root","header":"wds_1_146_0_BMPageContainer__header","body":"wds_1_146_0_BMPageContainer__body","sideBar":"wds_1_146_0_BMPageContainer__sideBar","sideBarContent":"wds_1_146_0_BMPageContainer__sideBarContent","rightSide":"wds_1_146_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_146_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_146_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_146_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_146_0_BMPageContainer__withLoadingIndicatorContainer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_PageStory";
+var _namespace_ = "wds_1_146_0_PageStory";
 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_145_0_PageStory__root","backgroundGradient":"wds_1_145_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_145_0_PageStory__backgroundGradientDark"};
+export var classes = {"root":"wds_1_146_0_PageStory__root","backgroundGradient":"wds_1_146_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_146_0_PageStory__backgroundGradientDark"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_testExamples";
+var _namespace_ = "wds_1_146_0_testExamples";
 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_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"};
+export var classes = {"root":"wds_1_146_0_testExamples__root","defaultScrollBar":"wds_1_146_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_146_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_146_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_146_0_testExamples__backgroundGradient"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_Pagination";
+var _namespace_ = "wds_1_146_0_Pagination";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var 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"};
+export var classes = {"root":"wds_1_146_0_Pagination__root","text-small-thin":"wds_1_146_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_146_0_Pagination__button-common-mixin","pagination":"wds_1_146_0_Pagination__pagination","arrow":"wds_1_146_0_Pagination__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_PaginationCore";
+var _namespace_ = "wds_1_146_0_PaginationCore";
 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_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"};
+export var classes = {"root":"wds_1_146_0_PaginationCore__root","button-common-mixin":"wds_1_146_0_PaginationCore__button-common-mixin","navButton":"wds_1_146_0_PaginationCore__navButton","emptyButton":"wds_1_146_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_146_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_146_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_146_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_146_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_146_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_146_0_PaginationCore__navButtonLast","pageStrip":"wds_1_146_0_PaginationCore__pageStrip","pageStripInner":"wds_1_146_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_146_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_146_0_PaginationCore__pageButton","currentPage":"wds_1_146_0_PaginationCore__currentPage","gap":"wds_1_146_0_PaginationCore__gap","pageForm":"wds_1_146_0_PaginationCore__pageForm","compact":"wds_1_146_0_PaginationCore__compact wds_1_146_0_PaginationCore__pageForm","pageInput":"wds_1_146_0_PaginationCore__pageInput","totalPages":"wds_1_146_0_PaginationCore__totalPages","slash":"wds_1_146_0_PaginationCore__slash"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_PaginationCoreTest";
+var _namespace_ = "wds_1_146_0_PaginationCoreTest";
 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_145_0_PaginationCoreTest__root","button-common-mixin":"wds_1_145_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_145_0_PaginationCoreTest__disabled"};
+export var classes = {"root":"wds_1_146_0_PaginationCoreTest__root","button-common-mixin":"wds_1_146_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_146_0_PaginationCoreTest__disabled"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_Palette";
+var _namespace_ = "wds_1_146_0_Palette";
 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_145_0_Palette__root","fillPreview":"wds_1_145_0_Palette__fillPreview"};
+export var classes = {"root":"wds_1_146_0_Palette__root","fillPreview":"wds_1_146_0_Palette__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_Popover";
+var _namespace_ = "wds_1_146_0_Popover";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var 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"};
+export var classes = {"root":"wds_1_146_0_Popover__root","content":"wds_1_146_0_Popover__content","arrow":"wds_1_146_0_Popover__arrow","element":"wds_1_146_0_Popover__element","animationEnter":"wds_1_146_0_Popover__animationEnter","animationEnterActive":"wds_1_146_0_Popover__animationEnterActive","animationExit":"wds_1_146_0_Popover__animationExit","animationExitActive":"wds_1_146_0_Popover__animationExitActive"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_PopoverMenu";
+var _namespace_ = "wds_1_146_0_PopoverMenu";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_145_0_PopoverMenu__root","listItem":"wds_1_145_0_PopoverMenu__listItem"};
+export var classes = {"root":"wds_1_146_0_PopoverMenu__root","listItem":"wds_1_146_0_PopoverMenu__listItem"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/PopoverNext/PopoverNext.js

@@ -9,7 +9,7 @@ import { usePopover } from './hooks/usePopover';
 import { PopoverNextContext } from './PopoverNext.context';
 import { st, classes } from './PopoverNext.st.css.js';
 import { APPEND_TO } from './PopoverNext.constants';
-function PopoverNext({ children, appendTo, dataHook, ...restOptions }) {
+function PopoverNext({ children, appendTo, dataHook, className, onMouseEnter, onMouseLeave, ...restOptions }) {
     const [portalRoot, setPortalRoot] = useState(null);
     const rootRef = useRef(null);
     const popover = usePopover({ ...restOptions, appendTo, dataHook });
@@ -26,7 +26,7 @@ function PopoverNext({ children, appendTo, dataHook, ...restOptions }) {
         }
     }, [appendTo]);
     return (React.createElement(PopoverNextContext.Provider, { value: { ...popover, portalRoot } },
-        React.createElement("div", { ref: rootRef, "data-hook": dataHook, className: st(classes.root) }, children)));
+        React.createElement("div", { "data-popover-root": true, ref: rootRef, "data-hook": dataHook, className: st(classes.root, className), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children)));
 }
 PopoverNext.Trigger = Trigger;
 PopoverNext.Content = Content;

package/dist/esm/PopoverNext/PopoverNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverNext.js","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,gDAAgD;AAChD,gDAAgD;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,SAAS,WAAW,CAAC,EACnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACG;IACjB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,GAAG,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnE,2CAA2C;IAC3C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;YACzD,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,YAAY,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YAClE,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAChD,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE;QAC5D,6BAAK,GAAG,EAAE,OAAO,eAAa,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAChE,QAAQ,CACL,CACsB,CAC/B,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAE9B,eAAe,WAAW,CAAC"}
+{"version":3,"file":"PopoverNext.js","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,gDAAgD;AAChD,gDAAgD;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,SAAS,WAAW,CAAC,EACnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,GAAG,WAAW,EACG;IACjB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,GAAG,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnE,2CAA2C;IAC3C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;YACzD,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,YAAY,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YAClE,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAChD,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE;QAC5D,wDAEE,GAAG,EAAE,OAAO,eACD,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,IAEzB,QAAQ,CACL,CACsB,CAC/B,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAE9B,eAAe,WAAW,CAAC"}

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_145_0_PopoverNext";
+var _namespace_ = "wds_1_146_0_PopoverNext";
 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_145_0_PopoverNext__root"};
+export var classes = {"root":"wds_1_146_0_PopoverNext__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/PopoverNext/PopoverNext.story.js

@@ -3,6 +3,7 @@ import Box from '../Box';
 import PopoverNext from './PopoverNext';
 import DatePickerNext from './components/DatePickerNext/DatePickerNext';
 import DatePicker from '../DatePicker';
+import { Popover } from '..';
 export default {
     title: 'PopoverNext',
     component: PopoverNext,
@@ -39,28 +40,51 @@ const Template = () => {
             React.createElement(PopoverNext.Content, null,
                 React.createElement(Box, { padding: "10px" }, "Content")))));
 };
+const ComparisionTemplate = () => {
+    const common = {
+        dynamicWidth: true,
+        // minWidth: 300,
+        // minWidth: 300,
+        maxWidth: 300,
+    };
+    const content = 'VEry super long content oh so long';
+    const random = (React.createElement("div", { style: { minWidth: '400px', height: '10px', background: 'red' } }));
+    return (React.createElement(Box, { gap: 15, padding: 50, direction: "vertical", align: "center" },
+        React.createElement(PopoverNext, { open: true, ...common },
+            React.createElement(PopoverNext.Trigger, null,
+                React.createElement("button", null, "Native button with next")),
+            React.createElement(PopoverNext.Content, null,
+                content,
+                random)),
+        React.createElement(Popover, { shown: true, ...common },
+            React.createElement(Popover.Element, null,
+                React.createElement("button", null, "Native button with old")),
+            React.createElement(Popover.Content, null,
+                content,
+                random))));
+};
 const commonDatePickerProps = {
     onChange: () => { },
-    width: 500, // check if changing width should affect the popover
-    // zIndex: -1,
+    width: 200,
+    rtl: false, // popvoer should be placed on the right
     popoverProps: {
-    // appendTo: 'parent',
-    // dynamicWidth: true,
-    // excludeClass: 'excludeClass',
-    // flip: true,
-    // fixed: false,
-    // hideDelay: 0,
-    // moveArrowTo: 0,
-    // moveBy: { x: 0, y: 0 },
-    // onMouseEnter: () => {},
-    // onMouseLeave: () => {},
-    // placement: 'top',
-    // showDelay: 0,
-    // timeout: 0,
-    // maxWidth: 0,
-    // minWidth: 0,
-    // width: 0,
-    // zIndex: 0,
+        appendTo: 'parent',
+        dynamicWidth: true,
+        // excludeClass: 'excludeClass',
+        // flip: true,
+        // fixed: false,
+        // hideDelay: 0,
+        // moveArrowTo: 0,
+        // moveBy: { x: 0, y: 0 },
+        // onMouseEnter: () => {},
+        // onMouseLeave: () => {},
+        // placement: 'top',
+        // showDelay: 0,
+        // timeout: 0,
+        // maxWidth: 0,
+        // minWidth: 0,
+        width: undefined,
+        zIndex: 1000,
     },
 };
 // TODO: remove once DatePicker is refactored to use PopoverNext
@@ -70,6 +94,8 @@ const DatePickersTemplate = () => (React.createElement(Box, { gap: 2, paddingTop
 const ScrollableTemplate = () => (React.createElement(ScrollableContent, { ...commonProps, appendTo: "window" }));
 export const Basic = Template.bind({});
 Basic.args = {};
+export const Comparision = ComparisionTemplate.bind({});
+Comparision.args = {};
 export const DatePickers = DatePickersTemplate.bind({});
 DatePickers.args = {};
 export const Scrollable = ScrollableTemplate.bind({});

package/dist/esm/PopoverNext/PopoverNext.story.js.map

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

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

@@ -1,11 +1,16 @@
 import { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';
 export const popoverNextDriverFactory = (base, body) => {
+    const getRoot = async () => {
+        const isBaseRoot = !!(await base.attr('data-popover-root'));
+        return isBaseRoot ? base : await base.$('[data-popover-root]');
+    };
+    const getRootDataHook = async () => (await getRoot()).attr('data-hook');
     const getTrigger = async () => {
-        const dataHook = await base.attr('data-hook');
+        const dataHook = await getRootDataHook();
         return getByHook(body, `${dataHook}-trigger`);
     };
     const getContent = async () => {
-        const dataHook = await base.attr('data-hook');
+        const dataHook = await getRootDataHook();
         return getByHook(body, `${dataHook}-content`);
     };
     return {
@@ -52,6 +57,22 @@ export const popoverNextDriverFactory = (base, body) => {
          * @returns {Promise<void>}
          */
         clickOutside: async () => body.click(),
+        /**
+         * Triggers a mouseEnter event
+         * @returns {Promise<void>}
+         */
+        mouseEnter: async () => {
+            const root = await getRoot();
+            return root.hover();
+        },
+        /**
+         * Triggers a mouseLeave event
+         * @returns {Promise<void>}
+         */
+        mouseLeave: async () => {
+            const root = await getRoot();
+            return root.mouse.leave();
+        },
     };
 };
 //# sourceMappingURL=PopoverNext.uni.driver.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverNext.uni.driver.js","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAShF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,IAAe,EACf,IAAe,EACO,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9C,OAAO,SAAS,CAAC,IAAI,EAAE,GAAG,QAAQ,UAAU,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9C,OAAO,SAAS,CAAC,IAAI,EAAE,GAAG,QAAQ,UAAU,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;;WAGG;QACH,aAAa,EAAE,KAAK,IAAI,EAAE;YACxB,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;gBACnC,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;YAC1B,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;QAED;;;WAGG;QACH,gBAAgB,EAAE,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;gBACnC,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;YAC3C,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;QAED;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE;YACvB,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;gBACnC,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;QACZ,CAAC;QACD;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;KACvC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PopoverNext.uni.driver.js","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAWhF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,IAAe,EACf,IAAe,EACO,EAAE;IACxB,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC5D,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAExE,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,QAAQ,GAAG,MAAM,eAAe,EAAE,CAAC;QACzC,OAAO,SAAS,CAAC,IAAI,EAAE,GAAG,QAAQ,UAAU,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,QAAQ,GAAG,MAAM,eAAe,EAAE,CAAC;QACzC,OAAO,SAAS,CAAC,IAAI,EAAE,GAAG,QAAQ,UAAU,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;;WAGG;QACH,aAAa,EAAE,KAAK,IAAI,EAAE;YACxB,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;gBACnC,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;YAC1B,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;QAED;;;WAGG;QACH,gBAAgB,EAAE,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;gBACnC,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;YAC3C,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;QAED;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE;YACvB,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC;gBACnC,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;QACZ,CAAC;QACD;;;WAGG;QACH,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;QAEtC;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC;QAED;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/PopoverNext/components/Content/Content.js

@@ -5,12 +5,12 @@ import { usePopoverNextContext } from '../../hooks/usePopoverNextContext';
 import { st, classes } from './Content.st.css.js';
 import { APPEND_TO } from '../../PopoverNext.constants';
 const Content = forwardRef(function Content({ style, ...props }, propRef) {
-    const { dataHook, focusManagerEnabled, context: floatingContext, appendTo, portalRoot, ...context } = usePopoverNextContext();
+    const { dataHook, focusManagerEnabled, context: floatingContext, appendTo, portalRoot, zIndex, ...context } = usePopoverNextContext();
     const ref = mergeRefs(context.refs.setFloating, propRef);
     if (!floatingContext.open)
         return null;
     const content = (React.createElement(FloatingFocusManager, { context: floatingContext, disabled: !focusManagerEnabled },
-        React.createElement("div", { ref: ref, "data-hook": `${dataHook}-content`, className: st(classes.root), style: { ...context.floatingStyles, ...style }, ...context.getFloatingProps(props) }, props.children)));
+        React.createElement("div", { ref: ref, "data-hook": `${dataHook}-content`, className: st(classes.root), style: { ...context.floatingStyles, ...style, zIndex }, ...context.getFloatingProps(props) }, props.children)));
     if (appendTo === APPEND_TO.window || appendTo === APPEND_TO.viewport) {
         return React.createElement(FloatingPortal, null, content);
     }

package/dist/esm/PopoverNext/components/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO;IAC3C,MAAM,EACJ,QAAQ,EACR,mBAAmB,EACnB,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACX,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAEzD,IAAI,CAAC,eAAe,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvC,MAAM,OAAO,GAAG,CACd,oBAAC,oBAAoB,IACnB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,mBAAmB;QAE9B,6BACE,GAAG,EAAE,GAAG,eACG,GAAG,QAAQ,UAAU,EAChC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,KAAK,EAAE,KAC1C,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAElC,KAAK,CAAC,QAAQ,CACX,CACe,CACxB,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,CAAC,MAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;QACrE,OAAO,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAC;IACpD,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,UAAU,IAAG,OAAO,CAAkB,CAAC;IACtE,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO;IAC3C,MAAM,EACJ,QAAQ,EACR,mBAAmB,EACnB,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,UAAU,EACV,MAAM,EACN,GAAG,OAAO,EACX,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAEzD,IAAI,CAAC,eAAe,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvC,MAAM,OAAO,GAAG,CACd,oBAAC,oBAAoB,IACnB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,mBAAmB;QAE9B,6BACE,GAAG,EAAE,GAAG,eACG,GAAG,QAAQ,UAAU,EAChC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAClD,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAElC,KAAK,CAAC,QAAQ,CACX,CACe,CACxB,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,CAAC,MAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;QACrE,OAAO,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAC;IACpD,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,UAAU,IAAG,OAAO,CAAkB,CAAC;IACtE,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_145_0_PopoverNextContent";
+var _namespace_ = "wds_1_146_0_PopoverNextContent";
 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_145_0_PopoverNextContent__root"};
+export var classes = {"root":"wds_1_146_0_PopoverNextContent__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/PopoverNext/components/DatePickerNext/DatePickerNext.js

@@ -13,6 +13,8 @@ import DateInput from '../../../DatePicker/DateInput';
 import Divider from '../../../Divider';
 import { PopoverCommonProps } from '../../../common/PropTypes/PopoverCommon';
 import { st, classes } from '../../../DatePicker/DatePicker.st.css.js';
+// CHANGE: using a classname that extends PopoverNext instead of Popover
+import { classes as localClasses } from './DatePickerNext.st.css.js';
 import { dataHooks, MAX_DATE } from '../../../DatePicker/constants';
 import { WixStyleReactEnvironmentContext } from '../../../WixStyleReactEnvironmentProvider/context';
 import { supportedWixlocales } from 'wix-design-systems-locale-utils';
@@ -199,7 +201,7 @@ class DatePicker extends React.PureComponent {
             onKeyDown: this._handleCalendarKeyDown,
         };
         return (React.createElement("div", { className: st(classes.root, { disableKeyboardType, disabled }, className), "data-hook": dataHook, style: { width } },
-            React.createElement(PopoverNext, { className: classes.popover, dataHook: dataHooks.datePickerPopover, onOpenChange: (_, reason) => {
+            React.createElement(PopoverNext, { className: localClasses.popoverNext, dataHook: dataHooks.datePickerPopover, onOpenChange: (_, reason) => {
                     if (reason === 'outside-press') {
                         this._closeCalendar(false);
                     }