@wix/design-system 1.167.0 → 1.169.0

package/dist/cjs/NestableList/NestableListTheme.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_NestableListTheme";
+var _namespace_ = "wds_1_169_0_NestableListTheme";
 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_167_0_NestableListTheme__root","item":"wds_1_167_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_169_0_NestableListTheme__root","item":"wds_1_169_0_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_Notification";
+var _namespace_ = "wds_1_169_0_Notification";
 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_167_0_Notification__root","animatorContent":"wds_1_167_0_Notification__animatorContent","wrapper":"wds_1_167_0_Notification__wrapper","notification":"wds_1_167_0_Notification__notification","animator":"wds_1_167_0_Notification__animator","labelWrapper":"wds_1_167_0_Notification__labelWrapper","label":"wds_1_167_0_Notification__label","button":"wds_1_167_0_Notification__button","textLink":"wds_1_167_0_Notification__textLink","iconStyling":"wds_1_167_0_Notification__iconStyling","closeButton":"wds_1_167_0_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_169_0_Notification__root","animatorContent":"wds_1_169_0_Notification__animatorContent","wrapper":"wds_1_169_0_Notification__wrapper","notification":"wds_1_169_0_Notification__notification","animator":"wds_1_169_0_Notification__animator","labelWrapper":"wds_1_169_0_Notification__labelWrapper","label":"wds_1_169_0_Notification__label","button":"wds_1_169_0_Notification__button","textLink":"wds_1_169_0_Notification__textLink","iconStyling":"wds_1_169_0_Notification__iconStyling","closeButton":"wds_1_169_0_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NumberInput/NumberInput.js

