@wix/design-system 1.162.0 → 1.164.0

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

@@ -1,11 +1,12 @@
 
 require("../Foundation/stylable/colors.st.css.js");
 require("../common/Focusable/Focusable.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_162_0_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_164_0_AnalyticsSummaryCard";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_AnalyticsSummaryCard__root","title":"wds_1_162_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_162_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_162_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_162_0_AnalyticsSummaryCard__trend","loader":"wds_1_162_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_162_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_162_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_162_0_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_164_0_AnalyticsSummaryCard__root","title":"wds_1_164_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_164_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_164_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_164_0_AnalyticsSummaryCard__trend","loader":"wds_1_164_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_164_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_164_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_164_0_AnalyticsSummaryCard__sparkline"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-space-300":"--wds-space-300","wds-space-400":"--wds-space-400","wds-space-500":"--wds-space-500","wds-border-radius-300":"--wds-border-radius-300","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover"}; 
 
 
 

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.types.ts"],"sourcesContent":["import { ReactNode, MouseEvent } from 'react';\n\nexport interface AnalyticsSummaryCardProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n\n  /** Text for the title */\n  title?: string;\n\n  /** Text for title tooltip */\n  titleTooltip?: string;\n\n  /** Text value */\n  value: string;\n\n  /** Text for value tooltip */\n  valueTooltip?: string;\n\n  /** A number to be displayed as the trend, a positive number will be green with an arrow facing up and a negative number will be red with an arrow facing down */\n  trend?: number;\n\n  /** Invert color and arrow direction of Trend. */\n  invertedTrend?: boolean;\n\n  /** Show/Hide trend\n   * @default false\n   */\n  isTrendVisible?: boolean;\n\n  /** Whether component is loading\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /** CTA button React Node\n   * @default null\n   */\n  ctaButton?: ReactNode;\n\n  /** Fires when CTA button is clicked */\n  onCTAClick?: (event: MouseEvent<HTMLDivElement>) => void;\n\n  /** Always show CTA button\n   * @default false\n   */\n  alwaysShowCTA?: boolean;\n\n  /** Card would be clickable */\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n\n  /** Fires when chart is hovered\n   * @default noop\n   */\n  onChartHover?: (index: number) => void;\n\n  /** Indicates the starting index of the highlighted area of the chart */\n  chartHighlightedStartingIndex?: number;\n\n  /** Chart width\n   * @default 69\n   */\n  chartWidth?: number;\n\n  /** Chart data */\n  chartData: { label: Date; value: number }[];\n\n  /** Chart tooltip content */\n  getChartTooltipContent?: (index: number) => ReactNode;\n\n  /** Sets the color of the chart */\n  chartColorHex?: string;\n\n  /** Chart animation duration\n   * @default 300\n   */\n  chartAnimationDuration?: number;\n\n  /** Footer - node\n   * @default null\n   */\n  footer?: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.types.ts"],"sourcesContent":["import { ReactNode, MouseEvent } from 'react';\nimport { HORIZONTAL_PADDING } from './AnalyticsSummaryCard.constants';\nimport { ValuesOf } from '../utils/typeUtils';\n\n/** Controls spacing size from left and right sides */\nexport type AnalyticsSummaryCardHorizontalPadding = ValuesOf<\n  typeof HORIZONTAL_PADDING\n>;\n\nexport interface AnalyticsSummaryCardProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n\n  /** Text for the title */\n  title?: string;\n\n  /** Text for title tooltip */\n  titleTooltip?: string;\n\n  /** Text value */\n  value: string;\n\n  /** Text for value tooltip */\n  valueTooltip?: string;\n\n  /** A number to be displayed as the trend, a positive number will be green with an arrow facing up and a negative number will be red with an arrow facing down */\n  trend?: number;\n\n  /** Invert color and arrow direction of Trend. */\n  invertedTrend?: boolean;\n\n  /** Show/Hide trend\n   * @default false\n   */\n  isTrendVisible?: boolean;\n\n  /** Whether component is loading\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /** CTA button React Node\n   * @default null\n   */\n  ctaButton?: ReactNode;\n\n  /** Fires when CTA button is clicked */\n  onCTAClick?: (event: MouseEvent<HTMLDivElement>) => void;\n\n  /** Always show CTA button\n   * @default false\n   */\n  alwaysShowCTA?: boolean;\n\n  /** Card would be clickable */\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n\n  /** Fires when chart is hovered\n   * @default noop\n   */\n  onChartHover?: (index: number) => void;\n\n  /** Indicates the starting index of the highlighted area of the chart */\n  chartHighlightedStartingIndex?: number;\n\n  /** Chart width\n   * @default 69\n   */\n  chartWidth?: number;\n\n  /** Chart data */\n  chartData: { label: Date; value: number }[];\n\n  /** Chart tooltip content */\n  getChartTooltipContent?: (index: number) => ReactNode;\n\n  /** Sets the color of the chart */\n  chartColorHex?: string;\n\n  /** Chart animation duration\n   * @default 300\n   */\n  chartAnimationDuration?: number;\n\n  /** Footer - node\n   * @default null\n   */\n  footer?: ReactNode;\n\n  /** Adds a border and corner radius\n   * @default false\n   */\n  border?: boolean;\n\n  /** Controls spacing size from left and right sides\n   * @default large\n   */\n  horizontalPadding?: AnalyticsSummaryCardHorizontalPadding;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/AngleInput/AngleInput.js

