@wix/design-system 1.163.0 → 1.165.0

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_163_0_Accordion";
+var _namespace_ = "wds_1_165_0_Accordion";
 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_163_0_Accordion__root","accordion":"wds_1_163_0_Accordion__accordion","item":"wds_1_163_0_Accordion__item"};
+module.exports.classes = {"root":"wds_1_165_0_Accordion__root","accordion":"wds_1_165_0_Accordion__accordion","item":"wds_1_165_0_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_163_0_AccordionItem";
+var _namespace_ = "wds_1_165_0_AccordionItem";
 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_163_0_AccordionItem__root","header":"wds_1_163_0_AccordionItem__header","iconsContainer":"wds_1_163_0_AccordionItem__iconsContainer","affix":"wds_1_163_0_AccordionItem__affix","titleWrapper":"wds_1_163_0_AccordionItem__titleWrapper","children":"wds_1_163_0_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_165_0_AccordionItem__root","header":"wds_1_165_0_AccordionItem__header","iconsContainer":"wds_1_165_0_AccordionItem__iconsContainer","affix":"wds_1_165_0_AccordionItem__affix","titleWrapper":"wds_1_165_0_AccordionItem__titleWrapper","children":"wds_1_165_0_AccordionItem__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_163_0_AccordionItemCaret";
+var _namespace_ = "wds_1_165_0_AccordionItemCaret";
 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_163_0_AccordionItemCaret__root","textButton":"wds_1_163_0_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_165_0_AccordionItemCaret__root","textButton":"wds_1_165_0_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_163_0_AddItem";
+var _namespace_ = "wds_1_165_0_AddItem";
 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_163_0_AddItem__root","icon":"wds_1_163_0_AddItem__icon","illustration":"wds_1_163_0_AddItem__illustration","contentContainer":"wds_1_163_0_AddItem__contentContainer","content":"wds_1_163_0_AddItem__content","textWrapper":"wds_1_163_0_AddItem__textWrapper","textContent":"wds_1_163_0_AddItem__textContent","subtitle":"wds_1_163_0_AddItem__subtitle","tooltip":"wds_1_163_0_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_165_0_AddItem__root","icon":"wds_1_165_0_AddItem__icon","illustration":"wds_1_165_0_AddItem__illustration","contentContainer":"wds_1_165_0_AddItem__contentContainer","content":"wds_1_165_0_AddItem__content","textWrapper":"wds_1_165_0_AddItem__textWrapper","textContent":"wds_1_165_0_AddItem__textContent","subtitle":"wds_1_165_0_AddItem__subtitle","tooltip":"wds_1_165_0_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/AddItem/AddItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport interface AddItemProps {\n  /** any renderable node or a render function. In case of a render function, text styles will not be applied. */\n  children?: React.ReactNode | (() => React.ReactNode);\n  /** apply disabled styles */\n  disabled?: boolean;\n  /** the theme of component */\n  theme?: AddItemTheme;\n  /** switching content alignment  */\n  alignItems?: AddItemAlignItems;\n  /** size to control icon and spacing  */\n  size?: AddItemSize;\n  /** click event handler  */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** When provided, hover will display a tooltip */\n  tooltipContent?: React.ReactNode;\n  /** Tooltip props\n   * @linkTypeTo components-overlays--tooltip\n   */\n  tooltipProps?: TooltipCommonProps;\n  /** Displays the plus icon */\n  showIcon?: boolean;\n  /** Removes padding */\n  removePadding?: boolean;\n  /** sets the border-radius css property on the button element */\n  borderRadius?: React.CSSProperties['borderRadius'];\n  /** Defines a string value that labels the add item element */\n  ariaLabel?: string;\n  /** Subtitle of the component */\n  ariaLabelledBy?: string;\n  /** Subtitle of the component */\n  subtitle?: React.ReactNode;\n  /** The illustraion icon src or node */\n  icon?: React.ReactNode;\n}\n\nexport interface AddItemActions {\n  blur: () => void;\n  focus: () => void;\n}\n\nexport type AddItemTheme = 'dashes' | 'plain' | 'filled' | 'image';\nexport type AddItemAlignItems = 'center' | 'right' | 'left';\nexport type AddItemSize = 'large' | 'medium' | 'small' | 'tiny';\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/AddItem/AddItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport interface AddItemProps {\n  /** any renderable node or a render function. In case of a render function, text styles will not be applied. */\n  children?: React.ReactNode | (() => React.ReactNode);\n  /** apply disabled styles */\n  disabled?: boolean;\n  /** the theme of component */\n  theme?: AddItemTheme;\n  /** switching content alignment  */\n  alignItems?: AddItemAlignItems;\n  /** size to control icon and spacing  */\n  size?: AddItemSize;\n  /** click event handler  */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** When provided, hover will display a tooltip */\n  tooltipContent?: React.ReactNode;\n  /** Tooltip props\n   * @linkTypeTo components-overlays--tooltip\n   */\n  tooltipProps?: TooltipCommonProps;\n  /** Displays the plus icon */\n  showIcon?: boolean;\n  /** Removes padding */\n  removePadding?: boolean;\n  /** sets the border-radius css property on the button element */\n  borderRadius?: React.CSSProperties['borderRadius'];\n  /** Defines a string value that labels the add item element */\n  ariaLabel?: string;\n  /** Subtitle of the component */\n  ariaLabelledBy?: string;\n  /** Subtitle of the component */\n  subtitle?: React.ReactNode;\n  /** The illustration icon src or node */\n  icon?: React.ReactNode;\n}\n\nexport interface AddItemActions {\n  blur: () => void;\n  focus: () => void;\n}\n\nexport type AddItemTheme = 'dashes' | 'plain' | 'filled' | 'image';\nexport type AddItemAlignItems = 'center' | 'right' | 'left';\nexport type AddItemSize = 'large' | 'medium' | 'small' | 'tiny';\n"],"mappings":"","ignoreList":[]}

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_163_0_AnalyticsLayout";
+var _namespace_ = "wds_1_165_0_AnalyticsLayout";
 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_163_0_AnalyticsLayout__root","row":"wds_1_163_0_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_165_0_AnalyticsLayout__root","row":"wds_1_165_0_AnalyticsLayout__row"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js

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

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_163_0_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_165_0_AnalyticsSummaryCard";
 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_163_0_AnalyticsSummaryCard__root","title":"wds_1_163_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_163_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_163_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_163_0_AnalyticsSummaryCard__trend","loader":"wds_1_163_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_163_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_163_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_163_0_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_165_0_AnalyticsSummaryCard__root","title":"wds_1_165_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_165_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_165_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_165_0_AnalyticsSummaryCard__trend","loader":"wds_1_165_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_165_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_165_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_165_0_AnalyticsSummaryCard__sparkline"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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_163_0_AngleInput";
+var _namespace_ = "wds_1_165_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_163_0_AngleInput__root","visuallyHidden":"wds_1_163_0_visuallyHidden__visuallyHidden","track":"wds_1_163_0_AngleInput__track","arm":"wds_1_163_0_AngleInput__arm","knob":"wds_1_163_0_AngleInput__knob","knobWrapper":"wds_1_163_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_163_0_AngleInput__visuallyHiddenInput wds_1_163_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_165_0_AngleInput__root","visuallyHidden":"wds_1_165_0_visuallyHidden__visuallyHidden","track":"wds_1_165_0_AngleInput__track","arm":"wds_1_165_0_AngleInput__arm","knob":"wds_1_165_0_AngleInput__knob","knobWrapper":"wds_1_165_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_165_0_AngleInput__visuallyHiddenInput wds_1_165_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":"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","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_163_0_AnnouncementModalLayout";
+var _namespace_ = "wds_1_165_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_163_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_163_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_163_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_163_0_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_165_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_165_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_165_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_165_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_163_0_AreaChart";
+var _namespace_ = "wds_1_165_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_163_0_AreaChart__root","lineChart":"wds_1_163_0_AreaChart__lineChart","lineChartCursor":"wds_1_163_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_163_0_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_165_0_AreaChart__root","lineChart":"wds_1_165_0_AreaChart__lineChart","lineChartCursor":"wds_1_165_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_165_0_AreaChart__lineChartAxis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AudioPlayer/AudioPlayer.js

@@ -336,7 +336,7 @@ AudioPlayer.propTypes = {
    */
   onEnd: _propTypes.default.func,
   /**
-   * Defines a callback function which is called when audio is seeked explicitly (i.e. when user drags the slider).
+   * Defines a callback function which is called when audio is sought explicitly (i.e. when user drags the slider).
    */
   onSeek: _propTypes.default.func
 };

package/dist/cjs/AudioPlayer/AudioPlayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_AudioPlayerSt","_Tooltip","_IconButton","_Loader","_Heading","_wixUiIconsCommon","_constants","_AudioManager","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioPlayer","memo","forwardRef","_ref","ref","dataHook","className","src","format","preload","webAudioAPI","onLoad","onLoadError","onPlay","onPause","onEnd","onSeek","autoplay","isSliderLocked","setIsSliderLocked","useState","hoverPosition","setHoverPosition","handleSizeInPercentage","setHandleSizeInPercentage","playing","setPlaying","showDuration","setShowDuration","playPauseButtonRef","useRef","useImperativeHandle","focus","current","_onDestroy","useCallback","_onEnd","_onLoad","loadingState","duration","seek","setSeek","useAudioManager","onDestroy","allowSeekLoop","isLoaded","_hoverISO","useMemo","secondsToISO","positionToSeconds","_seekPercentage","secondsToPosition","_togglePlayPause","_playPauseButtonContent","createElement","dataHooks","audioPlayerLoad","__self","__source","fileName","lineNumber","columnNumber","size","PauseFilled","audioPlayerPause","PlayFilled","audioPlayerPlay","_setSliderPositions","x","width","clickX","positionInPixels","position","Math","min","max","_handleSliderMouseDown","event","clientX","currentTarget","getBoundingClientRect","_handleSliderMouseMove","_handleSliderMouseUp","useEffect","window","addEventListener","removeEventListener","st","classes","root","onClick","audioPlayerPlayPause","playPauseButton","audioPlayerSlider","slider","style","vars","concat","onMouseDown","onMouseMove","track","tooltip","left","content","tooltipTarget","audioPlayerSliderHandle","handle","grow","abs","timer","audioTimeIndicator","displayName","propTypes","PropTypes","string","isRequired","oneOf","bool","func","_default","exports"],"sources":["../../../src/AudioPlayer/AudioPlayer.js"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './AudioPlayer.st.css';\nimport Tooltip from '../Tooltip';\nimport IconButton from '../IconButton';\nimport Loader from '../Loader';\nimport Heading from '../Heading';\nimport { PlayFilled, PauseFilled } from '@wix/wix-ui-icons-common';\nimport { dataHooks } from './constants';\nimport { useAudioManager } from './AudioManager/AudioManager';\nimport { positionToSeconds, secondsToISO, secondsToPosition } from './utils';\n\n/** AudioPlayer */\nconst AudioPlayer = memo(\n  forwardRef(\n    (\n      {\n        dataHook,\n        className,\n        src,\n        format,\n        preload = 'metadata',\n        webAudioAPI = false,\n        onLoad,\n        onLoadError,\n        onPlay,\n        onPause,\n        onEnd,\n        onSeek,\n        autoplay,\n      },\n      ref,\n    ) => {\n      const [isSliderLocked, setIsSliderLocked] = useState(true);\n      const [hoverPosition, setHoverPosition] = useState(0);\n      const [handleSizeInPercentage, setHandleSizeInPercentage] = useState(0);\n      const [playing, setPlaying] = useState(false);\n      const [showDuration, setShowDuration] = useState(true);\n\n      const playPauseButtonRef = useRef();\n\n      useImperativeHandle(ref, () => ({\n        focus: () =>\n          playPauseButtonRef.current && playPauseButtonRef.current.focus(),\n      }));\n\n      const _onDestroy = useCallback(() => {\n        setPlaying(false);\n        setShowDuration(true);\n      }, [setPlaying, setShowDuration]);\n\n      const _onEnd = useCallback(() => {\n        setShowDuration(true);\n        setPlaying(false);\n        onEnd && onEnd();\n      }, [onEnd, setShowDuration, setPlaying]);\n\n      const _onLoad = useCallback(() => {\n        if (autoplay) {\n          setShowDuration(false);\n          setPlaying(true);\n        }\n        onLoad && onLoad();\n      }, [onLoad, autoplay]);\n\n      const { loadingState, duration, seek, setSeek } = useAudioManager({\n        src,\n        format,\n        preload,\n        webAudioAPI,\n        onLoad: _onLoad,\n        onLoadError,\n        onPlay,\n        onSeek,\n        onPause,\n        playing,\n        onDestroy: _onDestroy,\n        onEnd: _onEnd,\n        allowSeekLoop: isSliderLocked,\n      });\n\n      const isLoaded = loadingState === 'loaded';\n\n      const _hoverISO = useMemo(() => {\n        if (!isLoaded) {\n          return secondsToISO(0, false, duration);\n        }\n\n        return secondsToISO(\n          positionToSeconds(hoverPosition, duration),\n          true,\n          duration,\n        );\n      }, [isLoaded, hoverPosition, duration]);\n\n      // takes the current seek (in seconds) and converts it to slider position.\n      const _seekPercentage = useMemo(() => {\n        if (!isLoaded) {\n          return 0;\n        }\n\n        return secondsToPosition(seek, duration);\n      }, [isLoaded, seek, duration]);\n\n      const _togglePlayPause = useCallback(() => {\n        setShowDuration(false);\n\n        if (playing) {\n          setPlaying(false);\n        } else {\n          setPlaying(true);\n        }\n      }, [playing, setPlaying, setShowDuration]);\n\n      const _playPauseButtonContent = useMemo(() => {\n        if (loadingState === 'loading') {\n          return (\n            <span data-hook={dataHooks.audioPlayerLoad}>\n              <Loader size=\"tiny\" />\n            </span>\n          );\n        }\n\n        return playing ? (\n          <PauseFilled data-hook={dataHooks.audioPlayerPause} />\n        ) : (\n          <PlayFilled data-hook={dataHooks.audioPlayerPlay} />\n        );\n      }, [loadingState, playing]);\n\n      const _setSliderPositions = useCallback(\n        (x, width, clickX) => {\n          const positionInPixels = ((clickX - x) / width) * 100;\n          const position = Math.min(Math.max(positionInPixels, 0), 100);\n\n          setHandleSizeInPercentage((12 / width) * 100);\n          setHoverPosition(position);\n        },\n        [setHoverPosition],\n      );\n\n      const _handleSliderMouseDown = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          setIsSliderLocked(false);\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions, setIsSliderLocked],\n      );\n\n      const _handleSliderMouseMove = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions],\n      );\n\n      const _handleSliderMouseUp = useCallback(() => {\n        setIsSliderLocked(true);\n      }, [setIsSliderLocked]);\n\n      useEffect(() => {\n        window.addEventListener('mouseup', _handleSliderMouseUp);\n\n        return () =>\n          window.removeEventListener('mouseup', _handleSliderMouseUp);\n      }, [_handleSliderMouseUp]);\n\n      // seek audio file to the slider location when dragged.\n      useEffect(() => {\n        if (!isSliderLocked) {\n          setSeek(positionToSeconds(hoverPosition, duration));\n          setShowDuration(false);\n        }\n      }, [duration, hoverPosition, isSliderLocked, setSeek]);\n\n      return (\n        <div className={st(classes.root, className)} data-hook={dataHook}>\n          <IconButton\n            ref={playPauseButtonRef}\n            size=\"small\"\n            onClick={_togglePlayPause}\n            dataHook={dataHooks.audioPlayerPlayPause}\n            className={classes.playPauseButton}\n          >\n            {_playPauseButtonContent}\n          </IconButton>\n          <div\n            data-hook={dataHooks.audioPlayerSlider}\n            className={classes.slider}\n            style={{\n              [vars['audio-player-position']]: `${_seekPercentage}%`,\n            }}\n            onMouseDown={_handleSliderMouseDown}\n            onMouseMove={_handleSliderMouseMove}\n          >\n            <div className={classes.track} />\n            <div\n              className={classes.tooltip}\n              style={{ left: `${hoverPosition}%` }}\n            >\n              <Tooltip content={`${_hoverISO}`}>\n                <div className={classes.tooltipTarget} />\n              </Tooltip>\n            </div>\n            <div\n              data-hook={dataHooks.audioPlayerSliderHandle}\n              className={st(classes.handle, {\n                grow:\n                  isLoaded &&\n                  (!isSliderLocked ||\n                    Math.abs(_seekPercentage - hoverPosition) <\n                      handleSizeInPercentage),\n              })}\n              style={{ left: `${_seekPercentage}%` }}\n            />\n          </div>\n          <Heading\n            size=\"tiny\"\n            className={classes.timer}\n            dataHook={dataHooks.audioTimeIndicator}\n          >\n            {showDuration\n              ? secondsToISO(duration, isLoaded, duration)\n              : secondsToISO(seek, isLoaded, duration)}\n          </Heading>\n        </div>\n      );\n    },\n  ),\n);\n\nAudioPlayer.displayName = 'AudioPlayer';\n\nAudioPlayer.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /**\n   * Specifies a link to the source of the track to be loaded for the sound (URL or base64 data URI).\n   * If a file has no extension, you will need to specify the extension using the format property.\n   */\n  src: PropTypes.string.isRequired,\n\n  /**\n   * Specifies a file format in situations where extraction does not work (such as a SoundCloud stream).<br/>\n   * By default, AudioPlayer detects your file format from the extension.\n   */\n  format: PropTypes.string,\n\n  /**\n   * Determines what to download when the component is rendered: full file, its metadata or nothing at all.\n   * When webAudioAPI = true you can only set it to either 'auto' or 'none'.\n   * When webAudioAPI = false you can set it to 'auto', 'metadata' or 'none'.\n   */\n  preload: PropTypes.oneOf(['auto', 'metadata', 'none']),\n\n  /**\n   * Start playback automatically when audio is loaded.\n   */\n  autoplay: PropTypes.bool,\n\n  /**\n   * Specifies whether to force web audio API. Use it for relatively small audio files only because you have to wait for the full file\n   * to be downloaded and decoded before playing. Web Audio API allows advanced capabilities as described in\n   * [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API).\n   */\n  webAudioAPI: PropTypes.bool,\n\n  /**\n   * Defines a callback function which is called when audio is loaded.\n   */\n  onLoad: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called every time audio fails to load.\n   */\n  onLoadError: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is played.\n   */\n  onPlay: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is paused.\n   */\n  onPause: PropTypes.func,\n\n  /**\n   Will be called when audio is ended.\n   */\n  onEnd: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is seeked explicitly (i.e. when user drags the slider).\n   */\n  onSeek: PropTypes.func,\n};\n\nexport default AudioPlayer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_AudioPlayerSt","_Tooltip","_IconButton","_Loader","_Heading","_wixUiIconsCommon","_constants","_AudioManager","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioPlayer","memo","forwardRef","_ref","ref","dataHook","className","src","format","preload","webAudioAPI","onLoad","onLoadError","onPlay","onPause","onEnd","onSeek","autoplay","isSliderLocked","setIsSliderLocked","useState","hoverPosition","setHoverPosition","handleSizeInPercentage","setHandleSizeInPercentage","playing","setPlaying","showDuration","setShowDuration","playPauseButtonRef","useRef","useImperativeHandle","focus","current","_onDestroy","useCallback","_onEnd","_onLoad","loadingState","duration","seek","setSeek","useAudioManager","onDestroy","allowSeekLoop","isLoaded","_hoverISO","useMemo","secondsToISO","positionToSeconds","_seekPercentage","secondsToPosition","_togglePlayPause","_playPauseButtonContent","createElement","dataHooks","audioPlayerLoad","__self","__source","fileName","lineNumber","columnNumber","size","PauseFilled","audioPlayerPause","PlayFilled","audioPlayerPlay","_setSliderPositions","x","width","clickX","positionInPixels","position","Math","min","max","_handleSliderMouseDown","event","clientX","currentTarget","getBoundingClientRect","_handleSliderMouseMove","_handleSliderMouseUp","useEffect","window","addEventListener","removeEventListener","st","classes","root","onClick","audioPlayerPlayPause","playPauseButton","audioPlayerSlider","slider","style","vars","concat","onMouseDown","onMouseMove","track","tooltip","left","content","tooltipTarget","audioPlayerSliderHandle","handle","grow","abs","timer","audioTimeIndicator","displayName","propTypes","PropTypes","string","isRequired","oneOf","bool","func","_default","exports"],"sources":["../../../src/AudioPlayer/AudioPlayer.js"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './AudioPlayer.st.css';\nimport Tooltip from '../Tooltip';\nimport IconButton from '../IconButton';\nimport Loader from '../Loader';\nimport Heading from '../Heading';\nimport { PlayFilled, PauseFilled } from '@wix/wix-ui-icons-common';\nimport { dataHooks } from './constants';\nimport { useAudioManager } from './AudioManager/AudioManager';\nimport { positionToSeconds, secondsToISO, secondsToPosition } from './utils';\n\n/** AudioPlayer */\nconst AudioPlayer = memo(\n  forwardRef(\n    (\n      {\n        dataHook,\n        className,\n        src,\n        format,\n        preload = 'metadata',\n        webAudioAPI = false,\n        onLoad,\n        onLoadError,\n        onPlay,\n        onPause,\n        onEnd,\n        onSeek,\n        autoplay,\n      },\n      ref,\n    ) => {\n      const [isSliderLocked, setIsSliderLocked] = useState(true);\n      const [hoverPosition, setHoverPosition] = useState(0);\n      const [handleSizeInPercentage, setHandleSizeInPercentage] = useState(0);\n      const [playing, setPlaying] = useState(false);\n      const [showDuration, setShowDuration] = useState(true);\n\n      const playPauseButtonRef = useRef();\n\n      useImperativeHandle(ref, () => ({\n        focus: () =>\n          playPauseButtonRef.current && playPauseButtonRef.current.focus(),\n      }));\n\n      const _onDestroy = useCallback(() => {\n        setPlaying(false);\n        setShowDuration(true);\n      }, [setPlaying, setShowDuration]);\n\n      const _onEnd = useCallback(() => {\n        setShowDuration(true);\n        setPlaying(false);\n        onEnd && onEnd();\n      }, [onEnd, setShowDuration, setPlaying]);\n\n      const _onLoad = useCallback(() => {\n        if (autoplay) {\n          setShowDuration(false);\n          setPlaying(true);\n        }\n        onLoad && onLoad();\n      }, [onLoad, autoplay]);\n\n      const { loadingState, duration, seek, setSeek } = useAudioManager({\n        src,\n        format,\n        preload,\n        webAudioAPI,\n        onLoad: _onLoad,\n        onLoadError,\n        onPlay,\n        onSeek,\n        onPause,\n        playing,\n        onDestroy: _onDestroy,\n        onEnd: _onEnd,\n        allowSeekLoop: isSliderLocked,\n      });\n\n      const isLoaded = loadingState === 'loaded';\n\n      const _hoverISO = useMemo(() => {\n        if (!isLoaded) {\n          return secondsToISO(0, false, duration);\n        }\n\n        return secondsToISO(\n          positionToSeconds(hoverPosition, duration),\n          true,\n          duration,\n        );\n      }, [isLoaded, hoverPosition, duration]);\n\n      // takes the current seek (in seconds) and converts it to slider position.\n      const _seekPercentage = useMemo(() => {\n        if (!isLoaded) {\n          return 0;\n        }\n\n        return secondsToPosition(seek, duration);\n      }, [isLoaded, seek, duration]);\n\n      const _togglePlayPause = useCallback(() => {\n        setShowDuration(false);\n\n        if (playing) {\n          setPlaying(false);\n        } else {\n          setPlaying(true);\n        }\n      }, [playing, setPlaying, setShowDuration]);\n\n      const _playPauseButtonContent = useMemo(() => {\n        if (loadingState === 'loading') {\n          return (\n            <span data-hook={dataHooks.audioPlayerLoad}>\n              <Loader size=\"tiny\" />\n            </span>\n          );\n        }\n\n        return playing ? (\n          <PauseFilled data-hook={dataHooks.audioPlayerPause} />\n        ) : (\n          <PlayFilled data-hook={dataHooks.audioPlayerPlay} />\n        );\n      }, [loadingState, playing]);\n\n      const _setSliderPositions = useCallback(\n        (x, width, clickX) => {\n          const positionInPixels = ((clickX - x) / width) * 100;\n          const position = Math.min(Math.max(positionInPixels, 0), 100);\n\n          setHandleSizeInPercentage((12 / width) * 100);\n          setHoverPosition(position);\n        },\n        [setHoverPosition],\n      );\n\n      const _handleSliderMouseDown = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          setIsSliderLocked(false);\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions, setIsSliderLocked],\n      );\n\n      const _handleSliderMouseMove = useCallback(\n        event => {\n          const { clientX, currentTarget } = event;\n          const { x, width } = currentTarget.getBoundingClientRect();\n\n          _setSliderPositions(x, width, clientX);\n        },\n        [_setSliderPositions],\n      );\n\n      const _handleSliderMouseUp = useCallback(() => {\n        setIsSliderLocked(true);\n      }, [setIsSliderLocked]);\n\n      useEffect(() => {\n        window.addEventListener('mouseup', _handleSliderMouseUp);\n\n        return () =>\n          window.removeEventListener('mouseup', _handleSliderMouseUp);\n      }, [_handleSliderMouseUp]);\n\n      // seek audio file to the slider location when dragged.\n      useEffect(() => {\n        if (!isSliderLocked) {\n          setSeek(positionToSeconds(hoverPosition, duration));\n          setShowDuration(false);\n        }\n      }, [duration, hoverPosition, isSliderLocked, setSeek]);\n\n      return (\n        <div className={st(classes.root, className)} data-hook={dataHook}>\n          <IconButton\n            ref={playPauseButtonRef}\n            size=\"small\"\n            onClick={_togglePlayPause}\n            dataHook={dataHooks.audioPlayerPlayPause}\n            className={classes.playPauseButton}\n          >\n            {_playPauseButtonContent}\n          </IconButton>\n          <div\n            data-hook={dataHooks.audioPlayerSlider}\n            className={classes.slider}\n            style={{\n              [vars['audio-player-position']]: `${_seekPercentage}%`,\n            }}\n            onMouseDown={_handleSliderMouseDown}\n            onMouseMove={_handleSliderMouseMove}\n          >\n            <div className={classes.track} />\n            <div\n              className={classes.tooltip}\n              style={{ left: `${hoverPosition}%` }}\n            >\n              <Tooltip content={`${_hoverISO}`}>\n                <div className={classes.tooltipTarget} />\n              </Tooltip>\n            </div>\n            <div\n              data-hook={dataHooks.audioPlayerSliderHandle}\n              className={st(classes.handle, {\n                grow:\n                  isLoaded &&\n                  (!isSliderLocked ||\n                    Math.abs(_seekPercentage - hoverPosition) <\n                      handleSizeInPercentage),\n              })}\n              style={{ left: `${_seekPercentage}%` }}\n            />\n          </div>\n          <Heading\n            size=\"tiny\"\n            className={classes.timer}\n            dataHook={dataHooks.audioTimeIndicator}\n          >\n            {showDuration\n              ? secondsToISO(duration, isLoaded, duration)\n              : secondsToISO(seek, isLoaded, duration)}\n          </Heading>\n        </div>\n      );\n    },\n  ),\n);\n\nAudioPlayer.displayName = 'AudioPlayer';\n\nAudioPlayer.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /**\n   * Specifies a link to the source of the track to be loaded for the sound (URL or base64 data URI).\n   * If a file has no extension, you will need to specify the extension using the format property.\n   */\n  src: PropTypes.string.isRequired,\n\n  /**\n   * Specifies a file format in situations where extraction does not work (such as a SoundCloud stream).<br/>\n   * By default, AudioPlayer detects your file format from the extension.\n   */\n  format: PropTypes.string,\n\n  /**\n   * Determines what to download when the component is rendered: full file, its metadata or nothing at all.\n   * When webAudioAPI = true you can only set it to either 'auto' or 'none'.\n   * When webAudioAPI = false you can set it to 'auto', 'metadata' or 'none'.\n   */\n  preload: PropTypes.oneOf(['auto', 'metadata', 'none']),\n\n  /**\n   * Start playback automatically when audio is loaded.\n   */\n  autoplay: PropTypes.bool,\n\n  /**\n   * Specifies whether to force web audio API. Use it for relatively small audio files only because you have to wait for the full file\n   * to be downloaded and decoded before playing. Web Audio API allows advanced capabilities as described in\n   * [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API).\n   */\n  webAudioAPI: PropTypes.bool,\n\n  /**\n   * Defines a callback function which is called when audio is loaded.\n   */\n  onLoad: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called every time audio fails to load.\n   */\n  onLoadError: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is played.\n   */\n  onPlay: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is paused.\n   */\n  onPause: PropTypes.func,\n\n  /**\n   Will be called when audio is ended.\n   */\n  onEnd: PropTypes.func,\n\n  /**\n   * Defines a callback function which is called when audio is sought explicitly (i.e. when user drags the slider).\n   */\n  onSeek: PropTypes.func,\n};\n\nexport default AudioPlayer;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_163_0_AudioPlayer";
+var _namespace_ = "wds_1_165_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_163_0_AudioPlayer__root","playPauseButton":"wds_1_163_0_AudioPlayer__playPauseButton","slider":"wds_1_163_0_AudioPlayer__slider","track":"wds_1_163_0_AudioPlayer__track","handle":"wds_1_163_0_AudioPlayer__handle","tooltip":"wds_1_163_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_163_0_AudioPlayer__tooltipTarget","timer":"wds_1_163_0_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_165_0_AudioPlayer__root","playPauseButton":"wds_1_165_0_AudioPlayer__playPauseButton","slider":"wds_1_165_0_AudioPlayer__slider","track":"wds_1_165_0_AudioPlayer__track","handle":"wds_1_165_0_AudioPlayer__handle","tooltip":"wds_1_165_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_165_0_AudioPlayer__tooltipTarget","timer":"wds_1_165_0_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_163_0_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_165_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_163_0_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_165_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_163_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_163_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_163_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_163_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_163_0_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_165_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_165_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_165_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_165_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_165_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_163_0_Avatar";
+var _namespace_ = "wds_1_165_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_163_0_Avatar__root","text-small-bold":"wds_1_163_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_163_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_163_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_163_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_163_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_163_0_Avatar__placeholder","avatarContainer":"wds_1_163_0_Avatar__avatarContainer","coreAvatar":"wds_1_163_0_Avatar__coreAvatar","avatar":"wds_1_163_0_Avatar__avatar","presence":"wds_1_163_0_Avatar__presence","indication":"wds_1_163_0_Avatar__indication","iconButtonShadow":"wds_1_163_0_Avatar__iconButtonShadow","colorA1":"wds_1_163_0_Avatar__colorA1","colorA2":"wds_1_163_0_Avatar__colorA2","colorA3":"wds_1_163_0_Avatar__colorA3","colorA4":"wds_1_163_0_Avatar__colorA4","colorA5":"wds_1_163_0_Avatar__colorA5","colorA6":"wds_1_163_0_Avatar__colorA6","colorA7":"wds_1_163_0_Avatar__colorA7","loaderContainer":"wds_1_163_0_Avatar__loaderContainer","overlay":"wds_1_163_0_Avatar__overlay","loader":"wds_1_163_0_Avatar__loader"};
+module.exports.classes = {"root":"wds_1_165_0_Avatar__root","text-small-bold":"wds_1_165_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_165_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_165_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_165_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_165_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_165_0_Avatar__placeholder","avatarContainer":"wds_1_165_0_Avatar__avatarContainer","coreAvatar":"wds_1_165_0_Avatar__coreAvatar","avatar":"wds_1_165_0_Avatar__avatar","presence":"wds_1_165_0_Avatar__presence","indication":"wds_1_165_0_Avatar__indication","iconButtonShadow":"wds_1_165_0_Avatar__iconButtonShadow","colorA1":"wds_1_165_0_Avatar__colorA1","colorA2":"wds_1_165_0_Avatar__colorA2","colorA3":"wds_1_165_0_Avatar__colorA3","colorA4":"wds_1_165_0_Avatar__colorA4","colorA5":"wds_1_165_0_Avatar__colorA5","colorA6":"wds_1_165_0_Avatar__colorA6","colorA7":"wds_1_165_0_Avatar__colorA7","loaderContainer":"wds_1_165_0_Avatar__loaderContainer","overlay":"wds_1_165_0_Avatar__overlay","loader":"wds_1_165_0_Avatar__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};