@wix/design-system 1.172.3 → 1.173.1

package/dist/cjs/ColorPicker/ColorPickerActions.st.css.js

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

package/dist/cjs/ColorPicker/ColorPickerConverter.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ColorPickerConverter";
+var _namespace_ = "wds_1_173_1_ColorPickerConverter";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ColorPickerConverter__root","colorInput":"wds_1_172_3_ColorPickerConverter__colorInput","preview":"wds_1_172_3_ColorPickerConverter__preview","distribute":"wds_1_172_3_ColorPickerConverter__distribute","distributedItem":"wds_1_172_3_ColorPickerConverter__distributedItem"};
+module.exports.classes = {"root":"wds_1_173_1_ColorPickerConverter__root","colorInput":"wds_1_173_1_ColorPickerConverter__colorInput","preview":"wds_1_173_1_ColorPickerConverter__preview","distribute":"wds_1_173_1_ColorPickerConverter__distribute","distributedItem":"wds_1_173_1_ColorPickerConverter__distributedItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorPicker/ColorPickerHistory.st.css.js

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

package/dist/cjs/ColorPicker/ColorPickerHsb.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ColorPickerHsb";
+var _namespace_ = "wds_1_173_1_ColorPickerHsb";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ColorPickerHsb__root","sticky":"wds_1_172_3_ColorPickerHsb__sticky","saturation":"wds_1_172_3_ColorPickerHsb__saturation","brightness":"wds_1_172_3_ColorPickerHsb__brightness","hue":"wds_1_172_3_ColorPickerHsb__hue","handle":"wds_1_172_3_ColorPickerHsb__handle"};
+module.exports.classes = {"root":"wds_1_173_1_ColorPickerHsb__root","sticky":"wds_1_173_1_ColorPickerHsb__sticky","saturation":"wds_1_173_1_ColorPickerHsb__saturation","brightness":"wds_1_173_1_ColorPickerHsb__brightness","hue":"wds_1_173_1_ColorPickerHsb__hue","handle":"wds_1_173_1_ColorPickerHsb__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorPicker/ColorPickerHue.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ColorPickerHue";
+var _namespace_ = "wds_1_173_1_ColorPickerHue";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ColorPickerHue__root","handle":"wds_1_172_3_ColorPickerHue__handle"};
+module.exports.classes = {"root":"wds_1_173_1_ColorPickerHue__root","handle":"wds_1_173_1_ColorPickerHue__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ComposerButton";
+var _namespace_ = "wds_1_173_1_ComposerButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ComposerButton__root","tooltip":"wds_1_172_3_ComposerButton__tooltip","label":"wds_1_172_3_ComposerButton__label","iconContainer":"wds_1_172_3_ComposerButton__iconContainer"};
+module.exports.classes = {"root":"wds_1_173_1_ComposerButton__root","tooltip":"wds_1_173_1_ComposerButton__tooltip","label":"wds_1_173_1_ComposerButton__label","iconContainer":"wds_1_173_1_ComposerButton__iconContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ComposerHeader";
+var _namespace_ = "wds_1_173_1_ComposerHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ComposerHeader__root","container":"wds_1_172_3_ComposerHeader__container","actions":"wds_1_172_3_ComposerHeader__actions","saveStatus":"wds_1_172_3_ComposerHeader__saveStatus","mainActions":"wds_1_172_3_ComposerHeader__mainActions","backButton":"wds_1_172_3_ComposerHeader__backButton","divider":"wds_1_172_3_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_173_1_ComposerHeader__root","container":"wds_1_173_1_ComposerHeader__container","actions":"wds_1_173_1_ComposerHeader__actions","saveStatus":"wds_1_173_1_ComposerHeader__saveStatus","mainActions":"wds_1_173_1_ComposerHeader__mainActions","backButton":"wds_1_173_1_ComposerHeader__backButton","divider":"wds_1_173_1_ComposerHeader__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_ComposerSidebar";
+var _namespace_ = "wds_1_173_1_ComposerSidebar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ComposerSidebar__root","defaultScrollBar":"wds_1_172_3_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_172_3_ComposerSidebar__sectionContainer","section":"wds_1_172_3_ComposerSidebar__section","itemsContainer":"wds_1_172_3_ComposerSidebar__itemsContainer","title":"wds_1_172_3_ComposerSidebar__title","item":"wds_1_172_3_ComposerSidebar__item","sidebarItemButton":"wds_1_172_3_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_173_1_ComposerSidebar__root","defaultScrollBar":"wds_1_173_1_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_173_1_ComposerSidebar__sectionContainer","section":"wds_1_173_1_ComposerSidebar__section","itemsContainer":"wds_1_173_1_ComposerSidebar__itemsContainer","title":"wds_1_173_1_ComposerSidebar__title","item":"wds_1_173_1_ComposerSidebar__item","sidebarItemButton":"wds_1_173_1_ComposerSidebar__sidebarItemButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_CornerRadiusInput";
+var _namespace_ = "wds_1_173_1_CornerRadiusInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_CornerRadiusInput__root","linkingButton":"wds_1_172_3_CornerRadiusInput__linkingButton","topLeft":"wds_1_172_3_CornerRadiusInput__topLeft","topRight":"wds_1_172_3_CornerRadiusInput__topRight","bottomLeft":"wds_1_172_3_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_172_3_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_172_3_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_173_1_CornerRadiusInput__root","linkingButton":"wds_1_173_1_CornerRadiusInput__linkingButton","topLeft":"wds_1_173_1_CornerRadiusInput__topLeft","topRight":"wds_1_173_1_CornerRadiusInput__topRight","bottomLeft":"wds_1_173_1_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_173_1_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_173_1_CornerRadiusInput__cornerIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_CounterBadge";
+var _namespace_ = "wds_1_173_1_CounterBadge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_CounterBadge__root","text":"wds_1_172_3_CounterBadge__text","caption":"wds_1_172_3_CounterBadge__caption","numberContent":"wds_1_172_3_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_173_1_CounterBadge__root","text":"wds_1_173_1_CounterBadge__text","caption":"wds_1_173_1_CounterBadge__caption","numberContent":"wds_1_173_1_CounterBadge__numberContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CustomModalLayout/CustomModalLayout.js

@@ -194,7 +194,9 @@ CustomModalLayout.propTypes = {
   /** Controls visibility of a footer divider. When set to `auto`, it is shown up until content is scrolled to the very bottom. When set to `true`, it is always visible, and when set to `false`, it is always hidden.*/
   showFooterDivider: _propTypes.default.oneOf(['auto', true, false]),
   /** Determines what happens when content overflows component vertically */
-  overflowY: _propTypes.default.string
+  overflowY: _propTypes.default.string,
+  /** Sets object of CSS styles */
+  style: _propTypes.default.any
 };
 var _default = exports.default = CustomModalLayout;
 //# sourceMappingURL=CustomModalLayout.js.map

package/dist/cjs/CustomModalLayout/CustomModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_CustomModalLayoutSt","_BaseModalLayout","_Button","_TooltipCommon","_context","_excluded","_excluded2","_excluded3","_excluded4","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","CustomModalLayout","_ref","theme","actionsSize","removeContentPadding","showHeaderDivider","showFooterDivider","overflowY","style","propsWithNoDefaults","_objectWithoutProperties2","_theme$actionsSize$pr","children","width","height","maxHeight","className","footnoteSkin","restProps","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","_extends2","st","classes","root","undefined","Header","titleSize","titleTag","Content","hideTopScrollDivider","hideBottomScrollDivider","Footer","Footnote","skin","Title","BaseModalLayout","displayName","propTypes","PropTypes","string","dataHook","onCloseButtonClick","func","onHelpButtonClick","oneOf","title","oneOfType","node","subtitle","content","Button","size","primaryButtonText","primaryButtonOnClick","primaryButtonProps","_Button$propTypes","buttonProps","shape","primaryButtonTooltipProps","TooltipCommonProps","secondaryButtonText","secondaryButtonOnClick","secondaryButtonProps","_Button$propTypes2","sideActions","footnote","bool","number","_default","exports"],"sources":["../../../src/CustomModalLayout/CustomModalLayout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './CustomModalLayout.st.css';\nimport BaseModalLayout from '../BaseModalLayout';\nimport Button from '../Button';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/** CustomModalLayout */\nconst CustomModalLayout = ({\n  // default props\n  theme = 'standard',\n  actionsSize = 'small',\n  removeContentPadding = false,\n  showHeaderDivider = 'auto',\n  showFooterDivider = 'auto',\n  overflowY = 'auto',\n  style = {},\n  ...propsWithNoDefaults\n}) => {\n  const {\n    children,\n    width,\n    height,\n    maxHeight,\n    className,\n    footnoteSkin,\n    ...restProps\n  } = {\n    // default props\n    theme,\n    actionsSize,\n    ...propsWithNoDefaults,\n  };\n  return (\n    <WixDesignSystemContext.Consumer>\n      {({ newColorsBranding }) => (\n        <BaseModalLayout\n          {...restProps}\n          className={st(\n            classes.root,\n            {\n              removeContentPadding,\n              showHeaderDivider: showHeaderDivider === true,\n              showFooterDivider: showFooterDivider === true,\n              newColorsBranding,\n            },\n            className,\n          )}\n          style={{\n            ...style,\n            width: width !== undefined ? width : style.width,\n            height: height !== undefined ? height : style.height,\n            maxHeight: maxHeight !== undefined ? maxHeight : style.maxHeight,\n          }}\n          data-contentpadding={!removeContentPadding}\n        >\n          <BaseModalLayout.Header\n            showHeaderDivider={showHeaderDivider === true}\n            titleSize=\"medium\"\n            titleTag=\"h2\"\n          />\n          <BaseModalLayout.Content\n            overflowY={overflowY}\n            hideTopScrollDivider={showHeaderDivider !== 'auto'}\n            hideBottomScrollDivider={showFooterDivider !== 'auto'}\n          >\n            {children}\n          </BaseModalLayout.Content>\n          <BaseModalLayout.Footer\n            showFooterDivider={showFooterDivider === true}\n          />\n          <BaseModalLayout.Footnote skin={footnoteSkin} />\n        </BaseModalLayout>\n      )}\n    </WixDesignSystemContext.Consumer>\n  );\n};\n\nCustomModalLayout.Title = BaseModalLayout.Header.Title;\n\nCustomModalLayout.displayName = 'CustomModalLayout';\n\nCustomModalLayout.propTypes = {\n  /** ...BaseModalLayout.propTypes, */\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n  /** Defines a call-back function after user clicks on the close button */\n  onCloseButtonClick: PropTypes.func,\n  /** Defines a call-back function after user clicks on the help button */\n  onHelpButtonClick: PropTypes.func,\n  /** Sets the appearance of modal (i.e., changes the skin of primary and secondary action buttons) */\n  theme: PropTypes.oneOf(['standard', 'premium', 'destructive']),\n\n  /** ...Header.propTypes, */\n  /** Sets text title for the modal; can be used in conjunction with other components */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Sets text subtitle for the modal; can be used in conjunction with other components */\n  subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** ...Content.propTypes, */\n  /** Contains all modal’s content in its middle area. `<CustomModalLayout/>` children are passed as `content`, too.*/\n  content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** ...Footer.propTypes, */\n  /** Sets the size of action buttons */\n  actionsSize: Button.propTypes.size,\n  /** Sets text label or other content (e.g., <Loader/>) for the primary button */\n  primaryButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Defines a call-back function after user clicks on the primary button */\n  primaryButtonOnClick: PropTypes.func,\n  /** Passes on any `<Button/>` properties on the primary button */\n  primaryButtonProps: (() => {\n    const { dataHook, ...buttonProps } = Button.propTypes;\n    return PropTypes.shape(buttonProps);\n  })(),\n  /** Passes on any `<Tooltip/>` properties on the primary button tooltip */\n  primaryButtonTooltipProps: PropTypes.shape({\n    content: PropTypes.string,\n    ...TooltipCommonProps,\n  }),\n  /** Sets text label for the secondary button */\n  secondaryButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Defines a call-back function after user clicks on the secondary button */\n  secondaryButtonOnClick: PropTypes.func,\n  /** Passes on any `<Button/>` properties on the secondary button */\n  secondaryButtonProps: (() => {\n    const { dataHook, ...buttonProps } = Button.propTypes;\n    return PropTypes.shape(buttonProps);\n  })(),\n  /** Contains a checkbox or other components at the start of the footer */\n  sideActions: PropTypes.node,\n\n  /** ...Footnote.propTypes, */\n  /** Renders supplementary text or other components at the bottom of the modal */\n  footnote: PropTypes.node,\n  /** Sets the look and feel of the footnote */\n  footnoteSkin: PropTypes.oneOf(['neutral', 'light']),\n\n  /** CustomModalLayout */\n  /** Removes 30 px left and right padding from the content area */\n  removeContentPadding: PropTypes.bool,\n  /** Fixes the width of component; if content area is wider than `width`, it scrolls horizontally */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Fixes the height of component */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Sets the maximum height of component; if content area is longer than maxHeight, it scrolls vertically */\n  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls visibility of a header divider. When set to `auto`, it is shown only when scroll position is greater than 0. When set to `true`, it is always visible, and when set to `false`, it is always hidden. */\n  showHeaderDivider: PropTypes.oneOf(['auto', true, false]),\n  /** Controls visibility of a footer divider. When set to `auto`, it is shown up until content is scrolled to the very bottom. When set to `true`, it is always visible, and when set to `false`, it is always hidden.*/\n  showFooterDivider: PropTypes.oneOf(['auto', true, false]),\n\n  /** Determines what happens when content overflows component vertically */\n  overflowY: PropTypes.string,\n};\n\nexport default CustomModalLayout;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_CustomModalLayoutSt","_BaseModalLayout","_Button","_TooltipCommon","_context","_excluded","_excluded2","_excluded3","_excluded4","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","CustomModalLayout","_ref","theme","actionsSize","removeContentPadding","showHeaderDivider","showFooterDivider","overflowY","style","propsWithNoDefaults","_objectWithoutProperties2","_theme$actionsSize$pr","children","width","height","maxHeight","className","footnoteSkin","restProps","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","_extends2","st","classes","root","undefined","Header","titleSize","titleTag","Content","hideTopScrollDivider","hideBottomScrollDivider","Footer","Footnote","skin","Title","BaseModalLayout","displayName","propTypes","PropTypes","string","dataHook","onCloseButtonClick","func","onHelpButtonClick","oneOf","title","oneOfType","node","subtitle","content","Button","size","primaryButtonText","primaryButtonOnClick","primaryButtonProps","_Button$propTypes","buttonProps","shape","primaryButtonTooltipProps","TooltipCommonProps","secondaryButtonText","secondaryButtonOnClick","secondaryButtonProps","_Button$propTypes2","sideActions","footnote","bool","number","any","_default","exports"],"sources":["../../../src/CustomModalLayout/CustomModalLayout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './CustomModalLayout.st.css';\nimport BaseModalLayout from '../BaseModalLayout';\nimport Button from '../Button';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/** CustomModalLayout */\nconst CustomModalLayout = ({\n  // default props\n  theme = 'standard',\n  actionsSize = 'small',\n  removeContentPadding = false,\n  showHeaderDivider = 'auto',\n  showFooterDivider = 'auto',\n  overflowY = 'auto',\n  style = {},\n  ...propsWithNoDefaults\n}) => {\n  const {\n    children,\n    width,\n    height,\n    maxHeight,\n    className,\n    footnoteSkin,\n    ...restProps\n  } = {\n    // default props\n    theme,\n    actionsSize,\n    ...propsWithNoDefaults,\n  };\n  return (\n    <WixDesignSystemContext.Consumer>\n      {({ newColorsBranding }) => (\n        <BaseModalLayout\n          {...restProps}\n          className={st(\n            classes.root,\n            {\n              removeContentPadding,\n              showHeaderDivider: showHeaderDivider === true,\n              showFooterDivider: showFooterDivider === true,\n              newColorsBranding,\n            },\n            className,\n          )}\n          style={{\n            ...style,\n            width: width !== undefined ? width : style.width,\n            height: height !== undefined ? height : style.height,\n            maxHeight: maxHeight !== undefined ? maxHeight : style.maxHeight,\n          }}\n          data-contentpadding={!removeContentPadding}\n        >\n          <BaseModalLayout.Header\n            showHeaderDivider={showHeaderDivider === true}\n            titleSize=\"medium\"\n            titleTag=\"h2\"\n          />\n          <BaseModalLayout.Content\n            overflowY={overflowY}\n            hideTopScrollDivider={showHeaderDivider !== 'auto'}\n            hideBottomScrollDivider={showFooterDivider !== 'auto'}\n          >\n            {children}\n          </BaseModalLayout.Content>\n          <BaseModalLayout.Footer\n            showFooterDivider={showFooterDivider === true}\n          />\n          <BaseModalLayout.Footnote skin={footnoteSkin} />\n        </BaseModalLayout>\n      )}\n    </WixDesignSystemContext.Consumer>\n  );\n};\n\nCustomModalLayout.Title = BaseModalLayout.Header.Title;\n\nCustomModalLayout.displayName = 'CustomModalLayout';\n\nCustomModalLayout.propTypes = {\n  /** ...BaseModalLayout.propTypes, */\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n  /** Defines a call-back function after user clicks on the close button */\n  onCloseButtonClick: PropTypes.func,\n  /** Defines a call-back function after user clicks on the help button */\n  onHelpButtonClick: PropTypes.func,\n  /** Sets the appearance of modal (i.e., changes the skin of primary and secondary action buttons) */\n  theme: PropTypes.oneOf(['standard', 'premium', 'destructive']),\n\n  /** ...Header.propTypes, */\n  /** Sets text title for the modal; can be used in conjunction with other components */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Sets text subtitle for the modal; can be used in conjunction with other components */\n  subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** ...Content.propTypes, */\n  /** Contains all modal’s content in its middle area. `<CustomModalLayout/>` children are passed as `content`, too.*/\n  content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** ...Footer.propTypes, */\n  /** Sets the size of action buttons */\n  actionsSize: Button.propTypes.size,\n  /** Sets text label or other content (e.g., <Loader/>) for the primary button */\n  primaryButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Defines a call-back function after user clicks on the primary button */\n  primaryButtonOnClick: PropTypes.func,\n  /** Passes on any `<Button/>` properties on the primary button */\n  primaryButtonProps: (() => {\n    const { dataHook, ...buttonProps } = Button.propTypes;\n    return PropTypes.shape(buttonProps);\n  })(),\n  /** Passes on any `<Tooltip/>` properties on the primary button tooltip */\n  primaryButtonTooltipProps: PropTypes.shape({\n    content: PropTypes.string,\n    ...TooltipCommonProps,\n  }),\n  /** Sets text label for the secondary button */\n  secondaryButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Defines a call-back function after user clicks on the secondary button */\n  secondaryButtonOnClick: PropTypes.func,\n  /** Passes on any `<Button/>` properties on the secondary button */\n  secondaryButtonProps: (() => {\n    const { dataHook, ...buttonProps } = Button.propTypes;\n    return PropTypes.shape(buttonProps);\n  })(),\n  /** Contains a checkbox or other components at the start of the footer */\n  sideActions: PropTypes.node,\n\n  /** ...Footnote.propTypes, */\n  /** Renders supplementary text or other components at the bottom of the modal */\n  footnote: PropTypes.node,\n  /** Sets the look and feel of the footnote */\n  footnoteSkin: PropTypes.oneOf(['neutral', 'light']),\n\n  /** CustomModalLayout */\n  /** Removes 30 px left and right padding from the content area */\n  removeContentPadding: PropTypes.bool,\n  /** Fixes the width of component; if content area is wider than `width`, it scrolls horizontally */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Fixes the height of component */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Sets the maximum height of component; if content area is longer than maxHeight, it scrolls vertically */\n  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls visibility of a header divider. When set to `auto`, it is shown only when scroll position is greater than 0. When set to `true`, it is always visible, and when set to `false`, it is always hidden. */\n  showHeaderDivider: PropTypes.oneOf(['auto', true, false]),\n  /** Controls visibility of a footer divider. When set to `auto`, it is shown up until content is scrolled to the very bottom. When set to `true`, it is always visible, and when set to `false`, it is always hidden.*/\n  showFooterDivider: PropTypes.oneOf(['auto', true, false]),\n\n  /** Determines what happens when content overflows component vertically */\n  overflowY: PropTypes.string,\n  /** Sets object of CSS styles */\n  style: PropTypes.any,\n};\n\nexport default CustomModalLayout;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_CustomModalLayout";
+var _namespace_ = "wds_1_173_1_CustomModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_173_1_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CustomModalLayout/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/CustomModalLayout/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { BaseModalLayoutProps } from '../BaseModalLayout';\nimport { TooltipCommonProps } from '../common';\nimport { ButtonProps, ButtonSize } from '../Button';\nimport { TooltipProps } from '../Tooltip';\n\nexport interface CustomModalLayoutProps extends BaseModalLayoutProps {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  content?: React.ReactNode;\n  primaryButtonText?: React.ReactNode;\n  primaryButtonProps?: Omit<ButtonProps, 'dataHook'>;\n  primaryButtonOnClick?(): void;\n  primaryButtonTooltipProps?: TooltipCommonProps & {\n    content: TooltipProps['content'];\n  };\n  secondaryButtonText?: React.ReactNode;\n  secondaryButtonProps?: Omit<ButtonProps, 'dataHook'>;\n  secondaryButtonOnClick?(): void;\n  actionsSize?: ButtonSize;\n  sideActions?: React.ReactNode;\n  footnote?: React.ReactNode;\n  footnoteSkin?: 'neutral' | 'light';\n  width?: React.CSSProperties['width'];\n  height?: React.CSSProperties['height'];\n  maxHeight?: React.CSSProperties['maxHeight'];\n  removeContentPadding?: boolean;\n  showHeaderDivider?: 'auto' | boolean;\n  showFooterDivider?: 'auto' | boolean;\n  overflowY?: string;\n}\n\ndeclare const CustomModalLayout: React.FC<CustomModalLayoutProps> & {\n  Title: React.FunctionComponent<{ children?: React.ReactNode }>;\n};\nexport default CustomModalLayout;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/CustomModalLayout/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { BaseModalLayoutProps } from '../BaseModalLayout';\nimport { TooltipCommonProps } from '../common';\nimport { ButtonProps, ButtonSize } from '../Button';\nimport { TooltipProps } from '../Tooltip';\n\nexport interface CustomModalLayoutProps extends BaseModalLayoutProps {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  content?: React.ReactNode;\n  primaryButtonText?: React.ReactNode;\n  primaryButtonProps?: Omit<ButtonProps, 'dataHook'>;\n  primaryButtonOnClick?(): void;\n  primaryButtonTooltipProps?: TooltipCommonProps & {\n    content: TooltipProps['content'];\n  };\n  secondaryButtonText?: React.ReactNode;\n  secondaryButtonProps?: Omit<ButtonProps, 'dataHook'>;\n  secondaryButtonOnClick?(): void;\n  actionsSize?: ButtonSize;\n  sideActions?: React.ReactNode;\n  footnote?: React.ReactNode;\n  footnoteSkin?: 'neutral' | 'light';\n  width?: React.CSSProperties['width'];\n  height?: React.CSSProperties['height'];\n  maxHeight?: React.CSSProperties['maxHeight'];\n  removeContentPadding?: boolean;\n  showHeaderDivider?: 'auto' | boolean;\n  showFooterDivider?: 'auto' | boolean;\n  overflowY?: string;\n  style?: React.CSSProperties;\n}\n\ndeclare const CustomModalLayout: React.FC<CustomModalLayoutProps> & {\n  Title: React.FunctionComponent<{ children?: React.ReactNode }>;\n};\nexport default CustomModalLayout;\n"],"mappings":"","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_DatePicker";
+var _namespace_ = "wds_1_173_1_DatePicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_DatePicker__root","popover":"wds_1_172_3_DatePicker__popover","input":"wds_1_172_3_DatePicker__input","inputContainer":"wds_1_172_3_DatePicker__inputContainer","calendar":"wds_1_172_3_DatePicker__calendar","footer":"wds_1_172_3_DatePicker__footer"};
+module.exports.classes = {"root":"wds_1_173_1_DatePicker__root","popover":"wds_1_173_1_DatePicker__popover","input":"wds_1_173_1_DatePicker__input","inputContainer":"wds_1_173_1_DatePicker__inputContainer","calendar":"wds_1_173_1_DatePicker__calendar","footer":"wds_1_173_1_DatePicker__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_Divider";
+var _namespace_ = "wds_1_173_1_Divider";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_Divider__root"};
+module.exports.classes = {"root":"wds_1_173_1_Divider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_172_3_IntroductionExample";
+var _namespace_ = "wds_1_173_1_IntroductionExample";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_IntroductionExample__root"};
+module.exports.classes = {"root":"wds_1_173_1_IntroductionExample__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_SingleAreaGrid";
+var _namespace_ = "wds_1_173_1_SingleAreaGrid";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_SingleAreaGrid__root","title":"wds_1_172_3_SingleAreaGrid__title","sortableGridBase":"wds_1_172_3_SingleAreaGrid__sortableGridBase","item":"wds_1_172_3_SingleAreaGrid__item","handle":"wds_1_172_3_SingleAreaGrid__handle"};
+module.exports.classes = {"root":"wds_1_173_1_SingleAreaGrid__root","title":"wds_1_173_1_SingleAreaGrid__title","sortableGridBase":"wds_1_173_1_SingleAreaGrid__sortableGridBase","item":"wds_1_173_1_SingleAreaGrid__item","handle":"wds_1_173_1_SingleAreaGrid__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_ListWithDelay";
+var _namespace_ = "wds_1_173_1_ListWithDelay";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_ListWithDelay__root","title":"wds_1_172_3_ListWithDelay__title","sortableListBase":"wds_1_172_3_ListWithDelay__sortableListBase","item":"wds_1_172_3_ListWithDelay__item","placeholder":"wds_1_172_3_ListWithDelay__placeholder","preview":"wds_1_172_3_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_173_1_ListWithDelay__root","title":"wds_1_173_1_ListWithDelay__title","sortableListBase":"wds_1_173_1_ListWithDelay__sortableListBase","item":"wds_1_173_1_ListWithDelay__item","placeholder":"wds_1_173_1_ListWithDelay__placeholder","preview":"wds_1_173_1_ListWithDelay__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_MultiAreaList";
+var _namespace_ = "wds_1_173_1_MultiAreaList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_MultiAreaList__root","item":"wds_1_172_3_MultiAreaList__item","itemPlaceholder":"wds_1_172_3_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_172_3_MultiAreaList__itemPreview","list":"wds_1_172_3_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_173_1_MultiAreaList__root","item":"wds_1_173_1_MultiAreaList__item","itemPlaceholder":"wds_1_173_1_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_173_1_MultiAreaList__itemPreview","list":"wds_1_173_1_MultiAreaList__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_173_1_MultiAreaListPreventDropping";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_MultiAreaListPreventDropping__root","item":"wds_1_172_3_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_172_3_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_172_3_MultiAreaListPreventDropping__itemPreview","list":"wds_1_172_3_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_173_1_MultiAreaListPreventDropping__root","item":"wds_1_173_1_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_173_1_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_173_1_MultiAreaListPreventDropping__itemPreview","list":"wds_1_173_1_MultiAreaListPreventDropping__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_173_1_MultiAreaListWithInsertionRules";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_MultiAreaListWithInsertionRules__root","item":"wds_1_172_3_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_172_3_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_172_3_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_172_3_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_173_1_MultiAreaListWithInsertionRules__root","item":"wds_1_173_1_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_173_1_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_173_1_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_173_1_MultiAreaListWithInsertionRules__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_173_1_MultiAreaListWithSortableColumns";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_MultiAreaListWithSortableColumns__root","table":"wds_1_172_3_MultiAreaListWithSortableColumns__table","content":"wds_1_172_3_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_172_3_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_172_3_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_172_3_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_172_3_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_172_3_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_172_3_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_173_1_MultiAreaListWithSortableColumns__root","table":"wds_1_173_1_MultiAreaListWithSortableColumns__table","content":"wds_1_173_1_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_173_1_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_173_1_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_173_1_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_173_1_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_173_1_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_173_1_MultiAreaListWithSortableColumns__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_172_3_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_173_1_MultiAreaListWithSortableColumnsWithAnimations__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_NestableListBase";
+var _namespace_ = "wds_1_173_1_NestableListBase";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_NestableListBase__root","title":"wds_1_172_3_NestableListBase__title","sortableListBase":"wds_1_172_3_NestableListBase__sortableListBase","itemCss":"wds_1_172_3_NestableListBase__itemCss","handle":"wds_1_172_3_NestableListBase__handle","placeholder":"wds_1_172_3_NestableListBase__placeholder","preview":"wds_1_172_3_NestableListBase__preview","item":"wds_1_172_3_NestableListBase__item","container":"wds_1_172_3_NestableListBase__container","topContainer":"wds_1_172_3_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_173_1_NestableListBase__root","title":"wds_1_173_1_NestableListBase__title","sortableListBase":"wds_1_173_1_NestableListBase__sortableListBase","itemCss":"wds_1_173_1_NestableListBase__itemCss","handle":"wds_1_173_1_NestableListBase__handle","placeholder":"wds_1_173_1_NestableListBase__placeholder","preview":"wds_1_173_1_NestableListBase__preview","item":"wds_1_173_1_NestableListBase__item","container":"wds_1_173_1_NestableListBase__container","topContainer":"wds_1_173_1_NestableListBase__topContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_SingleAreaList";
+var _namespace_ = "wds_1_173_1_SingleAreaList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_SingleAreaList__root","title":"wds_1_172_3_SingleAreaList__title","sortableListBase":"wds_1_172_3_SingleAreaList__sortableListBase","item":"wds_1_172_3_SingleAreaList__item","handle":"wds_1_172_3_SingleAreaList__handle","placeholder":"wds_1_172_3_SingleAreaList__placeholder","preview":"wds_1_172_3_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_173_1_SingleAreaList__root","title":"wds_1_173_1_SingleAreaList__title","sortableListBase":"wds_1_173_1_SingleAreaList__sortableListBase","item":"wds_1_173_1_SingleAreaList__item","handle":"wds_1_173_1_SingleAreaList__handle","placeholder":"wds_1_173_1_SingleAreaList__placeholder","preview":"wds_1_173_1_SingleAreaList__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_172_3_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_173_1_SingleAreaListWithAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_SingleAreaListWithAnimation__root","title":"wds_1_172_3_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_172_3_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_172_3_SingleAreaListWithAnimation__item","handle":"wds_1_172_3_SingleAreaListWithAnimation__handle","placeholder":"wds_1_172_3_SingleAreaListWithAnimation__placeholder","preview":"wds_1_172_3_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_173_1_SingleAreaListWithAnimation__root","title":"wds_1_173_1_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_173_1_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_173_1_SingleAreaListWithAnimation__item","handle":"wds_1_173_1_SingleAreaListWithAnimation__handle","placeholder":"wds_1_173_1_SingleAreaListWithAnimation__placeholder","preview":"wds_1_173_1_SingleAreaListWithAnimation__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_DragHandle";
+var _namespace_ = "wds_1_173_1_DragHandle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_DragHandle__root"};
+module.exports.classes = {"root":"wds_1_173_1_DragHandle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_3_DraggableContainer";
+var _namespace_ = "wds_1_173_1_DraggableContainer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_172_3_DraggableContainer__root"};
+module.exports.classes = {"root":"wds_1_173_1_DraggableContainer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};