@@ -12,6 +12,8 @@ var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-sy
 var AngleInput = _ref => {
   var {
     onChange,
+    onPointerDown,
+    onPointerUp,
     onFocus,
     onBlur,
     dataHook,
@@ -30,6 +32,8 @@ var AngleInput = _ref => {
     handleBlur
   } = (0, _useAngleInput.useAngleInput)({
     onChange,
+    onPointerDown,
+    onPointerUp,
     onFocus,
     onBlur,
     step
@@ -47,7 +51,7 @@ var AngleInput = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 38,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -56,7 +60,7 @@ var AngleInput = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 47,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -68,7 +72,7 @@ var AngleInput = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 48,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -77,7 +81,7 @@ var AngleInput = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 55,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement("input", {
@@ -96,7 +100,7 @@ var AngleInput = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 56,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -107,7 +111,7 @@ var AngleInput = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 73,
       columnNumber: 9
     }
   })));
@@ -115,6 +119,8 @@ var AngleInput = _ref => {
 AngleInput.displayName = 'AngleInput';
 AngleInput.propTypes = {
   onChange: _propTypes.default.any,
+  onPointerDown: _propTypes.default.any,
+  onPointerUp: _propTypes.default.any,
   onFocus: _propTypes.default.any,
   onBlur: _propTypes.default.any,
   dataHook: _propTypes.default.any,

package/dist/cjs/AngleInput/AngleInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_AngleInput","_AngleInputSt","_useAngleInput","_jsxFileName","AngleInput","_ref","onChange","onFocus","onBlur","dataHook","value","disabled","step","rootRef","handlePointerDown","handlePointerUp","handlePointerMove","handleInputChange","handleKeyboardEvent","handleFocus","handleBlur","useAngleInput","default","createElement","onPointerDown","onPointerMove","onPointerUp","className","st","classes","root","ref","__self","__source","fileName","lineNumber","columnNumber","track","dataHooks","knobWrapper","style","transform","concat","knob","type","visuallyHiddenInput","onKeyDown","min","angleLimits","max","input","arm","displayName","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/AngleInput/AngleInput.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { angleLimits, dataHooks } from './AngleInput.constants';\nimport { classes, st } from './AngleInput.st.css';\nimport { AngleInputProps } from './AngleInput.types';\nimport { useAngleInput } from './hooks/useAngleInput';\n\nconst AngleInput = ({\n  onChange,\n  onFocus,\n  onBlur,\n  dataHook,\n  value,\n  disabled = false,\n  step = 1,\n}: AngleInputProps) => {\n  const {\n    rootRef,\n    handlePointerDown,\n    handlePointerUp,\n    handlePointerMove,\n    handleInputChange,\n    handleKeyboardEvent,\n    handleFocus,\n    handleBlur,\n  } = useAngleInput({\n    onChange,\n    onFocus,\n    onBlur,\n    step,\n  });\n\n  return (\n    <div\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      className={st(classes.root, { disabled })}\n      data-hook={dataHook}\n      aria-disabled={disabled}\n      ref={rootRef}\n    >\n      <div className={classes.track} data-hook={dataHooks.track}>\n        <div\n          className={st(classes.knobWrapper)}\n          data-hook={dataHooks.knobWrapper}\n          style={{\n            transform: `rotate(${value}deg)`,\n          }}\n        >\n          <div className={st(classes.knob)} data-hook={dataHooks.knob}>\n            <input\n              type=\"range\"\n              value={value}\n              className={classes.visuallyHiddenInput}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyboardEvent}\n              onFocus={handleFocus}\n              step={step}\n              onBlur={handleBlur}\n              min={angleLimits.min}\n              max={angleLimits.max}\n              disabled={disabled}\n              data-hook={dataHooks.input}\n            />\n          </div>\n        </div>\n\n        <div\n          className={classes.arm}\n          style={{\n            transform: `rotate(${value}deg)`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nAngleInput.displayName = 'AngleInput';\n\nAngleInput.propTypes = {\n  onChange: PropTypes.any,\n  onFocus: PropTypes.any,\n  onBlur: PropTypes.any,\n  dataHook: PropTypes.any,\n  value: PropTypes.any,\n  disabled: PropTypes.any,\n  step: PropTypes.any,\n};\n\nexport default AngleInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_AngleInput","_AngleInputSt","_useAngleInput","_jsxFileName","AngleInput","_ref","onChange","onPointerDown","onPointerUp","onFocus","onBlur","dataHook","value","disabled","step","rootRef","handlePointerDown","handlePointerUp","handlePointerMove","handleInputChange","handleKeyboardEvent","handleFocus","handleBlur","useAngleInput","default","createElement","onPointerMove","className","st","classes","root","ref","__self","__source","fileName","lineNumber","columnNumber","track","dataHooks","knobWrapper","style","transform","concat","knob","type","visuallyHiddenInput","onKeyDown","min","angleLimits","max","input","arm","displayName","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/AngleInput/AngleInput.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { angleLimits, dataHooks } from './AngleInput.constants';\nimport { classes, st } from './AngleInput.st.css';\nimport { AngleInputProps } from './AngleInput.types';\nimport { useAngleInput } from './hooks/useAngleInput';\n\nconst AngleInput = ({\n  onChange,\n  onPointerDown,\n  onPointerUp,\n  onFocus,\n  onBlur,\n  dataHook,\n  value,\n  disabled = false,\n  step = 1,\n}: AngleInputProps) => {\n  const {\n    rootRef,\n    handlePointerDown,\n    handlePointerUp,\n    handlePointerMove,\n    handleInputChange,\n    handleKeyboardEvent,\n    handleFocus,\n    handleBlur,\n  } = useAngleInput({\n    onChange,\n    onPointerDown,\n    onPointerUp,\n    onFocus,\n    onBlur,\n    step,\n  });\n\n  return (\n    <div\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      className={st(classes.root, { disabled })}\n      data-hook={dataHook}\n      aria-disabled={disabled}\n      ref={rootRef}\n    >\n      <div className={classes.track} data-hook={dataHooks.track}>\n        <div\n          className={st(classes.knobWrapper)}\n          data-hook={dataHooks.knobWrapper}\n          style={{\n            transform: `rotate(${value}deg)`,\n          }}\n        >\n          <div className={st(classes.knob)} data-hook={dataHooks.knob}>\n            <input\n              type=\"range\"\n              value={value}\n              className={classes.visuallyHiddenInput}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyboardEvent}\n              onFocus={handleFocus}\n              step={step}\n              onBlur={handleBlur}\n              min={angleLimits.min}\n              max={angleLimits.max}\n              disabled={disabled}\n              data-hook={dataHooks.input}\n            />\n          </div>\n        </div>\n\n        <div\n          className={classes.arm}\n          style={{\n            transform: `rotate(${value}deg)`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nAngleInput.displayName = 'AngleInput';\n\nAngleInput.propTypes = {\n  onChange: PropTypes.any,\n  onPointerDown: PropTypes.any,\n  onPointerUp: PropTypes.any,\n  onFocus: PropTypes.any,\n  onBlur: PropTypes.any,\n  dataHook: PropTypes.any,\n  value: PropTypes.any,\n  disabled: PropTypes.any,\n  step: PropTypes.any,\n};\n\nexport default AngleInput;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AngleInput";
+var _namespace_ = "wds_1_164_0_AngleInput";
 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_162_0_AngleInput__root","visuallyHidden":"wds_1_162_0_visuallyHidden__visuallyHidden","track":"wds_1_162_0_AngleInput__track","arm":"wds_1_162_0_AngleInput__arm","knob":"wds_1_162_0_AngleInput__knob","knobWrapper":"wds_1_162_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_162_0_AngleInput__visuallyHiddenInput wds_1_162_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_164_0_AngleInput__root","visuallyHidden":"wds_1_164_0_visuallyHidden__visuallyHidden","track":"wds_1_164_0_AngleInput__track","arm":"wds_1_164_0_AngleInput__arm","knob":"wds_1_164_0_AngleInput__knob","knobWrapper":"wds_1_164_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_164_0_AngleInput__visuallyHiddenInput wds_1_164_0_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/AngleInput/AngleInput.types.ts"],"sourcesContent":["import { KeyDefinitionType } from '@wix/unidriver-core';\n\nexport type AngleInputProps = {\n  /** Callback function called on value change. */\n  onChange: (angle: number) => void;\n  /** Optional callback for focus event. */\n  onFocus?: () => void;\n  /** Optional callback for blur event. */\n  onBlur?: () => void;\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n  /** The current value of the angle. */\n  value: number;\n  /** Indicates if the slider is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Defines step increments for angle adjustment.\n   * @default 1\n   */\n  step?: number;\n};\n\nexport type UseAngleInputProps = {\n  onChange: (angle: number) => void;\n  step: number;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\nexport type UseAngleInputReturnValue = {\n  rootRef: React.RefObject<HTMLDivElement>;\n  handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  handlePointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;\n  handlePointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  handleKeyboardEvent: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  handleFocus: () => void;\n  handleBlur: () => void;\n};\n\nexport type AngleInputNavigationKeys = Extract<\n  KeyDefinitionType,\n  'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End'\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/AngleInput/AngleInput.types.ts"],"sourcesContent":["import { KeyDefinitionType } from '@wix/unidriver-core';\n\nexport type AngleInputProps = {\n  /** Callback function called on value change. */\n  onChange: (angle: number) => void;\n  /** Defines a callback function which will be called when onpointerdown is triggered. */\n  onPointerDown?: () => void;\n  /** Defines a callback function which will be called when onpointerup is triggered. */\n  onPointerUp?: () => void;\n  /** Optional callback for focus event. */\n  onFocus?: () => void;\n  /** Optional callback for blur event. */\n  onBlur?: () => void;\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n  /** The current value of the angle. */\n  value: number;\n  /** Indicates if the slider is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Defines step increments for angle adjustment.\n   * @default 1\n   */\n  step?: number;\n};\n\nexport type UseAngleInputProps = {\n  onChange: (angle: number) => void;\n  onPointerDown?: () => void;\n  onPointerUp?: () => void;\n  step: number;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\nexport type UseAngleInputReturnValue = {\n  rootRef: React.RefObject<HTMLDivElement>;\n  handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  handlePointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;\n  handlePointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  handleKeyboardEvent: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  handleFocus: () => void;\n  handleBlur: () => void;\n};\n\nexport type AngleInputNavigationKeys = Extract<\n  KeyDefinitionType,\n  'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End'\n>;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/AngleInput/hooks/useAngleInput.js

@@ -8,6 +8,8 @@ var _AngleInput = require("../AngleInput.constants");
 var useAngleInput = _ref => {
   var {
     onChange,
+    onPointerDown,
+    onPointerUp,
     onFocus,
     onBlur,
     step
@@ -36,6 +38,7 @@ var useAngleInput = _ref => {
   });
   var handlePointerDown = (0, _useEventCallback.useEventCallback)(event => {
     event.currentTarget.setPointerCapture(event.pointerId);
+    onPointerDown == null || onPointerDown();
     updateAngle(event.clientX, event.clientY);
   });
   var handlePointerMove = (0, _useEventCallback.useEventCallback)(event => {
@@ -44,6 +47,7 @@ var useAngleInput = _ref => {
     }
   });
   var handlePointerUp = (0, _useEventCallback.useEventCallback)(event => {
+    onPointerUp == null || onPointerUp();
     if (event.currentTarget.hasPointerCapture(event.pointerId)) {
       event.currentTarget.releasePointerCapture(event.pointerId);
     }

package/dist/cjs/AngleInput/hooks/useAngleInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useEventCallback","_AngleInput","useAngleInput","_ref","onChange","onFocus","onBlur","step","rootRef","useRef","calculateAngleFromEvent","useCallback","clientX","clientY","rootElement","current","left","top","width","height","getBoundingClientRect","centerX","centerY","dx","dy","rawAngle","Math","atan2","PI","normalizedAngle","normalizeAngle","round","updateAngle","useEventCallback","angle","undefined","handlePointerDown","event","currentTarget","setPointerCapture","pointerId","handlePointerMove","hasPointerCapture","handlePointerUp","releasePointerCapture","handleInputChange","Number","target","value","handleKeyboardEvent","key","currentAngle","newAngle","angleLimits","max","min","preventDefault","handleFocus","handleBlur","exports"],"sources":["../../../../src/AngleInput/hooks/useAngleInput.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useEventCallback } from '../../common/useEventCallback/useEventCallback';\nimport {\n  UseAngleInputProps,\n  UseAngleInputReturnValue,\n} from '../AngleInput.types';\nimport { angleLimits } from '../AngleInput.constants';\n\nexport const useAngleInput = ({\n  onChange,\n  onFocus,\n  onBlur,\n  step,\n}: UseAngleInputProps): UseAngleInputReturnValue => {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const calculateAngleFromEvent = useCallback(\n    (clientX: number, clientY: number) => {\n      const rootElement = rootRef.current;\n      if (!rootElement) return;\n\n      const { left, top, width, height } = rootElement.getBoundingClientRect();\n      const centerX = left + width / 2;\n      const centerY = top + height / 2;\n      const dx = clientX - centerX;\n      const dy = clientY - centerY;\n\n      const rawAngle = Math.atan2(dx, -dy) * (180 / Math.PI);\n      const normalizedAngle = normalizeAngle(rawAngle);\n      return (Math.round(normalizedAngle / step) * step) % 360;\n    },\n    [step],\n  );\n\n  const updateAngle = useEventCallback((clientX: number, clientY: number) => {\n    const angle = calculateAngleFromEvent(clientX, clientY);\n    if (angle !== undefined) onChange(angle);\n  });\n\n  const handlePointerDown = useEventCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.currentTarget.setPointerCapture(event.pointerId);\n      updateAngle(event.clientX, event.clientY);\n    },\n  );\n\n  const handlePointerMove = useEventCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        updateAngle(event.clientX, event.clientY);\n      }\n    },\n  );\n\n  const handlePointerUp = useEventCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n    },\n  );\n\n  const handleInputChange = useEventCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(normalizeAngle(Number(event.target.value)));\n    },\n  );\n\n  const handleKeyboardEvent = useEventCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const { key, currentTarget } = event;\n      const currentAngle = Number(currentTarget.value);\n      let newAngle = currentAngle;\n\n      switch (key) {\n        case 'ArrowUp':\n        case 'ArrowRight':\n        case 'PageUp':\n          newAngle += step;\n          break;\n        case 'ArrowDown':\n        case 'ArrowLeft':\n        case 'PageDown':\n          newAngle -= step;\n          break;\n        default:\n          return;\n      }\n\n      if (newAngle > angleLimits.max || newAngle < angleLimits.min) {\n        event.preventDefault();\n        onChange(normalizeAngle(newAngle));\n      }\n    },\n  );\n\n  const handleFocus = useEventCallback(() => {\n    onFocus?.();\n  });\n\n  const handleBlur = useEventCallback(() => {\n    onBlur?.();\n  });\n\n  return {\n    rootRef,\n    handlePointerDown,\n    handlePointerUp,\n    handlePointerMove,\n    handleInputChange,\n    handleKeyboardEvent,\n    handleFocus,\n    handleBlur,\n  };\n};\n\nconst normalizeAngle = (angle: number): number => (angle + 360) % 360;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_useEventCallback","_AngleInput","useAngleInput","_ref","onChange","onPointerDown","onPointerUp","onFocus","onBlur","step","rootRef","useRef","calculateAngleFromEvent","useCallback","clientX","clientY","rootElement","current","left","top","width","height","getBoundingClientRect","centerX","centerY","dx","dy","rawAngle","Math","atan2","PI","normalizedAngle","normalizeAngle","round","updateAngle","useEventCallback","angle","undefined","handlePointerDown","event","currentTarget","setPointerCapture","pointerId","handlePointerMove","hasPointerCapture","handlePointerUp","releasePointerCapture","handleInputChange","Number","target","value","handleKeyboardEvent","key","currentAngle","newAngle","angleLimits","max","min","preventDefault","handleFocus","handleBlur","exports"],"sources":["../../../../src/AngleInput/hooks/useAngleInput.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useEventCallback } from '../../common/useEventCallback/useEventCallback';\nimport {\n  UseAngleInputProps,\n  UseAngleInputReturnValue,\n} from '../AngleInput.types';\nimport { angleLimits } from '../AngleInput.constants';\n\nexport const useAngleInput = ({\n  onChange,\n  onPointerDown,\n  onPointerUp,\n  onFocus,\n  onBlur,\n  step,\n}: UseAngleInputProps): UseAngleInputReturnValue => {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const calculateAngleFromEvent = useCallback(\n    (clientX: number, clientY: number) => {\n      const rootElement = rootRef.current;\n      if (!rootElement) return;\n\n      const { left, top, width, height } = rootElement.getBoundingClientRect();\n      const centerX = left + width / 2;\n      const centerY = top + height / 2;\n      const dx = clientX - centerX;\n      const dy = clientY - centerY;\n\n      const rawAngle = Math.atan2(dx, -dy) * (180 / Math.PI);\n      const normalizedAngle = normalizeAngle(rawAngle);\n      return (Math.round(normalizedAngle / step) * step) % 360;\n    },\n    [step],\n  );\n\n  const updateAngle = useEventCallback((clientX: number, clientY: number) => {\n    const angle = calculateAngleFromEvent(clientX, clientY);\n    if (angle !== undefined) onChange(angle);\n  });\n\n  const handlePointerDown = useEventCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.currentTarget.setPointerCapture(event.pointerId);\n      onPointerDown?.();\n      updateAngle(event.clientX, event.clientY);\n    },\n  );\n\n  const handlePointerMove = useEventCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        updateAngle(event.clientX, event.clientY);\n      }\n    },\n  );\n\n  const handlePointerUp = useEventCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      onPointerUp?.();\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n    },\n  );\n\n  const handleInputChange = useEventCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(normalizeAngle(Number(event.target.value)));\n    },\n  );\n\n  const handleKeyboardEvent = useEventCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const { key, currentTarget } = event;\n      const currentAngle = Number(currentTarget.value);\n      let newAngle = currentAngle;\n\n      switch (key) {\n        case 'ArrowUp':\n        case 'ArrowRight':\n        case 'PageUp':\n          newAngle += step;\n          break;\n        case 'ArrowDown':\n        case 'ArrowLeft':\n        case 'PageDown':\n          newAngle -= step;\n          break;\n        default:\n          return;\n      }\n\n      if (newAngle > angleLimits.max || newAngle < angleLimits.min) {\n        event.preventDefault();\n        onChange(normalizeAngle(newAngle));\n      }\n    },\n  );\n\n  const handleFocus = useEventCallback(() => {\n    onFocus?.();\n  });\n\n  const handleBlur = useEventCallback(() => {\n    onBlur?.();\n  });\n\n  return {\n    rootRef,\n    handlePointerDown,\n    handlePointerUp,\n    handlePointerMove,\n    handleInputChange,\n    handleKeyboardEvent,\n    handleFocus,\n    handleBlur,\n  };\n};\n\nconst normalizeAngle = (angle: number): number => (angle + 360) % 360;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAEO,IAAMG,aAAa,GAAGC,IAAA,IAOuB;EAAA,IAPtB;IAC5BC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC;EACkB,CAAC,GAAAN,IAAA;EACnB,IAAMO,OAAO,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE5C,IAAMC,uBAAuB,GAAG,IAAAC,kBAAW,EACzC,CAACC,OAAe,EAAEC,OAAe,KAAK;IACpC,IAAMC,WAAW,GAAGN,OAAO,CAACO,OAAO;IACnC,IAAI,CAACD,WAAW,EAAE;IAElB,IAAM;MAAEE,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGL,WAAW,CAACM,qBAAqB,CAAC,CAAC;IACxE,IAAMC,OAAO,GAAGL,IAAI,GAAGE,KAAK,GAAG,CAAC;IAChC,IAAMI,OAAO,GAAGL,GAAG,GAAGE,MAAM,GAAG,CAAC;IAChC,IAAMI,EAAE,GAAGX,OAAO,GAAGS,OAAO;IAC5B,IAAMG,EAAE,GAAGX,OAAO,GAAGS,OAAO;IAE5B,IAAMG,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACJ,EAAE,EAAE,CAACC,EAAE,CAAC,IAAI,GAAG,GAAGE,IAAI,CAACE,EAAE,CAAC;IACtD,IAAMC,eAAe,GAAGC,cAAc,CAACL,QAAQ,CAAC;IAChD,OAAQC,IAAI,CAACK,KAAK,CAACF,eAAe,GAAGtB,IAAI,CAAC,GAAGA,IAAI,GAAI,GAAG;EAC1D,CAAC,EACD,CAACA,IAAI,CACP,CAAC;EAED,IAAMyB,WAAW,GAAG,IAAAC,kCAAgB,EAAC,CAACrB,OAAe,EAAEC,OAAe,KAAK;IACzE,IAAMqB,KAAK,GAAGxB,uBAAuB,CAACE,OAAO,EAAEC,OAAO,CAAC;IACvD,IAAIqB,KAAK,KAAKC,SAAS,EAAEjC,QAAQ,CAACgC,KAAK,CAAC;EAC1C,CAAC,CAAC;EAEF,IAAME,iBAAiB,GAAG,IAAAH,kCAAgB,EACvCI,KAAyC,IAAK;IAC7CA,KAAK,CAACC,aAAa,CAACC,iBAAiB,CAACF,KAAK,CAACG,SAAS,CAAC;IACtDrC,aAAa,YAAbA,aAAa,CAAG,CAAC;IACjB6B,WAAW,CAACK,KAAK,CAACzB,OAAO,EAAEyB,KAAK,CAACxB,OAAO,CAAC;EAC3C,CACF,CAAC;EAED,IAAM4B,iBAAiB,GAAG,IAAAR,kCAAgB,EACvCI,KAAyC,IAAK;IAC7C,IAAIA,KAAK,CAACC,aAAa,CAACI,iBAAiB,CAACL,KAAK,CAACG,SAAS,CAAC,EAAE;MAC1DR,WAAW,CAACK,KAAK,CAACzB,OAAO,EAAEyB,KAAK,CAACxB,OAAO,CAAC;IAC3C;EACF,CACF,CAAC;EAED,IAAM8B,eAAe,GAAG,IAAAV,kCAAgB,EACrCI,KAAyC,IAAK;IAC7CjC,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf,IAAIiC,KAAK,CAACC,aAAa,CAACI,iBAAiB,CAACL,KAAK,CAACG,SAAS,CAAC,EAAE;MAC1DH,KAAK,CAACC,aAAa,CAACM,qBAAqB,CAACP,KAAK,CAACG,SAAS,CAAC;IAC5D;EACF,CACF,CAAC;EAED,IAAMK,iBAAiB,GAAG,IAAAZ,kCAAgB,EACvCI,KAA0C,IAAK;IAC9CnC,QAAQ,CAAC4B,cAAc,CAACgB,MAAM,CAACT,KAAK,CAACU,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;EACtD,CACF,CAAC;EAED,IAAMC,mBAAmB,GAAG,IAAAhB,kCAAgB,EACzCI,KAA4C,IAAK;IAChD,IAAM;MAAEa,GAAG;MAAEZ;IAAc,CAAC,GAAGD,KAAK;IACpC,IAAMc,YAAY,GAAGL,MAAM,CAACR,aAAa,CAACU,KAAK,CAAC;IAChD,IAAII,QAAQ,GAAGD,YAAY;IAE3B,QAAQD,GAAG;MACT,KAAK,SAAS;MACd,KAAK,YAAY;MACjB,KAAK,QAAQ;QACXE,QAAQ,IAAI7C,IAAI;QAChB;MACF,KAAK,WAAW;MAChB,KAAK,WAAW;MAChB,KAAK,UAAU;QACb6C,QAAQ,IAAI7C,IAAI;QAChB;MACF;QACE;IACJ;IAEA,IAAI6C,QAAQ,GAAGC,uBAAW,CAACC,GAAG,IAAIF,QAAQ,GAAGC,uBAAW,CAACE,GAAG,EAAE;MAC5DlB,KAAK,CAACmB,cAAc,CAAC,CAAC;MACtBtD,QAAQ,CAAC4B,cAAc,CAACsB,QAAQ,CAAC,CAAC;IACpC;EACF,CACF,CAAC;EAED,IAAMK,WAAW,GAAG,IAAAxB,kCAAgB,EAAC,MAAM;IACzC5B,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,CAAC;EAEF,IAAMqD,UAAU,GAAG,IAAAzB,kCAAgB,EAAC,MAAM;IACxC3B,MAAM,YAANA,MAAM,CAAG,CAAC;EACZ,CAAC,CAAC;EAEF,OAAO;IACLE,OAAO;IACP4B,iBAAiB;IACjBO,eAAe;IACfF,iBAAiB;IACjBI,iBAAiB;IACjBI,mBAAmB;IACnBQ,WAAW;IACXC;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAA3D,aAAA,GAAAA,aAAA;AAEF,IAAM8B,cAAc,GAAII,KAAa,IAAa,CAACA,KAAK,GAAG,GAAG,IAAI,GAAG","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AnnouncementModalLayout";
+var _namespace_ = "wds_1_164_0_AnnouncementModalLayout";
 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_162_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_162_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_162_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_162_0_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_164_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_164_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_164_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_164_0_AnnouncementModalLayout__bottomSpacing"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AreaChart";
