@wix/design-system 1.0.4 → 1.1.1

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_MarketingLayout";
+var _namespace_ = "wds_1_1_1_MarketingLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MarketingLayout__root","text-medium-bold":"wds_1_0_4_StylableTypography__text-medium-bold","imageContainer":"wds_1_0_4_MarketingLayout__imageContainer","contentContainer":"wds_1_0_4_MarketingLayout__contentContainer","title":"wds_1_0_4_MarketingLayout__title","description":"wds_1_0_4_MarketingLayout__description","badge":"wds_1_0_4_MarketingLayout__badge","imageWrapper":"wds_1_0_4_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_0_4_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_0_4_MarketingLayout__imageBackground"};
+module.exports.classes = {"root":"wds_1_1_1_MarketingLayout__root","text-medium-bold":"wds_1_1_1_StylableTypography__text-medium-bold","imageContainer":"wds_1_1_1_MarketingLayout__imageContainer","contentContainer":"wds_1_1_1_MarketingLayout__contentContainer","title":"wds_1_1_1_MarketingLayout__title","description":"wds_1_1_1_MarketingLayout__description","badge":"wds_1_1_1_MarketingLayout__badge","imageWrapper":"wds_1_1_1_MarketingLayout__imageWrapper","imagePlaceholder":"wds_1_1_1_MarketingLayout__imagePlaceholder","imageBackground":"wds_1_1_1_MarketingLayout__imageBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_MarketingPageLayout";
+var _namespace_ = "wds_1_1_1_MarketingPageLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MarketingPageLayout__root","contentContainer":"wds_1_0_4_MarketingPageLayout__contentContainer","imageContainer":"wds_1_0_4_MarketingPageLayout__imageContainer","footerContainer":"wds_1_0_4_MarketingPageLayout__footerContainer"};
+module.exports.classes = {"root":"wds_1_1_1_MarketingPageLayout__root","contentContainer":"wds_1_1_1_MarketingPageLayout__contentContainer","imageContainer":"wds_1_1_1_MarketingPageLayout__imageContainer","footerContainer":"wds_1_1_1_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_0_4_MarketingPageLayoutContent";
+var _namespace_ = "wds_1_1_1_MarketingPageLayoutContent";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_0_4_MarketingPageLayoutContent__overlineDividerContainer"};
+module.exports.classes = {"root":"wds_1_1_1_MarketingPageLayoutContent__root","overlineDividerContainer":"wds_1_1_1_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_0_4_MediaOverlay";
+var _namespace_ = "wds_1_1_1_MediaOverlay";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MediaOverlay__root","overlay":"wds_1_0_4_MediaOverlay__overlay","contentRow":"wds_1_0_4_MediaOverlay__contentRow","contentArea":"wds_1_0_4_MediaOverlay__contentArea","hoverEnter":"wds_1_0_4_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_0_4_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_0_4_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_0_4_MediaOverlay__hoverExit"};
+module.exports.classes = {"root":"wds_1_1_1_MediaOverlay__root","overlay":"wds_1_1_1_MediaOverlay__overlay","contentRow":"wds_1_1_1_MediaOverlay__contentRow","contentArea":"wds_1_1_1_MediaOverlay__contentArea","hoverEnter":"wds_1_1_1_MediaOverlay__hoverEnter","hoverEnterActive":"wds_1_1_1_MediaOverlay__hoverEnterActive","hoverEnterDone":"wds_1_1_1_MediaOverlay__hoverEnterDone","hoverExit":"wds_1_1_1_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_0_4_MessageBoxFunctionalLayout";
+var _namespace_ = "wds_1_1_1_MessageBoxFunctionalLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_0_4_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_0_4_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_0_4_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_0_4_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_0_4_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_0_4_MessageBoxFunctionalLayout__header","heading":"wds_1_0_4_MessageBoxFunctionalLayout__heading","content":"wds_1_0_4_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_0_4_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_0_4_MessageBoxFunctionalLayout__image","footer":"wds_1_0_4_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_0_4_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_0_4_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_0_4_MessageBoxFunctionalLayout__controlButtons"};
+module.exports.classes = {"root":"wds_1_1_1_MessageBoxFunctionalLayout__root","defaultScrollBar":"wds_1_1_1_defaultscrollbar__defaultScrollBar","text-medium-thin":"wds_1_1_1_StylableTypography__text-medium-thin","topAreaContainer":"wds_1_1_1_MessageBoxFunctionalLayout__topAreaContainer","contentAreaContainer":"wds_1_1_1_MessageBoxFunctionalLayout__contentAreaContainer","imageContainer":"wds_1_1_1_MessageBoxFunctionalLayout__imageContainer","header":"wds_1_1_1_MessageBoxFunctionalLayout__header","heading":"wds_1_1_1_MessageBoxFunctionalLayout__heading","content":"wds_1_1_1_MessageBoxFunctionalLayout__content","contentWithImage":"wds_1_1_1_MessageBoxFunctionalLayout__contentWithImage","image":"wds_1_1_1_MessageBoxFunctionalLayout__image","footer":"wds_1_1_1_MessageBoxFunctionalLayout__footer","footerbuttons":"wds_1_1_1_MessageBoxFunctionalLayout__footerbuttons","bottomChildren":"wds_1_1_1_MessageBoxFunctionalLayout__bottomChildren","controlButtons":"wds_1_1_1_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_0_4_MessageBoxMarketerialLayout";
+var _namespace_ = "wds_1_1_1_MessageBoxMarketerialLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MessageBoxMarketerialLayout__root","header":"wds_1_0_4_MessageBoxMarketerialLayout__header","headerImage":"wds_1_0_4_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_0_4_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_0_4_MessageBoxMarketerialLayout__title","content":"wds_1_0_4_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_0_4_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_0_4_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_0_4_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_0_4_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_0_4_MessageBoxMarketerialLayout__close"};
+module.exports.classes = {"root":"wds_1_1_1_MessageBoxMarketerialLayout__root","header":"wds_1_1_1_MessageBoxMarketerialLayout__header","headerImage":"wds_1_1_1_MessageBoxMarketerialLayout__headerImage","headerImageComponent":"wds_1_1_1_MessageBoxMarketerialLayout__headerImageComponent","title":"wds_1_1_1_MessageBoxMarketerialLayout__title","content":"wds_1_1_1_MessageBoxMarketerialLayout__content","emptyButtonsContainer":"wds_1_1_1_MessageBoxMarketerialLayout__emptyButtonsContainer","buttonsContainer":"wds_1_1_1_MessageBoxMarketerialLayout__buttonsContainer","secondaryButtonContainer":"wds_1_1_1_MessageBoxMarketerialLayout__secondaryButtonContainer","bottomChildren":"wds_1_1_1_MessageBoxMarketerialLayout__bottomChildren","close":"wds_1_1_1_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_0_4_MessageModalLayout";
+var _namespace_ = "wds_1_1_1_MessageModalLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MessageModalLayout__root","topAreaContainer":"wds_1_0_4_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_0_4_MessageModalLayout__contentAreaContainer"};
+module.exports.classes = {"root":"wds_1_1_1_MessageModalLayout__root","topAreaContainer":"wds_1_1_1_MessageModalLayout__topAreaContainer","contentAreaContainer":"wds_1_1_1_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_0_4_MobilePreviewWidget";
+var _namespace_ = "wds_1_1_1_MobilePreviewWidget";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MobilePreviewWidget__root","defaultScrollBar":"wds_1_0_4_defaultscrollbar__defaultScrollBar","header":"wds_1_0_4_MobilePreviewWidget__header","camera":"wds_1_0_4_MobilePreviewWidget__camera","speaker":"wds_1_0_4_MobilePreviewWidget__speaker","content":"wds_1_0_4_MobilePreviewWidget__content","footer":"wds_1_0_4_MobilePreviewWidget__footer"};
+module.exports.classes = {"root":"wds_1_1_1_MobilePreviewWidget__root","defaultScrollBar":"wds_1_1_1_defaultscrollbar__defaultScrollBar","header":"wds_1_1_1_MobilePreviewWidget__header","camera":"wds_1_1_1_MobilePreviewWidget__camera","speaker":"wds_1_1_1_MobilePreviewWidget__speaker","content":"wds_1_1_1_MobilePreviewWidget__content","footer":"wds_1_1_1_MobilePreviewWidget__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Modal/Modal.js

@@ -272,9 +272,6 @@ class Modal extends _react.default.PureComponent {
           columnNumber: 15
         }
       }, isOpen && shouldDisplayCloseButton && this.renderCloseButton(), /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          [_ModalSt.vars.borderRadius]: borderRadius || '8px'
-        },
         "data-scrollable": scrollable || null,
         id: this.CHILDREN_WRAPPER_DIV_ID,
         className: (0, _ModalSt.st)(_ModalSt.classes.childrenContainer, {

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

@@ -1 +1 @@
-{"version":3,"names":["Modal","React","PureComponent","constructor","props","handleOverlayClick","event","shouldCloseOnOverlayClick","onRequestClose","target","id","CHILDREN_WRAPPER_DIV_ID","renderCloseButton","dataHooks","modalCloseButton","classes","closeButton","labels","close","renderNavigationControls","DIRECTIONS","prev","next","TOOLTIP_GAP","showNavigationPreviousButton","showNavigationNextButton","onNavigationClickPrevious","onNavigationClickNext","navigationPreviousLabel","navigationNextLabel","buildButton","dir","className","isPrevious","navigationPrevButton","navigationNextButton","navPrev","y","ariaDescribedBy","navigationPrev","navigationPrevTooltip","navNext","navigationNext","navigationNextTooltip","uniqueId","render","dataHook","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","backgroundColor","display","overflowY","content","border","overflowX","width","WebkitOverflowScrolling","outline","padding","marginBottom","ReactModal","setAppElement","e","arrows","key","newColorsBranding","st","root","modal","labelledby","ariaLabels","labelledBy","describedby","describedBy","vars","childrenContainer","propTypes","PropTypes","string","bool","isRequired","number","any","func","oneOf","defaultProps"],"sources":["../../../src/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport defaultTo from 'lodash/defaultTo';\nimport { st, classes, vars } from './Modal.st.css';\nimport { ariaDescribedBy, dataHooks, flexPositions, labels } from './constants';\nimport { ZIndex } from '../ZIndex';\nimport uniqueId from 'lodash/uniqueId';\nimport { WixStyleReactContext } from '../WixStyleReactProvider/context';\nimport WixStyleReactProvider from '../WixStyleReactProvider';\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';\n\nclass Modal extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.CHILDREN_WRAPPER_DIV_ID = uniqueId('wsr-modal');\n  }\n\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n    dataHook: PropTypes.string,\n    /** Controls if modal is open or closed */\n    isOpen: PropTypes.bool.isRequired,\n    /** Border radius of modal */\n    borderRadius: PropTypes.number,\n    /** 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 */\n    contentLabel: PropTypes.string,\n    /** Renders modal content */\n    children: PropTypes.any,\n    /** Controls z-index of the modal overlay */\n    zIndex: PropTypes.number,\n    /** Enables to close modal when mouse clicked on overlay area */\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    /** Displays a close button on the top right corner of the overlay */\n    shouldDisplayCloseButton: PropTypes.bool,\n    /** Callback that will be executed when the modal is requested to be closed, prior to actually closing */\n    onRequestClose: PropTypes.func,\n    /** Callback that will be executed after the modal has been opened */\n    onAfterOpen: PropTypes.func,\n    /** Callback that will be executed after the modal has been closed */\n    onAfterClose: PropTypes.func,\n    /** Horizontal position of the modal */\n    horizontalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Vertical position of the modal */\n    verticalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Number indicating the milliseconds to wait before closing the modal */\n    closeTimeoutMS: PropTypes.number,\n    /** Specifies if modal portal supports scroll */\n    scrollable: PropTypes.bool,\n    /** Specifies if modal content should become scrollable when modal size will fit the window */\n    scrollableContent: PropTypes.bool,\n    /** Sets the maximum height for a scrollable content */\n    maxHeight: PropTypes.string,\n    /** Sets the height for modal's content container */\n    height: PropTypes.string,\n    /** css position of the modal overlay */\n    overlayPosition: PropTypes.oneOf([\n      'static',\n      'relative',\n      'absolute',\n      'fixed',\n      'sticky',\n    ]),\n    /** A function that returns a DOM element on which the modal should be appended to */\n    parentSelector: PropTypes.func,\n    /** Selector specifying where to apply the aria-hidden attribute */\n    appElement: PropTypes.string,\n    /** Specifies minimum spacing between full viewport and modal content */\n    screen: PropTypes.oneOf(['full', 'desktop', 'mobile']),\n    /** Enable navigation previous buttons to the side of the content and listen on clicks by using onNavigationClickPrevious */\n    showNavigationPreviousButton: PropTypes.bool,\n    /** Enable navigation next button to the side of the content and listen on clicks by using onNavigationClickNext */\n    showNavigationNextButton: PropTypes.bool,\n    /** Callback that will be executed when the navigation control previous is clicked */\n    onNavigationClickPrevious: PropTypes.func,\n    /** Callback that will be executed when the navigation control next is clicked */\n    onNavigationClickNext: PropTypes.func,\n    /** Label used for navigation control previous button tooltip */\n    navigationPreviousLabel: PropTypes.string,\n    /** Label used for navigation control next button tooltip */\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  };\n\n  handleOverlayClick = event => {\n    const { shouldCloseOnOverlayClick, onRequestClose } = this.props;\n    if (\n      shouldCloseOnOverlayClick &&\n      event.target.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' };\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, className) => {\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 = flexPositions[horizontalPosition];\n    const alignItems = 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: null, // null 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    };\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        <WixStyleReactContext.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              <WixStyleReactProvider features={{ newColorsBranding }}>\n                {isOpen && shouldDisplayCloseButton && this.renderCloseButton()}\n                <div\n                  style={{\n                    [vars.borderRadius]: borderRadius || '8px',\n                  }}\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              </WixStyleReactProvider>\n            </ReactModal>\n          )}\n        </WixStyleReactContext.Consumer>\n      </div>\n    );\n  }\n}\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"names":["Modal","React","PureComponent","constructor","props","handleOverlayClick","event","shouldCloseOnOverlayClick","onRequestClose","target","id","CHILDREN_WRAPPER_DIV_ID","renderCloseButton","dataHooks","modalCloseButton","classes","closeButton","labels","close","renderNavigationControls","DIRECTIONS","prev","next","TOOLTIP_GAP","showNavigationPreviousButton","showNavigationNextButton","onNavigationClickPrevious","onNavigationClickNext","navigationPreviousLabel","navigationNextLabel","buildButton","dir","className","isPrevious","navigationPrevButton","navigationNextButton","navPrev","y","ariaDescribedBy","navigationPrev","navigationPrevTooltip","navNext","navigationNext","navigationNextTooltip","uniqueId","render","dataHook","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","backgroundColor","display","overflowY","content","border","overflowX","width","WebkitOverflowScrolling","outline","padding","marginBottom","ReactModal","setAppElement","e","arrows","key","newColorsBranding","st","root","modal","labelledby","ariaLabels","labelledBy","describedby","describedBy","childrenContainer","propTypes","PropTypes","string","bool","isRequired","number","any","func","oneOf","defaultProps"],"sources":["../../../src/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport defaultTo from 'lodash/defaultTo';\nimport { st, classes, vars } from './Modal.st.css';\nimport { ariaDescribedBy, dataHooks, flexPositions, labels } from './constants';\nimport { ZIndex } from '../ZIndex';\nimport uniqueId from 'lodash/uniqueId';\nimport { WixStyleReactContext } from '../WixStyleReactProvider/context';\nimport WixStyleReactProvider from '../WixStyleReactProvider';\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';\n\nclass Modal extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.CHILDREN_WRAPPER_DIV_ID = uniqueId('wsr-modal');\n  }\n\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n    dataHook: PropTypes.string,\n    /** Controls if modal is open or closed */\n    isOpen: PropTypes.bool.isRequired,\n    /** Border radius of modal */\n    borderRadius: PropTypes.number,\n    /** 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 */\n    contentLabel: PropTypes.string,\n    /** Renders modal content */\n    children: PropTypes.any,\n    /** Controls z-index of the modal overlay */\n    zIndex: PropTypes.number,\n    /** Enables to close modal when mouse clicked on overlay area */\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    /** Displays a close button on the top right corner of the overlay */\n    shouldDisplayCloseButton: PropTypes.bool,\n    /** Callback that will be executed when the modal is requested to be closed, prior to actually closing */\n    onRequestClose: PropTypes.func,\n    /** Callback that will be executed after the modal has been opened */\n    onAfterOpen: PropTypes.func,\n    /** Callback that will be executed after the modal has been closed */\n    onAfterClose: PropTypes.func,\n    /** Horizontal position of the modal */\n    horizontalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Vertical position of the modal */\n    verticalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Number indicating the milliseconds to wait before closing the modal */\n    closeTimeoutMS: PropTypes.number,\n    /** Specifies if modal portal supports scroll */\n    scrollable: PropTypes.bool,\n    /** Specifies if modal content should become scrollable when modal size will fit the window */\n    scrollableContent: PropTypes.bool,\n    /** Sets the maximum height for a scrollable content */\n    maxHeight: PropTypes.string,\n    /** Sets the height for modal's content container */\n    height: PropTypes.string,\n    /** css position of the modal overlay */\n    overlayPosition: PropTypes.oneOf([\n      'static',\n      'relative',\n      'absolute',\n      'fixed',\n      'sticky',\n    ]),\n    /** A function that returns a DOM element on which the modal should be appended to */\n    parentSelector: PropTypes.func,\n    /** Selector specifying where to apply the aria-hidden attribute */\n    appElement: PropTypes.string,\n    /** Specifies minimum spacing between full viewport and modal content */\n    screen: PropTypes.oneOf(['full', 'desktop', 'mobile']),\n    /** Enable navigation previous buttons to the side of the content and listen on clicks by using onNavigationClickPrevious */\n    showNavigationPreviousButton: PropTypes.bool,\n    /** Enable navigation next button to the side of the content and listen on clicks by using onNavigationClickNext */\n    showNavigationNextButton: PropTypes.bool,\n    /** Callback that will be executed when the navigation control previous is clicked */\n    onNavigationClickPrevious: PropTypes.func,\n    /** Callback that will be executed when the navigation control next is clicked */\n    onNavigationClickNext: PropTypes.func,\n    /** Label used for navigation control previous button tooltip */\n    navigationPreviousLabel: PropTypes.string,\n    /** Label used for navigation control next button tooltip */\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  };\n\n  handleOverlayClick = event => {\n    const { shouldCloseOnOverlayClick, onRequestClose } = this.props;\n    if (\n      shouldCloseOnOverlayClick &&\n      event.target.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' };\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, className) => {\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 = flexPositions[horizontalPosition];\n    const alignItems = 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: null, // null 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    };\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        <WixStyleReactContext.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              <WixStyleReactProvider 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              </WixStyleReactProvider>\n            </ReactModal>\n          )}\n        </WixStyleReactContext.Consumer>\n      </div>\n    );\n  }\n}\n\nexport default Modal;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAiC;AAEjC,MAAMA,KAAK,SAASC,cAAK,CAACC,aAAa,CAAC;EACtCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,KAqFfC,kBAAkB,GAAGC,KAAK,IAAI;MAC5B,IAAM;QAAEC,yBAAyB;QAAEC;MAAe,CAAC,GAAG,IAAI,CAACJ,KAAK;MAChE,IACEG,yBAAyB,IACzBD,KAAK,CAACG,MAAM,CAACC,EAAE,KAAK,IAAI,CAACC,uBAAuB,IAChDH,cAAc,EACd;QACAA,cAAc,EAAE;MAClB;IACF,CAAC;IAAA,KAEDI,iBAAiB,GAAG,MAAM;MACxB,oBACE,6BAAC,oBAAW;QACV,QAAQ,EAAEC,oBAAS,CAACC,gBAAiB;QACrC,SAAS,EAAEC,gBAAO,CAACC,WAAY;QAC/B,OAAO,EAAE,IAAI,CAACZ,KAAK,CAACI,cAAe;QACnC,IAAI,EAAC,OAAO;QACZ,IAAI,EAAC,OAAO;QACZ,cAAYS,iBAAM,CAACC,KAAM;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EACzB;IAEN,CAAC;IAAA,KAEDC,wBAAwB,GAAG,MAAM;MAC/B,IAAMC,UAAU,GAAG;QAAEC,IAAI,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAO,CAAC;MACjD,IAAMC,WAAW,GAAG,CAAC;MACrB,IAAM;QACJC,4BAA4B;QAC5BC,wBAAwB;QACxBC,yBAAyB;QACzBC,qBAAqB;QACrBC,uBAAuB;QACvBC;MACF,CAAC,GAAG,IAAI,CAACzB,KAAK;MACd,IAAM0B,WAAW,GAAG,CAACC,GAAG,EAAEC,SAAS,KAAK;QACtC,IAAMC,UAAU,GAAGF,GAAG,KAAKX,UAAU,CAACC,IAAI;QAC1C,oBACE,6BAAC,mBAAU;UACT,SAAS,EAAEW,SAAU;UACrB,IAAI,EAAC,UAAU;UACf,IAAI,EAAC,OAAO;UACZ,OAAO,EACLC,UAAU,GAAGP,yBAAyB,GAAGC,qBAC1C;UACD,QAAQ,EACNM,UAAU,GACNpB,oBAAS,CAACqB,oBAAoB,GAC9BrB,oBAAS,CAACsB,oBACf;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAEAF,UAAU,gBAAG,6BAAC,2BAAS;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG,gBAAG,6BAAC,4BAAU;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG,CACjC;MAEjB,CAAC;MACD,oBACE,6BAAC,cAAK,CAAC,QAAQ;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GACZT,4BAA4B,KAC1BI,uBAAuB,gBACtB,6BAAC,gBAAO;QACN,SAAS,EAAEb,gBAAO,CAACqB,OAAQ;QAC3B,OAAO,EAAER,uBAAwB;QACjC,MAAM,EAAE;UAAES,CAAC,EAAEd;QAAY,CAAE;QAC3B,oBAAkBe,0BAAe,CAACC,cAAe;QACjD,QAAQ,EAAE1B,oBAAS,CAAC2B,qBAAsB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GAEzCV,WAAW,CAACV,UAAU,CAACC,IAAI,CAAC,CACrB,GAEVS,WAAW,CAACV,UAAU,CAACC,IAAI,EAAEN,gBAAO,CAACqB,OAAO,CAC7C,CAAC,EACHX,wBAAwB,KACtBI,mBAAmB,gBAClB,6BAAC,gBAAO;QACN,SAAS,EAAEd,gBAAO,CAAC0B,OAAQ;QAC3B,OAAO,EAAEZ,mBAAoB;QAC7B,MAAM,EAAE;UAAEQ,CAAC,EAAEd;QAAY,CAAE;QAC3B,oBAAkBe,0BAAe,CAACI,cAAe;QACjD,QAAQ,EAAE7B,oBAAS,CAAC8B,qBAAsB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GAEzCb,WAAW,CAACV,UAAU,CAACE,IAAI,CAAC,CACrB,GAEVQ,WAAW,CAACV,UAAU,CAACE,IAAI,EAAEP,gBAAO,CAAC0B,OAAO,CAC7C,CAAC,CACW;IAErB,CAAC;IA1KC,IAAI,CAAC9B,uBAAuB,GAAG,IAAAiC,iBAAQ,EAAC,WAAW,CAAC;EACtD;EA2KAC,MAAM,GAAG;IACP,IAAM;MACJC,QAAQ;MACRC,kBAAkB;MAClBC,gBAAgB;MAChBC,MAAM;MACNC,iBAAiB;MACjBC,YAAY;MACZC,MAAM;MACNC,UAAU;MACVC,MAAM;MACN/C,yBAAyB;MACzBgD,wBAAwB;MACxB/C,cAAc;MACdgD,YAAY;MACZC,WAAW;MACXC,YAAY;MACZC,cAAc;MACdC,QAAQ;MACRC,UAAU;MACVC,eAAe;MACfC,cAAc;MACdC,MAAM;MACNxC,4BAA4B;MAC5BC,wBAAwB;MACxBC,yBAAyB;MACzBC;IACF,CAAC,GAAG,IAAI,CAACvB,KAAK;IAEd,IAAI;MAAE6D;IAAU,CAAC,GAAG,IAAI,CAAC7D,KAAK;IAC9B,IAAM8D,cAAc,GAAGC,wBAAa,CAACpB,kBAAkB,CAAC;IACxD,IAAMqB,UAAU,GAAGD,wBAAa,CAACnB,gBAAgB,CAAC;IAElDiB,SAAS,GAAGf,iBAAiB,IAAIe,SAAS,KAAK,MAAM,GAAG,OAAO,GAAGA,SAAS;IAE3E,IAAMI,WAAW,GAAG;MAClBC,OAAO,EAAE;QACP;QACAC,QAAQ,EAAET,eAAe;QACzBU,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTvB,MAAM,EAAE,IAAAwB,kBAAS,EAACxB,MAAM,EAAE,IAAAyB,cAAM,EAAC,OAAO,CAAC,CAAC;QAC1CC,eAAe,EAAE,IAAI;QAAE;QACvB;QACAC,OAAO,EAAE,MAAM;QACfb,cAAc;QACdE,UAAU;QACVY,SAAS,EAAE3B,UAAU,GAAG,MAAM,GAAG;MACnC,CAAC;MACD4B,OAAO,EAAE;QACP;QACAC,MAAM,EAAE,MAAM;QACdF,SAAS,EAAE9B,iBAAiB,GAAG,MAAM,GAAG,SAAS;QACjDiC,SAAS,EAAEjC,iBAAiB,GAAG,QAAQ,GAAG,SAAS;QACnDD,MAAM;QACNgB,SAAS;QACTmB,KAAK,EAAE,MAAM;QACb;QACAC,uBAAuB,EAAE,OAAO;QAChCC,OAAO,EAAE,MAAM;QACfnC,YAAY;QACZoC,OAAO,EAAE,KAAK;QACd;QACAT,eAAe,EAAE,aAAa;QAC9BU,YAAY,EAAE,KAAK;QACnBjB,QAAQ,EAAE;MACZ;IACF,CAAC;IAED,IAAIV,UAAU,EAAE;MACd4B,mBAAU,CAACC,aAAa,CAAC7B,UAAU,CAAC;IACtC,CAAC,MAAM;MACL4B,mBAAU,CAACC,aAAa,CAAC,MAAM,CAAC;IAClC;IAEA,oBACE;MACE,aAAW5C,QAAS;MACpB,SAAS,EAAE6C,CAAC,IAAI;QACd,IAAMC,MAAM,GAAG;UACbnB,IAAI,EAAE,WAAW;UACjBC,KAAK,EAAE;QACT,CAAC;QACD,IAAIiB,CAAC,IAAIA,CAAC,CAACE,GAAG,KAAKD,MAAM,CAACnB,IAAI,EAAE;UAC9BjD,4BAA4B,IAC1BE,yBAAyB,IACzBA,yBAAyB,EAAE;QAC/B;QACA,IAAIiE,CAAC,IAAIA,CAAC,CAACE,GAAG,KAAKD,MAAM,CAAClB,KAAK,EAAE;UAC/BjD,wBAAwB,IACtBE,qBAAqB,IACrBA,qBAAqB,EAAE;QAC3B;MACF,CAAE;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBAEF,6BAAC,6BAAoB,CAAC,QAAQ;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAC3B;MAAA,IAAC;QAAEmE;MAAkB,CAAC;MAAA,oBACrB,6BAAC,mBAAU;QACT,eAAe,EAAE,IAAAC,WAAE,EACjBhF,gBAAO,CAACiF,IAAI,EACZ;UAAE3C;QAAW,CAAC,0BACGP,QAAQ,EACzB;QACF,MAAM,EAAEQ,MAAO;QACf,yBAAyB,EAAE/C,yBAA0B;QACrD,cAAc,EAAEC,cAAe;QAC/B,WAAW,EAAEiD,WAAY;QACzB,YAAY,EAAED,YAAa;QAC3B,KAAK,EAAEa,WAAY;QACnB,SAAS,EAAEtD,gBAAO,CAACkF,KAAM;QACzB,cAAc,EAAEtC,cAAe;QAC/B,cAAc,EAAEI,cAAe;QAC/B,WAAW,EAAE,KAAM;QACnB,YAAY,EAAEL,YAAa;QAC3B,IAAI,EAAE;UACJwC,UAAU,EAAEC,sBAAU,CAACC,UAAU;UACjCC,WAAW,EAAEF,sBAAU,CAACG;QAC1B,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,gBAEF,6BAAC,8BAAqB;QAAC,QAAQ,EAAE;UAAER;QAAkB,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GACpDxC,MAAM,IAAIC,wBAAwB,IAAI,IAAI,CAAC3C,iBAAiB,EAAE,eAC/D;QACE,mBAAiByC,UAAU,IAAI,IAAK;QACpC,EAAE,EAAE,IAAI,CAAC1C,uBAAwB;QACjC,SAAS,EAAE,IAAAoF,WAAE,EAAChF,gBAAO,CAACwF,iBAAiB,EAAE;UACvCvC;QACF,CAAC,CAAE;QACH,OAAO,EAAE,IAAI,CAAC3D,kBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GAEhC,CAACmB,4BAA4B,IAAIC,wBAAwB,KACxD,IAAI,CAACN,wBAAwB,EAAE,EAChCyC,QAAQ,CACL,CACgB,CACb;IAAA,CACd,CAC6B,CAC5B;EAEV;AACF;AA9TM5D,KAAK,CAOFwG,SAAS,GAAG;EACjB;EACA1D,QAAQ,EAAE2D,kBAAS,CAACC,MAAM;EAC1B;EACApD,MAAM,EAAEmD,kBAAS,CAACE,IAAI,CAACC,UAAU;EACjC;EACAzD,YAAY,EAAEsD,kBAAS,CAACI,MAAM;EAC9B;EACAnD,YAAY,EAAE+C,kBAAS,CAACC,MAAM;EAC9B;EACA9C,QAAQ,EAAE6C,kBAAS,CAACK,GAAG;EACvB;EACA1D,MAAM,EAAEqD,kBAAS,CAACI,MAAM;EACxB;EACAtG,yBAAyB,EAAEkG,kBAAS,CAACE,IAAI;EACzC;EACApD,wBAAwB,EAAEkD,kBAAS,CAACE,IAAI;EACxC;EACAnG,cAAc,EAAEiG,kBAAS,CAACM,IAAI;EAC9B;EACAtD,WAAW,EAAEgD,kBAAS,CAACM,IAAI;EAC3B;EACAvD,YAAY,EAAEiD,kBAAS,CAACM,IAAI;EAC5B;EACAhE,kBAAkB,EAAE0D,kBAAS,CAACO,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;EAC/D;EACAhE,gBAAgB,EAAEyD,kBAAS,CAACO,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;EAC7D;EACArD,cAAc,EAAE8C,kBAAS,CAACI,MAAM;EAChC;EACAxD,UAAU,EAAEoD,kBAAS,CAACE,IAAI;EAC1B;EACAzD,iBAAiB,EAAEuD,kBAAS,CAACE,IAAI;EACjC;EACA1C,SAAS,EAAEwC,kBAAS,CAACC,MAAM;EAC3B;EACAzD,MAAM,EAAEwD,kBAAS,CAACC,MAAM;EACxB;EACA5C,eAAe,EAAE2C,kBAAS,CAACO,KAAK,CAAC,CAC/B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,CACT,CAAC;EACF;EACAjD,cAAc,EAAE0C,kBAAS,CAACM,IAAI;EAC9B;EACAlD,UAAU,EAAE4C,kBAAS,CAACC,MAAM;EAC5B;EACA1C,MAAM,EAAEyC,kBAAS,CAACO,KAAK,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;EACtD;EACAxF,4BAA4B,EAAEiF,kBAAS,CAACE,IAAI;EAC5C;EACAlF,wBAAwB,EAAEgF,kBAAS,CAACE,IAAI;EACxC;EACAjF,yBAAyB,EAAE+E,kBAAS,CAACM,IAAI;EACzC;EACApF,qBAAqB,EAAE8E,kBAAS,CAACM,IAAI;EACrC;EACAnF,uBAAuB,EAAE6E,kBAAS,CAACC,MAAM;EACzC;EACA7E,mBAAmB,EAAE4E,kBAAS,CAACC;AACjC,CAAC;AAtEG1G,KAAK,CAwEFiH,YAAY,GAAG;EACpB9D,YAAY,EAAE,CAAC;EACf5C,yBAAyB,EAAE,KAAK;EAChCgD,wBAAwB,EAAE,KAAK;EAC/BR,kBAAkB,EAAE,QAAQ;EAC5BC,gBAAgB,EAAE,QAAQ;EAC1BW,cAAc,EAAE,GAAG;EACnBN,UAAU,EAAE,IAAI;EAChBH,iBAAiB,EAAE,KAAK;EACxBD,MAAM,EAAE,MAAM;EACdgB,SAAS,EAAE,MAAM;EACjBH,eAAe,EAAE,OAAO;EACxBE,MAAM,EAAE;AACV,CAAC;AAAA,eA2OYhE,KAAK;AAAA"}

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

@@ -31,13 +31,6 @@
   transition: opacity 0.3s value(ease-1), transform 0.3s value(ease-1);
 }
 
-.root :global(.ReactModal__Content--after-open):focus-visible > span > .childrenContainer > div {
-  outline: none;
-  border-color: value(B10);
-  border-radius: var(--borderRadius);
-  box-shadow: 0 0 0 3px value(F00);
-}
-
 .root :global(.ReactModal__Overlay) {
   background: transparent;
   opacity: 1;

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Modal";
+var _namespace_ = "wds_1_1_1_Modal";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Modal__root","childrenContainer":"wds_1_0_4_Modal__childrenContainer","closeButton":"wds_1_0_4_Modal__closeButton","modal":"wds_1_0_4_Modal__modal","navPrev":"wds_1_0_4_Modal__navPrev","navNext":"wds_1_0_4_Modal__navNext"};
+module.exports.classes = {"root":"wds_1_1_1_Modal__root","childrenContainer":"wds_1_1_1_Modal__childrenContainer","closeButton":"wds_1_1_1_Modal__closeButton","modal":"wds_1_1_1_Modal__modal","navPrev":"wds_1_1_1_Modal__navPrev","navNext":"wds_1_1_1_Modal__navNext"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"borderRadius":"--wds_1_0_4_Modal-borderRadius"}; 
+module.exports.vars = {}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_ModalMobileLayout";
+var _namespace_ = "wds_1_1_1_ModalMobileLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_ModalMobileLayout__root","defaultScrollBar":"wds_1_0_4_defaultscrollbar__defaultScrollBar","container":"wds_1_0_4_ModalMobileLayout__container","close":"wds_1_0_4_ModalMobileLayout__close","title":"wds_1_0_4_ModalMobileLayout__title","content":"wds_1_0_4_ModalMobileLayout__content","footer":"wds_1_0_4_ModalMobileLayout__footer"};
+module.exports.classes = {"root":"wds_1_1_1_ModalMobileLayout__root","defaultScrollBar":"wds_1_1_1_defaultscrollbar__defaultScrollBar","container":"wds_1_1_1_ModalMobileLayout__container","close":"wds_1_1_1_ModalMobileLayout__close","title":"wds_1_1_1_ModalMobileLayout__title","content":"wds_1_1_1_ModalMobileLayout__content","footer":"wds_1_1_1_ModalMobileLayout__footer"};
 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_0_4_ModalPreviewLayout";
+var _namespace_ = "wds_1_1_1_ModalPreviewLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_ModalPreviewLayout__root","header":"wds_1_0_4_ModalPreviewLayout__header","title":"wds_1_0_4_ModalPreviewLayout__title","actions":"wds_1_0_4_ModalPreviewLayout__actions","closeButton":"wds_1_0_4_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_0_4_ModalPreviewLayout__innerOverlay","content":"wds_1_0_4_ModalPreviewLayout__content","navigationButton":"wds_1_0_4_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_0_4_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_0_4_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_0_4_ModalPreviewLayout__modalTooltip"};
+module.exports.classes = {"root":"wds_1_1_1_ModalPreviewLayout__root","header":"wds_1_1_1_ModalPreviewLayout__header","title":"wds_1_1_1_ModalPreviewLayout__title","actions":"wds_1_1_1_ModalPreviewLayout__actions","closeButton":"wds_1_1_1_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_1_1_ModalPreviewLayout__innerOverlay","content":"wds_1_1_1_ModalPreviewLayout__content","navigationButton":"wds_1_1_1_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_1_1_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_1_1_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_1_1_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_0_4_ModalSelectorLayout";
+var _namespace_ = "wds_1_1_1_ModalSelectorLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_ModalSelectorLayout__root","modalContent":"wds_1_0_4_ModalSelectorLayout__modalContent"};
+module.exports.classes = {"root":"wds_1_1_1_ModalSelectorLayout__root","modalContent":"wds_1_1_1_ModalSelectorLayout__modalContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_InputWithTags";
+var _namespace_ = "wds_1_1_1_InputWithTags";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_InputWithTags__root","text-medium-normal":"wds_1_0_4_StylableTypography__text-medium-normal","input":"wds_1_0_4_InputWithTags__input","emptyInput":"wds_1_0_4_InputWithTags__emptyInput","selectMode":"wds_1_0_4_InputWithTags__selectMode","inputSuffix":"wds_1_0_4_InputWithTags__inputSuffix","menuArrow":"wds_1_0_4_InputWithTags__menuArrow","sizeSmall":"wds_1_0_4_InputWithTags__sizeSmall","sizeLarge":"wds_1_0_4_InputWithTags__sizeLarge","statusIndicator":"wds_1_0_4_InputWithTags__statusIndicator","suffixes":"wds_1_0_4_InputWithTags__suffixes","hiddenDiv":"wds_1_0_4_InputWithTags__hiddenDiv","smallFont":"wds_1_0_4_InputWithTags__smallFont","tag":"wds_1_0_4_InputWithTags__tag","inputWithTagsContainer":"wds_1_0_4_InputWithTags__inputWithTagsContainer","readOnly":"wds_1_0_4_InputWithTags__readOnly","hasMaxHeight":"wds_1_0_4_InputWithTags__hasMaxHeight","customSuffix":"wds_1_0_4_InputWithTags__customSuffix","tagsContainer":"wds_1_0_4_InputWithTags__tagsContainer","draggedTag":"wds_1_0_4_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_0_4_InputWithTags__draggedTagPlaceholder"};
+module.exports.classes = {"root":"wds_1_1_1_InputWithTags__root","text-medium-normal":"wds_1_1_1_StylableTypography__text-medium-normal","input":"wds_1_1_1_InputWithTags__input","emptyInput":"wds_1_1_1_InputWithTags__emptyInput","selectMode":"wds_1_1_1_InputWithTags__selectMode","inputSuffix":"wds_1_1_1_InputWithTags__inputSuffix","menuArrow":"wds_1_1_1_InputWithTags__menuArrow","sizeSmall":"wds_1_1_1_InputWithTags__sizeSmall","sizeLarge":"wds_1_1_1_InputWithTags__sizeLarge","statusIndicator":"wds_1_1_1_InputWithTags__statusIndicator","suffixes":"wds_1_1_1_InputWithTags__suffixes","hiddenDiv":"wds_1_1_1_InputWithTags__hiddenDiv","smallFont":"wds_1_1_1_InputWithTags__smallFont","tag":"wds_1_1_1_InputWithTags__tag","inputWithTagsContainer":"wds_1_1_1_InputWithTags__inputWithTagsContainer","readOnly":"wds_1_1_1_InputWithTags__readOnly","hasMaxHeight":"wds_1_1_1_InputWithTags__hasMaxHeight","customSuffix":"wds_1_1_1_InputWithTags__customSuffix","tagsContainer":"wds_1_1_1_InputWithTags__tagsContainer","draggedTag":"wds_1_1_1_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_1_1_InputWithTags__draggedTagPlaceholder"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_MultiSelect";
+var _namespace_ = "wds_1_1_1_MultiSelect";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MultiSelect__root","autoSizeInput":"wds_1_0_4_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_1_1_MultiSelect__root","autoSizeInput":"wds_1_1_1_MultiSelect__autoSizeInput"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_MultiSelectCheckbox";
+var _namespace_ = "wds_1_1_1_MultiSelectCheckbox";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_MultiSelectCheckbox__root","showPointer":"wds_1_0_4_MultiSelectCheckbox__showPointer"};
+module.exports.classes = {"root":"wds_1_1_1_MultiSelectCheckbox__root","showPointer":"wds_1_1_1_MultiSelectCheckbox__showPointer"};
 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_0_4_NestableList";
+var _namespace_ = "wds_1_1_1_NestableList";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_NestableList__root","itemWrapper":"wds_1_0_4_NestableList__itemWrapper","item":"wds_1_0_4_NestableList__item","actionItem":"wds_1_0_4_NestableList__actionItem","arrowContainer":"wds_1_0_4_NestableList__arrowContainer","arrow":"wds_1_0_4_NestableList__arrow","horizontalArrow":"wds_1_0_4_NestableList__horizontalArrow","childArrow":"wds_1_0_4_NestableList__childArrow","action":"wds_1_0_4_NestableList__action"};
+module.exports.classes = {"root":"wds_1_1_1_NestableList__root","itemWrapper":"wds_1_1_1_NestableList__itemWrapper","item":"wds_1_1_1_NestableList__item","actionItem":"wds_1_1_1_NestableList__actionItem","arrowContainer":"wds_1_1_1_NestableList__arrowContainer","arrow":"wds_1_1_1_NestableList__arrow","horizontalArrow":"wds_1_1_1_NestableList__horizontalArrow","childArrow":"wds_1_1_1_NestableList__childArrow","action":"wds_1_1_1_NestableList__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_NestableListTheme";
+var _namespace_ = "wds_1_1_1_NestableListTheme";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_NestableListTheme__root","item":"wds_1_0_4_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_1_1_NestableListTheme__root","item":"wds_1_1_1_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Notification";
+var _namespace_ = "wds_1_1_1_Notification";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Notification__root","animatorContent":"wds_1_0_4_Notification__animatorContent","wrapper":"wds_1_0_4_Notification__wrapper","notification":"wds_1_0_4_Notification__notification","animator":"wds_1_0_4_Notification__animator","labelWrapper":"wds_1_0_4_Notification__labelWrapper","label":"wds_1_0_4_Notification__label","button":"wds_1_0_4_Notification__button","textLink":"wds_1_0_4_Notification__textLink","iconStyling":"wds_1_0_4_Notification__iconStyling","closeButton":"wds_1_0_4_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_1_1_Notification__root","animatorContent":"wds_1_1_1_Notification__animatorContent","wrapper":"wds_1_1_1_Notification__wrapper","notification":"wds_1_1_1_Notification__notification","animator":"wds_1_1_1_Notification__animator","labelWrapper":"wds_1_1_1_Notification__labelWrapper","label":"wds_1_1_1_Notification__label","button":"wds_1_1_1_Notification__button","textLink":"wds_1_1_1_Notification__textLink","iconStyling":"wds_1_1_1_Notification__iconStyling","closeButton":"wds_1_1_1_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Page";
+var _namespace_ = "wds_1_1_1_Page";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Page__root","page":"wds_1_0_4_Page__page","scrollableContainer":"wds_1_0_4_Page__scrollableContainer","pageHeaderContainer":"wds_1_0_4_Page__pageHeaderContainer","headerWrapper":"wds_1_0_4_Page__headerWrapper","tail":"wds_1_0_4_Page__tail","contentContainer":"wds_1_0_4_Page__contentContainer","imageBackgroundContainer":"wds_1_0_4_Page__imageBackgroundContainer","imageBackground":"wds_1_0_4_Page__imageBackground","gradientBackground":"wds_1_0_4_Page__gradientBackground","contentHorizontalLayout":"wds_1_0_4_Page__contentHorizontalLayout","contentFloating":"wds_1_0_4_Page__contentFloating","horizontalScroll":"wds_1_0_4_Page__horizontalScroll","sticky":"wds_1_0_4_Page__sticky","stretchVertically":"wds_1_0_4_Page__stretchVertically","fixedFooter":"wds_1_0_4_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_0_4_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_1_1_Page__root","page":"wds_1_1_1_Page__page","scrollableContainer":"wds_1_1_1_Page__scrollableContainer","pageHeaderContainer":"wds_1_1_1_Page__pageHeaderContainer","headerWrapper":"wds_1_1_1_Page__headerWrapper","tail":"wds_1_1_1_Page__tail","contentContainer":"wds_1_1_1_Page__contentContainer","imageBackgroundContainer":"wds_1_1_1_Page__imageBackgroundContainer","imageBackground":"wds_1_1_1_Page__imageBackground","gradientBackground":"wds_1_1_1_Page__gradientBackground","contentHorizontalLayout":"wds_1_1_1_Page__contentHorizontalLayout","contentFloating":"wds_1_1_1_Page__contentFloating","horizontalScroll":"wds_1_1_1_Page__horizontalScroll","sticky":"wds_1_1_1_Page__sticky","stretchVertically":"wds_1_1_1_Page__stretchVertically","fixedFooter":"wds_1_1_1_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_1_1_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"48px","headerBottomPadding":"24px","imageContainerOffset":"30px","pageBottomPadding":"48px","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"18px","minimizedHeaderWrapperBottomPadding":"18px","minimizedHeaderWrapperWithTailBottomPadding":"12px","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"minimizationTop":"--wds_1_0_4_Page-minimizationTop"}; 
+module.exports.vars = {"minimizationTop":"--wds_1_1_1_Page-minimizationTop"}; 
 
 
 

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_0_4_BMPageContainer";
+var _namespace_ = "wds_1_1_1_BMPageContainer";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_BMPageContainer__root","header":"wds_1_0_4_BMPageContainer__header","body":"wds_1_0_4_BMPageContainer__body","sideBar":"wds_1_0_4_BMPageContainer__sideBar","sideBarContent":"wds_1_0_4_BMPageContainer__sideBarContent","rightSide":"wds_1_0_4_BMPageContainer__rightSide","mainContentContainer":"wds_1_0_4_BMPageContainer__mainContentContainer","mainContent":"wds_1_0_4_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_0_4_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_0_4_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_1_1_BMPageContainer__root","header":"wds_1_1_1_BMPageContainer__header","body":"wds_1_1_1_BMPageContainer__body","sideBar":"wds_1_1_1_BMPageContainer__sideBar","sideBarContent":"wds_1_1_1_BMPageContainer__sideBarContent","rightSide":"wds_1_1_1_BMPageContainer__rightSide","mainContentContainer":"wds_1_1_1_BMPageContainer__mainContentContainer","mainContent":"wds_1_1_1_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_1_1_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_1_1_BMPageContainer__withLoadingIndicatorContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_PageStory";
+var _namespace_ = "wds_1_1_1_PageStory";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PageStory__root","backgroundGradient":"wds_1_0_4_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_0_4_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_1_1_PageStory__root","backgroundGradient":"wds_1_1_1_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_1_1_PageStory__backgroundGradientDark"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_0_4_testExamples";
+var _namespace_ = "wds_1_1_1_testExamples";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_testExamples__root","defaultScrollBar":"wds_1_0_4_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_0_4_testExamples__pageContainer","withFixedScrollBar":"wds_1_0_4_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_0_4_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_1_1_testExamples__root","defaultScrollBar":"wds_1_1_1_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_1_1_testExamples__pageContainer","withFixedScrollBar":"wds_1_1_1_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_1_1_testExamples__backgroundGradient"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};