@wix/design-system 1.177.0 → 1.178.0

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

@@ -1 +1 @@
-{"version":3,"names":["_Input","require","exports","InputValue","MinValue","MaxValue"],"sources":["../../../src/NumberInput/NumberInput.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipProps } from '../Tooltip';\nimport {\n  InputSize,\n  InputStatus,\n  InputValue,\n  MinValue,\n  MaxValue,\n} from '../Input';\n\nexport { InputValue, MinValue, MaxValue } from '../Input';\n\nexport type NumberInputProps = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Assigns a unique identifier for the root element */\n  id?: string;\n  ariaControls?: string;\n  ariaDescribedby?: string;\n  ariaLabel?: string;\n  autoFocus?: boolean;\n  autoSelect?: boolean;\n  autocomplete?: string;\n  /** Defines the initial value of an input */\n  defaultValue?: InputValue;\n  /** Specifies whether input should be disabled or not */\n  disabled?: boolean;\n  /** Specify the status of a field */\n  status?: InputStatus;\n  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n  statusMessage?: React.ReactNode;\n  hideStatusSuffix?: boolean;\n  forceFocus?: boolean;\n  forceHover?: boolean;\n  maxLength?: number;\n  menuArrow?: boolean;\n  clearButton?: boolean;\n  focusOnClearClick?: boolean;\n  /** Reference element data when a form is submitted */\n  name?: string;\n  border?: 'standard' | 'round' | 'bottomLine' | 'none';\n  noLeftBorderRadius?: boolean;\n  noRightBorderRadius?: boolean;\n  /** Defines a standard input onBlur callback */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onClear?: React.MouseEventHandler<HTMLButtonElement>;\n  onCompositionChange?: (isComposing: boolean) => void;\n  onEnterPressed?: React.KeyboardEventHandler<HTMLInputElement>;\n  onEscapePressed?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Defines a standard input onFocus callback */\n  onFocus?: (e?: React.FocusEvent<HTMLInputElement>) => void;\n  onInputClicked?: React.MouseEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n  onPaste?: React.ClipboardEventHandler<HTMLInputElement>;\n  /** Sets a placeholder message to display */\n  placeholder?: string;\n  /** Pass a component you want to show as the prefix of the input, e.g., text, icon */\n  prefix?: React.ReactNode;\n  readOnly?: boolean;\n  disableEditing?: boolean;\n  rtl?: boolean;\n  /** Controls the size of the input */\n  size?: InputSize;\n  /** Pass a component you want to show as the suffix of the input, e.g., text, icon */\n  suffix?: React.ReactNode;\n  tabIndex?: number;\n  textOverflow?: 'clip' | 'ellipsis';\n  tooltipPlacement?: TooltipProps['placement'];\n  type?: string;\n  /** Specifies the current value of the element */\n  value?: string | number;\n  withSelection?: boolean;\n  required?: boolean;\n  /** Sets a minimum value of an input. Similar to HTML5 min attribute. */\n  min?: MinValue;\n  /** Sets a maximum value of an input. Similar to html5 max attribute. */\n  max?: MaxValue;\n  /** Specifies the interval between number values */\n  step?: number;\n  customInput?: React.ReactNode | Function;\n  pattern?: string;\n  inputRef?:\n    | ((input: HTMLInputElement) => void)\n    | React.MutableRefObject<HTMLInputElement | null>;\n  strict?: boolean;\n  /** Specifies whether stepper should be hidden */\n  hideStepper?: boolean;\n  /** Defines a standard input onChange callback */\n  onChange?(value: number | null, stringValue: string): void;\n  /** Enables internal validation and defines a message to display when user types invalid value */\n  invalidMessage?: string;\n  /** Defines a callback function which is called on cases when invalid value is typed.\n   * - return { stringValue: string, { validationType: 'formatError' | 'outOfBoundsError', value: string }}\n   * - `validationType` - type 'formatError' is set when value is in the wrong format\n   *                    - type 'outOfBoundsError' is set when min or max props are used and value does not match the bounds\n   * - `value` - is set to current input value\n   */\n  onInvalid?(\n    stringValue: string,\n    {\n      validationType,\n      value,\n    }: { validationType?: 'outOfBoundsError' | 'formatError'; value: string },\n  ): void;\n};\n"],"mappings":";;;;AAUA,IAAAA,MAAA,GAAAC,OAAA;AAA0DC,OAAA,CAAAC,UAAA,GAAAH,MAAA,CAAAG,UAAA;AAAAD,OAAA,CAAAE,QAAA,GAAAJ,MAAA,CAAAI,QAAA;AAAAF,OAAA,CAAAG,QAAA,GAAAL,MAAA,CAAAK,QAAA","ignoreList":[]}
+{"version":3,"names":["_Input","require","exports","InputValue","MinValue","MaxValue"],"sources":["../../../src/NumberInput/NumberInput.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipProps } from '../Tooltip';\nimport {\n  InputSize,\n  InputStatus,\n  InputValue,\n  MinValue,\n  MaxValue,\n} from '../Input';\n\nexport { InputValue, MinValue, MaxValue } from '../Input';\n\nexport type NumberInputProps = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Assigns a unique identifier for the root element */\n  id?: string;\n  ariaControls?: string;\n  ariaDescribedby?: string;\n  ariaLabel?: string;\n  autoFocus?: boolean;\n  autoSelect?: boolean;\n  autocomplete?: string;\n  /** Defines the initial value of an input */\n  defaultValue?: InputValue;\n  /** Specifies whether input should be disabled or not */\n  disabled?: boolean;\n  /** Specify the status of a field */\n  status?: InputStatus;\n  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n  statusMessage?: React.ReactNode;\n  hideStatusSuffix?: boolean;\n  forceFocus?: boolean;\n  forceHover?: boolean;\n  maxLength?: number;\n  menuArrow?: boolean;\n  clearButton?: boolean;\n  focusOnClearClick?: boolean;\n  /** Reference element data when a form is submitted */\n  name?: string;\n  border?: 'standard' | 'round' | 'bottomLine' | 'none';\n  noLeftBorderRadius?: boolean;\n  noRightBorderRadius?: boolean;\n  /** Defines a standard input onBlur callback */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onClear?: React.MouseEventHandler<HTMLButtonElement>;\n  onCompositionChange?: (isComposing: boolean) => void;\n  onEnterPressed?: React.KeyboardEventHandler<HTMLInputElement>;\n  onEscapePressed?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Defines a standard input onFocus callback */\n  onFocus?: (e?: React.FocusEvent<HTMLInputElement>) => void;\n  onInputClicked?: React.MouseEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n  onPaste?: React.ClipboardEventHandler<HTMLInputElement>;\n  /** Sets a placeholder message to display */\n  placeholder?: string;\n  /** Pass a component you want to show as the prefix of the input, e.g., text, icon */\n  prefix?: React.ReactNode;\n  readOnly?: boolean;\n  disableEditing?: boolean;\n  rtl?: boolean;\n  /** Controls the size of the input */\n  size?: InputSize;\n  /** Pass a component you want to show as the suffix of the input, e.g., text, icon */\n  suffix?: React.ReactNode;\n  tabIndex?: number;\n  textOverflow?: 'clip' | 'ellipsis';\n  tooltipPlacement?: TooltipProps['placement'];\n  type?: string;\n  /** Specifies the current value of the element */\n  value?: string | number;\n  withSelection?: boolean;\n  required?: boolean;\n  /** Sets a minimum value of an input. Similar to HTML5 min attribute. */\n  min?: MinValue;\n  /** Sets a maximum value of an input. Similar to html5 max attribute. */\n  max?: MaxValue;\n  /** Specifies the interval between number values */\n  step?: number | Array<number>;\n  customInput?: React.ReactNode | Function;\n  pattern?: string;\n  inputRef?:\n    | ((input: HTMLInputElement) => void)\n    | React.MutableRefObject<HTMLInputElement | null>;\n  strict?: boolean;\n  /** Specifies whether stepper should be hidden */\n  hideStepper?: boolean;\n  /** Defines a standard input onChange callback */\n  onChange?(value: number | null, stringValue: string): void;\n  /** Enables internal validation and defines a message to display when user types invalid value */\n  invalidMessage?: string;\n  /** Defines a callback function which is called on cases when invalid value is typed.\n   * - return { stringValue: string, { validationType: 'formatError' | 'outOfBoundsError', value: string }}\n   * - `validationType` - type 'formatError' is set when value is in the wrong format\n   *                    - type 'outOfBoundsError' is set when min or max props are used and value does not match the bounds\n   * - `value` - is set to current input value\n   */\n  onInvalid?(\n    stringValue: string,\n    {\n      validationType,\n      value,\n    }: { validationType?: 'outOfBoundsError' | 'formatError'; value: string },\n  ): void;\n};\n"],"mappings":";;;;AAUA,IAAAA,MAAA,GAAAC,OAAA;AAA0DC,OAAA,CAAAC,UAAA,GAAAH,MAAA,CAAAG,UAAA;AAAAD,OAAA,CAAAE,QAAA,GAAAJ,MAAA,CAAAI,QAAA;AAAAF,OAAA,CAAAG,QAAA,GAAAL,MAAA,CAAAK,QAAA","ignoreList":[]}

