@wix/design-system 1.143.0 → 1.144.0

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_ListItemEditable";
+var _namespace_ = "wds_1_144_0_ListItemEditable";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_ListItemEditable__root","input":"wds_1_143_0_ListItemEditable__input"};
+module.exports.classes = {"root":"wds_1_144_0_ListItemEditable__root","input":"wds_1_144_0_ListItemEditable__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_ListItemSection";
+var _namespace_ = "wds_1_144_0_ListItemSection";
 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_143_0_ListItemSection__root","title":"wds_1_143_0_ListItemSection__title","titleWrapper":"wds_1_143_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_143_0_ListItemSection__suffixWrapper","suffix":"wds_1_143_0_ListItemSection__suffix"};
+module.exports.classes = {"root":"wds_1_144_0_ListItemSection__root","title":"wds_1_144_0_ListItemSection__title","titleWrapper":"wds_1_144_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_144_0_ListItemSection__suffixWrapper","suffix":"wds_1_144_0_ListItemSection__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_ListItemSelect";
+var _namespace_ = "wds_1_144_0_ListItemSelect";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_ListItemSelect__root","mobile":"wds_1_143_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_143_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_143_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_143_0_ListItemSelect__titleWrapper","title":"wds_1_143_0_ListItemSelect__title","prefix":"wds_1_143_0_ListItemSelect__prefix","suffix":"wds_1_143_0_ListItemSelect__suffix","subtitle":"wds_1_143_0_ListItemSelect__subtitle"};
+module.exports.classes = {"root":"wds_1_144_0_ListItemSelect__root","mobile":"wds_1_144_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_144_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_144_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_144_0_ListItemSelect__titleWrapper","title":"wds_1_144_0_ListItemSelect__title","prefix":"wds_1_144_0_ListItemSelect__prefix","suffix":"wds_1_144_0_ListItemSelect__suffix","subtitle":"wds_1_144_0_ListItemSelect__subtitle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_ListItemSelectIcon";
+var _namespace_ = "wds_1_144_0_ListItemSelectIcon";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_ListItemSelectIcon__root","contentWrapper":"wds_1_143_0_ListItemSelectIcon__contentWrapper","content":"wds_1_143_0_ListItemSelectIcon__content"};
+module.exports.classes = {"root":"wds_1_144_0_ListItemSelectIcon__root","contentWrapper":"wds_1_144_0_ListItemSelectIcon__contentWrapper","content":"wds_1_144_0_ListItemSelectIcon__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_LiveRegion";
+var _namespace_ = "wds_1_144_0_LiveRegion";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_LiveRegion__root"};
+module.exports.classes = {"root":"wds_1_144_0_LiveRegion__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_Loader";
+var _namespace_ = "wds_1_144_0_Loader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_Loader__root","statusIndicator":"wds_1_143_0_Loader__statusIndicator","arcsContainer":"wds_1_143_0_Loader__arcsContainer","darkArc":"wds_1_143_0_Loader__darkArc","lightArc":"wds_1_143_0_Loader__lightArc","text":"wds_1_143_0_Loader__text"};
-module.exports.keyframes = {"rotation":"wds_1_143_0_Loader__rotation","staggered-rotation":"wds_1_143_0_Loader__staggered-rotation"}; 
+module.exports.classes = {"root":"wds_1_144_0_Loader__root","statusIndicator":"wds_1_144_0_Loader__statusIndicator","arcsContainer":"wds_1_144_0_Loader__arcsContainer","darkArc":"wds_1_144_0_Loader__darkArc","lightArc":"wds_1_144_0_Loader__lightArc","text":"wds_1_144_0_Loader__text"};
+module.exports.keyframes = {"rotation":"wds_1_144_0_Loader__rotation","staggered-rotation":"wds_1_144_0_Loader__staggered-rotation"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MarketingLayout";
+var _namespace_ = "wds_1_144_0_MarketingLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_MarketingLayout__root","text-medium-bold":"wds_1_143_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_143_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_143_0_MarketingLayout__contentWrapper","title":"wds_1_143_0_MarketingLayout__title","description":"wds_1_143_0_MarketingLayout__description","badge":"wds_1_143_0_MarketingLayout__badge","imageWrapper":"wds_1_143_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_143_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_143_0_MarketingLayout__imageBackground"};
+module.exports.classes = {"root":"wds_1_144_0_MarketingLayout__root","text-medium-bold":"wds_1_144_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_144_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_144_0_MarketingLayout__contentWrapper","title":"wds_1_144_0_MarketingLayout__title","description":"wds_1_144_0_MarketingLayout__description","badge":"wds_1_144_0_MarketingLayout__badge","imageWrapper":"wds_1_144_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_144_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_144_0_MarketingLayout__imageBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"badgePaddingSize":"--wds_1_143_0_MarketingLayout-badgePaddingSize"}; 
+module.exports.vars = {"badgePaddingSize":"--wds_1_144_0_MarketingLayout-badgePaddingSize"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MarketingPageLayout";
+var _namespace_ = "wds_1_144_0_MarketingPageLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_MarketingPageLayout__root","contentContainer":"wds_1_143_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_143_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_143_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_143_0_MarketingPageLayout__footerContainer"};
+module.exports.classes = {"root":"wds_1_144_0_MarketingPageLayout__root","contentContainer":"wds_1_144_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_144_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_144_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_144_0_MarketingPageLayout__footerContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MarketingPageLayoutContent";
+var _namespace_ = "wds_1_144_0_MarketingPageLayoutContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_143_0_MarketingPageLayoutContent__overlineDividerContainer"};
+module.exports.classes = {"root":"wds_1_144_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_144_0_MarketingPageLayoutContent__overlineDividerContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MediaOverlay";
+var _namespace_ = "wds_1_144_0_MediaOverlay";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_MediaOverlay__root","overlay":"wds_1_143_0_MediaOverlay__overlay","contentRow":"wds_1_143_0_MediaOverlay__contentRow","contentArea":"wds_1_143_0_MediaOverlay__contentArea","hoverEnter":"wds_1_143_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_143_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_143_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_143_0_MediaOverlay__hoverExit"};
+module.exports.classes = {"root":"wds_1_144_0_MediaOverlay__root","overlay":"wds_1_144_0_MediaOverlay__overlay","contentRow":"wds_1_144_0_MediaOverlay__contentRow","contentArea":"wds_1_144_0_MediaOverlay__contentArea","hoverEnter":"wds_1_144_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_144_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_144_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_144_0_MediaOverlay__hoverExit"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MessageBoxFunctionalLayout";
+var _namespace_ = "wds_1_144_0_MessageBoxFunctionalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_143_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_143_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_143_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_143_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_143_0_MessageBoxFunctionalLayout__header","heading":"wds_1_143_0_MessageBoxFunctionalLayout__heading","content":"wds_1_143_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_143_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_143_0_MessageBoxFunctionalLayout__image","footer":"wds_1_143_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_143_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_143_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_143_0_MessageBoxFunctionalLayout__controlButtons"};
+module.exports.classes = {"root":"wds_1_144_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_144_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_144_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_144_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_144_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_144_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_144_0_MessageBoxFunctionalLayout__header","heading":"wds_1_144_0_MessageBoxFunctionalLayout__heading","content":"wds_1_144_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_144_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_144_0_MessageBoxFunctionalLayout__image","footer":"wds_1_144_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_144_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_144_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_144_0_MessageBoxFunctionalLayout__controlButtons"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MessageBoxMarketerialLayout";
+var _namespace_ = "wds_1_144_0_MessageBoxMarketerialLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_MessageBoxMarketerialLayout__root","header":"wds_1_143_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_143_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_143_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_143_0_MessageBoxMarketerialLayout__title","content":"wds_1_143_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_143_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_143_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_143_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_143_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_143_0_MessageBoxMarketerialLayout__close"};
+module.exports.classes = {"root":"wds_1_144_0_MessageBoxMarketerialLayout__root","header":"wds_1_144_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_144_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_144_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_144_0_MessageBoxMarketerialLayout__title","content":"wds_1_144_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_144_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_144_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_144_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_144_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_144_0_MessageBoxMarketerialLayout__close"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MessageModalLayout";
+var _namespace_ = "wds_1_144_0_MessageModalLayout";
 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_143_0_MessageModalLayout__root","topAreaContainer":"wds_1_143_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_143_0_MessageModalLayout__contentAreaContainer"};
+module.exports.classes = {"root":"wds_1_144_0_MessageModalLayout__root","topAreaContainer":"wds_1_144_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_144_0_MessageModalLayout__contentAreaContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_MobilePreviewWidget";
+var _namespace_ = "wds_1_144_0_MobilePreviewWidget";
 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_143_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_143_0_defaultscrollbar__defaultScrollBar","header":"wds_1_143_0_MobilePreviewWidget__header","camera":"wds_1_143_0_MobilePreviewWidget__camera","speaker":"wds_1_143_0_MobilePreviewWidget__speaker","content":"wds_1_143_0_MobilePreviewWidget__content","footer":"wds_1_143_0_MobilePreviewWidget__footer"};
+module.exports.classes = {"root":"wds_1_144_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_144_0_defaultscrollbar__defaultScrollBar","header":"wds_1_144_0_MobilePreviewWidget__header","camera":"wds_1_144_0_MobilePreviewWidget__camera","speaker":"wds_1_144_0_MobilePreviewWidget__speaker","content":"wds_1_144_0_MobilePreviewWidget__content","footer":"wds_1_144_0_MobilePreviewWidget__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Modal/Modal.js

@@ -3,13 +3,13 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactModal = _interopRequireDefault(require("react-modal"));
 var _defaultTo = _interopRequireDefault(require("lodash/defaultTo"));
 var _ModalSt = require("./Modal.st.css.js");
 var _constants = require("./constants");
-var _constants2 = require("../common/ZIndex/constants");
+var _ZIndex = require("../common/ZIndex");
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _context = require("../WixDesignSystemProvider/context");
 var _WixDesignSystemProvider = _interopRequireDefault(require("../WixDesignSystemProvider"));
@@ -18,10 +18,13 @@ var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Modal/Modal.js";
-class Modal extends _react.default.PureComponent {
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Modal/Modal.tsx";
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class Modal extends _react.PureComponent {
   constructor(props) {
     super(props);
+    this.CHILDREN_WRAPPER_DIV_ID = void 0;
     this.handleOverlayClick = event => {
       var {
         shouldCloseOnOverlayClick,
@@ -42,7 +45,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 117,
+          lineNumber: 92,
           columnNumber: 7
         }
       });
@@ -72,21 +75,21 @@ class Modal extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 142,
+            lineNumber: 117,
             columnNumber: 9
           }
         }, isPrevious ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowLeft, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 155,
+            lineNumber: 130,
             columnNumber: 25
           }
         }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 155,
+            lineNumber: 130,
             columnNumber: 41
           }
         }));
@@ -95,7 +98,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 160,
+          lineNumber: 135,
           columnNumber: 7
         }
       }, showNavigationPreviousButton && (navigationPreviousLabel ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -109,7 +112,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 163,
+          lineNumber: 138,
           columnNumber: 13
         }
       }, buildButton(DIRECTIONS.prev)) : buildButton(DIRECTIONS.prev, _ModalSt.classes.navPrev)), showNavigationNextButton && (navigationNextLabel ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -123,7 +126,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 177,
+          lineNumber: 152,
           columnNumber: 13
         }
       }, buildButton(DIRECTIONS.next)) : buildButton(DIRECTIONS.next, _ModalSt.classes.navNext)));