@@ -174,7 +174,7 @@ var NumberInput = _ref => {
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, props, {
     max: max,
     min: min,
-    type: type || "text",
+    type: type || 'text',
     value: shouldRenderGivenValue ? givenValue : state.localValue,
     onChange: onInputValueChange,
     inputRef: getInputRef,

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","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":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_Page";
+var _namespace_ = "wds_1_169_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_167_0_Page__root","page":"wds_1_167_0_Page__page","scrollableContainer":"wds_1_167_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_167_0_Page__pageHeaderContainer","headerWrapper":"wds_1_167_0_Page__headerWrapper","tail":"wds_1_167_0_Page__tail","contentContainer":"wds_1_167_0_Page__contentContainer","imageBackgroundContainer":"wds_1_167_0_Page__imageBackgroundContainer","imageBackground":"wds_1_167_0_Page__imageBackground","gradientBackground":"wds_1_167_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_167_0_Page__contentHorizontalLayout","contentFloating":"wds_1_167_0_Page__contentFloating","horizontalScroll":"wds_1_167_0_Page__horizontalScroll","sticky":"wds_1_167_0_Page__sticky","stretchVertically":"wds_1_167_0_Page__stretchVertically","fixedFooter":"wds_1_167_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_167_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_169_0_Page__root","page":"wds_1_169_0_Page__page","scrollableContainer":"wds_1_169_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_169_0_Page__pageHeaderContainer","headerWrapper":"wds_1_169_0_Page__headerWrapper","tail":"wds_1_169_0_Page__tail","contentContainer":"wds_1_169_0_Page__contentContainer","imageBackgroundContainer":"wds_1_169_0_Page__imageBackgroundContainer","imageBackground":"wds_1_169_0_Page__imageBackground","gradientBackground":"wds_1_169_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_169_0_Page__contentHorizontalLayout","contentFloating":"wds_1_169_0_Page__contentFloating","horizontalScroll":"wds_1_169_0_Page__horizontalScroll","sticky":"wds_1_169_0_Page__sticky","stretchVertically":"wds_1_169_0_Page__stretchVertically","fixedFooter":"wds_1_169_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_169_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_167_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_169_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_167_0_PageFooter";
+var _namespace_ = "wds_1_169_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_167_0_PageFooter__root","container":"wds_1_167_0_PageFooter__container","divider":"wds_1_167_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_169_0_PageFooter__root","container":"wds_1_169_0_PageFooter__container","divider":"wds_1_169_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_167_0_Center";
+var _namespace_ = "wds_1_169_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_167_0_Center__root","center":"wds_1_167_0_Center__center"};
+module.exports.classes = {"root":"wds_1_169_0_Center__root","center":"wds_1_169_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_167_0_End";
+var _namespace_ = "wds_1_169_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_167_0_End__root","end":"wds_1_167_0_End__end"};
+module.exports.classes = {"root":"wds_1_169_0_End__root","end":"wds_1_169_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_167_0_Start";
+var _namespace_ = "wds_1_169_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_167_0_Start__root","start":"wds_1_167_0_Start__start"};
+module.exports.classes = {"root":"wds_1_169_0_Start__root","start":"wds_1_169_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_167_0_Header";
+var _namespace_ = "wds_1_169_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_167_0_Header__root","header":"wds_1_167_0_Header__header","breadcrumbsContainer":"wds_1_167_0_Header__breadcrumbsContainer","titleContainer":"wds_1_167_0_Header__titleContainer","titleBackButton":"wds_1_167_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_167_0_Header__titleBackButtonIcon","titleColumn":"wds_1_167_0_Header__titleColumn","title":"wds_1_167_0_Header__title","actionsBar":"wds_1_167_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_169_0_Header__root","header":"wds_1_169_0_Header__header","breadcrumbsContainer":"wds_1_169_0_Header__breadcrumbsContainer","titleContainer":"wds_1_169_0_Header__titleContainer","titleBackButton":"wds_1_169_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_169_0_Header__titleBackButtonIcon","titleColumn":"wds_1_169_0_Header__titleColumn","title":"wds_1_169_0_Header__title","actionsBar":"wds_1_169_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_167_0_PageSection";
+var _namespace_ = "wds_1_169_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_167_0_PageSection__root","content":"wds_1_167_0_PageSection__content","titleColumn":"wds_1_167_0_PageSection__titleColumn","actionsBar":"wds_1_167_0_PageSection__actionsBar","divider":"wds_1_167_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_169_0_PageSection__root","content":"wds_1_169_0_PageSection__content","titleColumn":"wds_1_169_0_PageSection__titleColumn","actionsBar":"wds_1_169_0_PageSection__actionsBar","divider":"wds_1_169_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_167_0_BMPageContainer";
+var _namespace_ = "wds_1_169_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_167_0_BMPageContainer__root","header":"wds_1_167_0_BMPageContainer__header","body":"wds_1_167_0_BMPageContainer__body","sideBar":"wds_1_167_0_BMPageContainer__sideBar","sideBarContent":"wds_1_167_0_BMPageContainer__sideBarContent","rightSide":"wds_1_167_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_167_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_167_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_167_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_167_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_169_0_BMPageContainer__root","header":"wds_1_169_0_BMPageContainer__header","body":"wds_1_169_0_BMPageContainer__body","sideBar":"wds_1_169_0_BMPageContainer__sideBar","sideBarContent":"wds_1_169_0_BMPageContainer__sideBarContent","rightSide":"wds_1_169_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_169_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_169_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_169_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_169_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_167_0_PageStory";
+var _namespace_ = "wds_1_169_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_167_0_PageStory__root","backgroundGradient":"wds_1_167_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_167_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_169_0_PageStory__root","backgroundGradient":"wds_1_169_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_169_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_167_0_testExamples";
+var _namespace_ = "wds_1_169_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_167_0_testExamples__root","defaultScrollBar":"wds_1_167_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_167_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_167_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_167_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_169_0_testExamples__root","defaultScrollBar":"wds_1_169_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_169_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_169_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_169_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_167_0_Pagination";
+var _namespace_ = "wds_1_169_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_167_0_Pagination__root","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_167_0_Pagination__button-common-mixin","pagination":"wds_1_167_0_Pagination__pagination","arrow":"wds_1_167_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_169_0_Pagination__root","text-small-thin":"wds_1_169_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_169_0_Pagination__button-common-mixin","pagination":"wds_1_169_0_Pagination__pagination","arrow":"wds_1_169_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_167_0_PaginationCore";
+var _namespace_ = "wds_1_169_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_167_0_PaginationCore__root","button-common-mixin":"wds_1_167_0_PaginationCore__button-common-mixin","navButton":"wds_1_167_0_PaginationCore__navButton","emptyButton":"wds_1_167_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_167_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_167_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_167_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_167_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_167_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_167_0_PaginationCore__navButtonLast","pageStrip":"wds_1_167_0_PaginationCore__pageStrip","pageStripInner":"wds_1_167_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_167_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_167_0_PaginationCore__pageButton","currentPage":"wds_1_167_0_PaginationCore__currentPage","gap":"wds_1_167_0_PaginationCore__gap","pageForm":"wds_1_167_0_PaginationCore__pageForm","compact":"wds_1_167_0_PaginationCore__compact wds_1_167_0_PaginationCore__pageForm","pageInput":"wds_1_167_0_PaginationCore__pageInput","totalPages":"wds_1_167_0_PaginationCore__totalPages","slash":"wds_1_167_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_169_0_PaginationCore__root","button-common-mixin":"wds_1_169_0_PaginationCore__button-common-mixin","navButton":"wds_1_169_0_PaginationCore__navButton","emptyButton":"wds_1_169_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_169_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_169_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_169_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_169_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_169_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_169_0_PaginationCore__navButtonLast","pageStrip":"wds_1_169_0_PaginationCore__pageStrip","pageStripInner":"wds_1_169_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_169_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_169_0_PaginationCore__pageButton","currentPage":"wds_1_169_0_PaginationCore__currentPage","gap":"wds_1_169_0_PaginationCore__gap","pageForm":"wds_1_169_0_PaginationCore__pageForm","compact":"wds_1_169_0_PaginationCore__compact wds_1_169_0_PaginationCore__pageForm","pageInput":"wds_1_169_0_PaginationCore__pageInput","totalPages":"wds_1_169_0_PaginationCore__totalPages","slash":"wds_1_169_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_167_0_PaginationCoreTest";
+var _namespace_ = "wds_1_169_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_167_0_PaginationCoreTest__root","button-common-mixin":"wds_1_167_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_167_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_169_0_PaginationCoreTest__root","button-common-mixin":"wds_1_169_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_169_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_167_0_Palette";
+var _namespace_ = "wds_1_169_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_167_0_Palette__root","fillPreview":"wds_1_167_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_169_0_Palette__root","fillPreview":"wds_1_169_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_167_0_Popover";
+var _namespace_ = "wds_1_169_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_167_0_Popover__root","content":"wds_1_167_0_Popover__content","arrow":"wds_1_167_0_Popover__arrow","element":"wds_1_167_0_Popover__element","animationEnter":"wds_1_167_0_Popover__animationEnter","animationEnterActive":"wds_1_167_0_Popover__animationEnterActive","animationExit":"wds_1_167_0_Popover__animationExit","animationExitActive":"wds_1_167_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_169_0_Popover__root","content":"wds_1_169_0_Popover__content","arrow":"wds_1_169_0_Popover__arrow","element":"wds_1_169_0_Popover__element","animationEnter":"wds_1_169_0_Popover__animationEnter","animationEnterActive":"wds_1_169_0_Popover__animationEnterActive","animationExit":"wds_1_169_0_Popover__animationExit","animationExitActive":"wds_1_169_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_167_0_PopoverMenu";
+var _namespace_ = "wds_1_169_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_167_0_PopoverMenu__root","listItem":"wds_1_167_0_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_169_0_PopoverMenu__root","listItem":"wds_1_169_0_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/PopoverNext.driver.js

@@ -2,11 +2,11 @@
 
 exports.__esModule = true;
 exports.popoverNextLegacyDriverFactory = void 0;
-var getPopoverDataHook = element => element && element.getAttribute('data-hook') || undefined;
+var getPopoverDataHook = element => element == null ? void 0 : element.getAttribute('data-hook');
 var _getTriggerElement = element => element && element.querySelector("[data-hook=\"".concat(getPopoverDataHook(element), "-trigger\"]"));
 var _getContentElement = element => element && element.querySelector("[data-hook=\"".concat(getPopoverDataHook(element), "-content\"]"));
 
-//TODO: update when implemented
+// TODO: update when implemented
 var _getArrowElement = element => element && element.querySelectorAll('[data-hook="popover-arrow"]')[0];
 
 /** @deprecated use popoverNextUniDriverFactory instead */
@@ -21,7 +21,7 @@ var popoverNextLegacyDriverFactory = _ref => {
     /** Returns the target element (`<Popover.Trigger/>`)
      * @deprecated
      * Use getTriggerElement
-    */
+     */
     getTargetElement: () => _getTriggerElement(element),
     /**  Returns the trigger element (`<Popover.Trigger/>`) */
     getTriggerElement: () => _getTriggerElement(element),
@@ -29,11 +29,11 @@ var popoverNextLegacyDriverFactory = _ref => {
     getContentElement: () => _getContentElement(element),
     /** Returns the arrow element
      * @todo not yet implemented
-    */
+     */
     getArrowElement: () => _getArrowElement(element),
     /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists
      * @deprecated - use isTriggerElementExists
-    */
+     */
     isTargetElementExists: () => !!_getTriggerElement(element),
     /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists */
     isTriggerElementExists: () => !!_getTriggerElement(element),
@@ -74,12 +74,12 @@ var popoverNextLegacyDriverFactory = _ref => {
     },
     /** Returns the element's inline styles
      * @deprecated
-    */
+     */
     // @ts-ignore
     inlineStyles: () => element == null ? void 0 : element.style,
     /** Returns the element's id
      * @deprecated
-    */
+     */
     getElementId: () => element == null ? void 0 : element.id
   };
 };

package/dist/cjs/PopoverNext/PopoverNext.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["getPopoverDataHook","element","getAttribute","undefined","getTriggerElement","querySelector","concat","getContentElement","getArrowElement","querySelectorAll","popoverNextLegacyDriverFactory","_ref","eventTrigger","exists","getTargetElement","isTargetElementExists","isTriggerElementExists","isContentElementExists","mouseEnter","mouseLeave","click","triggerElement","clickOutside","document","dispatchEvent","Event","getArrowOffset","_getArrowElement2","top","left","right","bottom","style","inlineStyles","getElementId","id","exports"],"sources":["../../../src/PopoverNext/PopoverNext.driver.ts"],"sourcesContent":["import type { Simulate } from 'react-dom/test-utils';\n\nconst getPopoverDataHook = (element: Element | undefined) =>\n  element && element.getAttribute('data-hook') || undefined\n\nconst getTriggerElement = (element?: Element) =>\n  element && element.querySelector(`[data-hook=\"${getPopoverDataHook(element)}-trigger\"]`);\n\n\nconst getContentElement = (element: Element | undefined) =>\n  element && element.querySelector(`[data-hook=\"${getPopoverDataHook(element)}-content\"]`);\n\n//TODO: update when implemented\nconst getArrowElement = (element?: Element) =>\n  element && element.querySelectorAll('[data-hook=\"popover-arrow\"]')[0];\n\n/** @deprecated use popoverNextUniDriverFactory instead */\nexport const popoverNextLegacyDriverFactory = ({\n  element,\n  eventTrigger,\n}: {\n  element: Element | undefined;\n  eventTrigger: typeof Simulate;\n}) => ({\n  /** Whether the element exists or not */\n  exists: () => !!element,\n\n  /** Returns the target element (`<Popover.Trigger/>`)\n   * @deprecated\n   * Use getTriggerElement\n  */\n  getTargetElement: () => getTriggerElement(element),\n\n  /**  Returns the trigger element (`<Popover.Trigger/>`) */\n  getTriggerElement: () => getTriggerElement(element),\n\n  /** Returns the content element (`<Popover.Content/>`) */\n  getContentElement: () => getContentElement(element),\n\n  /** Returns the arrow element\n   * @todo not yet implemented\n  */\n  getArrowElement: () => getArrowElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists\n   * @deprecated - use isTriggerElementExists\n  */\n  isTargetElementExists: () => !!getTriggerElement(element),\n\n    /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists */\n  isTriggerElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the content element (`<Popover.Content/>`) exists */\n  isContentElementExists: () => !!getContentElement(element),\n\n  /** Trigger `mouseEnter` on the element */\n  mouseEnter: () => element && eventTrigger.mouseEnter(element),\n\n  /** Trigger `mouseLeave` on the element */\n  mouseLeave: () => element && eventTrigger.mouseLeave(element),\n\n  /** Click on the element */\n  click: () => {\n    const triggerElement = getTriggerElement(element);\n    if (triggerElement) {\n      eventTrigger.click(triggerElement);\n    }\n  },\n  /** Click outside the element */\n  clickOutside: () => {\n    document.dispatchEvent(new Event('mousedown'));\n    document.dispatchEvent(new Event('mouseup'));\n  },\n\n  /** Returns the arrow offset */\n  getArrowOffset: () => {\n    // @ts-ignore\n    const { top, left, right, bottom } = getArrowElement(element)?.style;\n    return { top, left, right, bottom };\n  },\n\n  /** Returns the element's inline styles\n   * @deprecated\n  */\n  // @ts-ignore\n  inlineStyles: () => element?.style,\n\n  /** Returns the element's id\n   * @deprecated\n  */\n  getElementId: () => element?.id,\n});\n\nexport type PopoverDriver = ReturnType<typeof popoverNextLegacyDriverFactory>;\n"],"mappings":";;;;AAEA,IAAMA,kBAAkB,GAAIC,OAA4B,IACtDA,OAAO,IAAIA,OAAO,CAACC,YAAY,CAAC,WAAW,CAAC,IAAIC,SAAS;AAE3D,IAAMC,kBAAiB,GAAIH,OAAiB,IAC1CA,OAAO,IAAIA,OAAO,CAACI,aAAa,iBAAAC,MAAA,CAAgBN,kBAAkB,CAACC,OAAO,CAAC,gBAAY,CAAC;AAG1F,IAAMM,kBAAiB,GAAIN,OAA4B,IACrDA,OAAO,IAAIA,OAAO,CAACI,aAAa,iBAAAC,MAAA,CAAgBN,kBAAkB,CAACC,OAAO,CAAC,gBAAY,CAAC;;AAE1F;AACA,IAAMO,gBAAe,GAAIP,OAAiB,IACxCA,OAAO,IAAIA,OAAO,CAACQ,gBAAgB,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC;;AAEvE;AACO,IAAMC,8BAA8B,GAAGC,IAAA;EAAA,IAAC;IAC7CV,OAAO;IACPW;EAIF,CAAC,GAAAD,IAAA;EAAA,OAAM;IACL;IACAE,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACZ,OAAO;IAEvB;AACF;AACA;AACA;IACEa,gBAAgB,EAAEA,CAAA,KAAMV,kBAAiB,CAACH,OAAO,CAAC;IAElD;IACAG,iBAAiB,EAAEA,CAAA,KAAMA,kBAAiB,CAACH,OAAO,CAAC;IAEnD;IACAM,iBAAiB,EAAEA,CAAA,KAAMA,kBAAiB,CAACN,OAAO,CAAC;IAEnD;AACF;AACA;IACEO,eAAe,EAAEA,CAAA,KAAMA,gBAAe,CAACP,OAAO,CAAC;IAE/C;AACF;AACA;IACEc,qBAAqB,EAAEA,CAAA,KAAM,CAAC,CAACX,kBAAiB,CAACH,OAAO,CAAC;IAEvD;IACFe,sBAAsB,EAAEA,CAAA,KAAM,CAAC,CAACZ,kBAAiB,CAACH,OAAO,CAAC;IAE1D;IACAgB,sBAAsB,EAAEA,CAAA,KAAM,CAAC,CAACV,kBAAiB,CAACN,OAAO,CAAC;IAE1D;IACAiB,UAAU,EAAEA,CAAA,KAAMjB,OAAO,IAAIW,YAAY,CAACM,UAAU,CAACjB,OAAO,CAAC;IAE7D;IACAkB,UAAU,EAAEA,CAAA,KAAMlB,OAAO,IAAIW,YAAY,CAACO,UAAU,CAAClB,OAAO,CAAC;IAE7D;IACAmB,KAAK,EAAEA,CAAA,KAAM;MACX,IAAMC,cAAc,GAAGjB,kBAAiB,CAACH,OAAO,CAAC;MACjD,IAAIoB,cAAc,EAAE;QAClBT,YAAY,CAACQ,KAAK,CAACC,cAAc,CAAC;MACpC;IACF,CAAC;IACD;IACAC,YAAY,EAAEA,CAAA,KAAM;MAClBC,QAAQ,CAACC,aAAa,CAAC,IAAIC,KAAK,CAAC,WAAW,CAAC,CAAC;MAC9CF,QAAQ,CAACC,aAAa,CAAC,IAAIC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED;IACAC,cAAc,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACpB;MACA,IAAM;QAAEC,GAAG;QAAEC,IAAI;QAAEC,KAAK;QAAEC;MAAO,CAAC,IAAAJ,iBAAA,GAAGnB,gBAAe,CAACP,OAAO,CAAC,qBAAxB0B,iBAAA,CAA0BK,KAAK;MACpE,OAAO;QAAEJ,GAAG;QAAEC,IAAI;QAAEC,KAAK;QAAEC;MAAO,CAAC;IACrC,CAAC;IAED;AACF;AACA;IACE;IACAE,YAAY,EAAEA,CAAA,KAAMhC,OAAO,oBAAPA,OAAO,CAAE+B,KAAK;IAElC;AACF;AACA;IACEE,YAAY,EAAEA,CAAA,KAAMjC,OAAO,oBAAPA,OAAO,CAAEkC;EAC/B,CAAC;AAAA,CAAC;AAACC,OAAA,CAAA1B,8BAAA,GAAAA,8BAAA","ignoreList":[]}
+{"version":3,"names":["getPopoverDataHook","element","getAttribute","getTriggerElement","querySelector","concat","getContentElement","getArrowElement","querySelectorAll","popoverNextLegacyDriverFactory","_ref","eventTrigger","exists","getTargetElement","isTargetElementExists","isTriggerElementExists","isContentElementExists","mouseEnter","mouseLeave","click","triggerElement","clickOutside","document","dispatchEvent","Event","getArrowOffset","_getArrowElement2","top","left","right","bottom","style","inlineStyles","getElementId","id","exports"],"sources":["../../../src/PopoverNext/PopoverNext.driver.ts"],"sourcesContent":["import type { Simulate } from 'react-dom/test-utils';\n\nconst getPopoverDataHook = (element: Element | undefined) =>\n  element?.getAttribute('data-hook');\n\nconst getTriggerElement = (element?: Element) =>\n  element &&\n  element.querySelector(`[data-hook=\"${getPopoverDataHook(element)}-trigger\"]`);\n\nconst getContentElement = (element: Element | undefined) =>\n  element &&\n  element.querySelector(`[data-hook=\"${getPopoverDataHook(element)}-content\"]`);\n\n// TODO: update when implemented\nconst getArrowElement = (element?: Element) =>\n  element && element.querySelectorAll('[data-hook=\"popover-arrow\"]')[0];\n\n/** @deprecated use popoverNextUniDriverFactory instead */\nexport const popoverNextLegacyDriverFactory = ({\n  element,\n  eventTrigger,\n}: {\n  element: Element | undefined;\n  eventTrigger: typeof Simulate;\n}) => ({\n  /** Whether the element exists or not */\n  exists: () => !!element,\n\n  /** Returns the target element (`<Popover.Trigger/>`)\n   * @deprecated\n   * Use getTriggerElement\n   */\n  getTargetElement: () => getTriggerElement(element),\n\n  /**  Returns the trigger element (`<Popover.Trigger/>`) */\n  getTriggerElement: () => getTriggerElement(element),\n\n  /** Returns the content element (`<Popover.Content/>`) */\n  getContentElement: () => getContentElement(element),\n\n  /** Returns the arrow element\n   * @todo not yet implemented\n   */\n  getArrowElement: () => getArrowElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists\n   * @deprecated - use isTriggerElementExists\n   */\n  isTargetElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists */\n  isTriggerElementExists: () => !!getTriggerElement(element),\n\n  /** Returns `true` whether the content element (`<Popover.Content/>`) exists */\n  isContentElementExists: () => !!getContentElement(element),\n\n  /** Trigger `mouseEnter` on the element */\n  mouseEnter: () => element && eventTrigger.mouseEnter(element),\n\n  /** Trigger `mouseLeave` on the element */\n  mouseLeave: () => element && eventTrigger.mouseLeave(element),\n\n  /** Click on the element */\n  click: () => {\n    const triggerElement = getTriggerElement(element);\n    if (triggerElement) {\n      eventTrigger.click(triggerElement);\n    }\n  },\n  /** Click outside the element */\n  clickOutside: () => {\n    document.dispatchEvent(new Event('mousedown'));\n    document.dispatchEvent(new Event('mouseup'));\n  },\n\n  /** Returns the arrow offset */\n  getArrowOffset: () => {\n    // @ts-ignore\n    const { top, left, right, bottom } = getArrowElement(element)?.style;\n    return { top, left, right, bottom };\n  },\n\n  /** Returns the element's inline styles\n   * @deprecated\n   */\n  // @ts-ignore\n  inlineStyles: () => element?.style,\n\n  /** Returns the element's id\n   * @deprecated\n   */\n  getElementId: () => element?.id,\n});\n\nexport type PopoverDriver = ReturnType<typeof popoverNextLegacyDriverFactory>;\n"],"mappings":";;;;AAEA,IAAMA,kBAAkB,GAAIC,OAA4B,IACtDA,OAAO,oBAAPA,OAAO,CAAEC,YAAY,CAAC,WAAW,CAAC;AAEpC,IAAMC,kBAAiB,GAAIF,OAAiB,IAC1CA,OAAO,IACPA,OAAO,CAACG,aAAa,iBAAAC,MAAA,CAAgBL,kBAAkB,CAACC,OAAO,CAAC,gBAAY,CAAC;AAE/E,IAAMK,kBAAiB,GAAIL,OAA4B,IACrDA,OAAO,IACPA,OAAO,CAACG,aAAa,iBAAAC,MAAA,CAAgBL,kBAAkB,CAACC,OAAO,CAAC,gBAAY,CAAC;;AAE/E;AACA,IAAMM,gBAAe,GAAIN,OAAiB,IACxCA,OAAO,IAAIA,OAAO,CAACO,gBAAgB,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC;;AAEvE;AACO,IAAMC,8BAA8B,GAAGC,IAAA;EAAA,IAAC;IAC7CT,OAAO;IACPU;EAIF,CAAC,GAAAD,IAAA;EAAA,OAAM;IACL;IACAE,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACX,OAAO;IAEvB;AACF;AACA;AACA;IACEY,gBAAgB,EAAEA,CAAA,KAAMV,kBAAiB,CAACF,OAAO,CAAC;IAElD;IACAE,iBAAiB,EAAEA,CAAA,KAAMA,kBAAiB,CAACF,OAAO,CAAC;IAEnD;IACAK,iBAAiB,EAAEA,CAAA,KAAMA,kBAAiB,CAACL,OAAO,CAAC;IAEnD;AACF;AACA;IACEM,eAAe,EAAEA,CAAA,KAAMA,gBAAe,CAACN,OAAO,CAAC;IAE/C;AACF;AACA;IACEa,qBAAqB,EAAEA,CAAA,KAAM,CAAC,CAACX,kBAAiB,CAACF,OAAO,CAAC;IAEzD;IACAc,sBAAsB,EAAEA,CAAA,KAAM,CAAC,CAACZ,kBAAiB,CAACF,OAAO,CAAC;IAE1D;IACAe,sBAAsB,EAAEA,CAAA,KAAM,CAAC,CAACV,kBAAiB,CAACL,OAAO,CAAC;IAE1D;IACAgB,UAAU,EAAEA,CAAA,KAAMhB,OAAO,IAAIU,YAAY,CAACM,UAAU,CAAChB,OAAO,CAAC;IAE7D;IACAiB,UAAU,EAAEA,CAAA,KAAMjB,OAAO,IAAIU,YAAY,CAACO,UAAU,CAACjB,OAAO,CAAC;IAE7D;IACAkB,KAAK,EAAEA,CAAA,KAAM;MACX,IAAMC,cAAc,GAAGjB,kBAAiB,CAACF,OAAO,CAAC;MACjD,IAAImB,cAAc,EAAE;QAClBT,YAAY,CAACQ,KAAK,CAACC,cAAc,CAAC;MACpC;IACF,CAAC;IACD;IACAC,YAAY,EAAEA,CAAA,KAAM;MAClBC,QAAQ,CAACC,aAAa,CAAC,IAAIC,KAAK,CAAC,WAAW,CAAC,CAAC;MAC9CF,QAAQ,CAACC,aAAa,CAAC,IAAIC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED;IACAC,cAAc,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACpB;MACA,IAAM;QAAEC,GAAG;QAAEC,IAAI;QAAEC,KAAK;QAAEC;MAAO,CAAC,IAAAJ,iBAAA,GAAGnB,gBAAe,CAACN,OAAO,CAAC,qBAAxByB,iBAAA,CAA0BK,KAAK;MACpE,OAAO;QAAEJ,GAAG;QAAEC,IAAI;QAAEC,KAAK;QAAEC;MAAO,CAAC;IACrC,CAAC;IAED;AACF;AACA;IACE;IACAE,YAAY,EAAEA,CAAA,KAAM/B,OAAO,oBAAPA,OAAO,CAAE8B,KAAK;IAElC;AACF;AACA;IACEE,YAAY,EAAEA,CAAA,KAAMhC,OAAO,oBAAPA,OAAO,CAAEiC;EAC/B,CAAC;AAAA,CAAC;AAACC,OAAA,CAAA1B,8BAAA,GAAAA,8BAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_PopoverNext";
+var _namespace_ = "wds_1_169_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_167_0_PopoverNext__root"};
+module.exports.classes = {"root":"wds_1_169_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_167_0_PopoverNextContent";
+var _namespace_ = "wds_1_169_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_167_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_169_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/components/Trigger/Trigger.js

@@ -26,7 +26,7 @@ var Trigger = /*#__PURE__*/(0, _react.forwardRef)(function PopoverTriggerWrapper
     ref,
     'data-hook': "".concat(dataHook, "-trigger")
   }));
-  return /*#__PURE__*/(0, _react.cloneElement)(triggerElement, //@ts-ignore TODO: this overrides onKeyDown for DatePicker,
+  return /*#__PURE__*/(0, _react.cloneElement)(triggerElement, // @ts-ignore TODO: this overrides onKeyDown for DatePicker,
   // to allow entering white space inside input
   _objectSpread(_objectSpread({}, referenceProps), {}, {
     onKeyDown: undefined