@wix/design-system 1.2.0 → 1.4.0

package/dist/cjs/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tooltip","forwardRef","ref","onShow","onHide","size","className","placement","exitDelay","enterDelay","moveArrowTo","appendTo","flip","fixed","maxWidth","fluid","moveBy","disabled","children","zIndex","textAlign","content","ariaDescribedBy","rest","shown","setShown","useState","useImperativeHandle","open","close","useCallback","isDisabled","useMemo","undefined","props","onFocus","event","handlers","focusableHOC","focus","target","process","env","NODE_ENV","Element","matches","blur","e","onBlur","_event","triggerElement","React","isValidElement","cloneElement","contentElement","textSize","textWeight","dataHooks","tooltipText","st","classes","root","TIMEOUT","defaultProps","displayName","propTypes","dataHook","PropTypes","string","oneOfType","node","func","oneOf","number","shape","x","y","element","bool"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useImperativeHandle,\n  forwardRef,\n  useMemo,\n  useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '../Popover';\nimport RawText from '../Text/RawText';\n\nimport { dataHooks, TIMEOUT } from './constants';\nimport type { TooltipProps, TooltipActions } from './Tooltip.types';\n\nimport { st, classes } from './Tooltip.st.css';\n\nconst Tooltip = forwardRef<TooltipActions, TooltipProps>(\n  (\n    {\n      onShow,\n      onHide,\n      size,\n      className,\n      placement,\n      exitDelay,\n      enterDelay,\n      moveArrowTo,\n      appendTo,\n      flip,\n      fixed,\n      maxWidth,\n      fluid,\n      moveBy,\n      disabled,\n      children,\n      zIndex,\n      textAlign,\n      content,\n      'aria-describedby': ariaDescribedBy,\n      ...rest\n    }: TooltipProps,\n    ref,\n  ) => {\n    const [shown, setShown] = useState(false);\n\n    useImperativeHandle(ref, () => ({ open, close }));\n\n    const open = useCallback(() => {\n      setShown(true);\n      onShow?.();\n    }, [onShow]);\n\n    const close = useCallback(() => {\n      setShown(false);\n      onHide?.();\n    }, [onHide]);\n\n    const isDisabled = useMemo(\n      () =>\n        disabled === undefined\n          ? // @ts-expect-error\n            children?.props && children?.props?.disabled\n          : disabled,\n      [children, disabled],\n    );\n\n    const onFocus = useCallback(\n      (\n        event: React.MouseEvent,\n        handlers?: { focus: () => void; blur: () => void },\n      ) => {\n        const focusableHOC = handlers && handlers.focus;\n        const target = event.target;\n\n        try {\n          if (\n            process.env.NODE_ENV !== 'test' &&\n            target instanceof Element &&\n            !target.matches(':focus-visible')\n          ) {\n            handlers?.blur();\n            return;\n          }\n        } catch (e) {\n          // browser does not support `matches(':focus-visible')` fallback to original focus behavior\n        }\n\n        open();\n        return focusableHOC ? handlers.focus() : null;\n      },\n      [open],\n    );\n\n    const onBlur = useCallback(\n      (_event: React.MouseEvent, handlers?: { blur: () => void }) => {\n        const focusableHOC = handlers && handlers.blur;\n        close();\n        return focusableHOC ? handlers.blur() : null;\n      },\n      [close],\n    );\n\n    const triggerElement = useMemo(() => {\n      if (typeof children === 'string' || !children) {\n        return children;\n      }\n\n      if (React.isValidElement(children)) {\n        return React.cloneElement(children as any, {\n          onFocus: isDisabled ? undefined : onFocus,\n          onBlur: isDisabled ? undefined : onBlur,\n          'aria-describedby': ariaDescribedBy,\n        });\n      }\n\n      if (typeof children === 'function') {\n        return children({\n          onFocus,\n          onBlur,\n        });\n      }\n    }, [children, isDisabled, onFocus, onBlur, ariaDescribedBy]);\n\n    const contentElement = useMemo(() => {\n      const textSize = size === 'small' ? 'tiny' : 'small';\n      const textWeight = size === 'small' ? 'normal' : 'thin';\n\n      return (\n        <div style={{ textAlign }}>\n          {typeof content === 'string' ? (\n            // @ts-ignore\n            <RawText\n              dataHook={dataHooks.tooltipText}\n              size={textSize}\n              weight={textWeight}\n              light\n            >\n              {content}\n            </RawText>\n          ) : (\n            content\n          )}\n        </div>\n      );\n    }, [content, textAlign, size]);\n\n    return (\n      <Popover\n        role=\"tooltip\"\n        showArrow={size !== 'small'}\n        className={st(classes.root, { size }, className)}\n        placement={placement}\n        shown={isDisabled ? false : shown}\n        onMouseEnter={isDisabled ? undefined : open}\n        onMouseLeave={close}\n        onClickOutside={close}\n        data-size={size}\n        hideDelay={exitDelay}\n        showDelay={enterDelay}\n        moveBy={moveBy}\n        moveArrowTo={moveArrowTo}\n        appendTo={appendTo}\n        id={ariaDescribedBy}\n        flip={flip}\n        fixed={fixed}\n        maxWidth={maxWidth}\n        fluid={fluid}\n        disableClickOutsideWhenClosed\n        zIndex={zIndex}\n        {...rest}\n        theme=\"dark\"\n        timeout={TIMEOUT}\n      >\n        <Popover.Element>{triggerElement}</Popover.Element>\n        <Popover.Content>{contentElement}</Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nTooltip.defaultProps = {\n  placement: 'top',\n  appendTo: 'window',\n  onShow: () => ({}),\n  onHide: () => ({}),\n  enterDelay: 0,\n  exitDelay: 0,\n  maxWidth: 204,\n  flip: true,\n  fixed: false,\n  textAlign: 'start',\n  size: 'medium',\n  zIndex: 6000,\n  content: '',\n};\n\nTooltip.displayName = 'Tooltip';\n\nTooltip.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  content: PropTypes.node,\n  textAlign: PropTypes.oneOf(['start', 'center']),\n  enterDelay: PropTypes.number,\n  exitDelay: PropTypes.number,\n  // @ts-expect-error\n  moveBy: PropTypes.shape({\n    x: PropTypes.number,\n    y: PropTypes.number,\n  }),\n  moveArrowTo: PropTypes.number,\n  // @ts-expect-error\n  appendTo: PropTypes.oneOfType([\n    PropTypes.oneOf(['window', 'scrollParent', 'viewport', 'parent']),\n    PropTypes.element,\n    PropTypes.func,\n  ]),\n  flip: PropTypes.bool,\n  fixed: PropTypes.bool,\n  maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  onShow: PropTypes.func,\n  onHide: PropTypes.func,\n  placement: PropTypes.oneOf([\n    'auto-start',\n    'auto',\n    'auto-end',\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ]),\n  disabled: PropTypes.bool,\n  size: PropTypes.oneOf(['small', 'medium']),\n  'aria-describedby': PropTypes.string,\n  zIndex: PropTypes.number,\n  fluid: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"mappings":"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"}
+{"version":3,"names":["Tooltip","forwardRef","ref","onShow","onHide","size","className","placement","exitDelay","enterDelay","moveArrowTo","appendTo","flip","fixed","maxWidth","fluid","moveBy","disabled","children","zIndex","textAlign","content","ariaDescribedBy","rest","shown","setShown","useState","useImperativeHandle","open","close","useCallback","isDisabled","useMemo","undefined","props","onFocus","event","handlers","focusableHOC","focus","target","process","env","NODE_ENV","Element","matches","blur","e","onBlur","_event","triggerElement","React","isValidElement","cloneElement","contentElement","textSize","textWeight","dataHooks","tooltipText","st","classes","root","TIMEOUT","defaultProps","displayName","propTypes","dataHook","PropTypes","string","oneOfType","node","func","oneOf","number","shape","x","y","element","bool"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useImperativeHandle,\n  forwardRef,\n  useMemo,\n  useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '../Popover';\nimport RawText from '../Text/RawText';\n\nimport { dataHooks, TIMEOUT } from './constants';\nimport type { TooltipProps, TooltipActions } from './Tooltip.types';\n\nimport { st, classes } from './Tooltip.st.css';\n\nconst Tooltip = forwardRef<TooltipActions, TooltipProps>(\n  (\n    {\n      onShow,\n      onHide,\n      size,\n      className,\n      placement,\n      exitDelay,\n      enterDelay,\n      moveArrowTo,\n      appendTo,\n      flip,\n      fixed,\n      maxWidth,\n      fluid,\n      moveBy,\n      disabled,\n      children,\n      zIndex,\n      textAlign,\n      content,\n      'aria-describedby': ariaDescribedBy,\n      ...rest\n    }: TooltipProps,\n    ref,\n  ) => {\n    const [shown, setShown] = useState(false);\n\n    useImperativeHandle(ref, () => ({ open, close }));\n\n    const open = useCallback(() => {\n      setShown(true);\n      onShow?.();\n    }, [onShow]);\n\n    const close = useCallback(() => {\n      setShown(false);\n      onHide?.();\n    }, [onHide]);\n\n    const isDisabled = useMemo(\n      () =>\n        disabled === undefined\n          ? // @ts-expect-error\n            children?.props && children?.props?.disabled\n          : disabled,\n      [children, disabled],\n    );\n\n    const onFocus = useCallback(\n      (\n        event: React.MouseEvent,\n        handlers?: { focus: () => void; blur: () => void },\n      ) => {\n        const focusableHOC = handlers && handlers.focus;\n        const target = event.target;\n\n        try {\n          if (\n            process.env.NODE_ENV !== 'test' &&\n            target instanceof Element &&\n            !target.matches(':focus-visible')\n          ) {\n            handlers?.blur();\n            return;\n          }\n        } catch (e) {\n          // browser does not support `matches(':focus-visible')` fallback to original focus behavior\n        }\n\n        open();\n        return focusableHOC ? handlers.focus() : null;\n      },\n      [open],\n    );\n\n    const onBlur = useCallback(\n      (_event: React.MouseEvent, handlers?: { blur: () => void }) => {\n        const focusableHOC = handlers && handlers.blur;\n        close();\n        return focusableHOC ? handlers.blur() : null;\n      },\n      [close],\n    );\n\n    const triggerElement = useMemo(() => {\n      if (typeof children === 'string' || !children) {\n        return children;\n      }\n\n      if (React.isValidElement(children)) {\n        return React.cloneElement(children as any, {\n          onFocus: isDisabled ? undefined : onFocus,\n          onBlur: isDisabled ? undefined : onBlur,\n          'aria-describedby': ariaDescribedBy,\n        });\n      }\n\n      if (typeof children === 'function') {\n        return children({\n          onFocus,\n          onBlur,\n        });\n      }\n\n      return;\n    }, [children, isDisabled, onFocus, onBlur, ariaDescribedBy]);\n\n    const contentElement = useMemo(() => {\n      const textSize = size === 'small' ? 'tiny' : 'small';\n      const textWeight = size === 'small' ? 'normal' : 'thin';\n\n      return (\n        <div style={{ textAlign }}>\n          {typeof content === 'string' ? (\n            // @ts-ignore\n            <RawText\n              dataHook={dataHooks.tooltipText}\n              size={textSize}\n              weight={textWeight}\n              light\n            >\n              {content}\n            </RawText>\n          ) : (\n            content\n          )}\n        </div>\n      );\n    }, [content, textAlign, size]);\n\n    return (\n      <Popover\n        role=\"tooltip\"\n        showArrow={size !== 'small'}\n        className={st(classes.root, { size }, className)}\n        placement={placement}\n        shown={isDisabled ? false : shown}\n        onMouseEnter={isDisabled ? undefined : open}\n        onMouseLeave={close}\n        onClickOutside={close}\n        data-size={size}\n        hideDelay={exitDelay}\n        showDelay={enterDelay}\n        moveBy={moveBy}\n        moveArrowTo={moveArrowTo}\n        appendTo={appendTo}\n        id={ariaDescribedBy}\n        flip={flip}\n        fixed={fixed}\n        maxWidth={maxWidth}\n        fluid={fluid}\n        disableClickOutsideWhenClosed\n        zIndex={zIndex}\n        {...rest}\n        theme=\"dark\"\n        timeout={TIMEOUT}\n      >\n        <Popover.Element>{triggerElement}</Popover.Element>\n        <Popover.Content>{contentElement}</Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nTooltip.defaultProps = {\n  placement: 'top',\n  appendTo: 'window',\n  onShow: () => ({}),\n  onHide: () => ({}),\n  enterDelay: 0,\n  exitDelay: 0,\n  maxWidth: 204,\n  flip: true,\n  fixed: false,\n  textAlign: 'start',\n  size: 'medium',\n  zIndex: 6000,\n  content: '',\n};\n\nTooltip.displayName = 'Tooltip';\n\nTooltip.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  content: PropTypes.node,\n  textAlign: PropTypes.oneOf(['start', 'center']),\n  enterDelay: PropTypes.number,\n  exitDelay: PropTypes.number,\n  // @ts-expect-error\n  moveBy: PropTypes.shape({\n    x: PropTypes.number,\n    y: PropTypes.number,\n  }),\n  moveArrowTo: PropTypes.number,\n  // @ts-expect-error\n  appendTo: PropTypes.oneOfType([\n    PropTypes.oneOf(['window', 'scrollParent', 'viewport', 'parent']),\n    PropTypes.element,\n    PropTypes.func,\n  ]),\n  flip: PropTypes.bool,\n  fixed: PropTypes.bool,\n  maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  onShow: PropTypes.func,\n  onHide: PropTypes.func,\n  placement: PropTypes.oneOf([\n    'auto-start',\n    'auto',\n    'auto-end',\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ]),\n  disabled: PropTypes.bool,\n  size: PropTypes.oneOf(['small', 'medium']),\n  'aria-describedby': PropTypes.string,\n  zIndex: PropTypes.number,\n  fluid: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_Tooltip";
+var _namespace_ = "wds_1_4_0_Tooltip";
 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_2_0_Tooltip__root","text-small-normal":"wds_1_2_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_2_0_StylableTypography__text-tiny-thin"};
+module.exports.classes = {"root":"wds_1_4_0_Tooltip__root","text-small-normal":"wds_1_4_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_4_0_StylableTypography__text-tiny-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_TrendIndicator";
+var _namespace_ = "wds_1_4_0_TrendIndicator";
 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_2_0_TrendIndicator__root","caption-1":"wds_1_2_0_StylableTypography__caption-1","caption":"wds_1_2_0_TrendIndicator__caption","icon":"wds_1_2_0_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_4_0_TrendIndicator__root","caption-1":"wds_1_4_0_StylableTypography__caption-1","caption":"wds_1_4_0_TrendIndicator__caption","icon":"wds_1_4_0_TrendIndicator__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_VariableInput";
+var _namespace_ = "wds_1_4_0_VariableInput";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_2_0_VariableInput__root","text-small-normal":"wds_1_2_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_2_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_2_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_2_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_2_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_2_0_VariableInput__tagWrapper","textWrapper":"wds_1_2_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_2_0_VariableInput__indicatorWrapper"};
+module.exports.classes = {"root":"wds_1_4_0_VariableInput__root","text-small-normal":"wds_1_4_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_4_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_4_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_4_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_4_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_4_0_VariableInput__tagWrapper","textWrapper":"wds_1_4_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_4_0_VariableInput__indicatorWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"rows":"--wds_1_2_0_VariableInput-rows","rowHeight":"--wds_1_2_0_VariableInput-rowHeight","contentHeight":"--wds_1_2_0_VariableInput-contentHeight"}; 
+module.exports.vars = {"rows":"--wds_1_4_0_VariableInput-rows","rowHeight":"--wds_1_4_0_VariableInput-rowHeight","contentHeight":"--wds_1_4_0_VariableInput-contentHeight"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_VerticalTabs";
+var _namespace_ = "wds_1_4_0_VerticalTabs";
 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_2_0_VerticalTabs__root","number":"wds_1_2_0_VerticalTabs__number","button":"wds_1_2_0_VerticalTabs__button"};
+module.exports.classes = {"root":"wds_1_4_0_VerticalTabs__root","number":"wds_1_4_0_VerticalTabs__number","button":"wds_1_4_0_VerticalTabs__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_VerticalTabsItem";
+var _namespace_ = "wds_1_4_0_VerticalTabsItem";
 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_2_0_VerticalTabsItem__root","text":"wds_1_2_0_VerticalTabsItem__text","textButton":"wds_1_2_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_2_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_2_0_VerticalTabsItem__suffixIcon"};
+module.exports.classes = {"root":"wds_1_4_0_VerticalTabsItem__root","text":"wds_1_4_0_VerticalTabsItem__text","textButton":"wds_1_4_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_4_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_4_0_VerticalTabsItem__suffixIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.WixStyleReactMaskingProvider = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _wixDesignSystemsProviders = require("wix-design-systems-providers");
@@ -20,10 +20,11 @@ var WixStyleReactMaskingProvider = _ref => {
     }
   }, children);
 };
-exports.WixStyleReactMaskingProvider = WixStyleReactMaskingProvider;
 WixStyleReactMaskingProvider.displayName = 'WixStyleReactMaskingProvider';
 WixStyleReactMaskingProvider.propTypes = {
   /** any content to be displayed */
   children: _propTypes.default.node
 };
+var _default = WixStyleReactMaskingProvider;
+exports.default = _default;
 //# sourceMappingURL=WixStyleReactMaskingProvider.js.map

package/dist/cjs/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["WixStyleReactMaskingProvider","children","displayName","propTypes","PropTypes","node"],"sources":["../../../src/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { WixStyleReactMaskingProviderProps } from './WixStyleReactMaskingProvider.types';\n\nimport { WixDesignSystemsMaskingProvider } from 'wix-design-systems-providers';\n\nexport const WixStyleReactMaskingProvider = ({\n  children,\n}: WixStyleReactMaskingProviderProps): ReactElement => (\n  <WixDesignSystemsMaskingProvider>{children}</WixDesignSystemsMaskingProvider>\n);\n\nWixStyleReactMaskingProvider.displayName = 'WixStyleReactMaskingProvider';\n\nWixStyleReactMaskingProvider.propTypes = {\n  /** any content to be displayed */\n  children: PropTypes.node,\n};\n"],"mappings":";;;;;AAAA;AACA;AAGA;AAA+E;AAExE,IAAMA,4BAA4B,GAAG;EAAA,IAAC;IAC3CC;EACiC,CAAC;EAAA,oBAClC,6BAAC,0DAA+B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAEA,QAAQ,CAAmC;AAAA,CAC9E;AAAC;AAEFD,4BAA4B,CAACE,WAAW,GAAG,8BAA8B;AAEzEF,4BAA4B,CAACG,SAAS,GAAG;EACvC;EACAF,QAAQ,EAAEG,kBAAS,CAACC;AACtB,CAAC"}
+{"version":3,"names":["WixStyleReactMaskingProvider","children","displayName","propTypes","PropTypes","node"],"sources":["../../../src/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { WixStyleReactMaskingProviderProps } from './WixStyleReactMaskingProvider.types';\n\nimport { WixDesignSystemsMaskingProvider } from 'wix-design-systems-providers';\n\nconst WixStyleReactMaskingProvider = ({\n  children,\n}: WixStyleReactMaskingProviderProps): ReactElement => (\n  <WixDesignSystemsMaskingProvider>{children}</WixDesignSystemsMaskingProvider>\n);\n\nWixStyleReactMaskingProvider.displayName = 'WixStyleReactMaskingProvider';\n\nWixStyleReactMaskingProvider.propTypes = {\n  /** any content to be displayed */\n  children: PropTypes.node,\n};\n\nexport default WixStyleReactMaskingProvider;\n"],"mappings":";;;;;AAAA;AACA;AAGA;AAA+E;AAE/E,IAAMA,4BAA4B,GAAG;EAAA,IAAC;IACpCC;EACiC,CAAC;EAAA,oBAClC,6BAAC,0DAA+B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAEA,QAAQ,CAAmC;AAAA,CAC9E;AAEDD,4BAA4B,CAACE,WAAW,GAAG,8BAA8B;AAEzEF,4BAA4B,CAACG,SAAS,GAAG;EACvC;EACAF,QAAQ,EAAEG,kBAAS,CAACC;AACtB,CAAC;AAAC,eAEaL,4BAA4B;AAAA"}

package/dist/cjs/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.meta.js.map

@@ -1 +1 @@
-{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.meta.tsx"],"sourcesContent":["import { WixStyleReactMaskingProviderProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: WixStyleReactMaskingProviderProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as WixStyleReactMaskingProviderProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAgD,GAAG,CAAC,CAAC;;AAElE;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.meta.tsx"],"sourcesContent":["import { WixStyleReactMaskingProviderProps } from './WixStyleReactMaskingProvider.types';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: WixStyleReactMaskingProviderProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as WixStyleReactMaskingProviderProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAgD,GAAG,CAAC,CAAC;;AAElE;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type WixStyleReactMaskingProviderProps = {\n  children?: React.ReactNode;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["../../../src/WixStyleReactMaskingProvider/WixStyleReactMaskingProvider.types.ts"],"sourcesContent":["import React from 'react';\n\nexport interface WixStyleReactMaskingProviderProps {\n  children?: React.ReactNode;\n}\n"],"mappings":""}

package/dist/cjs/WixStyleReactMaskingProvider/index.js

@@ -1,10 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.WixStyleReactMaskingProviderProps = void 0;
-var _WixStyleReactMaskingProvider = require("./WixStyleReactMaskingProvider");
+var _exportNames = {};
+exports.default = void 0;
+var _WixStyleReactMaskingProvider = _interopRequireDefault(require("./WixStyleReactMaskingProvider"));
+exports.default = _WixStyleReactMaskingProvider.default;
 var _WixStyleReactMaskingProvider2 = require("./WixStyleReactMaskingProvider.types");
-exports.WixStyleReactMaskingProviderProps = _WixStyleReactMaskingProvider2.WixStyleReactMaskingProviderProps;
-var _default = _WixStyleReactMaskingProvider.WixStyleReactMaskingProvider;
-exports.default = _default;
+Object.keys(_WixStyleReactMaskingProvider2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WixStyleReactMaskingProvider2[key]) return;
+  exports[key] = _WixStyleReactMaskingProvider2[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/WixStyleReactMaskingProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["WixStyleReactMaskingProvider"],"sources":["../../../src/WixStyleReactMaskingProvider/index.ts"],"sourcesContent":["import { WixStyleReactMaskingProvider } from './WixStyleReactMaskingProvider';\n\nexport { WixStyleReactMaskingProviderProps } from './WixStyleReactMaskingProvider.types';\nexport default WixStyleReactMaskingProvider;\n"],"mappings":";;;;AAAA;AAEA;AAAyF;AAAA,eAC1EA,0DAA4B;AAAA"}
+{"version":3,"names":[],"sources":["../../../src/WixStyleReactMaskingProvider/index.ts"],"sourcesContent":["export { default } from './WixStyleReactMaskingProvider';\nexport * from './WixStyleReactMaskingProvider.types';\n"],"mappings":";;;;;;AAAA;AAAyD;AACzD;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/WixStyleReactProvider/madefor.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_madefor";
+var _namespace_ = "wds_1_4_0_madefor";
 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_2_0_madefor__root","madefor":"wds_1_2_0_madefor__madefor"};
+module.exports.classes = {"root":"wds_1_4_0_madefor__root","madefor":"wds_1_4_0_madefor__madefor"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixStyleReactProvider/newColorsBranding.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_newColorsBranding";
+var _namespace_ = "wds_1_4_0_newColorsBranding";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_2_0_newColorsBranding__root"};
+module.exports.classes = {"root":"wds_1_4_0_newColorsBranding__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wsr-color-D10":"--wsr-color-D10","wsr-color-D20":"--wsr-color-D20","wsr-color-D30":"--wsr-color-D30","wsr-color-D40":"--wsr-color-D40","wsr-color-D50":"--wsr-color-D50","wsr-color-D55":"--wsr-color-D55","wsr-color-D60":"--wsr-color-D60","wsr-color-D70":"--wsr-color-D70","wsr-color-D80":"--wsr-color-D80","wsr-color-B00":"--wsr-color-B00","wsr-color-B05":"--wsr-color-B05","wsr-color-B10":"--wsr-color-B10","wsr-color-B20":"--wsr-color-B20","wsr-color-B30":"--wsr-color-B30","wsr-color-B40":"--wsr-color-B40","wsr-color-B50":"--wsr-color-B50","wsr-color-B60":"--wsr-color-B60","wsr-color-R00":"--wsr-color-R00","wsr-color-R05":"--wsr-color-R05","wsr-color-R10":"--wsr-color-R10","wsr-color-R20":"--wsr-color-R20","wsr-color-R30":"--wsr-color-R30","wsr-color-R40":"--wsr-color-R40","wsr-color-R50":"--wsr-color-R50","wsr-color-R60":"--wsr-color-R60","wsr-color-P00":"--wsr-color-P00","wsr-color-P05":"--wsr-color-P05","wsr-color-P10":"--wsr-color-P10","wsr-color-P20":"--wsr-color-P20","wsr-color-P30":"--wsr-color-P30","wsr-color-P40":"--wsr-color-P40","wsr-color-P50":"--wsr-color-P50","wsr-color-P60":"--wsr-color-P60","wsr-color-G00":"--wsr-color-G00","wsr-color-G05":"--wsr-color-G05","wsr-color-G10":"--wsr-color-G10","wsr-color-G20":"--wsr-color-G20","wsr-color-G30":"--wsr-color-G30","wsr-color-G40":"--wsr-color-G40","wsr-color-G50":"--wsr-color-G50","wsr-color-G60":"--wsr-color-G60","wsr-color-Y00":"--wsr-color-Y00","wsr-color-Y05":"--wsr-color-Y05","wsr-color-Y10":"--wsr-color-Y10","wsr-color-Y20":"--wsr-color-Y20","wsr-color-Y30":"--wsr-color-Y30","wsr-color-Y40":"--wsr-color-Y40","wsr-color-Y50":"--wsr-color-Y50","wsr-color-Y60":"--wsr-color-Y60","wsr-color-O00":"--wsr-color-O00","wsr-color-O10":"--wsr-color-O10","wsr-color-O20":"--wsr-color-O20","wsr-color-F00":"--wsr-color-F00","wsr-color-A1":"--wsr-color-A1","wsr-color-A2":"--wsr-color-A2","wsr-color-A3":"--wsr-color-A3","wsr-color-A4":"--wsr-color-A4","wsr-color-A5":"--wsr-color-A5","wsr-color-A6":"--wsr-color-A6","wsr-color-B1":"--wsr-color-B1","wsr-color-B2":"--wsr-color-B2","wsr-color-B3":"--wsr-color-B3","wsr-color-B4":"--wsr-color-B4","wsr-color-C1":"--wsr-color-C1","wsr-color-C2":"--wsr-color-C2","wsr-color-C3":"--wsr-color-C3","wsr-color-C4":"--wsr-color-C4","wsr-color-D10-03":"--wsr-color-D10-03","wsr-color-D10-05":"--wsr-color-D10-05","wsr-color-D10-06":"--wsr-color-D10-06","wsr-color-D10-10":"--wsr-color-D10-10","wsr-color-D10-12":"--wsr-color-D10-12","wsr-color-D10-18":"--wsr-color-D10-18","wsr-color-D10-20":"--wsr-color-D10-20","wsr-color-D10-24":"--wsr-color-D10-24","wsr-color-D10-30":"--wsr-color-D10-30","wsr-color-D10-36":"--wsr-color-D10-36","wsr-color-D10-42":"--wsr-color-D10-42","wsr-color-D10-66":"--wsr-color-D10-66","wsr-color-D10-90":"--wsr-color-D10-90","wsr-color-D10-96":"--wsr-color-D10-96","wsr-color-D20-48":"--wsr-color-D20-48","wsr-color-D20-54":"--wsr-color-D20-54","wsr-color-D20-60":"--wsr-color-D20-60","wsr-color-D20-72":"--wsr-color-D20-72","wsr-color-D40-20":"--wsr-color-D40-20","wsr-color-D80-10":"--wsr-color-D80-10","wsr-color-D80-20":"--wsr-color-D80-20","wsr-color-D80-30":"--wsr-color-D80-30","wsr-color-D80-48":"--wsr-color-D80-48","wsr-color-D80-50":"--wsr-color-D80-50","wsr-color-D80-60":"--wsr-color-D80-60","wsr-color-D80-70":"--wsr-color-D80-70","wsr-color-B00-24":"--wsr-color-B00-24","wsr-color-B00-42":"--wsr-color-B00-42","wsr-color-B00-48":"--wsr-color-B00-48","wsr-color-B10-18":"--wds_1_2_0_newColorsBranding-wsr-color-B10-18"}; 
+module.exports.vars = {"wsr-color-D10":"--wsr-color-D10","wsr-color-D20":"--wsr-color-D20","wsr-color-D30":"--wsr-color-D30","wsr-color-D40":"--wsr-color-D40","wsr-color-D50":"--wsr-color-D50","wsr-color-D55":"--wsr-color-D55","wsr-color-D60":"--wsr-color-D60","wsr-color-D70":"--wsr-color-D70","wsr-color-D80":"--wsr-color-D80","wsr-color-B00":"--wsr-color-B00","wsr-color-B05":"--wsr-color-B05","wsr-color-B10":"--wsr-color-B10","wsr-color-B20":"--wsr-color-B20","wsr-color-B30":"--wsr-color-B30","wsr-color-B40":"--wsr-color-B40","wsr-color-B50":"--wsr-color-B50","wsr-color-B60":"--wsr-color-B60","wsr-color-R00":"--wsr-color-R00","wsr-color-R05":"--wsr-color-R05","wsr-color-R10":"--wsr-color-R10","wsr-color-R20":"--wsr-color-R20","wsr-color-R30":"--wsr-color-R30","wsr-color-R40":"--wsr-color-R40","wsr-color-R50":"--wsr-color-R50","wsr-color-R60":"--wsr-color-R60","wsr-color-P00":"--wsr-color-P00","wsr-color-P05":"--wsr-color-P05","wsr-color-P10":"--wsr-color-P10","wsr-color-P20":"--wsr-color-P20","wsr-color-P30":"--wsr-color-P30","wsr-color-P40":"--wsr-color-P40","wsr-color-P50":"--wsr-color-P50","wsr-color-P60":"--wsr-color-P60","wsr-color-G00":"--wsr-color-G00","wsr-color-G05":"--wsr-color-G05","wsr-color-G10":"--wsr-color-G10","wsr-color-G20":"--wsr-color-G20","wsr-color-G30":"--wsr-color-G30","wsr-color-G40":"--wsr-color-G40","wsr-color-G50":"--wsr-color-G50","wsr-color-G60":"--wsr-color-G60","wsr-color-Y00":"--wsr-color-Y00","wsr-color-Y05":"--wsr-color-Y05","wsr-color-Y10":"--wsr-color-Y10","wsr-color-Y20":"--wsr-color-Y20","wsr-color-Y30":"--wsr-color-Y30","wsr-color-Y40":"--wsr-color-Y40","wsr-color-Y50":"--wsr-color-Y50","wsr-color-Y60":"--wsr-color-Y60","wsr-color-O00":"--wsr-color-O00","wsr-color-O10":"--wsr-color-O10","wsr-color-O20":"--wsr-color-O20","wsr-color-F00":"--wsr-color-F00","wsr-color-A1":"--wsr-color-A1","wsr-color-A2":"--wsr-color-A2","wsr-color-A3":"--wsr-color-A3","wsr-color-A4":"--wsr-color-A4","wsr-color-A5":"--wsr-color-A5","wsr-color-A6":"--wsr-color-A6","wsr-color-B1":"--wsr-color-B1","wsr-color-B2":"--wsr-color-B2","wsr-color-B3":"--wsr-color-B3","wsr-color-B4":"--wsr-color-B4","wsr-color-C1":"--wsr-color-C1","wsr-color-C2":"--wsr-color-C2","wsr-color-C3":"--wsr-color-C3","wsr-color-C4":"--wsr-color-C4","wsr-color-D10-03":"--wsr-color-D10-03","wsr-color-D10-05":"--wsr-color-D10-05","wsr-color-D10-06":"--wsr-color-D10-06","wsr-color-D10-10":"--wsr-color-D10-10","wsr-color-D10-12":"--wsr-color-D10-12","wsr-color-D10-18":"--wsr-color-D10-18","wsr-color-D10-20":"--wsr-color-D10-20","wsr-color-D10-24":"--wsr-color-D10-24","wsr-color-D10-30":"--wsr-color-D10-30","wsr-color-D10-36":"--wsr-color-D10-36","wsr-color-D10-42":"--wsr-color-D10-42","wsr-color-D10-66":"--wsr-color-D10-66","wsr-color-D10-90":"--wsr-color-D10-90","wsr-color-D10-96":"--wsr-color-D10-96","wsr-color-D20-48":"--wsr-color-D20-48","wsr-color-D20-54":"--wsr-color-D20-54","wsr-color-D20-60":"--wsr-color-D20-60","wsr-color-D20-72":"--wsr-color-D20-72","wsr-color-D40-20":"--wsr-color-D40-20","wsr-color-D80-10":"--wsr-color-D80-10","wsr-color-D80-20":"--wsr-color-D80-20","wsr-color-D80-30":"--wsr-color-D80-30","wsr-color-D80-48":"--wsr-color-D80-48","wsr-color-D80-50":"--wsr-color-D80-50","wsr-color-D80-60":"--wsr-color-D80-60","wsr-color-D80-70":"--wsr-color-D80-70","wsr-color-B00-24":"--wsr-color-B00-24","wsr-color-B00-42":"--wsr-color-B00-42","wsr-color-B00-48":"--wsr-color-B00-48","wsr-color-B10-18":"--wds_1_4_0_newColorsBranding-wsr-color-B10-18"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_2_0_colors";
+var _namespace_ = "wds_1_4_0_colors";
 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_2_0_colors__root"};
+module.exports.classes = {"root":"wds_1_4_0_colors__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/Ellipsis/Ellipsis.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_2_0_Ellipsis";
+var _namespace_ = "wds_1_4_0_Ellipsis";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_2_0_Ellipsis__root","text":"wds_1_2_0_Ellipsis__text","tooltip":"wds_1_2_0_Ellipsis__tooltip"};
+module.exports.classes = {"root":"wds_1_4_0_Ellipsis__root","text":"wds_1_4_0_Ellipsis__text","tooltip":"wds_1_4_0_Ellipsis__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_2_0_Ellipsis-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_4_0_Ellipsis-maxLines"}; 
 
 
 

package/dist/cjs/common/FluidColumns/FluidColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_2_0_FluidColumns";
+var _namespace_ = "wds_1_4_0_FluidColumns";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_2_0_FluidColumns__root","item":"wds_1_2_0_FluidColumns__item"};
+module.exports.classes = {"root":"wds_1_4_0_FluidColumns__root","item":"wds_1_4_0_FluidColumns__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"cols":"--wds_1_2_0_FluidColumns-cols"}; 
+module.exports.vars = {"cols":"--wds_1_4_0_FluidColumns-cols"}; 
 
 
 

package/dist/cjs/common/Focusable/Focusable.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_2_0_Focusable";
+var _namespace_ = "wds_1_4_0_Focusable";
 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_2_0_Focusable__root","focus-box":"wds_1_2_0_Focusable__focus-box","focus-box-error":"wds_1_2_0_Focusable__focus-box-error"};
+module.exports.classes = {"root":"wds_1_4_0_Focusable__root","focus-box":"wds_1_4_0_Focusable__focus-box","focus-box-error":"wds_1_4_0_Focusable__focus-box-error"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/dnd-styles/dnd-styles.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_2_0_dndstyles";
+var _namespace_ = "wds_1_4_0_dndstyles";
 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_2_0_dndstyles__root","item":"wds_1_2_0_dndstyles__item","itemPlaceholder":"wds_1_2_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_2_0_dndstyles__itemPreview","list":"wds_1_2_0_dndstyles__list","gridItemPlaceholder":"wds_1_2_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_2_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_2_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_2_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_2_0_dndstyles__gridItemPreview"};
+module.exports.classes = {"root":"wds_1_4_0_dndstyles__root","item":"wds_1_4_0_dndstyles__item","itemPlaceholder":"wds_1_4_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_4_0_dndstyles__itemPreview","list":"wds_1_4_0_dndstyles__list","gridItemPlaceholder":"wds_1_4_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_4_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_4_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_4_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_4_0_dndstyles__gridItemPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/index.d.js

@@ -168,6 +168,7 @@ var _exportNames = {
   CopyClipboard: true,
   CarouselWIP: true,
   WixStyleReactProvider: true,
+  WixStyleReactMaskingProvider: true,
   BounceAnimation: true,
   PulseAnimation: true,
   AvatarGroup: true,
@@ -191,7 +192,6 @@ var _exportNames = {
   BadgeSize: true,
   BadgeSkin: true,
   BadgeType: true,
-  BadgeSelectItem: true,
   badgeSelectItemBuilder: true,
   ListItemSectionProps: true,
   ListItemSectionTypes: true,
@@ -204,8 +204,8 @@ var _exportNames = {
   VariableInputSize: true,
   WixStyleReactDefaultsOverrideProvider: true
 };
-exports.ModalMobileLayout = exports.Modal = exports.MobilePreviewWidget = exports.MessageModalLayout = exports.MessageBoxMarketerialLayout = exports.MessageBoxFunctionalLayout = exports.MediaOverlay = exports.MarketingPageLayoutContent = exports.MarketingPageLayout = exports.MarketingLayout = exports.Loader = exports.LiveRegion = exports.ListItemSelect = exports.ListItemSectionTypes = exports.ListItemSectionProps = exports.ListItemSection = exports.ListItemEditable = exports.ListItemAction = exports.LinearProgressBar = exports.Layout = exports.InputWithOptions = exports.InputWithLabel = exports.InputArea = exports.Input = exports.InfoIcon = exports.ImageViewer = exports.Image = exports.IconButton = exports.HorizontalTimeline = exports.Highlighter = exports.Heading = exports.GooglePreview = exports.GoogleAddressInput = exports.FunnelChart = exports.FormField = exports.FloatingNotification = exports.FloatingHelper = exports.FillPreview = exports.FillButton = exports.FileUpload = exports.FilePicker = exports.FeatureList = exports.FailWhale = exports.FacesRatingBar = exports.EmptyState = exports.EditableTitle = exports.EditableSelector = exports.Dropzone = exports.DropdownLayout = exports.DropdownBase = exports.Dropdown = exports.DragDropContextProvider = exports.Divider = exports.DatePicker = exports.CustomModalLayout = exports.CounterBadge = exports.CopyClipboard = exports.ComposerSidebar = exports.ComposerHeader = exports.ColorPicker = exports.ColorInput = exports.Collapse = exports.CloseButton = exports.CircularProgressBar = exports.Checkbox = exports.CheckToggle = exports.CarouselWIP = exports.Carousel = exports.CardGalleryItem = exports.CardFolderTabs = exports.Card = exports.CalendarPanelFooter = exports.CalendarPanel = exports.Calendar = exports.Button = exports.BrowserPreviewWidget = exports.Breadcrumbs = exports.Box = exports.BounceAnimation = exports.BarChart = exports.BadgeType = exports.BadgeSkin = exports.BadgeSize = exports.BadgeSelectItem = exports.BadgeSelect = exports.BadgeProps = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoCompleteWithLabel = exports.AutoComplete = exports.AudioPlayer = exports.AreaChart = exports.AnnouncementModalLayout = exports.AnalyticsSummaryCard = exports.AnalyticsLayout = exports.AddressInputItem = exports.AddressInput = exports.AddItem = exports.Accordion = void 0;
-exports.dndStyles = exports.clients = exports.badgeSelectItemBuilder = exports.addressInputItemBuilder = exports.WixStyleReactProvider = exports.WixStyleReactEnvironmentProvider = exports.WixStyleReactDefaultsOverrideProvider = exports.WixDesignSystemProvider = exports.VerticalTabsItem = exports.VerticalTabs = exports.VariableInputSize = exports.VariableInputProps = exports.VariableInput = exports.UsedDataTableProps = exports.TrendIndicator = exports.Transition = exports.Tooltip = exports.ToggleSwitch = exports.ToggleButton = exports.Timeline = exports.TimeTable = exports.TimeInput = exports.Thumbnail = exports.ThemeProvider = exports.TextButton = exports.Text = exports.TestimonialList = exports.TagList = exports.Tag = exports.Tabs = exports.TableToolbar = exports.TableProps = exports.TableListItem = exports.TableListHeader = exports.TableColumn = exports.TableActionCell = exports.Table = exports.Swatches = exports.Stepper = exports.StatusIndicator = exports.StatisticsWidget = exports.StarsRatingBar = exports.StackedBarChart = exports.SparklineChart = exports.SortableListBase = exports.SortableGridBase = exports.SocialPreview = exports.SocialPostPreview = exports.SocialButton = exports.Slider = exports.SkeletonRectangle = exports.SkeletonLine = exports.SkeletonGroup = exports.SkeletonCircle = exports.Skeleton = exports.SidebarTitleItemNext = exports.SidebarSubMenuNext = exports.SidebarSectionTitle = exports.SidebarSectionItem = exports.SidebarNext = exports.SidebarItemNext = exports.SidebarHeaderNext = exports.SidebarHeader = exports.SidebarDividerNext = exports.SidebarDivider = exports.SidebarBackButton = exports.Sidebar = exports.SidePanel = exports.SelectorListContent = exports.SelectorList = exports.Selector = exports.SelectableAccordion = exports.SegmentedToggle = exports.SectionHelper = exports.Search = exports.RichTextInputArea = exports.Range = exports.RadioGroup = exports.Radio = exports.RadarChart = exports.PulseAnimation = exports.Proportion = exports.PreviewWidget = exports.PopoverMenu = exports.Popover = exports.Palette = exports.Pagination = exports.PageSection = exports.PageHeader = exports.PageFooter = exports.Page = exports.OnSelectionChangedFn = exports.NumberInput = exports.Notification = exports.NestableListBase = exports.NestableList = exports.MultiSelectCheckbox = exports.MultiSelect = exports.ModalSelectorLayout = exports.ModalPreviewLayout = void 0;
+exports.ModalPreviewLayout = exports.ModalMobileLayout = exports.Modal = exports.MobilePreviewWidget = exports.MessageModalLayout = exports.MessageBoxMarketerialLayout = exports.MessageBoxFunctionalLayout = exports.MediaOverlay = exports.MarketingPageLayoutContent = exports.MarketingPageLayout = exports.MarketingLayout = exports.Loader = exports.LiveRegion = exports.ListItemSelect = exports.ListItemSectionTypes = exports.ListItemSectionProps = exports.ListItemSection = exports.ListItemEditable = exports.ListItemAction = exports.LinearProgressBar = exports.Layout = exports.InputWithOptions = exports.InputWithLabel = exports.InputArea = exports.Input = exports.InfoIcon = exports.ImageViewer = exports.Image = exports.IconButton = exports.HorizontalTimeline = exports.Highlighter = exports.Heading = exports.GooglePreview = exports.GoogleAddressInput = exports.FunnelChart = exports.FormField = exports.FloatingNotification = exports.FloatingHelper = exports.FillPreview = exports.FillButton = exports.FileUpload = exports.FilePicker = exports.FeatureList = exports.FailWhale = exports.FacesRatingBar = exports.EmptyState = exports.EditableTitle = exports.EditableSelector = exports.Dropzone = exports.DropdownLayout = exports.DropdownBase = exports.Dropdown = exports.DragDropContextProvider = exports.Divider = exports.DatePicker = exports.CustomModalLayout = exports.CounterBadge = exports.CopyClipboard = exports.ComposerSidebar = exports.ComposerHeader = exports.ColorPicker = exports.ColorInput = exports.Collapse = exports.CloseButton = exports.CircularProgressBar = exports.Checkbox = exports.CheckToggle = exports.CarouselWIP = exports.Carousel = exports.CardGalleryItem = exports.CardFolderTabs = exports.Card = exports.CalendarPanelFooter = exports.CalendarPanel = exports.Calendar = exports.Button = exports.BrowserPreviewWidget = exports.Breadcrumbs = exports.Box = exports.BounceAnimation = exports.BarChart = exports.BadgeType = exports.BadgeSkin = exports.BadgeSize = exports.BadgeSelect = exports.BadgeProps = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoCompleteWithLabel = exports.AutoComplete = exports.AudioPlayer = exports.AreaChart = exports.AnnouncementModalLayout = exports.AnalyticsSummaryCard = exports.AnalyticsLayout = exports.AddressInputItem = exports.AddressInput = exports.AddItem = exports.Accordion = void 0;
+exports.dndStyles = exports.clients = exports.badgeSelectItemBuilder = exports.addressInputItemBuilder = exports.WixStyleReactProvider = exports.WixStyleReactMaskingProvider = exports.WixStyleReactEnvironmentProvider = exports.WixStyleReactDefaultsOverrideProvider = exports.WixDesignSystemProvider = exports.VerticalTabsItem = exports.VerticalTabs = exports.VariableInputSize = exports.VariableInputProps = exports.VariableInput = exports.UsedDataTableProps = exports.TrendIndicator = exports.Transition = exports.Tooltip = exports.ToggleSwitch = exports.ToggleButton = exports.Timeline = exports.TimeTable = exports.TimeInput = exports.Thumbnail = exports.ThemeProvider = exports.TextButton = exports.Text = exports.TestimonialList = exports.TagList = exports.Tag = exports.Tabs = exports.TableToolbar = exports.TableProps = exports.TableListItem = exports.TableListHeader = exports.TableColumn = exports.TableActionCell = exports.Table = exports.Swatches = exports.Stepper = exports.StatusIndicator = exports.StatisticsWidget = exports.StarsRatingBar = exports.StackedBarChart = exports.SparklineChart = exports.SortableListBase = exports.SortableGridBase = exports.SocialPreview = exports.SocialPostPreview = exports.SocialButton = exports.Slider = exports.SkeletonRectangle = exports.SkeletonLine = exports.SkeletonGroup = exports.SkeletonCircle = exports.Skeleton = exports.SidebarTitleItemNext = exports.SidebarSubMenuNext = exports.SidebarSectionTitle = exports.SidebarSectionItem = exports.SidebarNext = exports.SidebarItemNext = exports.SidebarHeaderNext = exports.SidebarHeader = exports.SidebarDividerNext = exports.SidebarDivider = exports.SidebarBackButton = exports.Sidebar = exports.SidePanel = exports.SelectorListContent = exports.SelectorList = exports.Selector = exports.SelectableAccordion = exports.SegmentedToggle = exports.SectionHelper = exports.Search = exports.RichTextInputArea = exports.Range = exports.RadioGroup = exports.Radio = exports.RadarChart = exports.PulseAnimation = exports.Proportion = exports.PreviewWidget = exports.PopoverMenu = exports.Popover = exports.Palette = exports.Pagination = exports.PageSection = exports.PageHeader = exports.PageFooter = exports.Page = exports.OnSelectionChangedFn = exports.NumberInput = exports.Notification = exports.NestableListBase = exports.NestableList = exports.MultiSelectCheckbox = exports.MultiSelect = exports.ModalSelectorLayout = void 0;
 exports.listItemSectionBuilder = void 0;
 var _common = require("./common");
 Object.keys(_common).forEach(function (key) {
@@ -294,7 +294,6 @@ Object.keys(_BadgeSelect).forEach(function (key) {
   exports[key] = _BadgeSelect[key];
 });
 var _BadgeSelectItem = require("./BadgeSelectItem");
-exports.BadgeSelectItem = _BadgeSelectItem.BadgeSelectItemProps;
 exports.badgeSelectItemBuilder = _BadgeSelectItem.badgeSelectItemBuilder;
 Object.keys(_BadgeSelectItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1541,7 +1540,8 @@ Object.keys(_WixStyleReactProvider).forEach(function (key) {
   if (key in exports && exports[key] === _WixStyleReactProvider[key]) return;
   exports[key] = _WixStyleReactProvider[key];
 });
-var _WixStyleReactMaskingProvider = require("./WixStyleReactMaskingProvider");
+var _WixStyleReactMaskingProvider = _interopRequireWildcard(require("./WixStyleReactMaskingProvider"));
+exports.WixStyleReactMaskingProvider = _WixStyleReactMaskingProvider.default;
 Object.keys(_WixStyleReactMaskingProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;