@@ -161,8 +164,12 @@ class Modal extends _react.default.PureComponent {
     var {
       maxHeight
     } = this.props;
-    var justifyContent = _constants.flexPositions[horizontalPosition];
-    var alignItems = _constants.flexPositions[verticalPosition];
+    var justifyContent =
+    // @ts-expect-error Typescript doesn't know about Modal.defaultProps
+    _constants.flexPositions[horizontalPosition];
+    var alignItems =
+    // @ts-expect-error Typescript doesn't know about Modal.defaultProps
+    _constants.flexPositions[verticalPosition];
     maxHeight = scrollableContent && maxHeight === 'auto' ? '100vh' : maxHeight;
     var modalStyles = {
       overlay: {
@@ -172,9 +179,9 @@ class Modal extends _react.default.PureComponent {
         left: 0,
         right: 0,
         bottom: 0,
-        zIndex: (0, _defaultTo.default)(zIndex, _constants2.ZIndex.modal),
-        backgroundColor: null,
-        // null disables the property, use css instead
+        zIndex: (0, _defaultTo.default)(zIndex, _ZIndex.ZIndex.modal),
+        backgroundColor: undefined,
+        // undefined disables the property, use css instead
         // Overriding defaults - END
         display: 'flex',
         justifyContent,
@@ -222,14 +229,14 @@ class Modal extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 271,
+        lineNumber: 250,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 290,
+        lineNumber: 269,
         columnNumber: 9
       }
     }, _ref => {
@@ -258,7 +265,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 292,
+          lineNumber: 271,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_WixDesignSystemProvider.default, {
@@ -268,7 +275,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 314,
+          lineNumber: 293,
           columnNumber: 15
         }
       }, isOpen && shouldDisplayCloseButton && this.renderCloseButton(), /*#__PURE__*/_react.default.createElement("div", {
@@ -281,7 +288,7 @@ class Modal extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 316,
+          lineNumber: 295,
           columnNumber: 17
         }
       }, (showNavigationPreviousButton || showNavigationNextButton) && this.renderNavigationControls(), children)));
