@wix/design-system 1.177.0 → 1.179.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input","_utils","_constants","_deprecationLog","_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","NumberInput","_ref","suffix","defaultValue","strict","max","min","hideStepper","value","givenValue","inputRef","step","status","invalidMessage","statusMessage","onChange","onInvalid","onKeyDown","type","props","_objectWithoutProperties2","initialState","hasError","localValue","state","setState","React","useReducer","currentState","newState","inputDOM","setInputDOM","useState","shouldShowError","isUpDisabled","isDownDisabled","Number","isControlled","undefined","setValueAndValidate","_ref2","shouldCallOnChangeCallback","numberValue","stringValue","normalizeValues","validationType","validateValue","minValue","maxValue","isControlledValidNumber","isNaN","useEffect","deprecationLog","newLocalValue","defaultValueToNullIfEmpty","increment","parseFloat","String","updatedValue","toPrecision","isInRange","focus","decrement","getInputRef","useCallback","inputElement","current","getStatusMessage","onInputValueChange","event","target","test","incrementOrDecrementValue","key","preventDefault","shouldRenderGivenValue","createElement","_extends2","ariaRoledescription","inputmode","Group","__self","__source","fileName","lineNumber","columnNumber","Ticker","onUp","onDown","dataHook","dataHooks","numberInputTicker","upDisabled","downDisabled","onMouseDown","displayName","propTypes","PropTypes","string","className","id","oneOfType","number","disabled","bool","oneOf","node","name","onBlur","func","onFocus","placeholder","prefix","size","_default","exports"],"sources":["../../../src/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, Dispatch, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '../Input';\nimport {\n  defaultValueToNullIfEmpty,\n  isInRange,\n  validateValue,\n  normalizeValues,\n} from './utils';\nimport { NumberInputProps, InputValue } from './NumberInput.types';\nimport { dataHooks } from './constants';\nimport deprecationLog from '../utils/deprecationLog';\n\ntype State = {\n  hasError: boolean;\n  localValue: InputValue;\n};\n\nconst NumberInput = ({\n  suffix,\n  defaultValue,\n  strict = false,\n  max,\n  min,\n  hideStepper = false,\n  value: givenValue,\n  inputRef,\n  step = 1,\n  status,\n  invalidMessage,\n  statusMessage,\n  onChange,\n  onInvalid,\n  onKeyDown,\n  type,\n  ...props\n}: NumberInputProps): ReactElement => {\n  const initialState = {\n    hasError: false,\n    localValue: '',\n  };\n\n  const [state, setState]: [State, Dispatch<Partial<State>>] = React.useReducer(\n    (currentState: State, newState: Partial<State>) => ({\n      ...currentState,\n      ...newState,\n    }),\n    initialState,\n  );\n\n  const [inputDOM, setInputDOM] = React.useState<HTMLInputElement | null>(null);\n\n  const shouldShowError = state.hasError && invalidMessage;\n  const [isUpDisabled, isDownDisabled] = [\n    max === Number(state.localValue),\n    min === Number(state.localValue),\n  ];\n  const isControlled =\n    givenValue !== undefined && givenValue !== null && onChange;\n\n  const setValueAndValidate = ({\n    value,\n    shouldCallOnChangeCallback = true,\n  }: {\n    value: InputValue;\n    shouldCallOnChangeCallback?: boolean;\n  }) => {\n    const { numberValue, stringValue } = normalizeValues(value);\n\n    const { hasError, validationType } = validateValue({\n      value: stringValue,\n      minValue: min,\n      maxValue: max,\n    });\n\n    setState({\n      hasError,\n      localValue: stringValue,\n    });\n\n    const isControlledValidNumber = isControlled && !Number.isNaN(numberValue);\n\n    if (hasError ? isControlledValidNumber : shouldCallOnChangeCallback) {\n      onChange?.(numberValue, stringValue);\n    }\n\n    if (hasError) {\n      onInvalid?.(stringValue, {\n        validationType,\n        value: stringValue,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (strict) {\n      deprecationLog(\n        '<NumberInput/> - prop strict is deprecated and not needed anymore. By using min and max it will enforce strict both for the ticker and input automatically.',\n      );\n    }\n  }, [strict]);\n\n  useEffect(() => {\n    const newLocalValue = defaultValueToNullIfEmpty(givenValue, defaultValue);\n\n    setValueAndValidate({\n      value: newLocalValue,\n      shouldCallOnChangeCallback: false,\n    });\n    // TODO: fix ESLint error\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [givenValue, defaultValue]);\n\n  const increment = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = Number((numberValue + step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    } else if (min && updatedValue <= min) {\n      setValueAndValidate({ value: min });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const decrement = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = Number((numberValue - step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const getInputRef = useCallback(\n    (inputElement: HTMLInputElement | null) => {\n      setInputDOM(inputElement);\n\n      if (typeof inputRef === 'function') {\n        inputElement && inputRef(inputElement);\n      } else if (inputRef && 'current' in inputRef) {\n        inputRef.current = inputElement;\n      }\n    },\n    [inputRef],\n  );\n\n  const getStatusMessage = () => {\n    if (shouldShowError) {\n      return invalidMessage;\n    }\n\n    return statusMessage;\n  };\n\n  const onInputValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { value } = event.target as HTMLInputElement;\n\n    // matches numbers, i.e. 123 or -123\n    if (/^-?\\d*[.,]?\\d*$/.test(value)) {\n      setValueAndValidate({ value });\n    } else {\n      setState({ localValue: state.localValue });\n    }\n  };\n\n  const incrementOrDecrementValue = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n  ) => {\n    if (e.key === 'ArrowUp') {\n      increment();\n      e.preventDefault();\n    }\n\n    if (e.key === 'ArrowDown') {\n      decrement();\n      e.preventDefault();\n    }\n\n    onKeyDown?.(e);\n  };\n\n  const shouldRenderGivenValue =\n    isControlled &&\n    // to catch values like 0. or 1. and so on and so on\n    givenValue !== Number(state.localValue) &&\n    // to allow entering a negative number\n    state.localValue !== '-';\n\n  return (\n    <Input\n      {...props}\n      max={max}\n      min={min}\n      type={type || 'text'}\n      value={shouldRenderGivenValue ? givenValue : state.localValue}\n      onChange={onInputValueChange}\n      inputRef={getInputRef}\n      status={shouldShowError ? 'error' : status}\n      statusMessage={getStatusMessage()}\n      onKeyDown={incrementOrDecrementValue}\n      ariaRoledescription=\"spin button\"\n      inputmode=\"numeric\"\n      suffix={\n        <Input.Group>\n          {suffix}\n          {!hideStepper && (\n            <Input.Ticker\n              onUp={increment}\n              onDown={decrement}\n              dataHook={dataHooks.numberInputTicker}\n              upDisabled={isUpDisabled}\n              downDisabled={isDownDisabled}\n              onMouseDown={e => e.preventDefault()}\n            />\n          )}\n        </Input.Group>\n      }\n    />\n  );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nNumberInput.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  id: PropTypes.string,\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n  statusMessage: PropTypes.node,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  placeholder: PropTypes.string,\n  prefix: PropTypes.node,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  strict: PropTypes.bool,\n  hideStepper: PropTypes.bool,\n};\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input","_utils","_constants","_deprecationLog","_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","NumberInput","_ref","suffix","defaultValue","strict","max","min","hideStepper","value","givenValue","inputRef","step","status","invalidMessage","statusMessage","onChange","onInvalid","onKeyDown","type","props","_objectWithoutProperties2","initialState","hasError","localValue","state","setState","React","useReducer","currentState","newState","inputDOM","setInputDOM","useState","shouldShowError","isUpDisabled","isDownDisabled","Number","isControlled","undefined","setValueAndValidate","_ref2","shouldCallOnChangeCallback","numberValue","stringValue","normalizeValues","validationType","validateValue","minValue","maxValue","isControlledValidNumber","isNaN","useEffect","deprecationLog","newLocalValue","defaultValueToNullIfEmpty","isClosestMode","Array","isArray","increment","parseFloat","String","updatedValue","getClosestValue","toPrecision","isInRange","focus","decrement","getInputRef","useCallback","inputElement","current","getStatusMessage","onInputValueChange","event","target","test","incrementOrDecrementValue","key","preventDefault","shouldRenderGivenValue","createElement","_extends2","ariaRoledescription","inputmode","Group","__self","__source","fileName","lineNumber","columnNumber","Ticker","onUp","onDown","dataHook","dataHooks","numberInputTicker","upDisabled","downDisabled","onMouseDown","displayName","propTypes","PropTypes","string","className","id","oneOfType","number","disabled","bool","oneOf","node","name","onBlur","func","onFocus","placeholder","prefix","size","arrayOf","_default","exports"],"sources":["../../../src/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, Dispatch, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '../Input';\nimport {\n  defaultValueToNullIfEmpty,\n  isInRange,\n  validateValue,\n  normalizeValues,\n  getClosestValue,\n} from './utils';\nimport { NumberInputProps, InputValue } from './NumberInput.types';\nimport { dataHooks } from './constants';\nimport deprecationLog from '../utils/deprecationLog';\n\ntype State = {\n  hasError: boolean;\n  localValue: InputValue;\n};\n\nconst NumberInput = ({\n  suffix,\n  defaultValue,\n  strict = false,\n  max,\n  min,\n  hideStepper = false,\n  value: givenValue,\n  inputRef,\n  step = 1,\n  status,\n  invalidMessage,\n  statusMessage,\n  onChange,\n  onInvalid,\n  onKeyDown,\n  type,\n  ...props\n}: NumberInputProps): ReactElement => {\n  const initialState = {\n    hasError: false,\n    localValue: '',\n  };\n\n  const [state, setState]: [State, Dispatch<Partial<State>>] = React.useReducer(\n    (currentState: State, newState: Partial<State>) => ({\n      ...currentState,\n      ...newState,\n    }),\n    initialState,\n  );\n\n  const [inputDOM, setInputDOM] = React.useState<HTMLInputElement | null>(null);\n\n  const shouldShowError = state.hasError && invalidMessage;\n  const [isUpDisabled, isDownDisabled] = [\n    max === Number(state.localValue),\n    min === Number(state.localValue),\n  ];\n  const isControlled =\n    givenValue !== undefined && givenValue !== null && onChange;\n\n  const setValueAndValidate = ({\n    value,\n    shouldCallOnChangeCallback = true,\n  }: {\n    value: InputValue;\n    shouldCallOnChangeCallback?: boolean;\n  }) => {\n    const { numberValue, stringValue } = normalizeValues(value);\n\n    const { hasError, validationType } = validateValue({\n      value: stringValue,\n      minValue: min,\n      maxValue: max,\n    });\n\n    setState({\n      hasError,\n      localValue: stringValue,\n    });\n\n    const isControlledValidNumber = isControlled && !Number.isNaN(numberValue);\n\n    if (hasError ? isControlledValidNumber : shouldCallOnChangeCallback) {\n      onChange?.(numberValue, stringValue);\n    }\n\n    if (hasError) {\n      onInvalid?.(stringValue, {\n        validationType,\n        value: stringValue,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (strict) {\n      deprecationLog(\n        '<NumberInput/> - prop strict is deprecated and not needed anymore. By using min and max it will enforce strict both for the ticker and input automatically.',\n      );\n    }\n  }, [strict]);\n\n  useEffect(() => {\n    const newLocalValue = defaultValueToNullIfEmpty(givenValue, defaultValue);\n\n    setValueAndValidate({\n      value: newLocalValue,\n      shouldCallOnChangeCallback: false,\n    });\n    // TODO: fix ESLint error\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [givenValue, defaultValue]);\n\n  const isClosestMode = Array.isArray(step);\n\n  const increment = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = isClosestMode\n      ? getClosestValue(numberValue, step, 'up')\n      : Number((numberValue + step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    } else if (min && updatedValue <= min) {\n      setValueAndValidate({ value: min });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const decrement = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = isClosestMode\n      ? getClosestValue(numberValue, step, 'down')\n      : Number((numberValue - step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const getInputRef = useCallback(\n    (inputElement: HTMLInputElement | null) => {\n      setInputDOM(inputElement);\n\n      if (typeof inputRef === 'function') {\n        inputElement && inputRef(inputElement);\n      } else if (inputRef && 'current' in inputRef) {\n        inputRef.current = inputElement;\n      }\n    },\n    [inputRef],\n  );\n\n  const getStatusMessage = () => {\n    if (shouldShowError) {\n      return invalidMessage;\n    }\n\n    return statusMessage;\n  };\n\n  const onInputValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { value } = event.target as HTMLInputElement;\n\n    // matches numbers, i.e. 123 or -123\n    if (/^-?\\d*[.,]?\\d*$/.test(value)) {\n      setValueAndValidate({ value });\n    } else {\n      setState({ localValue: state.localValue });\n    }\n  };\n\n  const incrementOrDecrementValue = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n  ) => {\n    if (e.key === 'ArrowUp') {\n      increment();\n      e.preventDefault();\n    }\n\n    if (e.key === 'ArrowDown') {\n      decrement();\n      e.preventDefault();\n    }\n\n    onKeyDown?.(e);\n  };\n\n  const shouldRenderGivenValue =\n    isControlled &&\n    // to catch values like 0. or 1. and so on and so on\n    givenValue !== Number(state.localValue) &&\n    // to allow entering a negative number\n    state.localValue !== '-';\n\n  return (\n    <Input\n      {...props}\n      max={max}\n      min={min}\n      type={type || 'text'}\n      value={shouldRenderGivenValue ? givenValue : state.localValue}\n      onChange={onInputValueChange}\n      inputRef={getInputRef}\n      status={shouldShowError ? 'error' : status}\n      statusMessage={getStatusMessage()}\n      onKeyDown={incrementOrDecrementValue}\n      ariaRoledescription=\"spin button\"\n      inputmode=\"numeric\"\n      suffix={\n        <Input.Group>\n          {suffix}\n          {!hideStepper && (\n            <Input.Ticker\n              onUp={increment}\n              onDown={decrement}\n              dataHook={dataHooks.numberInputTicker}\n              upDisabled={isUpDisabled}\n              downDisabled={isDownDisabled}\n              onMouseDown={e => e.preventDefault()}\n            />\n          )}\n        </Input.Group>\n      }\n    />\n  );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nNumberInput.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  id: PropTypes.string,\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n  statusMessage: PropTypes.node,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  placeholder: PropTypes.string,\n  prefix: PropTypes.node,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n  strict: PropTypes.bool,\n  hideStepper: PropTypes.bool,\n};\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}

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_179_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_179_0_Page__root","page":"wds_1_179_0_Page__page","scrollableContainer":"wds_1_179_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_179_0_Page__pageHeaderContainer","headerWrapper":"wds_1_179_0_Page__headerWrapper","tail":"wds_1_179_0_Page__tail","contentContainer":"wds_1_179_0_Page__contentContainer","imageBackgroundContainer":"wds_1_179_0_Page__imageBackgroundContainer","imageBackground":"wds_1_179_0_Page__imageBackground","gradientBackground":"wds_1_179_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_179_0_Page__contentHorizontalLayout","contentFloating":"wds_1_179_0_Page__contentFloating","horizontalScroll":"wds_1_179_0_Page__horizontalScroll","sticky":"wds_1_179_0_Page__sticky","stretchVertically":"wds_1_179_0_Page__stretchVertically","fixedFooter":"wds_1_179_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_179_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_179_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_179_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_179_0_PageFooter__root","container":"wds_1_179_0_PageFooter__container","divider":"wds_1_179_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_179_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_179_0_Center__root","center":"wds_1_179_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_179_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_179_0_End__root","end":"wds_1_179_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_179_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_179_0_Start__root","start":"wds_1_179_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_179_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_179_0_Header__root","header":"wds_1_179_0_Header__header","breadcrumbsContainer":"wds_1_179_0_Header__breadcrumbsContainer","titleContainer":"wds_1_179_0_Header__titleContainer","titleBackButton":"wds_1_179_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_179_0_Header__titleBackButtonIcon","titleColumn":"wds_1_179_0_Header__titleColumn","title":"wds_1_179_0_Header__title","actionsBar":"wds_1_179_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_179_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_179_0_PageSection__root","content":"wds_1_179_0_PageSection__content","titleColumn":"wds_1_179_0_PageSection__titleColumn","actionsBar":"wds_1_179_0_PageSection__actionsBar","divider":"wds_1_179_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_179_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_179_0_BMPageContainer__root","header":"wds_1_179_0_BMPageContainer__header","body":"wds_1_179_0_BMPageContainer__body","sideBar":"wds_1_179_0_BMPageContainer__sideBar","sideBarContent":"wds_1_179_0_BMPageContainer__sideBarContent","rightSide":"wds_1_179_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_179_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_179_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_179_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_179_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_179_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_179_0_PageStory__root","backgroundGradient":"wds_1_179_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_179_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_179_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_179_0_testExamples__root","defaultScrollBar":"wds_1_179_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_179_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_179_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_179_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_179_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_179_0_Pagination__root","text-small-thin":"wds_1_179_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_179_0_Pagination__button-common-mixin","pagination":"wds_1_179_0_Pagination__pagination","arrow":"wds_1_179_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_179_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_179_0_PaginationCore__root","button-common-mixin":"wds_1_179_0_PaginationCore__button-common-mixin","navButton":"wds_1_179_0_PaginationCore__navButton","emptyButton":"wds_1_179_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_179_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_179_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_179_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_179_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_179_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_179_0_PaginationCore__navButtonLast","pageStrip":"wds_1_179_0_PaginationCore__pageStrip","pageStripInner":"wds_1_179_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_179_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_179_0_PaginationCore__pageButton","currentPage":"wds_1_179_0_PaginationCore__currentPage","gap":"wds_1_179_0_PaginationCore__gap","pageForm":"wds_1_179_0_PaginationCore__pageForm","compact":"wds_1_179_0_PaginationCore__compact wds_1_179_0_PaginationCore__pageForm","pageInput":"wds_1_179_0_PaginationCore__pageInput","totalPages":"wds_1_179_0_PaginationCore__totalPages","slash":"wds_1_179_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_179_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_179_0_PaginationCoreTest__root","button-common-mixin":"wds_1_179_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_179_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_179_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_179_0_Palette__root","fillPreview":"wds_1_179_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_179_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_179_0_Popover__root","content":"wds_1_179_0_Popover__content","arrow":"wds_1_179_0_Popover__arrow","element":"wds_1_179_0_Popover__element","animationEnter":"wds_1_179_0_Popover__animationEnter","animationEnterActive":"wds_1_179_0_Popover__animationEnterActive","animationExit":"wds_1_179_0_Popover__animationExit","animationExitActive":"wds_1_179_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_179_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_179_0_PopoverMenu__root","listItem":"wds_1_179_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_179_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_179_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_179_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_179_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_179_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_179_0_PreviewWidget__root","contentArea":"wds_1_179_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_179_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_179_0_Proportion__root","ratioHolder":"wds_1_179_0_Proportion__ratioHolder","contentWrapper":"wds_1_179_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_179_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_179_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_179_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_179_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_179_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_179_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_179_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_179_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_179_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_179_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"};