+var _namespace_ = "wds_1_164_0_AreaChart";
 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_162_0_AreaChart__root","lineChart":"wds_1_162_0_AreaChart__lineChart","lineChartCursor":"wds_1_162_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_162_0_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_164_0_AreaChart__root","lineChart":"wds_1_164_0_AreaChart__lineChart","lineChartCursor":"wds_1_164_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_164_0_AreaChart__lineChartAxis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AudioPlayer";
+var _namespace_ = "wds_1_164_0_AudioPlayer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_AudioPlayer__root","playPauseButton":"wds_1_162_0_AudioPlayer__playPauseButton","slider":"wds_1_162_0_AudioPlayer__slider","track":"wds_1_162_0_AudioPlayer__track","handle":"wds_1_162_0_AudioPlayer__handle","tooltip":"wds_1_162_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_162_0_AudioPlayer__tooltipTarget","timer":"wds_1_162_0_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_164_0_AudioPlayer__root","playPauseButton":"wds_1_164_0_AudioPlayer__playPauseButton","slider":"wds_1_164_0_AudioPlayer__slider","track":"wds_1_164_0_AudioPlayer__track","handle":"wds_1_164_0_AudioPlayer__handle","tooltip":"wds_1_164_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_164_0_AudioPlayer__tooltipTarget","timer":"wds_1_164_0_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_162_0_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_164_0_AudioPlayer-audio-player-position"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_164_0_AutoCompleteWithLabel";
 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_162_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_162_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_162_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_162_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_162_0_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_164_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_164_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_164_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_164_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_164_0_AutoCompleteWithLabel__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_Avatar";
