@wix/design-system 1.153.0 → 1.155.0

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ListItemSelect";
+var _namespace_ = "wds_1_155_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_153_0_ListItemSelect__root","mobile":"wds_1_153_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_153_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_153_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_153_0_ListItemSelect__titleWrapper","title":"wds_1_153_0_ListItemSelect__title","prefix":"wds_1_153_0_ListItemSelect__prefix","suffix":"wds_1_153_0_ListItemSelect__suffix","subtitle":"wds_1_153_0_ListItemSelect__subtitle"};
+module.exports.classes = {"root":"wds_1_155_0_ListItemSelect__root","mobile":"wds_1_155_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_155_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_155_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_155_0_ListItemSelect__titleWrapper","title":"wds_1_155_0_ListItemSelect__title","prefix":"wds_1_155_0_ListItemSelect__prefix","suffix":"wds_1_155_0_ListItemSelect__suffix","subtitle":"wds_1_155_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_153_0_ListItemSelectIcon";
+var _namespace_ = "wds_1_155_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_153_0_ListItemSelectIcon__root","contentWrapper":"wds_1_153_0_ListItemSelectIcon__contentWrapper","content":"wds_1_153_0_ListItemSelectIcon__content"};
+module.exports.classes = {"root":"wds_1_155_0_ListItemSelectIcon__root","contentWrapper":"wds_1_155_0_ListItemSelectIcon__contentWrapper","content":"wds_1_155_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_153_0_LiveRegion";
+var _namespace_ = "wds_1_155_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_153_0_LiveRegion__root"};
+module.exports.classes = {"root":"wds_1_155_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_153_0_Loader";
+var _namespace_ = "wds_1_155_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_153_0_Loader__root","statusIndicator":"wds_1_153_0_Loader__statusIndicator","arcsContainer":"wds_1_153_0_Loader__arcsContainer","darkArc":"wds_1_153_0_Loader__darkArc","lightArc":"wds_1_153_0_Loader__lightArc","text":"wds_1_153_0_Loader__text"};
-module.exports.keyframes = {"rotation":"wds_1_153_0_Loader__rotation","staggered-rotation":"wds_1_153_0_Loader__staggered-rotation"}; 
+module.exports.classes = {"root":"wds_1_155_0_Loader__root","statusIndicator":"wds_1_155_0_Loader__statusIndicator","arcsContainer":"wds_1_155_0_Loader__arcsContainer","darkArc":"wds_1_155_0_Loader__darkArc","lightArc":"wds_1_155_0_Loader__lightArc","text":"wds_1_155_0_Loader__text"};
+module.exports.keyframes = {"rotation":"wds_1_155_0_Loader__rotation","staggered-rotation":"wds_1_155_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_153_0_MarketingLayout";
+var _namespace_ = "wds_1_155_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_153_0_MarketingLayout__root","text-medium-bold":"wds_1_153_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_153_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_153_0_MarketingLayout__contentWrapper","title":"wds_1_153_0_MarketingLayout__title","description":"wds_1_153_0_MarketingLayout__description","badge":"wds_1_153_0_MarketingLayout__badge","imageWrapper":"wds_1_153_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_153_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_153_0_MarketingLayout__imageBackground"};
+module.exports.classes = {"root":"wds_1_155_0_MarketingLayout__root","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold","contentContainer":"wds_1_155_0_MarketingLayout__contentContainer","contentWrapper":"wds_1_155_0_MarketingLayout__contentWrapper","title":"wds_1_155_0_MarketingLayout__title","description":"wds_1_155_0_MarketingLayout__description","badge":"wds_1_155_0_MarketingLayout__badge","imageWrapper":"wds_1_155_0_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_155_0_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_155_0_MarketingLayout__imageBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"badgePaddingSize":"--wds_1_153_0_MarketingLayout-badgePaddingSize"}; 
+module.exports.vars = {"badgePaddingSize":"--wds_1_155_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_153_0_MarketingPageLayout";
+var _namespace_ = "wds_1_155_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_153_0_MarketingPageLayout__root","contentContainer":"wds_1_153_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_153_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_153_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_153_0_MarketingPageLayout__footerContainer"};
+module.exports.classes = {"root":"wds_1_155_0_MarketingPageLayout__root","contentContainer":"wds_1_155_0_MarketingPageLayout__contentContainer","imageCell":"wds_1_155_0_MarketingPageLayout__imageCell","imageContainer":"wds_1_155_0_MarketingPageLayout__imageContainer","footerContainer":"wds_1_155_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_153_0_MarketingPageLayoutContent";
+var _namespace_ = "wds_1_155_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_153_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_153_0_MarketingPageLayoutContent__overlineDividerContainer"};
+module.exports.classes = {"root":"wds_1_155_0_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_155_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_153_0_MediaOverlay";
+var _namespace_ = "wds_1_155_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_153_0_MediaOverlay__root","overlay":"wds_1_153_0_MediaOverlay__overlay","contentRow":"wds_1_153_0_MediaOverlay__contentRow","contentArea":"wds_1_153_0_MediaOverlay__contentArea","hoverEnter":"wds_1_153_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_153_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_153_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_153_0_MediaOverlay__hoverExit"};
+module.exports.classes = {"root":"wds_1_155_0_MediaOverlay__root","overlay":"wds_1_155_0_MediaOverlay__overlay","contentRow":"wds_1_155_0_MediaOverlay__contentRow","contentArea":"wds_1_155_0_MediaOverlay__contentArea","hoverEnter":"wds_1_155_0_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_155_0_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_155_0_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_155_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_153_0_MessageBoxFunctionalLayout";
+var _namespace_ = "wds_1_155_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_153_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_153_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_153_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_153_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_153_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_153_0_MessageBoxFunctionalLayout__header","heading":"wds_1_153_0_MessageBoxFunctionalLayout__heading","content":"wds_1_153_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_153_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_153_0_MessageBoxFunctionalLayout__image","footer":"wds_1_153_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_153_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_153_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_153_0_MessageBoxFunctionalLayout__controlButtons"};
+module.exports.classes = {"root":"wds_1_155_0_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_155_0_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_155_0_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_155_0_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_155_0_MessageBoxFunctionalLayout__header","heading":"wds_1_155_0_MessageBoxFunctionalLayout__heading","content":"wds_1_155_0_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_155_0_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_155_0_MessageBoxFunctionalLayout__image","footer":"wds_1_155_0_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_155_0_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_155_0_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_155_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_153_0_MessageBoxMarketerialLayout";
+var _namespace_ = "wds_1_155_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_153_0_MessageBoxMarketerialLayout__root","header":"wds_1_153_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_153_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_153_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_153_0_MessageBoxMarketerialLayout__title","content":"wds_1_153_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_153_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_153_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_153_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_153_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_153_0_MessageBoxMarketerialLayout__close"};
+module.exports.classes = {"root":"wds_1_155_0_MessageBoxMarketerialLayout__root","header":"wds_1_155_0_MessageBoxMarketerialLayout__header","headerImage":"wds_1_155_0_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_155_0_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_155_0_MessageBoxMarketerialLayout__title","content":"wds_1_155_0_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_155_0_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_155_0_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_155_0_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_155_0_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_155_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_153_0_MessageModalLayout";
+var _namespace_ = "wds_1_155_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_153_0_MessageModalLayout__root","topAreaContainer":"wds_1_153_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_153_0_MessageModalLayout__contentAreaContainer"};
+module.exports.classes = {"root":"wds_1_155_0_MessageModalLayout__root","topAreaContainer":"wds_1_155_0_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_155_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_153_0_MobilePreviewWidget";
+var _namespace_ = "wds_1_155_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_153_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","header":"wds_1_153_0_MobilePreviewWidget__header","camera":"wds_1_153_0_MobilePreviewWidget__camera","speaker":"wds_1_153_0_MobilePreviewWidget__speaker","content":"wds_1_153_0_MobilePreviewWidget__content","footer":"wds_1_153_0_MobilePreviewWidget__footer"};
+module.exports.classes = {"root":"wds_1_155_0_MobilePreviewWidget__root","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","header":"wds_1_155_0_MobilePreviewWidget__header","camera":"wds_1_155_0_MobilePreviewWidget__camera","speaker":"wds_1_155_0_MobilePreviewWidget__speaker","content":"wds_1_155_0_MobilePreviewWidget__content","footer":"wds_1_155_0_MobilePreviewWidget__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Modal/Modal.js

@@ -68,7 +68,7 @@ class Modal extends _react.PureComponent {
         var isPrevious = dir === DIRECTIONS.prev;
         return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
           className: className,
-          skin: "inverted",
+          priority: "secondary",
           size: "large",
           onClick: isPrevious ? onNavigationClickPrevious : onNavigationClickNext,
           dataHook: isPrevious ? _constants.dataHooks.navigationPrevButton : _constants.dataHooks.navigationNextButton,

package/dist/cjs/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactModal","_defaultTo","_ModalSt","_constants","_ZIndex","_uniqueId","_context","_WixDesignSystemProvider","_ariaLabels","_CloseButton","_IconButton","_wixUiIconsCommon","_Tooltip","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Modal","PureComponent","constructor","props","CHILDREN_WRAPPER_DIV_ID","handleOverlayClick","event","shouldCloseOnOverlayClick","onRequestClose","target","id","renderCloseButton","createElement","dataHook","dataHooks","modalCloseButton","className","classes","closeButton","onClick","size","skin","labels","close","__self","__source","fileName","lineNumber","columnNumber","renderNavigationControls","DIRECTIONS","prev","next","TOOLTIP_GAP","showNavigationPreviousButton","showNavigationNextButton","onNavigationClickPrevious","onNavigationClickNext","navigationPreviousLabel","navigationNextLabel","buildButton","dir","isPrevious","navigationPrevButton","navigationNextButton","ArrowLeft","ArrowRight","Fragment","navPrev","content","moveBy","y","ariaDescribedBy","navigationPrev","navigationPrevTooltip","navNext","navigationNext","navigationNextTooltip","uniqueId","render","horizontalPosition","verticalPosition","height","scrollableContent","borderRadius","zIndex","scrollable","isOpen","shouldDisplayCloseButton","onAfterClose","onAfterOpen","contentLabel","closeTimeoutMS","children","appElement","overlayPosition","parentSelector","screen","maxHeight","justifyContent","flexPositions","alignItems","modalStyles","overlay","position","top","left","right","bottom","defaultTo","ZIndex","modal","backgroundColor","undefined","display","overflowY","border","overflowX","width","WebkitOverflowScrolling","outline","padding","marginBottom","ReactModal","setAppElement","onKeyDown","arrows","key","WixDesignSystemContext","Consumer","_ref","newColorsBranding","portalClassName","st","root","concat","style","ariaHideApp","aria","labelledby","ariaLabels","labelledBy","describedby","describedBy","features","childrenContainer","propTypes","PropTypes","string","bool","isRequired","number","any","func","oneOf","defaultProps","_default","exports"],"sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["import React, { MouseEvent, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport defaultTo from 'lodash/defaultTo';\nimport { st, classes } from './Modal.st.css';\nimport { ariaDescribedBy, dataHooks, flexPositions, labels } from './constants';\nimport { ZIndex } from '../common/ZIndex';\nimport uniqueId from 'lodash/uniqueId';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport WixDesignSystemProvider from '../WixDesignSystemProvider';\nimport { ariaLabels } from '../common/accessibility/ariaLabels';\nimport CloseButton from '../CloseButton';\nimport IconButton from '../IconButton';\nimport { ArrowLeft, ArrowRight } from '@wix/wix-ui-icons-common';\nimport Tooltip from '../Tooltip';\nimport { ModalProps } from './Modal.types';\n\nclass Modal extends PureComponent<ModalProps> {\n  private CHILDREN_WRAPPER_DIV_ID: string;\n\n  constructor(props: ModalProps) {\n    super(props);\n\n    this.CHILDREN_WRAPPER_DIV_ID = uniqueId('wsr-modal');\n  }\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    isOpen: PropTypes.bool.isRequired,\n    borderRadius: PropTypes.number,\n    contentLabel: PropTypes.string,\n    children: PropTypes.any,\n    zIndex: PropTypes.number,\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    shouldDisplayCloseButton: PropTypes.bool,\n    onRequestClose: PropTypes.func,\n    onAfterOpen: PropTypes.func,\n    onAfterClose: PropTypes.func,\n    horizontalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    verticalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    closeTimeoutMS: PropTypes.number,\n    scrollable: PropTypes.bool,\n    scrollableContent: PropTypes.bool,\n    maxHeight: PropTypes.string,\n    height: PropTypes.string,\n    overlayPosition: PropTypes.oneOf([\n      'static',\n      'relative',\n      'absolute',\n      'fixed',\n      'sticky',\n    ]),\n    parentSelector: PropTypes.func,\n    appElement: PropTypes.string,\n    screen: PropTypes.oneOf(['full', 'desktop', 'mobile']),\n    showNavigationPreviousButton: PropTypes.bool,\n    showNavigationNextButton: PropTypes.bool,\n    onNavigationClickPrevious: PropTypes.func,\n    onNavigationClickNext: PropTypes.func,\n    navigationPreviousLabel: PropTypes.string,\n    navigationNextLabel: PropTypes.string,\n  };\n\n  static defaultProps = {\n    borderRadius: 0,\n    shouldCloseOnOverlayClick: false,\n    shouldDisplayCloseButton: false,\n    horizontalPosition: 'center',\n    verticalPosition: 'center',\n    closeTimeoutMS: 500,\n    scrollable: true,\n    scrollableContent: false,\n    height: '100%',\n    maxHeight: 'auto',\n    overlayPosition: 'fixed',\n    screen: 'desktop',\n  } as const;\n\n  handleOverlayClick = (event: MouseEvent<HTMLDivElement>) => {\n    const { shouldCloseOnOverlayClick, onRequestClose } = this.props;\n    if (\n      shouldCloseOnOverlayClick &&\n      (event.target as HTMLDivElement).id === this.CHILDREN_WRAPPER_DIV_ID &&\n      onRequestClose\n    ) {\n      onRequestClose();\n    }\n  };\n\n  renderCloseButton = () => {\n    return (\n      <CloseButton\n        dataHook={dataHooks.modalCloseButton}\n        className={classes.closeButton}\n        onClick={this.props.onRequestClose}\n        size=\"large\"\n        skin=\"light\"\n        aria-label={labels.close}\n      />\n    );\n  };\n\n  renderNavigationControls = () => {\n    const DIRECTIONS = { prev: 'prev', next: 'next' } as const;\n    const TOOLTIP_GAP = 9;\n    const {\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n      navigationPreviousLabel,\n      navigationNextLabel,\n    } = this.props;\n    const buildButton = (dir: 'prev' | 'next', className?: string) => {\n      const isPrevious = dir === DIRECTIONS.prev;\n      return (\n        <IconButton\n          className={className}\n          skin=\"inverted\"\n          size=\"large\"\n          onClick={\n            isPrevious ? onNavigationClickPrevious : onNavigationClickNext\n          }\n          dataHook={\n            isPrevious\n              ? dataHooks.navigationPrevButton\n              : dataHooks.navigationNextButton\n          }\n        >\n          {isPrevious ? <ArrowLeft /> : <ArrowRight />}\n        </IconButton>\n      );\n    };\n    return (\n      <React.Fragment>\n        {showNavigationPreviousButton &&\n          (navigationPreviousLabel ? (\n            <Tooltip\n              className={classes.navPrev}\n              content={navigationPreviousLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationPrev}\n              dataHook={dataHooks.navigationPrevTooltip}\n            >\n              {buildButton(DIRECTIONS.prev)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.prev, classes.navPrev)\n          ))}\n        {showNavigationNextButton &&\n          (navigationNextLabel ? (\n            <Tooltip\n              className={classes.navNext}\n              content={navigationNextLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationNext}\n              dataHook={dataHooks.navigationNextTooltip}\n            >\n              {buildButton(DIRECTIONS.next)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.next, classes.navNext)\n          ))}\n      </React.Fragment>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      horizontalPosition,\n      verticalPosition,\n      height,\n      scrollableContent,\n      borderRadius,\n      zIndex,\n      scrollable,\n      isOpen,\n      shouldCloseOnOverlayClick,\n      shouldDisplayCloseButton,\n      onRequestClose,\n      onAfterClose,\n      onAfterOpen,\n      contentLabel,\n      closeTimeoutMS,\n      children,\n      appElement,\n      overlayPosition,\n      parentSelector,\n      screen,\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n    } = this.props;\n\n    let { maxHeight } = this.props;\n    const justifyContent =\n      // @ts-expect-error Typescript doesn't know about Modal.defaultProps\n      flexPositions[horizontalPosition];\n    const alignItems =\n      // @ts-expect-error Typescript doesn't know about Modal.defaultProps\n      flexPositions[verticalPosition];\n\n    maxHeight = scrollableContent && maxHeight === 'auto' ? '100vh' : maxHeight;\n\n    const modalStyles = {\n      overlay: {\n        // Overriding defaults\n        position: overlayPosition,\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: defaultTo(zIndex, ZIndex.modal),\n        backgroundColor: undefined, // undefined disables the property, use css instead\n        // Overriding defaults - END\n        display: 'flex',\n        justifyContent,\n        alignItems,\n        overflowY: scrollable ? 'auto' : 'hidden',\n      },\n      content: {\n        // Overriding defaults\n        border: 'none',\n        overflowY: scrollableContent ? 'auto' : 'initial',\n        overflowX: scrollableContent ? 'hidden' : 'initial',\n        height,\n        maxHeight,\n        width: '100%',\n        // stylelint-disable-line\n        WebkitOverflowScrolling: 'touch',\n        outline: 'none',\n        borderRadius,\n        padding: '0px',\n        // Overriding defaults - END\n        backgroundColor: 'transparent',\n        marginBottom: '0px',\n        position: 'relative',\n      },\n    } as const;\n\n    if (appElement) {\n      ReactModal.setAppElement(appElement);\n    } else {\n      ReactModal.setAppElement('body');\n    }\n\n    return (\n      <div\n        data-hook={dataHook}\n        onKeyDown={e => {\n          const arrows = {\n            left: 'ArrowLeft',\n            right: 'ArrowRight',\n          };\n          if (e && e.key === arrows.left) {\n            showNavigationPreviousButton &&\n              onNavigationClickPrevious &&\n              onNavigationClickPrevious();\n          }\n          if (e && e.key === arrows.right) {\n            showNavigationNextButton &&\n              onNavigationClickNext &&\n              onNavigationClickNext();\n          }\n        }}\n      >\n        <WixDesignSystemContext.Consumer>\n          {({ newColorsBranding }) => (\n            <ReactModal\n              portalClassName={st(\n                classes.root,\n                { scrollable },\n                `portal portal-${dataHook}`,\n              )}\n              isOpen={isOpen}\n              shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n              onRequestClose={onRequestClose}\n              onAfterOpen={onAfterOpen}\n              onAfterClose={onAfterClose}\n              style={modalStyles}\n              className={classes.modal}\n              closeTimeoutMS={closeTimeoutMS}\n              parentSelector={parentSelector}\n              ariaHideApp={false}\n              contentLabel={contentLabel}\n              aria={{\n                labelledby: ariaLabels.labelledBy,\n                describedby: ariaLabels.describedBy,\n              }}\n            >\n              <WixDesignSystemProvider features={{ newColorsBranding }}>\n                {isOpen && shouldDisplayCloseButton && this.renderCloseButton()}\n                <div\n                  data-scrollable={scrollable || null}\n                  id={this.CHILDREN_WRAPPER_DIV_ID}\n                  className={st(classes.childrenContainer, {\n                    screen,\n                  })}\n                  onClick={this.handleOverlayClick}\n                >\n                  {(showNavigationPreviousButton || showNavigationNextButton) &&\n                    this.renderNavigationControls()}\n                  {children}\n                </div>\n              </WixDesignSystemProvider>\n            </ReactModal>\n          )}\n        </WixDesignSystemContext.Consumer>\n      </div>\n    );\n  }\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactModal","_defaultTo","_ModalSt","_constants","_ZIndex","_uniqueId","_context","_WixDesignSystemProvider","_ariaLabels","_CloseButton","_IconButton","_wixUiIconsCommon","_Tooltip","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Modal","PureComponent","constructor","props","CHILDREN_WRAPPER_DIV_ID","handleOverlayClick","event","shouldCloseOnOverlayClick","onRequestClose","target","id","renderCloseButton","createElement","dataHook","dataHooks","modalCloseButton","className","classes","closeButton","onClick","size","skin","labels","close","__self","__source","fileName","lineNumber","columnNumber","renderNavigationControls","DIRECTIONS","prev","next","TOOLTIP_GAP","showNavigationPreviousButton","showNavigationNextButton","onNavigationClickPrevious","onNavigationClickNext","navigationPreviousLabel","navigationNextLabel","buildButton","dir","isPrevious","priority","navigationPrevButton","navigationNextButton","ArrowLeft","ArrowRight","Fragment","navPrev","content","moveBy","y","ariaDescribedBy","navigationPrev","navigationPrevTooltip","navNext","navigationNext","navigationNextTooltip","uniqueId","render","horizontalPosition","verticalPosition","height","scrollableContent","borderRadius","zIndex","scrollable","isOpen","shouldDisplayCloseButton","onAfterClose","onAfterOpen","contentLabel","closeTimeoutMS","children","appElement","overlayPosition","parentSelector","screen","maxHeight","justifyContent","flexPositions","alignItems","modalStyles","overlay","position","top","left","right","bottom","defaultTo","ZIndex","modal","backgroundColor","undefined","display","overflowY","border","overflowX","width","WebkitOverflowScrolling","outline","padding","marginBottom","ReactModal","setAppElement","onKeyDown","arrows","key","WixDesignSystemContext","Consumer","_ref","newColorsBranding","portalClassName","st","root","concat","style","ariaHideApp","aria","labelledby","ariaLabels","labelledBy","describedby","describedBy","features","childrenContainer","propTypes","PropTypes","string","bool","isRequired","number","any","func","oneOf","defaultProps","_default","exports"],"sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["import React, { MouseEvent, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport defaultTo from 'lodash/defaultTo';\nimport { st, classes } from './Modal.st.css';\nimport { ariaDescribedBy, dataHooks, flexPositions, labels } from './constants';\nimport { ZIndex } from '../common/ZIndex';\nimport uniqueId from 'lodash/uniqueId';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport WixDesignSystemProvider from '../WixDesignSystemProvider';\nimport { ariaLabels } from '../common/accessibility/ariaLabels';\nimport CloseButton from '../CloseButton';\nimport IconButton from '../IconButton';\nimport { ArrowLeft, ArrowRight } from '@wix/wix-ui-icons-common';\nimport Tooltip from '../Tooltip';\nimport { ModalProps } from './Modal.types';\n\nclass Modal extends PureComponent<ModalProps> {\n  private CHILDREN_WRAPPER_DIV_ID: string;\n\n  constructor(props: ModalProps) {\n    super(props);\n\n    this.CHILDREN_WRAPPER_DIV_ID = uniqueId('wsr-modal');\n  }\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    isOpen: PropTypes.bool.isRequired,\n    borderRadius: PropTypes.number,\n    contentLabel: PropTypes.string,\n    children: PropTypes.any,\n    zIndex: PropTypes.number,\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    shouldDisplayCloseButton: PropTypes.bool,\n    onRequestClose: PropTypes.func,\n    onAfterOpen: PropTypes.func,\n    onAfterClose: PropTypes.func,\n    horizontalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    verticalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    closeTimeoutMS: PropTypes.number,\n    scrollable: PropTypes.bool,\n    scrollableContent: PropTypes.bool,\n    maxHeight: PropTypes.string,\n    height: PropTypes.string,\n    overlayPosition: PropTypes.oneOf([\n      'static',\n      'relative',\n      'absolute',\n      'fixed',\n      'sticky',\n    ]),\n    parentSelector: PropTypes.func,\n    appElement: PropTypes.string,\n    screen: PropTypes.oneOf(['full', 'desktop', 'mobile']),\n    showNavigationPreviousButton: PropTypes.bool,\n    showNavigationNextButton: PropTypes.bool,\n    onNavigationClickPrevious: PropTypes.func,\n    onNavigationClickNext: PropTypes.func,\n    navigationPreviousLabel: PropTypes.string,\n    navigationNextLabel: PropTypes.string,\n  };\n\n  static defaultProps = {\n    borderRadius: 0,\n    shouldCloseOnOverlayClick: false,\n    shouldDisplayCloseButton: false,\n    horizontalPosition: 'center',\n    verticalPosition: 'center',\n    closeTimeoutMS: 500,\n    scrollable: true,\n    scrollableContent: false,\n    height: '100%',\n    maxHeight: 'auto',\n    overlayPosition: 'fixed',\n    screen: 'desktop',\n  } as const;\n\n  handleOverlayClick = (event: MouseEvent<HTMLDivElement>) => {\n    const { shouldCloseOnOverlayClick, onRequestClose } = this.props;\n    if (\n      shouldCloseOnOverlayClick &&\n      (event.target as HTMLDivElement).id === this.CHILDREN_WRAPPER_DIV_ID &&\n      onRequestClose\n    ) {\n      onRequestClose();\n    }\n  };\n\n  renderCloseButton = () => {\n    return (\n      <CloseButton\n        dataHook={dataHooks.modalCloseButton}\n        className={classes.closeButton}\n        onClick={this.props.onRequestClose}\n        size=\"large\"\n        skin=\"light\"\n        aria-label={labels.close}\n      />\n    );\n  };\n\n  renderNavigationControls = () => {\n    const DIRECTIONS = { prev: 'prev', next: 'next' } as const;\n    const TOOLTIP_GAP = 9;\n    const {\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n      navigationPreviousLabel,\n      navigationNextLabel,\n    } = this.props;\n    const buildButton = (dir: 'prev' | 'next', className?: string) => {\n      const isPrevious = dir === DIRECTIONS.prev;\n      return (\n        <IconButton\n          className={className}\n          priority=\"secondary\"\n          size=\"large\"\n          onClick={\n            isPrevious ? onNavigationClickPrevious : onNavigationClickNext\n          }\n          dataHook={\n            isPrevious\n              ? dataHooks.navigationPrevButton\n              : dataHooks.navigationNextButton\n          }\n        >\n          {isPrevious ? <ArrowLeft /> : <ArrowRight />}\n        </IconButton>\n      );\n    };\n    return (\n      <React.Fragment>\n        {showNavigationPreviousButton &&\n          (navigationPreviousLabel ? (\n            <Tooltip\n              className={classes.navPrev}\n              content={navigationPreviousLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationPrev}\n              dataHook={dataHooks.navigationPrevTooltip}\n            >\n              {buildButton(DIRECTIONS.prev)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.prev, classes.navPrev)\n          ))}\n        {showNavigationNextButton &&\n          (navigationNextLabel ? (\n            <Tooltip\n              className={classes.navNext}\n              content={navigationNextLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationNext}\n              dataHook={dataHooks.navigationNextTooltip}\n            >\n              {buildButton(DIRECTIONS.next)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.next, classes.navNext)\n          ))}\n      </React.Fragment>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      horizontalPosition,\n      verticalPosition,\n      height,\n      scrollableContent,\n      borderRadius,\n      zIndex,\n      scrollable,\n      isOpen,\n      shouldCloseOnOverlayClick,\n      shouldDisplayCloseButton,\n      onRequestClose,\n      onAfterClose,\n      onAfterOpen,\n      contentLabel,\n      closeTimeoutMS,\n      children,\n      appElement,\n      overlayPosition,\n      parentSelector,\n      screen,\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n    } = this.props;\n\n    let { maxHeight } = this.props;\n    const justifyContent =\n      // @ts-expect-error Typescript doesn't know about Modal.defaultProps\n      flexPositions[horizontalPosition];\n    const alignItems =\n      // @ts-expect-error Typescript doesn't know about Modal.defaultProps\n      flexPositions[verticalPosition];\n\n    maxHeight = scrollableContent && maxHeight === 'auto' ? '100vh' : maxHeight;\n\n    const modalStyles = {\n      overlay: {\n        // Overriding defaults\n        position: overlayPosition,\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: defaultTo(zIndex, ZIndex.modal),\n        backgroundColor: undefined, // undefined disables the property, use css instead\n        // Overriding defaults - END\n        display: 'flex',\n        justifyContent,\n        alignItems,\n        overflowY: scrollable ? 'auto' : 'hidden',\n      },\n      content: {\n        // Overriding defaults\n        border: 'none',\n        overflowY: scrollableContent ? 'auto' : 'initial',\n        overflowX: scrollableContent ? 'hidden' : 'initial',\n        height,\n        maxHeight,\n        width: '100%',\n        // stylelint-disable-line\n        WebkitOverflowScrolling: 'touch',\n        outline: 'none',\n        borderRadius,\n        padding: '0px',\n        // Overriding defaults - END\n        backgroundColor: 'transparent',\n        marginBottom: '0px',\n        position: 'relative',\n      },\n    } as const;\n\n    if (appElement) {\n      ReactModal.setAppElement(appElement);\n    } else {\n      ReactModal.setAppElement('body');\n    }\n\n    return (\n      <div\n        data-hook={dataHook}\n        onKeyDown={e => {\n          const arrows = {\n            left: 'ArrowLeft',\n            right: 'ArrowRight',\n          };\n          if (e && e.key === arrows.left) {\n            showNavigationPreviousButton &&\n              onNavigationClickPrevious &&\n              onNavigationClickPrevious();\n          }\n          if (e && e.key === arrows.right) {\n            showNavigationNextButton &&\n              onNavigationClickNext &&\n              onNavigationClickNext();\n          }\n        }}\n      >\n        <WixDesignSystemContext.Consumer>\n          {({ newColorsBranding }) => (\n            <ReactModal\n              portalClassName={st(\n                classes.root,\n                { scrollable },\n                `portal portal-${dataHook}`,\n              )}\n              isOpen={isOpen}\n              shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n              onRequestClose={onRequestClose}\n              onAfterOpen={onAfterOpen}\n              onAfterClose={onAfterClose}\n              style={modalStyles}\n              className={classes.modal}\n              closeTimeoutMS={closeTimeoutMS}\n              parentSelector={parentSelector}\n              ariaHideApp={false}\n              contentLabel={contentLabel}\n              aria={{\n                labelledby: ariaLabels.labelledBy,\n                describedby: ariaLabels.describedBy,\n              }}\n            >\n              <WixDesignSystemProvider features={{ newColorsBranding }}>\n                {isOpen && shouldDisplayCloseButton && this.renderCloseButton()}\n                <div\n                  data-scrollable={scrollable || null}\n                  id={this.CHILDREN_WRAPPER_DIV_ID}\n                  className={st(classes.childrenContainer, {\n                    screen,\n                  })}\n                  onClick={this.handleOverlayClick}\n                >\n                  {(showNavigationPreviousButton || showNavigationNextButton) &&\n                    this.renderNavigationControls()}\n                  {children}\n                </div>\n              </WixDesignSystemProvider>\n            </ReactModal>\n          )}\n        </WixDesignSystemContext.Consumer>\n      </div>\n    );\n  }\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_Modal";
+var _namespace_ = "wds_1_155_0_Modal";
 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_153_0_Modal__root","childrenContainer":"wds_1_153_0_Modal__childrenContainer","closeButton":"wds_1_153_0_Modal__closeButton","modal":"wds_1_153_0_Modal__modal","navPrev":"wds_1_153_0_Modal__navPrev","navNext":"wds_1_153_0_Modal__navNext"};
+module.exports.classes = {"root":"wds_1_155_0_Modal__root","childrenContainer":"wds_1_155_0_Modal__childrenContainer","closeButton":"wds_1_155_0_Modal__closeButton","modal":"wds_1_155_0_Modal__modal","navPrev":"wds_1_155_0_Modal__navPrev","navNext":"wds_1_155_0_Modal__navNext"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ModalMobileLayout";
+var _namespace_ = "wds_1_155_0_ModalMobileLayout";
 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_153_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","container":"wds_1_153_0_ModalMobileLayout__container","close":"wds_1_153_0_ModalMobileLayout__close","content":"wds_1_153_0_ModalMobileLayout__content"};
+module.exports.classes = {"root":"wds_1_155_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","container":"wds_1_155_0_ModalMobileLayout__container","close":"wds_1_155_0_ModalMobileLayout__close","content":"wds_1_155_0_ModalMobileLayout__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_Footer";
+var _namespace_ = "wds_1_155_0_Footer";
 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_153_0_Footer__root"};
+module.exports.classes = {"root":"wds_1_155_0_Footer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_Title";
+var _namespace_ = "wds_1_155_0_Title";
 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_153_0_Title__root"};
+module.exports.classes = {"root":"wds_1_155_0_Title__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ModalPreviewLayout";
+var _namespace_ = "wds_1_155_0_ModalPreviewLayout";
 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_153_0_ModalPreviewLayout__root","header":"wds_1_153_0_ModalPreviewLayout__header","title":"wds_1_153_0_ModalPreviewLayout__title","actions":"wds_1_153_0_ModalPreviewLayout__actions","closeButton":"wds_1_153_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_153_0_ModalPreviewLayout__innerOverlay","content":"wds_1_153_0_ModalPreviewLayout__content","navigationButton":"wds_1_153_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_153_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_153_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_153_0_ModalPreviewLayout__modalTooltip"};
+module.exports.classes = {"root":"wds_1_155_0_ModalPreviewLayout__root","header":"wds_1_155_0_ModalPreviewLayout__header","title":"wds_1_155_0_ModalPreviewLayout__title","actions":"wds_1_155_0_ModalPreviewLayout__actions","closeButton":"wds_1_155_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_155_0_ModalPreviewLayout__innerOverlay","content":"wds_1_155_0_ModalPreviewLayout__content","navigationButton":"wds_1_155_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_155_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_155_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_155_0_ModalPreviewLayout__modalTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ModalSelectorLayout";
+var _namespace_ = "wds_1_155_0_ModalSelectorLayout";
 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_153_0_ModalSelectorLayout__root","modalContent":"wds_1_153_0_ModalSelectorLayout__modalContent"};
+module.exports.classes = {"root":"wds_1_155_0_ModalSelectorLayout__root","modalContent":"wds_1_155_0_ModalSelectorLayout__modalContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/MultiSelect/InputWithTags.js

@@ -189,7 +189,8 @@ class InputWithTags extends _react.default.Component {
           key: rest.id,
           dataHook: "tag",
           disabled: disabled,
-          onRemove: onRemoveTag
+          onRemove: onRemoveTag,
+          removable: !readOnly
         }, rest, {
           __self: this,
           __source: {
@@ -204,7 +205,7 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 191,
+          lineNumber: 192,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -212,7 +213,7 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 195,
+          lineNumber: 196,
           columnNumber: 15
         }
       }, this.state.inputValue), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
@@ -243,7 +244,7 @@ class InputWithTags extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 223,
+            lineNumber: 224,
             columnNumber: 21
           }
         }, this.props.customSuffix),
@@ -251,7 +252,7 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 199,
+          lineNumber: 200,
           columnNumber: 15
         }
       }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -259,7 +260,7 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 236,
+          lineNumber: 237,
           columnNumber: 13
         }
       }, !disabled && (['error', 'warning', 'loading'].includes(status) || finalStatus === 'loading') && /*#__PURE__*/_react.default.createElement("div", {
@@ -267,7 +268,7 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 241,
+          lineNumber: 242,
           columnNumber: 19
         }
       }, /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
@@ -277,7 +278,7 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 242,
+          lineNumber: 243,
           columnNumber: 21
         }
       })), this._isSelectMode() && /*#__PURE__*/_react.default.createElement("div", {
@@ -286,14 +287,14 @@ class InputWithTags extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 252,
+          lineNumber: 253,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_system.DropDownArrow, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 253,
+          lineNumber: 254,
           columnNumber: 19
         }
       }))));
@@ -313,7 +314,8 @@ class InputWithTags extends _react.default.Component {
       rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded5);
     var {
       onRemoveTag,
-      disabled
+      disabled,
+      readOnly
     } = this.props;
     var _classes = (0, _classnames.default)({
       [_dndStyles.default.itemPlaceholder]: isPlaceholder,
@@ -326,7 +328,7 @@ class InputWithTags extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 279,
+        lineNumber: 280,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
@@ -334,12 +336,13 @@ class InputWithTags extends _react.default.Component {
       dataHook: "tag",
       disabled: disabled,
       className: _classes,
-      onRemove: onRemoveTag
+      onRemove: onRemoveTag,
+      removable: !readOnly
     }, itemProps, rest, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 280,
+        lineNumber: 281,
         columnNumber: 9
       }
     }), label));