package/dist/cjs/NumberInput/utils/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.validateValue = exports.normalizeValues = exports.isInRange = exports.defaultValueToNullIfInvalidNumber = exports.defaultValueToNullIfEmpty = void 0;
+exports.validateValue = exports.normalizeValues = exports.isInRange = exports.getClosestValue = exports.defaultValueToNullIfInvalidNumber = exports.defaultValueToNullIfEmpty = void 0;
 var isEmptyValue = value => value === null || value === undefined || value === '';
 var isInvalidNumber = value => isEmptyValue(value) || !/[0-9]$/.test(String(value));
 var defaultValueToNullIfEmpty = (value, defaultValue) => {
@@ -72,4 +72,11 @@ var validateValue = _ref2 => {
   };
 };
 exports.validateValue = validateValue;
+var getClosestValue = (currentValue, options, direction) => {
+  var _sortedOptions$find;
+  var sortedOptions = [...options];
+  sortedOptions.sort((a, b) => direction === 'up' ? a - b : b - a);
+  return (_sortedOptions$find = sortedOptions.find(v => direction === 'up' ? v > currentValue : v < currentValue)) !== null && _sortedOptions$find !== void 0 ? _sortedOptions$find : sortedOptions[sortedOptions.length - 1];
+};
+exports.getClosestValue = getClosestValue;
 //# sourceMappingURL=index.js.map