@@ -289,61 +296,33 @@ class Modal extends _react.default.PureComponent {
   }
 }
 Modal.propTypes = {
-  /** Applied as data-hook HTML attribute that can be used to create driver in testing */
   dataHook: _propTypes.default.string,
-  /** Controls if modal is open or closed */
   isOpen: _propTypes.default.bool.isRequired,
-  /** Border radius of modal */
   borderRadius: _propTypes.default.number,
-  /** a11y: The value of contentLabel is set as an aria-label on the modal element. This helps assistive technology, like screen readers, to add a label to an element that would otherwise be anonymous */
   contentLabel: _propTypes.default.string,
-  /** Renders modal content */
   children: _propTypes.default.any,
-  /** Controls z-index of the modal overlay */
   zIndex: _propTypes.default.number,
-  /** Enables to close modal when mouse clicked on overlay area */
   shouldCloseOnOverlayClick: _propTypes.default.bool,
-  /** Displays a close button on the top right corner of the overlay */
   shouldDisplayCloseButton: _propTypes.default.bool,
-  /** Callback that will be executed when the modal is requested to be closed, prior to actually closing */
   onRequestClose: _propTypes.default.func,
-  /** Callback that will be executed after the modal has been opened */
   onAfterOpen: _propTypes.default.func,
-  /** Callback that will be executed after the modal has been closed */
   onAfterClose: _propTypes.default.func,
-  /** Horizontal position of the modal */
   horizontalPosition: _propTypes.default.oneOf(['start', 'center', 'end']),
-  /** Vertical position of the modal */
   verticalPosition: _propTypes.default.oneOf(['start', 'center', 'end']),
-  /** Number indicating the milliseconds to wait before closing the modal */
   closeTimeoutMS: _propTypes.default.number,
-  /** Specifies if modal portal supports scroll */
   scrollable: _propTypes.default.bool,
-  /** Specifies if modal content should become scrollable when modal size will fit the window */
   scrollableContent: _propTypes.default.bool,
-  /** Sets the maximum height for a scrollable content */
   maxHeight: _propTypes.default.string,
-  /** Sets the height for modal's content container */
   height: _propTypes.default.string,
-  /** css position of the modal overlay */
   overlayPosition: _propTypes.default.oneOf(['static', 'relative', 'absolute', 'fixed', 'sticky']),
-  /** A function that returns a DOM element on which the modal should be appended to */
   parentSelector: _propTypes.default.func,
-  /** Selector specifying where to apply the aria-hidden attribute */
   appElement: _propTypes.default.string,
-  /** Specifies minimum spacing between full viewport and modal content */
   screen: _propTypes.default.oneOf(['full', 'desktop', 'mobile']),
-  /** Enable navigation previous buttons to the side of the content and listen on clicks by using onNavigationClickPrevious */
   showNavigationPreviousButton: _propTypes.default.bool,
-  /** Enable navigation next button to the side of the content and listen on clicks by using onNavigationClickNext */
   showNavigationNextButton: _propTypes.default.bool,
-  /** Callback that will be executed when the navigation control previous is clicked */
   onNavigationClickPrevious: _propTypes.default.func,
-  /** Callback that will be executed when the navigation control next is clicked */
   onNavigationClickNext: _propTypes.default.func,
-  /** Label used for navigation control previous button tooltip */
   navigationPreviousLabel: _propTypes.default.string,
-  /** Label used for navigation control next button tooltip */
   navigationNextLabel: _propTypes.default.string
 };
 Modal.defaultProps = {