@wix/design-system 1.193.0 → 1.195.0

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_MultiSelect";
+var _namespace_ = "wds_1_195_0_MultiSelect";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_MultiSelect__root","inputWithTags":"wds_1_193_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_193_0_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_195_0_MultiSelect__root","inputWithTags":"wds_1_195_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_195_0_MultiSelect__autoSizeInput"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_MultiSelectCheckbox";
+var _namespace_ = "wds_1_195_0_MultiSelectCheckbox";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_MultiSelectCheckbox__root","showPointer":"wds_1_193_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_193_0_MultiSelectCheckbox__withSearch"};
+module.exports.classes = {"root":"wds_1_195_0_MultiSelectCheckbox__root","showPointer":"wds_1_195_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_195_0_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_193_0_NavigationToast";
+var _namespace_ = "wds_1_195_0_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_193_0_NavigationToast__root","toast":"wds_1_193_0_NavigationToast__toast"};
+module.exports.classes = {"root":"wds_1_195_0_NavigationToast__root","toast":"wds_1_195_0_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_193_0_NestableList";
+var _namespace_ = "wds_1_195_0_NestableList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_NestableList__root","itemWrapper":"wds_1_193_0_NestableList__itemWrapper","item":"wds_1_193_0_NestableList__item","actionItem":"wds_1_193_0_NestableList__actionItem","arrowContainer":"wds_1_193_0_NestableList__arrowContainer","arrow":"wds_1_193_0_NestableList__arrow","horizontalArrow":"wds_1_193_0_NestableList__horizontalArrow","childArrow":"wds_1_193_0_NestableList__childArrow","action":"wds_1_193_0_NestableList__action"};
+module.exports.classes = {"root":"wds_1_195_0_NestableList__root","itemWrapper":"wds_1_195_0_NestableList__itemWrapper","item":"wds_1_195_0_NestableList__item","actionItem":"wds_1_195_0_NestableList__actionItem","arrowContainer":"wds_1_195_0_NestableList__arrowContainer","arrow":"wds_1_195_0_NestableList__arrow","horizontalArrow":"wds_1_195_0_NestableList__horizontalArrow","childArrow":"wds_1_195_0_NestableList__childArrow","action":"wds_1_195_0_NestableList__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_NestableListTheme";
+var _namespace_ = "wds_1_195_0_NestableListTheme";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_NestableListTheme__root","item":"wds_1_193_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_195_0_NestableListTheme__root","item":"wds_1_195_0_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_193_0_Notification";
+var _namespace_ = "wds_1_195_0_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_193_0_Notification__root","animatorContent":"wds_1_193_0_Notification__animatorContent","wrapper":"wds_1_193_0_Notification__wrapper","notification":"wds_1_193_0_Notification__notification","animator":"wds_1_193_0_Notification__animator","labelWrapper":"wds_1_193_0_Notification__labelWrapper","label":"wds_1_193_0_Notification__label","button":"wds_1_193_0_Notification__button","textLink":"wds_1_193_0_Notification__textLink","iconStyling":"wds_1_193_0_Notification__iconStyling","closeButton":"wds_1_193_0_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_195_0_Notification__root","animatorContent":"wds_1_195_0_Notification__animatorContent","wrapper":"wds_1_195_0_Notification__wrapper","notification":"wds_1_195_0_Notification__notification","animator":"wds_1_195_0_Notification__animator","labelWrapper":"wds_1_195_0_Notification__labelWrapper","label":"wds_1_195_0_Notification__label","button":"wds_1_195_0_Notification__button","textLink":"wds_1_195_0_Notification__textLink","iconStyling":"wds_1_195_0_Notification__iconStyling","closeButton":"wds_1_195_0_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_193_0_Page";
+var _namespace_ = "wds_1_195_0_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_193_0_Page__root","page":"wds_1_193_0_Page__page","scrollableContainer":"wds_1_193_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_193_0_Page__pageHeaderContainer","headerWrapper":"wds_1_193_0_Page__headerWrapper","tail":"wds_1_193_0_Page__tail","contentContainer":"wds_1_193_0_Page__contentContainer","imageBackgroundContainer":"wds_1_193_0_Page__imageBackgroundContainer","imageBackground":"wds_1_193_0_Page__imageBackground","gradientBackground":"wds_1_193_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_193_0_Page__contentHorizontalLayout","contentFloating":"wds_1_193_0_Page__contentFloating","horizontalScroll":"wds_1_193_0_Page__horizontalScroll","sticky":"wds_1_193_0_Page__sticky","stretchVertically":"wds_1_193_0_Page__stretchVertically","fixedFooter":"wds_1_193_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_193_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_195_0_Page__root","page":"wds_1_195_0_Page__page","scrollableContainer":"wds_1_195_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_195_0_Page__pageHeaderContainer","headerWrapper":"wds_1_195_0_Page__headerWrapper","tail":"wds_1_195_0_Page__tail","contentContainer":"wds_1_195_0_Page__contentContainer","imageBackgroundContainer":"wds_1_195_0_Page__imageBackgroundContainer","imageBackground":"wds_1_195_0_Page__imageBackground","gradientBackground":"wds_1_195_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_195_0_Page__contentHorizontalLayout","contentFloating":"wds_1_195_0_Page__contentFloating","horizontalScroll":"wds_1_195_0_Page__horizontalScroll","sticky":"wds_1_195_0_Page__sticky","stretchVertically":"wds_1_195_0_Page__stretchVertically","fixedFooter":"wds_1_195_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_195_0_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"var(--wds-page-header-padding-horizontal, 48px)","headerBottomPadding":"var(--wds-page-header-padding-vertical, 24px)","imageContainerOffset":"30px","pageBottomPadding":"var(--wds-space-800, 48px)","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperBottomPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperWithTailBottomPadding":"var(--wds-space-200, 12px)","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_193_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_195_0_Page-minimizationTop"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_193_0_PageFooter";
+var _namespace_ = "wds_1_195_0_PageFooter";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_PageFooter__root","container":"wds_1_193_0_PageFooter__container","divider":"wds_1_193_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_195_0_PageFooter__root","container":"wds_1_195_0_PageFooter__container","divider":"wds_1_195_0_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_193_0_Center";
+var _namespace_ = "wds_1_195_0_Center";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_Center__root","center":"wds_1_193_0_Center__center"};
+module.exports.classes = {"root":"wds_1_195_0_Center__root","center":"wds_1_195_0_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_193_0_End";
+var _namespace_ = "wds_1_195_0_End";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_End__root","end":"wds_1_193_0_End__end"};
+module.exports.classes = {"root":"wds_1_195_0_End__root","end":"wds_1_195_0_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_193_0_Start";
+var _namespace_ = "wds_1_195_0_Start";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_Start__root","start":"wds_1_193_0_Start__start"};
+module.exports.classes = {"root":"wds_1_195_0_Start__root","start":"wds_1_195_0_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_193_0_Header";
+var _namespace_ = "wds_1_195_0_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_193_0_Header__root","header":"wds_1_193_0_Header__header","breadcrumbsContainer":"wds_1_193_0_Header__breadcrumbsContainer","titleContainer":"wds_1_193_0_Header__titleContainer","titleBackButton":"wds_1_193_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_193_0_Header__titleBackButtonIcon","titleColumn":"wds_1_193_0_Header__titleColumn","title":"wds_1_193_0_Header__title","actionsBar":"wds_1_193_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_195_0_Header__root","header":"wds_1_195_0_Header__header","breadcrumbsContainer":"wds_1_195_0_Header__breadcrumbsContainer","titleContainer":"wds_1_195_0_Header__titleContainer","titleBackButton":"wds_1_195_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_195_0_Header__titleBackButtonIcon","titleColumn":"wds_1_195_0_Header__titleColumn","title":"wds_1_195_0_Header__title","actionsBar":"wds_1_195_0_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_193_0_PageSection";
+var _namespace_ = "wds_1_195_0_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_193_0_PageSection__root","content":"wds_1_193_0_PageSection__content","titleColumn":"wds_1_193_0_PageSection__titleColumn","actionsBar":"wds_1_193_0_PageSection__actionsBar","divider":"wds_1_193_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_195_0_PageSection__root","content":"wds_1_195_0_PageSection__content","titleColumn":"wds_1_195_0_PageSection__titleColumn","actionsBar":"wds_1_195_0_PageSection__actionsBar","divider":"wds_1_195_0_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_193_0_BMPageContainer";
+var _namespace_ = "wds_1_195_0_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_193_0_BMPageContainer__root","header":"wds_1_193_0_BMPageContainer__header","body":"wds_1_193_0_BMPageContainer__body","sideBar":"wds_1_193_0_BMPageContainer__sideBar","sideBarContent":"wds_1_193_0_BMPageContainer__sideBarContent","rightSide":"wds_1_193_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_193_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_193_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_193_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_193_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_195_0_BMPageContainer__root","header":"wds_1_195_0_BMPageContainer__header","body":"wds_1_195_0_BMPageContainer__body","sideBar":"wds_1_195_0_BMPageContainer__sideBar","sideBarContent":"wds_1_195_0_BMPageContainer__sideBarContent","rightSide":"wds_1_195_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_195_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_195_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_195_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_195_0_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_193_0_PageStory";
+var _namespace_ = "wds_1_195_0_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_193_0_PageStory__root","backgroundGradient":"wds_1_193_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_193_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_195_0_PageStory__root","backgroundGradient":"wds_1_195_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_195_0_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_193_0_testExamples";
+var _namespace_ = "wds_1_195_0_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_193_0_testExamples__root","defaultScrollBar":"wds_1_193_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_193_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_193_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_193_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_195_0_testExamples__root","defaultScrollBar":"wds_1_195_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_195_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_195_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_195_0_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_193_0_Pagination";
+var _namespace_ = "wds_1_195_0_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_193_0_Pagination__root","text-small-thin":"wds_1_193_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_193_0_Pagination__button-common-mixin","pagination":"wds_1_193_0_Pagination__pagination","arrow":"wds_1_193_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_195_0_Pagination__root","text-small-thin":"wds_1_195_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_195_0_Pagination__button-common-mixin","pagination":"wds_1_195_0_Pagination__pagination","arrow":"wds_1_195_0_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_193_0_PaginationCore";
+var _namespace_ = "wds_1_195_0_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_193_0_PaginationCore__root","button-common-mixin":"wds_1_193_0_PaginationCore__button-common-mixin","navButton":"wds_1_193_0_PaginationCore__navButton","emptyButton":"wds_1_193_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_193_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_193_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_193_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_193_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_193_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_193_0_PaginationCore__navButtonLast","pageStrip":"wds_1_193_0_PaginationCore__pageStrip","pageStripInner":"wds_1_193_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_193_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_193_0_PaginationCore__pageButton","currentPage":"wds_1_193_0_PaginationCore__currentPage","gap":"wds_1_193_0_PaginationCore__gap","pageForm":"wds_1_193_0_PaginationCore__pageForm","compact":"wds_1_193_0_PaginationCore__compact wds_1_193_0_PaginationCore__pageForm","pageInput":"wds_1_193_0_PaginationCore__pageInput","totalPages":"wds_1_193_0_PaginationCore__totalPages","slash":"wds_1_193_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_195_0_PaginationCore__root","button-common-mixin":"wds_1_195_0_PaginationCore__button-common-mixin","navButton":"wds_1_195_0_PaginationCore__navButton","emptyButton":"wds_1_195_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_195_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_195_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_195_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_195_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_195_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_195_0_PaginationCore__navButtonLast","pageStrip":"wds_1_195_0_PaginationCore__pageStrip","pageStripInner":"wds_1_195_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_195_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_195_0_PaginationCore__pageButton","currentPage":"wds_1_195_0_PaginationCore__currentPage","gap":"wds_1_195_0_PaginationCore__gap","pageForm":"wds_1_195_0_PaginationCore__pageForm","compact":"wds_1_195_0_PaginationCore__compact wds_1_195_0_PaginationCore__pageForm","pageInput":"wds_1_195_0_PaginationCore__pageInput","totalPages":"wds_1_195_0_PaginationCore__totalPages","slash":"wds_1_195_0_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_193_0_PaginationCoreTest";
+var _namespace_ = "wds_1_195_0_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_193_0_PaginationCoreTest__root","button-common-mixin":"wds_1_193_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_193_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_195_0_PaginationCoreTest__root","button-common-mixin":"wds_1_195_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_195_0_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_193_0_Palette";
+var _namespace_ = "wds_1_195_0_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_193_0_Palette__root","fillPreview":"wds_1_193_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_195_0_Palette__root","fillPreview":"wds_1_195_0_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_193_0_Popover";
+var _namespace_ = "wds_1_195_0_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_193_0_Popover__root","content":"wds_1_193_0_Popover__content","arrow":"wds_1_193_0_Popover__arrow","element":"wds_1_193_0_Popover__element","animationEnter":"wds_1_193_0_Popover__animationEnter","animationEnterActive":"wds_1_193_0_Popover__animationEnterActive","animationExit":"wds_1_193_0_Popover__animationExit","animationExitActive":"wds_1_193_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_195_0_Popover__root","content":"wds_1_195_0_Popover__content","arrow":"wds_1_195_0_Popover__arrow","element":"wds_1_195_0_Popover__element","animationEnter":"wds_1_195_0_Popover__animationEnter","animationEnterActive":"wds_1_195_0_Popover__animationEnterActive","animationExit":"wds_1_195_0_Popover__animationExit","animationExitActive":"wds_1_195_0_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_193_0_PopoverMenu";
+var _namespace_ = "wds_1_195_0_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_193_0_PopoverMenu__root","listItem":"wds_1_193_0_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_195_0_PopoverMenu__root","listItem":"wds_1_195_0_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/PopoverNext.driver.js

@@ -4,9 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.popoverNextLegacyDriverFactory = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var getPopoverDataHook = element => element == null ? void 0 : element.getAttribute('data-hook');
-var _getTriggerElement = element => element && element.querySelector("[data-hook=\"".concat(getPopoverDataHook(element), "-trigger\"]"));
-var _getContentElement = element => element && element.querySelector("[data-hook=\"".concat(getPopoverDataHook(element), "-content\"]"));
+var queryElementOrDocument = (query, element) => {
+  var _element$querySelecto;
+  return (_element$querySelecto = element == null ? void 0 : element.querySelector(query)) !== null && _element$querySelecto !== void 0 ? _element$querySelecto : document.body.querySelector(query);
+};
+var getPopoverDataHook = element => {
+  var popoverRootQuery = '[data-popover-root]';
+  var foundElement = queryElementOrDocument(popoverRootQuery, element);
+  return (foundElement == null ? void 0 : foundElement.getAttribute('data-hook')) || undefined;
+};
+var _getTriggerElement = element => queryElementOrDocument("[data-hook=\"".concat(getPopoverDataHook(element), "-trigger\"]"), element);
+var _getContentElement = element => queryElementOrDocument("[data-hook=\"".concat(getPopoverDataHook(element), "-content\"]"), element);
 
 // TODO: update when implemented
 var _getArrowElement = element => element && element.querySelectorAll('[data-hook="popover-arrow"]')[0];

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

@@ -1 +1 @@
-{"version":3,"names":["getPopoverDataHook","element","getAttribute","getTriggerElement","querySelector","concat","getContentElement","getArrowElement","querySelectorAll","popoverNextLegacyDriverFactory","_ref","eventTrigger","exists","getTargetElement","isTargetElementExists","isTriggerElementExists","isContentElementExists","mouseEnter","mouseLeave","pressKey","_pressKey","_asyncToGenerator2","default","key","keyPress","_x","apply","arguments","click","triggerElement","clickOutside","document","dispatchEvent","Event","getArrowOffset","_getArrowElement2","top","left","right","bottom","style","inlineStyles","getElementId","id","exports"],"sources":["../../../src/PopoverNext/PopoverNext.driver.ts"],"sourcesContent":["import type { Simulate } from 'react-dom/test-utils';\n\nconst getPopoverDataHook = (element: Element | undefined) =>\n  element?.getAttribute('data-hook');\n\nconst getTriggerElement = (element?: Element) =>\n  element &&\n  element.querySelector(`[data-hook=\"${getPopoverDataHook(element)}-trigger\"]`);\n\nconst getContentElement = (element: Element | undefined) =>\n  element &&\n  element.querySelector(`[data-hook=\"${getPopoverDataHook(element)}-content\"]`);\n\n// TODO: update when implemented\nconst getArrowElement = (element?: Element) =>\n  element && element.querySelectorAll('[data-hook=\"popover-arrow\"]')[0];\n\n/** @deprecated use popoverNextUniDriverFactory instead */\nexport const popoverNextLegacyDriverFactory = ({\n  element,\n  eventTrigger,\n}: {\n  element: Element | undefined;\n  eventTrigger: typeof Simulate;\n}) => ({\n  /** Whether the element exists or not */\n  exists: () => !!element,\n\n  /** Returns the target element (`<Popover.Trigger/>`)\n   * @deprecated\n   * Use getTriggerElement\n   */\n  getTargetElement: () => getTriggerElement(element),\n\n  /**  Returns the trigger element (`<Popover.Trigger/>`) */\n  getTriggerElement: () => getTriggerElement(element),\n\n  /** Returns the content element (`<Popover.Content/>`) */\n  getContentElement: () => getContentElement(element),\n\n  /** Returns the arrow element\n   * @todo not yet implemented\n   */\n  getArrowElement: () => getArrowElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists\n   * @deprecated - use isTriggerElementExists\n   */\n  isTargetElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists */\n  isTriggerElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the content element (`<Popover.Content/>`) exists */\n  isContentElementExists: () => !!getContentElement(element),\n\n  /** Trigger `mouseEnter` on the element */\n  mouseEnter: () => element && eventTrigger.mouseEnter(element),\n\n  /** Trigger `mouseLeave` on the element */\n  mouseLeave: () => element && eventTrigger.mouseLeave(element),\n\n  /** Trigger key press on the element */\n  pressKey: async (key: string) =>\n    element && eventTrigger.keyPress(element, { key }),\n\n  /** Click on the element */\n  click: () => {\n    const triggerElement = getTriggerElement(element);\n    if (triggerElement) {\n      eventTrigger.click(triggerElement);\n    }\n  },\n  /** Click outside the element */\n  clickOutside: () => {\n    document.dispatchEvent(new Event('mousedown'));\n    document.dispatchEvent(new Event('mouseup'));\n  },\n\n  /** Returns the arrow offset */\n  getArrowOffset: () => {\n    // @ts-ignore\n    const { top, left, right, bottom } = getArrowElement(element)?.style;\n    return { top, left, right, bottom };\n  },\n\n  /** Returns the element's inline styles\n   * @deprecated\n   */\n  // @ts-ignore\n  inlineStyles: () => element?.style,\n\n  /** Returns the element's id\n   * @deprecated\n   */\n  getElementId: () => element?.id,\n});\n\nexport type PopoverDriver = ReturnType<typeof popoverNextLegacyDriverFactory>;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["queryElementOrDocument","query","element","_element$querySelecto","querySelector","document","body","getPopoverDataHook","popoverRootQuery","foundElement","getAttribute","undefined","getTriggerElement","concat","getContentElement","getArrowElement","querySelectorAll","popoverNextLegacyDriverFactory","_ref","eventTrigger","exists","getTargetElement","isTargetElementExists","isTriggerElementExists","isContentElementExists","mouseEnter","mouseLeave","pressKey","_pressKey","_asyncToGenerator2","default","key","keyPress","_x","apply","arguments","click","triggerElement","clickOutside","dispatchEvent","Event","getArrowOffset","_getArrowElement2","top","left","right","bottom","style","inlineStyles","getElementId","id","exports"],"sources":["../../../src/PopoverNext/PopoverNext.driver.ts"],"sourcesContent":["import type { Simulate } from 'react-dom/test-utils';\n\nconst queryElementOrDocument = (query: string, element?: Element) => {\n  return element?.querySelector(query) ?? document.body.querySelector(query);\n};\n\nconst getPopoverDataHook = (element: Element | undefined) => {\n  const popoverRootQuery = '[data-popover-root]';\n  const foundElement = queryElementOrDocument(popoverRootQuery, element);\n  return foundElement?.getAttribute('data-hook') || undefined;\n};\n\nconst getTriggerElement = (element?: Element) =>\n  queryElementOrDocument(\n    `[data-hook=\"${getPopoverDataHook(element)}-trigger\"]`,\n    element\n  );\n\nconst getContentElement = (element?: Element | undefined) =>\n  queryElementOrDocument(\n    `[data-hook=\"${getPopoverDataHook(element)}-content\"]`,\n    element\n  );\n\n// TODO: update when implemented\nconst getArrowElement = (element?: Element) =>\n  element && element.querySelectorAll('[data-hook=\"popover-arrow\"]')[0];\n\n/** @deprecated use popoverNextUniDriverFactory instead */\nexport const popoverNextLegacyDriverFactory = ({\n  element,\n  eventTrigger\n}: {\n  element: Element | undefined;\n  eventTrigger: typeof Simulate;\n}) => ({\n  /** Whether the element exists or not */\n  exists: () => !!element,\n\n  /** Returns the target element (`<Popover.Trigger/>`)\n   * @deprecated\n   * Use getTriggerElement\n   */\n  getTargetElement: () => getTriggerElement(element),\n\n  /**  Returns the trigger element (`<Popover.Trigger/>`) */\n  getTriggerElement: () => getTriggerElement(element),\n\n  /** Returns the content element (`<Popover.Content/>`) */\n  getContentElement: () => getContentElement(element),\n\n  /** Returns the arrow element\n   * @todo not yet implemented\n   */\n  getArrowElement: () => getArrowElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists\n   * @deprecated - use isTriggerElementExists\n   */\n  isTargetElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists */\n  isTriggerElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the content element (`<Popover.Content/>`) exists */\n  isContentElementExists: () => !!getContentElement(element),\n\n  /** Trigger `mouseEnter` on the element */\n  mouseEnter: () => element && eventTrigger.mouseEnter(element),\n\n  /** Trigger `mouseLeave` on the element */\n  mouseLeave: () => element && eventTrigger.mouseLeave(element),\n\n  /** Trigger key press on the element */\n  pressKey: async (key: string) =>\n    element && eventTrigger.keyPress(element, { key }),\n\n  /** Click on the element */\n  click: () => {\n    const triggerElement = getTriggerElement(element);\n    if (triggerElement) {\n      eventTrigger.click(triggerElement);\n    }\n  },\n  /** Click outside the element */\n  clickOutside: () => {\n    document.dispatchEvent(new Event('mousedown'));\n    document.dispatchEvent(new Event('mouseup'));\n  },\n\n  /** Returns the arrow offset */\n  getArrowOffset: () => {\n    // @ts-ignore\n    const { top, left, right, bottom } = getArrowElement(element)?.style;\n    return { top, left, right, bottom };\n  },\n\n  /** Returns the element's inline styles\n   * @deprecated\n   */\n  // @ts-ignore\n  inlineStyles: () => element?.style,\n\n  /** Returns the element's id\n   * @deprecated\n   */\n  getElementId: () => element?.id,\n});\n\nexport type PopoverDriver = ReturnType<typeof popoverNextLegacyDriverFactory>;\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_193_0_PopoverNext";
+var _namespace_ = "wds_1_195_0_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_193_0_PopoverNext__root"};
+module.exports.classes = {"root":"wds_1_195_0_PopoverNext__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_193_0_PopoverNextContent";
+var _namespace_ = "wds_1_195_0_PopoverNextContent";
 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_193_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_195_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_PreviewWidget";
+var _namespace_ = "wds_1_195_0_PreviewWidget";
 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_193_0_PreviewWidget__root","contentArea":"wds_1_193_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_195_0_PreviewWidget__root","contentArea":"wds_1_195_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_Proportion";
+var _namespace_ = "wds_1_195_0_Proportion";
 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_193_0_Proportion__root","ratioHolder":"wds_1_193_0_Proportion__ratioHolder","contentWrapper":"wds_1_193_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_195_0_Proportion__root","ratioHolder":"wds_1_195_0_Proportion__ratioHolder","contentWrapper":"wds_1_195_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_PulseAnimation";
+var _namespace_ = "wds_1_195_0_PulseAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_193_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_193_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_193_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_193_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_193_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_193_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_193_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_193_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_195_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_195_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_195_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_195_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_195_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_195_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_195_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_195_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_195_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"};