package/dist/cjs/NumberInput/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["isEmptyValue","value","undefined","isInvalidNumber","test","String","defaultValueToNullIfEmpty","defaultValue","Number","exports","defaultValueToNullIfInvalidNumber","normalizeStringValue","valueWithDotDecimalSeparator","replace","startsWith","normalizeValues","stringValue","numberValue","isInRange","_ref","minValue","maxValue","isNaN","validateValue","_ref2","hasError","validationType"],"sources":["../../../../src/NumberInput/utils/index.ts"],"sourcesContent":["import { InputValue, MinValue, MaxValue } from '../NumberInput.types';\n\nconst isEmptyValue = (value: InputValue): boolean =>\n  value === null || value === undefined || value === '';\n\nconst isInvalidNumber = (value: InputValue): boolean =>\n  isEmptyValue(value) || !/[0-9]$/.test(String(value));\n\nexport const defaultValueToNullIfEmpty = (\n  value: InputValue,\n  defaultValue: InputValue,\n): string | number => {\n  if (!isEmptyValue(value)) {\n    return String(value);\n  }\n\n  return !isEmptyValue(defaultValue) ? Number(defaultValue) : '';\n};\n\nexport const defaultValueToNullIfInvalidNumber = (\n  value: string | number,\n): null | number => (isInvalidNumber(value) ? null : Number(value));\n\nconst normalizeStringValue = (value: string): string => {\n  const valueWithDotDecimalSeparator = value.replace(',', '.');\n  if (isInvalidNumber(valueWithDotDecimalSeparator)) {\n    return valueWithDotDecimalSeparator;\n  }\n\n  // Preserve minus sign when typing '-00'.\n  return valueWithDotDecimalSeparator.startsWith('-')\n    ? valueWithDotDecimalSeparator.replace(/^-0+(?!\\.|,|$)/, '-')\n    : valueWithDotDecimalSeparator.replace(/^0+(?!\\.|,|$)/, '');\n};\n\nexport const normalizeValues = (value: InputValue) => {\n  const stringValue = normalizeStringValue(String(value));\n  const numberValue = stringValue === '' ? null : Number(stringValue);\n\n  return {\n    numberValue,\n    stringValue,\n  };\n};\n\nexport const isInRange = ({\n  value,\n  minValue,\n  maxValue,\n}: {\n  value: number;\n  minValue: MinValue;\n  maxValue: MaxValue;\n}): boolean =>\n  !(!Number.isNaN(minValue) && value < Number(minValue)) &&\n  !(!Number.isNaN(maxValue) && value > Number(maxValue));\n\nexport const validateValue = ({\n  value,\n  minValue,\n  maxValue,\n}: {\n  value: InputValue;\n  minValue: MinValue;\n  maxValue: MaxValue;\n}): {\n  hasError: boolean;\n  validationType?: 'outOfBoundsError' | 'formatError';\n} => {\n  if (isEmptyValue(value)) {\n    return { hasError: false };\n  }\n\n  if (isInvalidNumber(value)) {\n    return { hasError: true, validationType: 'formatError' };\n  }\n\n  if (\n    !isInRange({\n      value: Number(value),\n      minValue,\n      maxValue,\n    })\n  ) {\n    return { hasError: true, validationType: 'outOfBoundsError' };\n  }\n\n  return { hasError: false };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isEmptyValue","value","undefined","isInvalidNumber","test","String","defaultValueToNullIfEmpty","defaultValue","Number","exports","defaultValueToNullIfInvalidNumber","normalizeStringValue","valueWithDotDecimalSeparator","replace","startsWith","normalizeValues","stringValue","numberValue","isInRange","_ref","minValue","maxValue","isNaN","validateValue","_ref2","hasError","validationType","getClosestValue","currentValue","options","direction","_sortedOptions$find","sortedOptions","sort","a","b","find","v","length"],"sources":["../../../../src/NumberInput/utils/index.ts"],"sourcesContent":["import { InputValue, MinValue, MaxValue } from '../NumberInput.types';\n\nconst isEmptyValue = (value: InputValue): boolean =>\n  value === null || value === undefined || value === '';\n\nconst isInvalidNumber = (value: InputValue): boolean =>\n  isEmptyValue(value) || !/[0-9]$/.test(String(value));\n\nexport const defaultValueToNullIfEmpty = (\n  value: InputValue,\n  defaultValue: InputValue,\n): string | number => {\n  if (!isEmptyValue(value)) {\n    return String(value);\n  }\n\n  return !isEmptyValue(defaultValue) ? Number(defaultValue) : '';\n};\n\nexport const defaultValueToNullIfInvalidNumber = (\n  value: string | number,\n): null | number => (isInvalidNumber(value) ? null : Number(value));\n\nconst normalizeStringValue = (value: string): string => {\n  const valueWithDotDecimalSeparator = value.replace(',', '.');\n  if (isInvalidNumber(valueWithDotDecimalSeparator)) {\n    return valueWithDotDecimalSeparator;\n  }\n\n  // Preserve minus sign when typing '-00'.\n  return valueWithDotDecimalSeparator.startsWith('-')\n    ? valueWithDotDecimalSeparator.replace(/^-0+(?!\\.|,|$)/, '-')\n    : valueWithDotDecimalSeparator.replace(/^0+(?!\\.|,|$)/, '');\n};\n\nexport const normalizeValues = (value: InputValue) => {\n  const stringValue = normalizeStringValue(String(value));\n  const numberValue = stringValue === '' ? null : Number(stringValue);\n\n  return {\n    numberValue,\n    stringValue,\n  };\n};\n\nexport const isInRange = ({\n  value,\n  minValue,\n  maxValue,\n}: {\n  value: number;\n  minValue: MinValue;\n  maxValue: MaxValue;\n}): boolean =>\n  !(!Number.isNaN(minValue) && value < Number(minValue)) &&\n  !(!Number.isNaN(maxValue) && value > Number(maxValue));\n\nexport const validateValue = ({\n  value,\n  minValue,\n  maxValue,\n}: {\n  value: InputValue;\n  minValue: MinValue;\n  maxValue: MaxValue;\n}): {\n  hasError: boolean;\n  validationType?: 'outOfBoundsError' | 'formatError';\n} => {\n  if (isEmptyValue(value)) {\n    return { hasError: false };\n  }\n\n  if (isInvalidNumber(value)) {\n    return { hasError: true, validationType: 'formatError' };\n  }\n\n  if (\n    !isInRange({\n      value: Number(value),\n      minValue,\n      maxValue,\n    })\n  ) {\n    return { hasError: true, validationType: 'outOfBoundsError' };\n  }\n\n  return { hasError: false };\n};\n\nexport type DIRECTION = 'up' | 'down';\n\nexport const getClosestValue = (\n  currentValue: number,\n  options: Array<number>,\n  direction: DIRECTION,\n): number => {\n  const sortedOptions = [...options];\n  sortedOptions.sort((a, b) => (direction === 'up' ? a - b : b - a));\n  return (\n    sortedOptions.find(v =>\n      direction === 'up' ? v > currentValue : v < currentValue,\n    ) ?? sortedOptions[sortedOptions.length - 1]\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Page";
+var _namespace_ = "wds_1_178_0_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_177_0_Page__root","page":"wds_1_177_0_Page__page","scrollableContainer":"wds_1_177_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_177_0_Page__pageHeaderContainer","headerWrapper":"wds_1_177_0_Page__headerWrapper","tail":"wds_1_177_0_Page__tail","contentContainer":"wds_1_177_0_Page__contentContainer","imageBackgroundContainer":"wds_1_177_0_Page__imageBackgroundContainer","imageBackground":"wds_1_177_0_Page__imageBackground","gradientBackground":"wds_1_177_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_177_0_Page__contentHorizontalLayout","contentFloating":"wds_1_177_0_Page__contentFloating","horizontalScroll":"wds_1_177_0_Page__horizontalScroll","sticky":"wds_1_177_0_Page__sticky","stretchVertically":"wds_1_177_0_Page__stretchVertically","fixedFooter":"wds_1_177_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_177_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_178_0_Page__root","page":"wds_1_178_0_Page__page","scrollableContainer":"wds_1_178_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_178_0_Page__pageHeaderContainer","headerWrapper":"wds_1_178_0_Page__headerWrapper","tail":"wds_1_178_0_Page__tail","contentContainer":"wds_1_178_0_Page__contentContainer","imageBackgroundContainer":"wds_1_178_0_Page__imageBackgroundContainer","imageBackground":"wds_1_178_0_Page__imageBackground","gradientBackground":"wds_1_178_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_178_0_Page__contentHorizontalLayout","contentFloating":"wds_1_178_0_Page__contentFloating","horizontalScroll":"wds_1_178_0_Page__horizontalScroll","sticky":"wds_1_178_0_Page__sticky","stretchVertically":"wds_1_178_0_Page__stretchVertically","fixedFooter":"wds_1_178_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_178_0_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"var(--wds-page-header-padding-horizontal, 48px)","headerBottomPadding":"var(--wds-page-header-padding-vertical, 24px)","imageContainerOffset":"30px","pageBottomPadding":"var(--wds-space-800, 48px)","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperBottomPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperWithTailBottomPadding":"var(--wds-space-200, 12px)","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_177_0_Page-minimizationTop"}; 
+module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_178_0_Page-minimizationTop"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_PageFooter";
+var _namespace_ = "wds_1_178_0_PageFooter";
 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_177_0_PageFooter__root","container":"wds_1_177_0_PageFooter__container","divider":"wds_1_177_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_178_0_PageFooter__root","container":"wds_1_178_0_PageFooter__container","divider":"wds_1_178_0_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_177_0_Center";
+var _namespace_ = "wds_1_178_0_Center";
 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_177_0_Center__root","center":"wds_1_177_0_Center__center"};
+module.exports.classes = {"root":"wds_1_178_0_Center__root","center":"wds_1_178_0_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/End/End.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_177_0_End";
+var _namespace_ = "wds_1_178_0_End";
 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_177_0_End__root","end":"wds_1_177_0_End__end"};
+module.exports.classes = {"root":"wds_1_178_0_End__root","end":"wds_1_178_0_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_177_0_Start";
+var _namespace_ = "wds_1_178_0_Start";
 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_177_0_Start__root","start":"wds_1_177_0_Start__start"};
+module.exports.classes = {"root":"wds_1_178_0_Start__root","start":"wds_1_178_0_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_Header";
+var _namespace_ = "wds_1_178_0_Header";
 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_177_0_Header__root","header":"wds_1_177_0_Header__header","breadcrumbsContainer":"wds_1_177_0_Header__breadcrumbsContainer","titleContainer":"wds_1_177_0_Header__titleContainer","titleBackButton":"wds_1_177_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_177_0_Header__titleBackButtonIcon","titleColumn":"wds_1_177_0_Header__titleColumn","title":"wds_1_177_0_Header__title","actionsBar":"wds_1_177_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_178_0_Header__root","header":"wds_1_178_0_Header__header","breadcrumbsContainer":"wds_1_178_0_Header__breadcrumbsContainer","titleContainer":"wds_1_178_0_Header__titleContainer","titleBackButton":"wds_1_178_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_178_0_Header__titleBackButtonIcon","titleColumn":"wds_1_178_0_Header__titleColumn","title":"wds_1_178_0_Header__title","actionsBar":"wds_1_178_0_Header__actionsBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_PageSection";
+var _namespace_ = "wds_1_178_0_PageSection";
 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_177_0_PageSection__root","content":"wds_1_177_0_PageSection__content","titleColumn":"wds_1_177_0_PageSection__titleColumn","actionsBar":"wds_1_177_0_PageSection__actionsBar","divider":"wds_1_177_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_178_0_PageSection__root","content":"wds_1_178_0_PageSection__content","titleColumn":"wds_1_178_0_PageSection__titleColumn","actionsBar":"wds_1_178_0_PageSection__actionsBar","divider":"wds_1_178_0_PageSection__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_BMPageContainer";
+var _namespace_ = "wds_1_178_0_BMPageContainer";
 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_177_0_BMPageContainer__root","header":"wds_1_177_0_BMPageContainer__header","body":"wds_1_177_0_BMPageContainer__body","sideBar":"wds_1_177_0_BMPageContainer__sideBar","sideBarContent":"wds_1_177_0_BMPageContainer__sideBarContent","rightSide":"wds_1_177_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_177_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_177_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_177_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_177_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_178_0_BMPageContainer__root","header":"wds_1_178_0_BMPageContainer__header","body":"wds_1_178_0_BMPageContainer__body","sideBar":"wds_1_178_0_BMPageContainer__sideBar","sideBarContent":"wds_1_178_0_BMPageContainer__sideBarContent","rightSide":"wds_1_178_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_178_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_178_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_178_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_178_0_BMPageContainer__withLoadingIndicatorContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_PageStory";
+var _namespace_ = "wds_1_178_0_PageStory";
 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_177_0_PageStory__root","backgroundGradient":"wds_1_177_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_177_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_178_0_PageStory__root","backgroundGradient":"wds_1_178_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_178_0_PageStory__backgroundGradientDark"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_testExamples";
+var _namespace_ = "wds_1_178_0_testExamples";
 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_177_0_testExamples__root","defaultScrollBar":"wds_1_177_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_177_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_177_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_177_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_178_0_testExamples__root","defaultScrollBar":"wds_1_178_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_178_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_178_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_178_0_testExamples__backgroundGradient"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Pagination";
+var _namespace_ = "wds_1_178_0_Pagination";
 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_177_0_Pagination__root","text-small-thin":"wds_1_177_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_177_0_Pagination__button-common-mixin","pagination":"wds_1_177_0_Pagination__pagination","arrow":"wds_1_177_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_178_0_Pagination__root","text-small-thin":"wds_1_178_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_178_0_Pagination__button-common-mixin","pagination":"wds_1_178_0_Pagination__pagination","arrow":"wds_1_178_0_Pagination__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_177_0_PaginationCore";
+var _namespace_ = "wds_1_178_0_PaginationCore";
 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_177_0_PaginationCore__root","button-common-mixin":"wds_1_177_0_PaginationCore__button-common-mixin","navButton":"wds_1_177_0_PaginationCore__navButton","emptyButton":"wds_1_177_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_177_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_177_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_177_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_177_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_177_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_177_0_PaginationCore__navButtonLast","pageStrip":"wds_1_177_0_PaginationCore__pageStrip","pageStripInner":"wds_1_177_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_177_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_177_0_PaginationCore__pageButton","currentPage":"wds_1_177_0_PaginationCore__currentPage","gap":"wds_1_177_0_PaginationCore__gap","pageForm":"wds_1_177_0_PaginationCore__pageForm","compact":"wds_1_177_0_PaginationCore__compact wds_1_177_0_PaginationCore__pageForm","pageInput":"wds_1_177_0_PaginationCore__pageInput","totalPages":"wds_1_177_0_PaginationCore__totalPages","slash":"wds_1_177_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_178_0_PaginationCore__root","button-common-mixin":"wds_1_178_0_PaginationCore__button-common-mixin","navButton":"wds_1_178_0_PaginationCore__navButton","emptyButton":"wds_1_178_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_178_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_178_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_178_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_178_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_178_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_178_0_PaginationCore__navButtonLast","pageStrip":"wds_1_178_0_PaginationCore__pageStrip","pageStripInner":"wds_1_178_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_178_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_178_0_PaginationCore__pageButton","currentPage":"wds_1_178_0_PaginationCore__currentPage","gap":"wds_1_178_0_PaginationCore__gap","pageForm":"wds_1_178_0_PaginationCore__pageForm","compact":"wds_1_178_0_PaginationCore__compact wds_1_178_0_PaginationCore__pageForm","pageInput":"wds_1_178_0_PaginationCore__pageInput","totalPages":"wds_1_178_0_PaginationCore__totalPages","slash":"wds_1_178_0_PaginationCore__slash"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_177_0_PaginationCoreTest";
+var _namespace_ = "wds_1_178_0_PaginationCoreTest";
 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_177_0_PaginationCoreTest__root","button-common-mixin":"wds_1_177_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_177_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_178_0_PaginationCoreTest__root","button-common-mixin":"wds_1_178_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_178_0_PaginationCoreTest__disabled"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Palette";
+var _namespace_ = "wds_1_178_0_Palette";
 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_177_0_Palette__root","fillPreview":"wds_1_177_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_178_0_Palette__root","fillPreview":"wds_1_178_0_Palette__fillPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Popover";
+var _namespace_ = "wds_1_178_0_Popover";
 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_177_0_Popover__root","content":"wds_1_177_0_Popover__content","arrow":"wds_1_177_0_Popover__arrow","element":"wds_1_177_0_Popover__element","animationEnter":"wds_1_177_0_Popover__animationEnter","animationEnterActive":"wds_1_177_0_Popover__animationEnterActive","animationExit":"wds_1_177_0_Popover__animationExit","animationExitActive":"wds_1_177_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_178_0_Popover__root","content":"wds_1_178_0_Popover__content","arrow":"wds_1_178_0_Popover__arrow","element":"wds_1_178_0_Popover__element","animationEnter":"wds_1_178_0_Popover__animationEnter","animationEnterActive":"wds_1_178_0_Popover__animationEnterActive","animationExit":"wds_1_178_0_Popover__animationExit","animationExitActive":"wds_1_178_0_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_PopoverMenu";
+var _namespace_ = "wds_1_178_0_PopoverMenu";
 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_177_0_PopoverMenu__root","listItem":"wds_1_177_0_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_178_0_PopoverMenu__root","listItem":"wds_1_178_0_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_177_0_PopoverNextContent";
+var _namespace_ = "wds_1_178_0_PopoverNextContent";
 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_177_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_178_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_PreviewWidget";
+var _namespace_ = "wds_1_178_0_PreviewWidget";
 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_177_0_PreviewWidget__root","contentArea":"wds_1_177_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_178_0_PreviewWidget__root","contentArea":"wds_1_178_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Proportion";
+var _namespace_ = "wds_1_178_0_Proportion";
 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_177_0_Proportion__root","ratioHolder":"wds_1_177_0_Proportion__ratioHolder","contentWrapper":"wds_1_177_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_178_0_Proportion__root","ratioHolder":"wds_1_178_0_Proportion__ratioHolder","contentWrapper":"wds_1_178_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_PulseAnimation";
+var _namespace_ = "wds_1_178_0_PulseAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_177_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_177_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_177_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_177_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_177_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_177_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_177_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_177_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_177_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_178_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_178_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_178_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_178_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_178_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_178_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_178_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_178_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_178_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_RadarChart";
+var _namespace_ = "wds_1_178_0_RadarChart";
 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_177_0_RadarChart__root","text-tiny-thin":"wds_1_177_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_177_0_StylableTypography__text-small-thin","axis":"wds_1_177_0_RadarChart__axis","axisLabel":"wds_1_177_0_RadarChart__axisLabel","circles":"wds_1_177_0_RadarChart__circles","scaleLabel":"wds_1_177_0_RadarChart__scaleLabel","dataPoint":"wds_1_177_0_RadarChart__dataPoint","tooltip":"wds_1_177_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_178_0_RadarChart__root","text-tiny-thin":"wds_1_178_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_178_0_StylableTypography__text-small-thin","axis":"wds_1_178_0_RadarChart__axis","axisLabel":"wds_1_178_0_RadarChart__axisLabel","circles":"wds_1_178_0_RadarChart__circles","scaleLabel":"wds_1_178_0_RadarChart__scaleLabel","dataPoint":"wds_1_178_0_RadarChart__dataPoint","tooltip":"wds_1_178_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Radio";
+var _namespace_ = "wds_1_178_0_Radio";
 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_177_0_Radio__root","input":"wds_1_177_0_Radio__input","icon":"wds_1_177_0_Radio__icon","label":"wds_1_177_0_Radio__label","labelText":"wds_1_177_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_178_0_Radio__root","input":"wds_1_178_0_Radio__input","icon":"wds_1_178_0_Radio__icon","label":"wds_1_178_0_Radio__label","labelText":"wds_1_178_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_RadioGroup";
+var _namespace_ = "wds_1_178_0_RadioGroup";
 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_177_0_RadioGroup__root","mobile":"wds_1_177_0_WixDesignSystemProvider__mobile","radio":"wds_1_177_0_RadioGroup__radio","radioContainer":"wds_1_177_0_RadioGroup__radioContainer","optionContainer":"wds_1_177_0_RadioGroup__optionContainer","content":"wds_1_177_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_178_0_RadioGroup__root","mobile":"wds_1_178_0_WixDesignSystemProvider__mobile","radio":"wds_1_178_0_RadioGroup__radio","radioContainer":"wds_1_178_0_RadioGroup__radioContainer","optionContainer":"wds_1_178_0_RadioGroup__optionContainer","content":"wds_1_178_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_177_0_Range";
+var _namespace_ = "wds_1_178_0_Range";
 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_177_0_Range__root","firstinput":"wds_1_177_0_Range__firstinput","firstDate":"wds_1_177_0_Range__firstDate","lastinput":"wds_1_177_0_Range__lastinput","lastDate":"wds_1_177_0_Range__lastDate","label":"wds_1_177_0_Range__label","inputWrapper":"wds_1_177_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_178_0_Range__root","firstinput":"wds_1_178_0_Range__firstinput","firstDate":"wds_1_178_0_Range__firstDate","lastinput":"wds_1_178_0_Range__lastinput","lastDate":"wds_1_178_0_Range__lastDate","label":"wds_1_178_0_Range__label","inputWrapper":"wds_1_178_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_177_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_178_0_RichTextInputAreaForm";
 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_177_0_RichTextInputAreaForm__root","footer":"wds_1_177_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_178_0_RichTextInputAreaForm__root","footer":"wds_1_178_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};