@wix/design-system 1.153.0 → 1.155.0

package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_CircularProgressBarCoreSt","_Arc","_constants","_propsUtils","_ProgressLabel","_constants2","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FULL_PROGRESS","NO_PROGRESS","VIEWBOX_SIZE","resolveIndicationElement","props","wrapped","dataHook","children","createElement","className","classes","statusIndicator","__self","__source","fileName","lineNumber","columnNumber","error","errorIcon","dataHooks","value","successIcon","labelPlacement","shouldShowProgressIndication","label","progressIndicator","ProgressLabel","_extends2","normalizeValue","parseInt","normalizeSize","size","intSize","convertToPercentageString","concat","Math","floor","exports","renderArcs","normalizedSize","normalizedValue","strokeWidth","sizesMap","tiny","arcsContainer","style","width","height","Arc","progressArcBackground","backArc","progressArcForeground","foreArc","normalizeProps","CircularProgressBarCore","_ref","propsWithNoDefaults","_objectWithoutProperties2","showProgressIndication","_props","success","displayValue","errorLabel","Boolean","st","root","filterDataProps","displayName"],"sources":["../../../../src/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './CircularProgressBarCore.st.css';\nimport { Arc } from './Arc';\nimport { dataHooks } from './constants';\nimport { filterDataProps } from '../../utils/propsUtils';\nimport { ProgressLabel } from './ProgressLabel';\nimport { sizesMap } from '../constants';\n\nexport interface CircularProgressBarCoreProps {\n  /** represent the progress state in percentages (0 - no progress, 100 - progress completed) */\n  value?: number | string;\n  /** should be true if had failure during the progress */\n  error?: boolean;\n  /** label to display when an error happens */\n  errorLabel?: string;\n  /** when set to true, an indication of the progress state will be presented along side the progress bar */\n  showProgressIndication?: boolean;\n  /** an indication icon (any react component) that will be presented when 'error' and 'showProgressIndication' are set to true */\n  errorIcon?: React.JSX.Element;\n  /** an indication icon (any react component) that will be presented when 'showProgressIndication' are set to true and 'value' is 100 */\n  successIcon?: React.JSX.Element;\n  /** custom text to display. will replace the progress indication if provided */\n  label?: string;\n  /** Placement of the label in the progress bar */\n  labelPlacement?: 'center' | 'bottom';\n  /** circle size in pixels */\n  size?: number | string;\n  /** hook for testing purposes */\n  'data-hook'?: string;\n  /** Skin of the bar */\n  'data-skin'?: 'standard' | 'premium' | 'success';\n  className?: string;\n}\n\nconst FULL_PROGRESS = 100;\nconst NO_PROGRESS = 0;\nconst VIEWBOX_SIZE = 54;\n\nconst resolveIndicationElement = (\n  props: CircularProgressBarCoreProps & {\n    shouldShowProgressIndication: boolean;\n  },\n) => {\n  const wrapped = (dataHook: string, children: React.JSX.Element) => (\n    <div data-hook={dataHook} className={classes.statusIndicator}>\n      {children}\n    </div>\n  );\n\n  if (props.error && props.errorIcon) {\n    return wrapped(dataHooks.errorIcon, props.errorIcon);\n  }\n\n  if (props.value === FULL_PROGRESS && props.successIcon) {\n    return wrapped(dataHooks.successIcon, props.successIcon);\n  }\n\n  if (\n    props.labelPlacement === 'center' &&\n    (props.shouldShowProgressIndication || props.label)\n  ) {\n    return wrapped(\n      props.label ? dataHooks.label : dataHooks.progressIndicator,\n      <ProgressLabel {...props} />,\n    );\n  }\n  return null;\n};\n\nconst normalizeValue = (value: string | number) => {\n  return typeof value === 'number'\n    ? value\n    : parseInt(value, 10)\n    ? parseInt(value, 10)\n    : NO_PROGRESS;\n};\n\nconst normalizeSize = (size: string | number) => {\n  const intSize = typeof size === 'number' ? size : parseInt(size, 10);\n  return intSize && intSize > 0 ? intSize : VIEWBOX_SIZE;\n};\n\nexport const convertToPercentageString = (value: number) => {\n  return `${Math.floor(value)}%`;\n};\n\nconst renderArcs = (\n  props: CircularProgressBarCoreProps & {\n    shouldShowProgressIndication: boolean;\n  },\n) => {\n  const { value, size } = props;\n  const normalizedSize = normalizeSize(size || VIEWBOX_SIZE);\n  const normalizedValue = normalizeValue(value || NO_PROGRESS);\n  const strokeWidth = size === sizesMap.tiny ? 3 : 4;\n  return (\n    <div\n      className={classes.arcsContainer}\n      style={{ width: `${normalizedSize}px`, height: `${normalizedSize}px` }}\n    >\n      {resolveIndicationElement(props)}\n      <Arc\n        data-hook={dataHooks.progressArcBackground}\n        value={FULL_PROGRESS}\n        className={classes.backArc}\n        strokeWidth={strokeWidth}\n        size={normalizedSize}\n      />\n      <Arc\n        data-hook={dataHooks.progressArcForeground}\n        value={normalizedValue}\n        className={classes.foreArc}\n        strokeWidth={strokeWidth}\n        size={normalizedSize}\n      />\n    </div>\n  );\n};\n\nconst normalizeProps = (props: CircularProgressBarCoreProps) => {\n  const value = normalizeValue(props.value || NO_PROGRESS);\n\n  if (value >= FULL_PROGRESS) {\n    return { ...props, value: FULL_PROGRESS };\n  }\n\n  if (value < NO_PROGRESS) {\n    return { ...props, value: NO_PROGRESS };\n  }\n\n  return { ...props, value };\n};\n\nexport const CircularProgressBarCore: React.FunctionComponent<\n  CircularProgressBarCoreProps\n> = ({\n  value = NO_PROGRESS,\n  size = VIEWBOX_SIZE,\n  labelPlacement = 'bottom',\n  ...propsWithNoDefaults\n}: CircularProgressBarCoreProps) => {\n  const props: CircularProgressBarCoreProps = {\n    value,\n    size,\n    labelPlacement,\n    ...propsWithNoDefaults,\n  };\n  const { label, error, showProgressIndication } = props;\n  const _props = normalizeProps(props);\n  const success = _props.value === FULL_PROGRESS;\n  const displayValue =\n    error && _props.errorLabel\n      ? _props.errorLabel\n      : convertToPercentageString(_props.value);\n\n  const shouldShowProgressIndication = Boolean(\n    showProgressIndication && !label,\n  );\n  return (\n    <div\n      className={st(classes.root, { error, success }, _props.className)}\n      data-error={error}\n      {...filterDataProps(props)}\n    >\n      {renderArcs({ ..._props, shouldShowProgressIndication })}\n      {label && labelPlacement === 'bottom' && (\n        <div data-hook={dataHooks.label} className={classes.label}>\n          {label}\n        </div>\n      )}\n      {shouldShowProgressIndication && labelPlacement === 'bottom' && (\n        <div\n          data-hook={dataHooks.progressIndicator}\n          className={classes.progressIndicator}\n        >\n          {displayValue}\n        </div>\n      )}\n    </div>\n  );\n};\n\nCircularProgressBarCore.displayName = 'CircularProgressBarCore';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_CircularProgressBarCoreSt","_Arc","_constants","_propsUtils","_ProgressLabel","_constants2","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FULL_PROGRESS","NO_PROGRESS","VIEWBOX_SIZE","resolveIndicationElement","props","wrapped","dataHook","children","createElement","className","classes","statusIndicator","__self","__source","fileName","lineNumber","columnNumber","error","errorIcon","dataHooks","value","successIcon","labelPlacement","shouldShowProgressIndication","label","progressIndicator","ProgressLabel","_extends2","normalizeValue","parseInt","normalizeSize","size","intSize","convertToPercentageString","concat","Math","floor","exports","renderArcs","normalizedSize","normalizedValue","strokeWidth","sizesMap","tiny","arcsContainer","style","width","height","Arc","progressArcBackground","backArc","progressArcForeground","foreArc","normalizeProps","CircularProgressBarCore","_ref","propsWithNoDefaults","_objectWithoutProperties2","showProgressIndication","_props","success","displayValue","errorLabel","Boolean","st","root","filterDataProps","displayName"],"sources":["../../../../src/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './CircularProgressBarCore.st.css';\nimport { Arc } from './Arc';\nimport { dataHooks } from './constants';\nimport { filterDataProps } from '../../utils/propsUtils';\nimport { ProgressLabel } from './ProgressLabel';\nimport { sizesMap } from '../constants';\n\nexport interface CircularProgressBarCoreProps {\n  /** represent the progress state in percentages (0 - no progress, 100 - progress completed) */\n  value?: number | string;\n  /** should be true if had failure during the progress */\n  error?: boolean;\n  /** label to display when an error happens */\n  errorLabel?: string;\n  /** when set to true, an indication of the progress state will be presented along side the progress bar */\n  showProgressIndication?: boolean;\n  /** an indication icon (any react component) that will be presented when 'error' and 'showProgressIndication' are set to true */\n  errorIcon?: React.ReactElement;\n  /** an indication icon (any react component) that will be presented when 'showProgressIndication' are set to true and 'value' is 100 */\n  successIcon?: React.ReactElement;\n  /** custom text to display. will replace the progress indication if provided */\n  label?: string;\n  /** Placement of the label in the progress bar */\n  labelPlacement?: 'center' | 'bottom';\n  /** circle size in pixels */\n  size?: number | string;\n  /** hook for testing purposes */\n  'data-hook'?: string;\n  /** Skin of the bar */\n  'data-skin'?: 'standard' | 'premium' | 'success';\n  className?: string;\n}\n\nconst FULL_PROGRESS = 100;\nconst NO_PROGRESS = 0;\nconst VIEWBOX_SIZE = 54;\n\nconst resolveIndicationElement = (\n  props: CircularProgressBarCoreProps & {\n    shouldShowProgressIndication: boolean;\n  },\n) => {\n  const wrapped = (dataHook: string, children: React.ReactElement) => (\n    <div data-hook={dataHook} className={classes.statusIndicator}>\n      {children}\n    </div>\n  );\n\n  if (props.error && props.errorIcon) {\n    return wrapped(dataHooks.errorIcon, props.errorIcon);\n  }\n\n  if (props.value === FULL_PROGRESS && props.successIcon) {\n    return wrapped(dataHooks.successIcon, props.successIcon);\n  }\n\n  if (\n    props.labelPlacement === 'center' &&\n    (props.shouldShowProgressIndication || props.label)\n  ) {\n    return wrapped(\n      props.label ? dataHooks.label : dataHooks.progressIndicator,\n      <ProgressLabel {...props} />,\n    );\n  }\n  return null;\n};\n\nconst normalizeValue = (value: string | number) => {\n  return typeof value === 'number'\n    ? value\n    : parseInt(value, 10)\n    ? parseInt(value, 10)\n    : NO_PROGRESS;\n};\n\nconst normalizeSize = (size: string | number) => {\n  const intSize = typeof size === 'number' ? size : parseInt(size, 10);\n  return intSize && intSize > 0 ? intSize : VIEWBOX_SIZE;\n};\n\nexport const convertToPercentageString = (value: number) => {\n  return `${Math.floor(value)}%`;\n};\n\nconst renderArcs = (\n  props: CircularProgressBarCoreProps & {\n    shouldShowProgressIndication: boolean;\n  },\n) => {\n  const { value, size } = props;\n  const normalizedSize = normalizeSize(size || VIEWBOX_SIZE);\n  const normalizedValue = normalizeValue(value || NO_PROGRESS);\n  const strokeWidth = size === sizesMap.tiny ? 3 : 4;\n  return (\n    <div\n      className={classes.arcsContainer}\n      style={{ width: `${normalizedSize}px`, height: `${normalizedSize}px` }}\n    >\n      {resolveIndicationElement(props)}\n      <Arc\n        data-hook={dataHooks.progressArcBackground}\n        value={FULL_PROGRESS}\n        className={classes.backArc}\n        strokeWidth={strokeWidth}\n        size={normalizedSize}\n      />\n      <Arc\n        data-hook={dataHooks.progressArcForeground}\n        value={normalizedValue}\n        className={classes.foreArc}\n        strokeWidth={strokeWidth}\n        size={normalizedSize}\n      />\n    </div>\n  );\n};\n\nconst normalizeProps = (props: CircularProgressBarCoreProps) => {\n  const value = normalizeValue(props.value || NO_PROGRESS);\n\n  if (value >= FULL_PROGRESS) {\n    return { ...props, value: FULL_PROGRESS };\n  }\n\n  if (value < NO_PROGRESS) {\n    return { ...props, value: NO_PROGRESS };\n  }\n\n  return { ...props, value };\n};\n\nexport const CircularProgressBarCore: React.FunctionComponent<\n  CircularProgressBarCoreProps\n> = ({\n  value = NO_PROGRESS,\n  size = VIEWBOX_SIZE,\n  labelPlacement = 'bottom',\n  ...propsWithNoDefaults\n}: CircularProgressBarCoreProps) => {\n  const props: CircularProgressBarCoreProps = {\n    value,\n    size,\n    labelPlacement,\n    ...propsWithNoDefaults,\n  };\n  const { label, error, showProgressIndication } = props;\n  const _props = normalizeProps(props);\n  const success = _props.value === FULL_PROGRESS;\n  const displayValue =\n    error && _props.errorLabel\n      ? _props.errorLabel\n      : convertToPercentageString(_props.value);\n\n  const shouldShowProgressIndication = Boolean(\n    showProgressIndication && !label,\n  );\n  return (\n    <div\n      className={st(classes.root, { error, success }, _props.className)}\n      data-error={error}\n      {...filterDataProps(props)}\n    >\n      {renderArcs({ ..._props, shouldShowProgressIndication })}\n      {label && labelPlacement === 'bottom' && (\n        <div data-hook={dataHooks.label} className={classes.label}>\n          {label}\n        </div>\n      )}\n      {shouldShowProgressIndication && labelPlacement === 'bottom' && (\n        <div\n          data-hook={dataHooks.progressIndicator}\n          className={classes.progressIndicator}\n        >\n          {displayValue}\n        </div>\n      )}\n    </div>\n  );\n};\n\nCircularProgressBarCore.displayName = 'CircularProgressBarCore';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_CircularProgressBarCore";
+var _namespace_ = "wds_1_155_0_CircularProgressBarCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_CircularProgressBarCore__root","label":"wds_1_153_0_CircularProgressBarCore__label","progressIndicator":"wds_1_153_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_153_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_153_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_153_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_153_0_CircularProgressBarCore__foreArc","backArc":"wds_1_153_0_CircularProgressBarCore__backArc"};
+module.exports.classes = {"root":"wds_1_155_0_CircularProgressBarCore__root","label":"wds_1_155_0_CircularProgressBarCore__label","progressIndicator":"wds_1_155_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_155_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_155_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_155_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_155_0_CircularProgressBarCore__foreArc","backArc":"wds_1_155_0_CircularProgressBarCore__backArc"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_CloseButton";
+var _namespace_ = "wds_1_155_0_CloseButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_CloseButton__root"};
+module.exports.classes = {"root":"wds_1_155_0_CloseButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/ColorInput/components/ColorViewer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_ColorViewer";
+var _namespace_ = "wds_1_155_0_ColorViewer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ColorViewer__root","line":"wds_1_153_0_ColorViewer__line"};
+module.exports.classes = {"root":"wds_1_155_0_ColorViewer__root","line":"wds_1_155_0_ColorViewer__line"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorInput/components/Hash.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_Hash";
+var _namespace_ = "wds_1_155_0_Hash";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Hash__root","text-medium-normal":"wds_1_153_0_StylableTypography__text-medium-normal"};
+module.exports.classes = {"root":"wds_1_155_0_Hash__root","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ColorPicker";
+var _namespace_ = "wds_1_155_0_ColorPicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ColorPicker__root","children":"wds_1_153_0_ColorPicker__children"};
+module.exports.classes = {"root":"wds_1_155_0_ColorPicker__root","children":"wds_1_155_0_ColorPicker__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ColorPickerConverter";
+var _namespace_ = "wds_1_155_0_ColorPickerConverter";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ColorPickerConverter__root","colorInput":"wds_1_153_0_ColorPickerConverter__colorInput","preview":"wds_1_153_0_ColorPickerConverter__preview","distribute":"wds_1_153_0_ColorPickerConverter__distribute","distributedItem":"wds_1_153_0_ColorPickerConverter__distributedItem"};
+module.exports.classes = {"root":"wds_1_155_0_ColorPickerConverter__root","colorInput":"wds_1_155_0_ColorPickerConverter__colorInput","preview":"wds_1_155_0_ColorPickerConverter__preview","distribute":"wds_1_155_0_ColorPickerConverter__distribute","distributedItem":"wds_1_155_0_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_153_0_ColorPickerHistory";
+var _namespace_ = "wds_1_155_0_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_153_0_ColorPickerHistory__root"};
+module.exports.classes = {"root":"wds_1_155_0_ColorPickerHistory__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ColorPickerHsb";
+var _namespace_ = "wds_1_155_0_ColorPickerHsb";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ColorPickerHsb__root","sticky":"wds_1_153_0_ColorPickerHsb__sticky","saturation":"wds_1_153_0_ColorPickerHsb__saturation","brightness":"wds_1_153_0_ColorPickerHsb__brightness","hue":"wds_1_153_0_ColorPickerHsb__hue","handle":"wds_1_153_0_ColorPickerHsb__handle"};
+module.exports.classes = {"root":"wds_1_155_0_ColorPickerHsb__root","sticky":"wds_1_155_0_ColorPickerHsb__sticky","saturation":"wds_1_155_0_ColorPickerHsb__saturation","brightness":"wds_1_155_0_ColorPickerHsb__brightness","hue":"wds_1_155_0_ColorPickerHsb__hue","handle":"wds_1_155_0_ColorPickerHsb__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ColorPickerHue";
+var _namespace_ = "wds_1_155_0_ColorPickerHue";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ColorPickerHue__root","handle":"wds_1_153_0_ColorPickerHue__handle"};
+module.exports.classes = {"root":"wds_1_155_0_ColorPickerHue__root","handle":"wds_1_155_0_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_153_0_ComposerButton";
+var _namespace_ = "wds_1_155_0_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_153_0_ComposerButton__root","tooltip":"wds_1_153_0_ComposerButton__tooltip","label":"wds_1_153_0_ComposerButton__label","iconContainer":"wds_1_153_0_ComposerButton__iconContainer"};
+module.exports.classes = {"root":"wds_1_155_0_ComposerButton__root","tooltip":"wds_1_155_0_ComposerButton__tooltip","label":"wds_1_155_0_ComposerButton__label","iconContainer":"wds_1_155_0_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_153_0_ComposerHeader";
+var _namespace_ = "wds_1_155_0_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_153_0_ComposerHeader__root","container":"wds_1_153_0_ComposerHeader__container","actions":"wds_1_153_0_ComposerHeader__actions","saveStatus":"wds_1_153_0_ComposerHeader__saveStatus","mainActions":"wds_1_153_0_ComposerHeader__mainActions","backButton":"wds_1_153_0_ComposerHeader__backButton","divider":"wds_1_153_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_155_0_ComposerHeader__root","container":"wds_1_155_0_ComposerHeader__container","actions":"wds_1_155_0_ComposerHeader__actions","saveStatus":"wds_1_155_0_ComposerHeader__saveStatus","mainActions":"wds_1_155_0_ComposerHeader__mainActions","backButton":"wds_1_155_0_ComposerHeader__backButton","divider":"wds_1_155_0_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_153_0_ComposerSidebar";
+var _namespace_ = "wds_1_155_0_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_153_0_ComposerSidebar__root","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_153_0_ComposerSidebar__sectionContainer","section":"wds_1_153_0_ComposerSidebar__section","itemsContainer":"wds_1_153_0_ComposerSidebar__itemsContainer","title":"wds_1_153_0_ComposerSidebar__title","item":"wds_1_153_0_ComposerSidebar__item","sidebarItemButton":"wds_1_153_0_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_155_0_ComposerSidebar__root","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_155_0_ComposerSidebar__sectionContainer","section":"wds_1_155_0_ComposerSidebar__section","itemsContainer":"wds_1_155_0_ComposerSidebar__itemsContainer","title":"wds_1_155_0_ComposerSidebar__title","item":"wds_1_155_0_ComposerSidebar__item","sidebarItemButton":"wds_1_155_0_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_153_0_CornerRadiusInput";
+var _namespace_ = "wds_1_155_0_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_153_0_CornerRadiusInput__root","linkingButton":"wds_1_153_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_153_0_CornerRadiusInput__topLeft","topRight":"wds_1_153_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_153_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_153_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_153_0_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_155_0_CornerRadiusInput__root","linkingButton":"wds_1_155_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_155_0_CornerRadiusInput__topLeft","topRight":"wds_1_155_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_155_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_155_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_155_0_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_153_0_CounterBadge";
+var _namespace_ = "wds_1_155_0_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_153_0_CounterBadge__root","text":"wds_1_153_0_CounterBadge__text","caption":"wds_1_153_0_CounterBadge__caption","numberContent":"wds_1_153_0_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_155_0_CounterBadge__root","text":"wds_1_155_0_CounterBadge__text","caption":"wds_1_155_0_CounterBadge__caption","numberContent":"wds_1_155_0_CounterBadge__numberContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_CustomModalLayout";
+var _namespace_ = "wds_1_155_0_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_153_0_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_155_0_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_DatePicker";
+var _namespace_ = "wds_1_155_0_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_153_0_DatePicker__root","popover":"wds_1_153_0_DatePicker__popover","input":"wds_1_153_0_DatePicker__input","inputContainer":"wds_1_153_0_DatePicker__inputContainer","calendar":"wds_1_153_0_DatePicker__calendar","footer":"wds_1_153_0_DatePicker__footer"};
+module.exports.classes = {"root":"wds_1_155_0_DatePicker__root","popover":"wds_1_155_0_DatePicker__popover","input":"wds_1_155_0_DatePicker__input","inputContainer":"wds_1_155_0_DatePicker__inputContainer","calendar":"wds_1_155_0_DatePicker__calendar","footer":"wds_1_155_0_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_153_0_Divider";
+var _namespace_ = "wds_1_155_0_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_153_0_Divider__root"};
+module.exports.classes = {"root":"wds_1_155_0_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_153_0_IntroductionExample";
+var _namespace_ = "wds_1_155_0_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_153_0_IntroductionExample__root"};
+module.exports.classes = {"root":"wds_1_155_0_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_153_0_SingleAreaGrid";
+var _namespace_ = "wds_1_155_0_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_153_0_SingleAreaGrid__root","title":"wds_1_153_0_SingleAreaGrid__title","sortableGridBase":"wds_1_153_0_SingleAreaGrid__sortableGridBase","item":"wds_1_153_0_SingleAreaGrid__item","handle":"wds_1_153_0_SingleAreaGrid__handle"};
+module.exports.classes = {"root":"wds_1_155_0_SingleAreaGrid__root","title":"wds_1_155_0_SingleAreaGrid__title","sortableGridBase":"wds_1_155_0_SingleAreaGrid__sortableGridBase","item":"wds_1_155_0_SingleAreaGrid__item","handle":"wds_1_155_0_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_153_0_ListWithDelay";
+var _namespace_ = "wds_1_155_0_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_153_0_ListWithDelay__root","title":"wds_1_153_0_ListWithDelay__title","sortableListBase":"wds_1_153_0_ListWithDelay__sortableListBase","item":"wds_1_153_0_ListWithDelay__item","placeholder":"wds_1_153_0_ListWithDelay__placeholder","preview":"wds_1_153_0_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_155_0_ListWithDelay__root","title":"wds_1_155_0_ListWithDelay__title","sortableListBase":"wds_1_155_0_ListWithDelay__sortableListBase","item":"wds_1_155_0_ListWithDelay__item","placeholder":"wds_1_155_0_ListWithDelay__placeholder","preview":"wds_1_155_0_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_153_0_MultiAreaList";
+var _namespace_ = "wds_1_155_0_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_153_0_MultiAreaList__root","item":"wds_1_153_0_MultiAreaList__item","itemPlaceholder":"wds_1_153_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_153_0_MultiAreaList__itemPreview","list":"wds_1_153_0_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_155_0_MultiAreaList__root","item":"wds_1_155_0_MultiAreaList__item","itemPlaceholder":"wds_1_155_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_155_0_MultiAreaList__itemPreview","list":"wds_1_155_0_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_153_0_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_155_0_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_153_0_MultiAreaListPreventDropping__root","item":"wds_1_153_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_153_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_153_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_153_0_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_155_0_MultiAreaListPreventDropping__root","item":"wds_1_155_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_155_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_155_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_155_0_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_153_0_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_155_0_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_153_0_MultiAreaListWithInsertionRules__root","item":"wds_1_153_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_153_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_153_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_153_0_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_155_0_MultiAreaListWithInsertionRules__root","item":"wds_1_155_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_155_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_155_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_155_0_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_153_0_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_155_0_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_153_0_MultiAreaListWithSortableColumns__root","table":"wds_1_153_0_MultiAreaListWithSortableColumns__table","content":"wds_1_153_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_153_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_153_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_153_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_153_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_153_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_153_0_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_155_0_MultiAreaListWithSortableColumns__root","table":"wds_1_155_0_MultiAreaListWithSortableColumns__table","content":"wds_1_155_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_155_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_155_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_155_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_155_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_155_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_155_0_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_153_0_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_155_0_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_153_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_153_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_155_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_155_0_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_153_0_NestableListBase";
+var _namespace_ = "wds_1_155_0_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_153_0_NestableListBase__root","title":"wds_1_153_0_NestableListBase__title","sortableListBase":"wds_1_153_0_NestableListBase__sortableListBase","itemCss":"wds_1_153_0_NestableListBase__itemCss","handle":"wds_1_153_0_NestableListBase__handle","placeholder":"wds_1_153_0_NestableListBase__placeholder","preview":"wds_1_153_0_NestableListBase__preview","item":"wds_1_153_0_NestableListBase__item","container":"wds_1_153_0_NestableListBase__container","topContainer":"wds_1_153_0_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_155_0_NestableListBase__root","title":"wds_1_155_0_NestableListBase__title","sortableListBase":"wds_1_155_0_NestableListBase__sortableListBase","itemCss":"wds_1_155_0_NestableListBase__itemCss","handle":"wds_1_155_0_NestableListBase__handle","placeholder":"wds_1_155_0_NestableListBase__placeholder","preview":"wds_1_155_0_NestableListBase__preview","item":"wds_1_155_0_NestableListBase__item","container":"wds_1_155_0_NestableListBase__container","topContainer":"wds_1_155_0_NestableListBase__topContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};