+var _namespace_ = "wds_1_164_0_Avatar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_Avatar__root","text-small-bold":"wds_1_162_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_162_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_162_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_162_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_162_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_162_0_Avatar__placeholder","avatarContainer":"wds_1_162_0_Avatar__avatarContainer","coreAvatar":"wds_1_162_0_Avatar__coreAvatar","avatar":"wds_1_162_0_Avatar__avatar","presence":"wds_1_162_0_Avatar__presence","indication":"wds_1_162_0_Avatar__indication","iconButtonShadow":"wds_1_162_0_Avatar__iconButtonShadow","colorA1":"wds_1_162_0_Avatar__colorA1","colorA2":"wds_1_162_0_Avatar__colorA2","colorA3":"wds_1_162_0_Avatar__colorA3","colorA4":"wds_1_162_0_Avatar__colorA4","colorA5":"wds_1_162_0_Avatar__colorA5","colorA6":"wds_1_162_0_Avatar__colorA6","colorA7":"wds_1_162_0_Avatar__colorA7","loaderContainer":"wds_1_162_0_Avatar__loaderContainer","overlay":"wds_1_162_0_Avatar__overlay","loader":"wds_1_162_0_Avatar__loader"};
+module.exports.classes = {"root":"wds_1_164_0_Avatar__root","text-small-bold":"wds_1_164_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_164_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_164_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_164_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_164_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_164_0_Avatar__placeholder","avatarContainer":"wds_1_164_0_Avatar__avatarContainer","coreAvatar":"wds_1_164_0_Avatar__coreAvatar","avatar":"wds_1_164_0_Avatar__avatar","presence":"wds_1_164_0_Avatar__presence","indication":"wds_1_164_0_Avatar__indication","iconButtonShadow":"wds_1_164_0_Avatar__iconButtonShadow","colorA1":"wds_1_164_0_Avatar__colorA1","colorA2":"wds_1_164_0_Avatar__colorA2","colorA3":"wds_1_164_0_Avatar__colorA3","colorA4":"wds_1_164_0_Avatar__colorA4","colorA5":"wds_1_164_0_Avatar__colorA5","colorA6":"wds_1_164_0_Avatar__colorA6","colorA7":"wds_1_164_0_Avatar__colorA7","loaderContainer":"wds_1_164_0_Avatar__loaderContainer","overlay":"wds_1_164_0_Avatar__overlay","loader":"wds_1_164_0_Avatar__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/AvatarCore/AvatarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_162_0_AvatarCore";
+var _namespace_ = "wds_1_164_0_AvatarCore";
 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_162_0_AvatarCore__root","content":"wds_1_162_0_AvatarCore__content"};
+module.exports.classes = {"root":"wds_1_164_0_AvatarCore__root","content":"wds_1_164_0_AvatarCore__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AvatarGroup";
+var _namespace_ = "wds_1_164_0_AvatarGroup";
 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_162_0_AvatarGroup__root","avatarContainer":"wds_1_162_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_162_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_162_0_AvatarGroup__moreIndicatorText","divider":"wds_1_162_0_AvatarGroup__divider"};
+module.exports.classes = {"root":"wds_1_164_0_AvatarGroup__root","avatarContainer":"wds_1_164_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_164_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_164_0_AvatarGroup__moreIndicatorText","divider":"wds_1_164_0_AvatarGroup__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_Badge";
+var _namespace_ = "wds_1_164_0_Badge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_Badge__root","text-tiny-bold":"wds_1_162_0_StylableTypography__text-tiny-bold","prefix":"wds_1_162_0_Badge__prefix","suffix":"wds_1_162_0_Badge__suffix","BadgeStyle":"wds_1_162_0_Badge__BadgeStyle","text":"wds_1_162_0_Badge__text"};
+module.exports.classes = {"root":"wds_1_164_0_Badge__root","text-tiny-bold":"wds_1_164_0_StylableTypography__text-tiny-bold","prefix":"wds_1_164_0_Badge__prefix","suffix":"wds_1_164_0_Badge__suffix","BadgeStyle":"wds_1_164_0_Badge__BadgeStyle","text":"wds_1_164_0_Badge__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_BadgeSelectItem";
+var _namespace_ = "wds_1_164_0_BadgeSelectItem";
 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_162_0_BadgeSelectItem__root","marker":"wds_1_162_0_BadgeSelectItem__marker"};
+module.exports.classes = {"root":"wds_1_164_0_BadgeSelectItem__root","marker":"wds_1_164_0_BadgeSelectItem__marker"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_BarChart";
+var _namespace_ = "wds_1_164_0_BarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_BarChart__root","wrapper":"wds_1_162_0_BarChart__wrapper","item":"wds_1_162_0_BarChart__item","value":"wds_1_162_0_BarChart__value","description":"wds_1_162_0_BarChart__description"};
+module.exports.classes = {"root":"wds_1_164_0_BarChart__root","wrapper":"wds_1_164_0_BarChart__wrapper","item":"wds_1_164_0_BarChart__item","value":"wds_1_164_0_BarChart__value","description":"wds_1_164_0_BarChart__description"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"height":"72px"}; 
-module.exports.vars = {"barValue":"--wds_1_162_0_BarChart-barValue"}; 
+module.exports.vars = {"barValue":"--wds_1_164_0_BarChart-barValue"}; 
 
 
 

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

@@ -13,7 +13,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_BaseModalLayout";
+var _namespace_ = "wds_1_164_0_BaseModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_BaseModalLayout__root","controlButtons":"wds_1_162_0_BaseModalLayout__controlButtons","helpButton":"wds_1_162_0_BaseModalLayout__helpButton","closeButton":"wds_1_162_0_BaseModalLayout__closeButton","helpIcon":"wds_1_162_0_BaseModalLayout__helpIcon","header":"wds_1_162_0_BaseModalLayout__header","content":"wds_1_162_0_BaseModalLayout__content","footer":"wds_1_162_0_BaseModalLayout__footer","footnote":"wds_1_162_0_BaseModalLayout__footnote","illustration":"wds_1_162_0_BaseModalLayout__illustration"};
+module.exports.classes = {"root":"wds_1_164_0_BaseModalLayout__root","controlButtons":"wds_1_164_0_BaseModalLayout__controlButtons","helpButton":"wds_1_164_0_BaseModalLayout__helpButton","closeButton":"wds_1_164_0_BaseModalLayout__closeButton","helpIcon":"wds_1_164_0_BaseModalLayout__helpIcon","header":"wds_1_164_0_BaseModalLayout__header","content":"wds_1_164_0_BaseModalLayout__content","footer":"wds_1_164_0_BaseModalLayout__footer","footnote":"wds_1_164_0_BaseModalLayout__footnote","illustration":"wds_1_164_0_BaseModalLayout__illustration"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Content/Content.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_LayoutBlocksContent";
+var _namespace_ = "wds_1_164_0_LayoutBlocksContent";
 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_162_0_LayoutBlocksContent__root","defaultScrollBar":"wds_1_162_0_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_162_0_LayoutBlocksContent__innerContent","topDivider":"wds_1_162_0_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_162_0_LayoutBlocksContent__bottomDivider"};
+module.exports.classes = {"root":"wds_1_164_0_LayoutBlocksContent__root","defaultScrollBar":"wds_1_164_0_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_164_0_LayoutBlocksContent__innerContent","topDivider":"wds_1_164_0_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_164_0_LayoutBlocksContent__bottomDivider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Footer/Footer.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_LayoutBlocksFooter";
+var _namespace_ = "wds_1_164_0_LayoutBlocksFooter";
 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_162_0_LayoutBlocksFooter__root","innerContent":"wds_1_162_0_LayoutBlocksFooter__innerContent","divider":"wds_1_162_0_LayoutBlocksFooter__divider","actions":"wds_1_162_0_LayoutBlocksFooter__actions","sideActions":"wds_1_162_0_LayoutBlocksFooter__sideActions"};
+module.exports.classes = {"root":"wds_1_164_0_LayoutBlocksFooter__root","innerContent":"wds_1_164_0_LayoutBlocksFooter__innerContent","divider":"wds_1_164_0_LayoutBlocksFooter__divider","actions":"wds_1_164_0_LayoutBlocksFooter__actions","sideActions":"wds_1_164_0_LayoutBlocksFooter__sideActions"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Footnote/Footnote.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_Footnote";
+var _namespace_ = "wds_1_164_0_Footnote";
 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_162_0_Footnote__root","innerContent":"wds_1_162_0_Footnote__innerContent"};
+module.exports.classes = {"root":"wds_1_164_0_Footnote__root","innerContent":"wds_1_164_0_Footnote__innerContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Header/Header.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_LayoutBlocksHeader";
+var _namespace_ = "wds_1_164_0_LayoutBlocksHeader";
 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_162_0_LayoutBlocksHeader__root","innerContent":"wds_1_162_0_LayoutBlocksHeader__innerContent","title":"wds_1_162_0_LayoutBlocksHeader__title","subtitle":"wds_1_162_0_LayoutBlocksHeader__subtitle"};
+module.exports.classes = {"root":"wds_1_164_0_LayoutBlocksHeader__root","innerContent":"wds_1_164_0_LayoutBlocksHeader__innerContent","title":"wds_1_164_0_LayoutBlocksHeader__title","subtitle":"wds_1_164_0_LayoutBlocksHeader__subtitle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/BaseModalLayout/LayoutBlocks/Illustration/Illustration.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_Illustration";
+var _namespace_ = "wds_1_164_0_Illustration";
 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_162_0_Illustration__root","image":"wds_1_162_0_Illustration__image"};
+module.exports.classes = {"root":"wds_1_164_0_Illustration__root","image":"wds_1_164_0_Illustration__image"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};