@wix/design-system 1.204.1 → 1.205.0

package/dist/cjs/HorizontalScroll/HorizontalScroll.js

@@ -21,7 +21,9 @@ var HorizontalScroll = _ref => {
     scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,
     scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,
     scrollButtonSkin = _IconButton2.SKINS.standard,
+    scrollButtonSize = _IconButton2.SIZES.tiny,
     gradientColor,
+    gradientWidth,
     dataHook
   } = _ref;
   var scrollContainerRef = (0, _react.useRef)(null);
@@ -61,12 +63,13 @@ var HorizontalScroll = _ref => {
     className: _HorizontalScrollSt.classes.root,
     "data-hook": dataHook,
     style: {
-      [_HorizontalScrollSt.vars['wds-horizontal-scroll-gradient-color']]: gradientColor
+      [_HorizontalScrollSt.vars['wds-horizontal-scroll-gradient-color']]: gradientColor,
+      [_HorizontalScrollSt.vars['wds-horizontal-scroll-gradient-width']]: gradientWidth
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 74,
       columnNumber: 5
     }
   }, canScrollLeft && /*#__PURE__*/_react.default.createElement("div", {
@@ -74,7 +77,7 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 83,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -82,12 +85,12 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 84,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-hidden": true,
-    size: "tiny",
+    size: scrollButtonSize,
     priority: "secondary",
     skin: scrollButtonSkin,
     onClick: () => handleScrollByStep(-scrollDistance),
@@ -95,14 +98,14 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 85,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 93,
       columnNumber: 15
     }
   })))), /*#__PURE__*/_react.default.createElement("div", {
@@ -114,7 +117,7 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 99,
       columnNumber: 7
     }
   }, children), canScrollRight && /*#__PURE__*/_react.default.createElement("div", {
@@ -122,7 +125,7 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 110,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -130,12 +133,12 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 111,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-hidden": true,
-    size: "tiny",
+    size: scrollButtonSize,
     priority: "secondary",
     skin: scrollButtonSkin,
     onClick: () => handleScrollByStep(scrollDistance),
@@ -143,14 +146,14 @@ var HorizontalScroll = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 112,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 120,
       columnNumber: 15
     }
   })))));
@@ -161,6 +164,7 @@ HorizontalScroll.propTypes = {
   scrollDistance: _propTypes.default.any,
   scrollDebounce: _propTypes.default.any,
   gradientColor: _propTypes.default.any,
+  gradientWidth: _propTypes.default.any,
   scrollButtonSkin: _propTypes.default.any,
   dataHook: _propTypes.default.any
 };

package/dist/cjs/HorizontalScroll/HorizontalScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_HorizontalScrollSt","_IconButton","_IconButton2","_HorizontalScroll","_debounce","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_DEBOUNCE_TIMEOUT_MS","DEFAULT_SCROLL_DISTANCE_PX","HorizontalScroll","_ref","children","scrollDistance","scrollDebounce","scrollButtonSkin","SKINS","standard","gradientColor","dataHook","scrollContainerRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollByStep","useCallback","scrollValue","container","current","scrollLeft","checkOverflow","scrollWidth","clientWidth","Math","round","debouncedCheckOverflow","useMemo","debounce","useEffect","observer","ResizeObserver","observe","disconnect","cancel","createElement","className","classes","root","style","vars","__self","__source","fileName","lineNumber","columnNumber","startScroll","startScrollButton","size","priority","skin","onClick","dataHooks","leftButton","ChevronLeftSmall","scrollContainer","ref","onScroll","tabIndex","endScroll","endScrollButton","rightButton","ChevronRightSmall","displayName","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { classes, vars } from './HorizontalScroll.st.css';\nimport { HorizontalScrollProps } from './HorizontalScroll.types';\nimport IconButton from '../IconButton';\nimport { SKINS } from '../IconButton/IconButton.constants';\nimport { dataHooks } from './HorizontalScroll.constants';\nimport debounce from 'lodash/debounce';\n\nconst DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;\nconst DEFAULT_SCROLL_DISTANCE_PX = 150;\n\nconst HorizontalScroll = ({\n  children,\n  scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,\n  scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,\n  scrollButtonSkin = SKINS.standard,\n  gradientColor,\n  dataHook,\n}: HorizontalScrollProps) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const handleScrollByStep = useCallback((scrollValue: number) => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    container.scrollLeft += scrollValue;\n  }, []);\n\n  const checkOverflow = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollLeft, scrollWidth, clientWidth } = container;\n    setCanScrollLeft(scrollLeft > 0);\n    setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);\n  }, []);\n\n  const debouncedCheckOverflow = useMemo(\n    () => debounce(checkOverflow, scrollDebounce),\n    [checkOverflow, scrollDebounce],\n  );\n\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const observer = new ResizeObserver(checkOverflow);\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [checkOverflow]);\n\n  useEffect(() => {\n    checkOverflow();\n    return () => {\n      debouncedCheckOverflow.cancel();\n    };\n  }, [children, checkOverflow, debouncedCheckOverflow]);\n\n  return (\n    <div\n      className={classes.root}\n      data-hook={dataHook}\n      style={{ [vars['wds-horizontal-scroll-gradient-color']]: gradientColor }}\n    >\n      {canScrollLeft && (\n        <div className={classes.startScroll}>\n          <div className={classes.startScrollButton}>\n            <IconButton\n              aria-hidden\n              size=\"tiny\"\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(-scrollDistance)}\n              dataHook={dataHooks.leftButton}\n            >\n              <ChevronLeftSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n\n      <div\n        className={classes.scrollContainer}\n        ref={scrollContainerRef}\n        onScroll={debouncedCheckOverflow}\n        data-hook={dataHooks.scrollContainer}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n\n      {canScrollRight && (\n        <div className={classes.endScroll}>\n          <div className={classes.endScrollButton}>\n            <IconButton\n              aria-hidden\n              size=\"tiny\"\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(scrollDistance)}\n              dataHook={dataHooks.rightButton}\n            >\n              <ChevronRightSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHorizontalScroll.displayName = 'HorizontalScroll';\n\nHorizontalScroll.propTypes = {\n  children: PropTypes.any,\n  scrollDistance: PropTypes.any,\n  scrollDebounce: PropTypes.any,\n  gradientColor: PropTypes.any,\n  scrollButtonSkin: PropTypes.any,\n  dataHook: PropTypes.any,\n};\n\nexport default HorizontalScroll;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_HorizontalScrollSt","_IconButton","_IconButton2","_HorizontalScroll","_debounce","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_DEBOUNCE_TIMEOUT_MS","DEFAULT_SCROLL_DISTANCE_PX","HorizontalScroll","_ref","children","scrollDistance","scrollDebounce","scrollButtonSkin","SKINS","standard","scrollButtonSize","SIZES","tiny","gradientColor","gradientWidth","dataHook","scrollContainerRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollByStep","useCallback","scrollValue","container","current","scrollLeft","checkOverflow","scrollWidth","clientWidth","Math","round","debouncedCheckOverflow","useMemo","debounce","useEffect","observer","ResizeObserver","observe","disconnect","cancel","createElement","className","classes","root","style","vars","__self","__source","fileName","lineNumber","columnNumber","startScroll","startScrollButton","size","priority","skin","onClick","dataHooks","leftButton","ChevronLeftSmall","scrollContainer","ref","onScroll","tabIndex","endScroll","endScrollButton","rightButton","ChevronRightSmall","displayName","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { classes, vars } from './HorizontalScroll.st.css';\nimport { HorizontalScrollProps } from './HorizontalScroll.types';\nimport IconButton from '../IconButton';\nimport { SIZES, SKINS } from '../IconButton/IconButton.constants';\nimport { dataHooks } from './HorizontalScroll.constants';\nimport debounce from 'lodash/debounce';\n\nconst DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;\nconst DEFAULT_SCROLL_DISTANCE_PX = 150;\n\nconst HorizontalScroll = ({\n  children,\n  scrollDistance = DEFAULT_SCROLL_DISTANCE_PX,\n  scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS,\n  scrollButtonSkin = SKINS.standard,\n  scrollButtonSize = SIZES.tiny,\n  gradientColor,\n  gradientWidth,\n  dataHook,\n}: HorizontalScrollProps) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const handleScrollByStep = useCallback((scrollValue: number) => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    container.scrollLeft += scrollValue;\n  }, []);\n\n  const checkOverflow = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollLeft, scrollWidth, clientWidth } = container;\n    setCanScrollLeft(scrollLeft > 0);\n    setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);\n  }, []);\n\n  const debouncedCheckOverflow = useMemo(\n    () => debounce(checkOverflow, scrollDebounce),\n    [checkOverflow, scrollDebounce],\n  );\n\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const observer = new ResizeObserver(checkOverflow);\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [checkOverflow]);\n\n  useEffect(() => {\n    checkOverflow();\n    return () => {\n      debouncedCheckOverflow.cancel();\n    };\n  }, [children, checkOverflow, debouncedCheckOverflow]);\n\n  return (\n    <div\n      className={classes.root}\n      data-hook={dataHook}\n      style={{\n        [vars['wds-horizontal-scroll-gradient-color']]: gradientColor,\n        [vars['wds-horizontal-scroll-gradient-width']]: gradientWidth,\n      }}\n    >\n      {canScrollLeft && (\n        <div className={classes.startScroll}>\n          <div className={classes.startScrollButton}>\n            <IconButton\n              aria-hidden\n              size={scrollButtonSize}\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(-scrollDistance)}\n              dataHook={dataHooks.leftButton}\n            >\n              <ChevronLeftSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n\n      <div\n        className={classes.scrollContainer}\n        ref={scrollContainerRef}\n        onScroll={debouncedCheckOverflow}\n        data-hook={dataHooks.scrollContainer}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n\n      {canScrollRight && (\n        <div className={classes.endScroll}>\n          <div className={classes.endScrollButton}>\n            <IconButton\n              aria-hidden\n              size={scrollButtonSize}\n              priority=\"secondary\"\n              skin={scrollButtonSkin}\n              onClick={() => handleScrollByStep(scrollDistance)}\n              dataHook={dataHooks.rightButton}\n            >\n              <ChevronRightSmall />\n            </IconButton>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHorizontalScroll.displayName = 'HorizontalScroll';\n\nHorizontalScroll.propTypes = {\n  children: PropTypes.any,\n  scrollDistance: PropTypes.any,\n  scrollDebounce: PropTypes.any,\n  gradientColor: PropTypes.any,\n  gradientWidth: PropTypes.any,\n  scrollButtonSkin: PropTypes.any,\n  dataHook: PropTypes.any,\n};\n\nexport default HorizontalScroll;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_HorizontalScroll";
+var _namespace_ = "wds_1_205_0_HorizontalScroll";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_HorizontalScroll__root","scrollContainer":"wds_1_204_1_HorizontalScroll__scrollContainer","startScroll":"wds_1_204_1_HorizontalScroll__startScroll","endScroll":"wds_1_204_1_HorizontalScroll__endScroll","startScrollButton":"wds_1_204_1_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_204_1_HorizontalScroll__endScrollButton"};
+module.exports.classes = {"root":"wds_1_205_0_HorizontalScroll__root","scrollContainer":"wds_1_205_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_205_0_HorizontalScroll__startScroll","endScroll":"wds_1_205_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_205_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_205_0_HorizontalScroll__endScrollButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-space-100":"--wds-space-100","wds-space-600":"--wds-space-600","wds-horizontal-scroll-gradient-color":"--wds-horizontal-scroll-gradient-color"}; 
+module.exports.vars = {"wds-space-100":"--wds-space-100","wds-space-600":"--wds-space-600","wds-horizontal-scroll-gradient-color":"--wds-horizontal-scroll-gradient-color","wds-horizontal-scroll-gradient-width":"--wds-horizontal-scroll-gradient-width"}; 
 
 
 

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/HorizontalScroll/HorizontalScroll.types.ts"],"sourcesContent":["import { IconButtonSkin } from '../IconButton';\n\nexport type HorizontalScrollProps = {\n  /** The content that will be rendered inside the scrollable window. */\n  children: React.ReactNode;\n  /** The number of pixels the scrollable content moves per button press.\n   * @default 150\n   */\n  scrollDistance?: number;\n  /** The debounce time (in milliseconds) to limit the scroll event rate.\n   * @default 20\n   */\n  scrollDebounce?: number;\n  /** The color of the gradient behind the scroll buttons. */\n  gradientColor?: string;\n  /** Skin of the scroll buttons.\n   * @default standard\n   */\n  scrollButtonSkin?: IconButtonSkin;\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n};\n\nexport type ScrollButtonSkin = Extract<\n  IconButtonSkin,\n  'standard' | 'light' | 'transparent'\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/HorizontalScroll/HorizontalScroll.types.ts"],"sourcesContent":["import { IconButtonSize, IconButtonSkin } from '../IconButton';\n\nexport type HorizontalScrollProps = {\n  /** The content that will be rendered inside the scrollable window. */\n  children: React.ReactNode;\n  /** The number of pixels the scrollable content moves per button press.\n   * @default 150\n   */\n  scrollDistance?: number;\n  /** The debounce time (in milliseconds) to limit the scroll event rate.\n   * @default 20\n   */\n  scrollDebounce?: number;\n  /** The color of the gradient behind the scroll buttons. */\n  gradientColor?: string;\n  /** The width of the gradient behind the scroll buttons in pixels, e.g. '36px' */\n  gradientWidth?: string;\n  /** Skin of the scroll buttons.\n   * @default standard\n   */\n  scrollButtonSkin?: IconButtonSkin;\n    /** Size of the scroll buttons.\n   * @default tiny\n   */\n  scrollButtonSize?: IconButtonSize;\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n};\n\nexport type ScrollButtonSkin = Extract<\n  IconButtonSkin,\n  'standard' | 'light' | 'transparent'\n>;\n"],"mappings":"","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_HorizontalTimeline";
+var _namespace_ = "wds_1_205_0_HorizontalTimeline";
 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_204_1_HorizontalTimeline__root","line":"wds_1_204_1_HorizontalTimeline__line","column":"wds_1_204_1_HorizontalTimeline__column","item":"wds_1_204_1_HorizontalTimeline__item","lineIconLine":"wds_1_204_1_HorizontalTimeline__lineIconLine","icon":"wds_1_204_1_HorizontalTimeline__icon","label":"wds_1_204_1_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_205_0_HorizontalTimeline__root","line":"wds_1_205_0_HorizontalTimeline__line","column":"wds_1_205_0_HorizontalTimeline__column","item":"wds_1_205_0_HorizontalTimeline__item","lineIconLine":"wds_1_205_0_HorizontalTimeline__lineIconLine","icon":"wds_1_205_0_HorizontalTimeline__icon","label":"wds_1_205_0_HorizontalTimeline__label"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/HorizontalTimeline/HorizontalTimelineIcons.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_205_0_HorizontalTimelineIcons";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_HorizontalTimelineIcons__root","baseIcon":"wds_1_204_1_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_204_1_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_204_1_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_204_1_HorizontalTimelineIcons__upcomingIcon wds_1_204_1_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_204_1_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_204_1_HorizontalTimelineIcons__activeIcon wds_1_204_1_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_204_1_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_205_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_205_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_205_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_205_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_205_0_HorizontalTimelineIcons__upcomingIcon wds_1_205_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_205_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_205_0_HorizontalTimelineIcons__activeIcon wds_1_205_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_205_0_HorizontalTimelineIcons__bounce"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_IconButton";
+var _namespace_ = "wds_1_205_0_IconButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_IconButton__root","mobile":"wds_1_204_1_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_205_0_IconButton__root","mobile":"wds_1_205_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_Image";
+var _namespace_ = "wds_1_205_0_Image";
 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_204_1_Image__root"};
+module.exports.classes = {"root":"wds_1_205_0_Image__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_ImageViewer";
+var _namespace_ = "wds_1_205_0_ImageViewer";
 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_204_1_ImageViewer__root","buttons":"wds_1_204_1_ImageViewer__buttons","imageContainer":"wds_1_204_1_ImageViewer__imageContainer","overlay":"wds_1_204_1_ImageViewer__overlay","image":"wds_1_204_1_ImageViewer__image","statusContainer":"wds_1_204_1_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_205_0_ImageViewer__root","buttons":"wds_1_205_0_ImageViewer__buttons","imageContainer":"wds_1_205_0_ImageViewer__imageContainer","overlay":"wds_1_205_0_ImageViewer__overlay","image":"wds_1_205_0_ImageViewer__image","statusContainer":"wds_1_205_0_ImageViewer__statusContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_InfoIcon";
+var _namespace_ = "wds_1_205_0_InfoIcon";
 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_204_1_InfoIcon__root","icon":"wds_1_204_1_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_205_0_InfoIcon__root","icon":"wds_1_205_0_InfoIcon__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_Input";
+var _namespace_ = "wds_1_205_0_Input";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,12 +17,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_Input__root","text-tiny-thin":"wds_1_204_1_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_204_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_204_1_StylableTypography__text-medium-thin","wrapper":"wds_1_204_1_Input__wrapper","input":"wds_1_204_1_Input__input","disabled":"wds_1_204_1_Input__disabled","readOnly":"wds_1_204_1_Input__readOnly","suffixes":"wds_1_204_1_Input__suffixes","suffix":"wds_1_204_1_Input__suffix","statusWrapper":"wds_1_204_1_Input__statusWrapper","clearButtonWrapper":"wds_1_204_1_Input__clearButtonWrapper","menuArrow":"wds_1_204_1_Input__menuArrow","clearButton":"wds_1_204_1_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_205_0_Input__root","text-tiny-thin":"wds_1_205_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_205_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_205_0_StylableTypography__text-medium-thin","wrapper":"wds_1_205_0_Input__wrapper","input":"wds_1_205_0_Input__input","disabled":"wds_1_205_0_Input__disabled","readOnly":"wds_1_205_0_Input__readOnly","suffixes":"wds_1_205_0_Input__suffixes","suffix":"wds_1_205_0_Input__suffix","statusWrapper":"wds_1_205_0_Input__statusWrapper","clearButtonWrapper":"wds_1_205_0_Input__clearButtonWrapper","menuArrow":"wds_1_205_0_Input__menuArrow","clearButton":"wds_1_205_0_Input__clearButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-readonly":"--wds-input-border-color-readonly","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-color-text-highlight":"--wds-color-text-highlight","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","border-color-hover":"--wds_1_204_1_Input-border-color-hover","border-color-hover-destructive":"--wds_1_204_1_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_204_1_Input-border-color-hover-warning"}; 
+module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-readonly":"--wds-input-border-color-readonly","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-color-text-highlight":"--wds-color-text-highlight","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","border-color-hover":"--wds_1_205_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_205_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_205_0_Input-border-color-hover-warning"}; 
 
 
 

package/dist/cjs/Input/components/Affix/Affix.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_Affix";
+var _namespace_ = "wds_1_205_0_Affix";
 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_204_1_Affix__root","text-tiny-thin":"wds_1_204_1_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_204_1_StylableTypography__text-small-normal","text-small-thin":"wds_1_204_1_StylableTypography__text-small-thin","text-medium-normal":"wds_1_204_1_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_204_1_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_205_0_Affix__root","text-tiny-thin":"wds_1_205_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_205_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_205_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_205_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_205_0_StylableTypography__text-medium-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/Group/Group.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_Group";
+var _namespace_ = "wds_1_205_0_Group";
 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_204_1_Group__root"};
+module.exports.classes = {"root":"wds_1_205_0_Group__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/IconAffix/IconAffix.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_IconAffix";
+var _namespace_ = "wds_1_205_0_IconAffix";
 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_204_1_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_205_0_IconAffix__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/Ticker/Ticker.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_204_1_Ticker";
+var _namespace_ = "wds_1_205_0_Ticker";
 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_204_1_Ticker__root","up":"wds_1_204_1_Ticker__up","down":"wds_1_204_1_Ticker__down"};
+module.exports.classes = {"root":"wds_1_205_0_Ticker__root","up":"wds_1_205_0_Ticker__up","down":"wds_1_205_0_Ticker__down"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_InputArea";
+var _namespace_ = "wds_1_205_0_InputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_InputArea__root","text-small-thin":"wds_1_204_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_204_1_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_204_1_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_204_1_InputArea__inputArea","counter":"wds_1_204_1_InputArea__counter","status":"wds_1_204_1_InputArea__status","disabled":"wds_1_204_1_InputArea__disabled","readOnly":"wds_1_204_1_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_205_0_InputArea__root","text-small-thin":"wds_1_205_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_205_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_205_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_205_0_InputArea__inputArea","counter":"wds_1_205_0_InputArea__counter","status":"wds_1_205_0_InputArea__status","disabled":"wds_1_205_0_InputArea__disabled","readOnly":"wds_1_205_0_InputArea__readOnly"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-blue-500":"--wds-color-blue-500","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-readonly":"--wds-input-border-color-readonly","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","wds-color-text-highlight":"--wds-color-text-highlight","border-color":"--wds_1_204_1_InputArea-border-color","border-color-destructive":"--wds_1_204_1_InputArea-border-color-destructive","border-color-warning":"--wds_1_204_1_InputArea-border-color-warning","border-color-disabled":"--wds_1_204_1_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_204_1_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_204_1_InputArea-wds-input-area-height-medium-adjusted"}; 
+module.exports.vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-blue-500":"--wds-color-blue-500","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-readonly":"--wds-input-border-color-readonly","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","wds-color-text-highlight":"--wds-color-text-highlight","border-color":"--wds_1_205_0_InputArea-border-color","border-color-destructive":"--wds_1_205_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_205_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_205_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_205_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_205_0_InputArea-wds-input-area-height-medium-adjusted"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_InputShell";
+var _namespace_ = "wds_1_205_0_InputShell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_InputShell__root","text-medium-thin":"wds_1_204_1_StylableTypography__text-medium-thin","content":"wds_1_204_1_InputShell__content","suffix":"wds_1_204_1_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_205_0_InputShell__root","text-medium-thin":"wds_1_205_0_StylableTypography__text-medium-thin","content":"wds_1_205_0_InputShell__content","suffix":"wds_1_205_0_InputShell__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_204_1_InputShell-border-color-hover"}; 
+module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_205_0_InputShell-border-color-hover"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_InputWithLabel";
+var _namespace_ = "wds_1_205_0_InputWithLabel";
 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_204_1_InputWithLabel__root","groupIcon":"wds_1_204_1_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_204_1_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_204_1_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_204_1_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_204_1_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_205_0_InputWithLabel__root","groupIcon":"wds_1_205_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_205_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_205_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_205_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_205_0_InputWithLabel__errorMessageContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_InputWithOptions";
+var _namespace_ = "wds_1_205_0_InputWithOptions";
 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_204_1_InputWithOptions__root","nativeSelectWrapper":"wds_1_204_1_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_204_1_InputWithOptions__nativeSelect","dropdownLayout":"wds_1_204_1_InputWithOptions__dropdownLayout"};
+module.exports.classes = {"root":"wds_1_205_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_205_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_205_0_InputWithOptions__nativeSelect","dropdownLayout":"wds_1_205_0_InputWithOptions__dropdownLayout"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputWithOptions/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InputWithOptions","Component","constructor","arguments","focus","blur","select","showOptions","hideOptions","clear","exports"],"sources":["../../../src/InputWithOptions/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { FocusOptionsPolyfill, PopoverCommonProps } from '../common';\nimport {\n  DropdownLayoutValueOption,\n  DropdownLayoutProps,\n} from '../DropdownLayout';\nimport { InputProps } from '../Input';\n\nexport interface InputWithOptionsProps<\n  ManualInputFn = ManualInputFnSignature,\n  OnSelectFn = OnSelectFnSignature,\n> extends InputProps,\n    Omit<DropdownLayoutProps, 'onSelect'> {\n  autocomplete?: string;\n  inputElement?: React.ReactElement;\n  closeOnSelect?: boolean;\n  onManuallyInput?: ManualInputFn;\n  valueParser?: (\n    option: DropdownLayoutValueOption,\n  ) => DropdownLayoutValueOption['value'];\n  dropdownWidth?: string;\n  dropdownOffsetLeft?: string;\n  customDropdownContent?: React.ReactNode;\n  showOptionsIfEmptyInput?: boolean;\n  highlight?: boolean;\n  native?: boolean;\n  popoverProps?: PopoverCommonProps;\n  onSelect?: OnSelectFn;\n  onOptionsShow?: () => void;\n  onOptionsHide?: () => void;\n}\n\nexport default class InputWithOptions<\n  ManualInputFn = ManualInputFnSignature,\n  OnSelectFn = OnSelectFnSignature,\n  T extends InputWithOptionsProps<\n    ManualInputFn,\n    OnSelectFn\n  > = InputWithOptionsProps<ManualInputFn, OnSelectFn>,\n> extends React.Component<T> {\n  focus: (options?: FocusOptionsPolyfill) => FocusOptionsPolyfill;\n  blur: () => void;\n  select: () => void;\n  showOptions: () => void;\n  hideOptions: () => void;\n  clear: (event?: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport type ManualInputFnSignature = (\n  inputValue: string,\n  suggestedOption: DropdownLayoutValueOption,\n) => void;\n\nexport type OnSelectFnSignature = DropdownLayoutProps['onSelect'];\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAgChB,MAAMmB,gBAAgB,SAO3BvB,KAAK,CAACwB,SAAS,CAAI;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAC3BC,KAAK;IAAA,KACLC,IAAI;IAAA,KACJC,MAAM;IAAA,KACNC,WAAW;IAAA,KACXC,WAAW;IAAA,KACXC,KAAK;EAAA;AACP;AAACC,OAAA,CAAApB,OAAA,GAAAU,gBAAA","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InputWithOptions","Component","constructor","arguments","focus","blur","select","showOptions","hideOptions","clear","exports"],"sources":["../../../src/InputWithOptions/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { FocusOptionsPolyfill, PopoverCommonProps } from '../common';\nimport {\n  DropdownLayoutValueOption,\n  DropdownLayoutProps,\n} from '../DropdownLayout';\nimport { InputProps } from '../Input';\n\nexport interface InputWithOptionsProps<\n  ManualInputFn = ManualInputFnSignature,\n  OnSelectFn = OnSelectFnSignature,\n> extends InputProps,\n    Omit<DropdownLayoutProps, 'onSelect' | 'size'> {\n  autocomplete?: string;\n  inputElement?: React.ReactElement;\n  closeOnSelect?: boolean;\n  onManuallyInput?: ManualInputFn;\n  valueParser?: (\n    option: DropdownLayoutValueOption,\n  ) => DropdownLayoutValueOption['value'];\n  dropdownWidth?: string;\n  dropdownOffsetLeft?: string;\n  customDropdownContent?: React.ReactNode;\n  showOptionsIfEmptyInput?: boolean;\n  highlight?: boolean;\n  native?: boolean;\n  popoverProps?: PopoverCommonProps;\n  onSelect?: OnSelectFn;\n  onOptionsShow?: () => void;\n  onOptionsHide?: () => void;\n}\n\nexport default class InputWithOptions<\n  ManualInputFn = ManualInputFnSignature,\n  OnSelectFn = OnSelectFnSignature,\n  T extends InputWithOptionsProps<\n    ManualInputFn,\n    OnSelectFn\n  > = InputWithOptionsProps<ManualInputFn, OnSelectFn>,\n> extends React.Component<T> {\n  focus: (options?: FocusOptionsPolyfill) => FocusOptionsPolyfill;\n  blur: () => void;\n  select: () => void;\n  showOptions: () => void;\n  hideOptions: () => void;\n  clear: (event?: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport type ManualInputFnSignature = (\n  inputValue: string,\n  suggestedOption: DropdownLayoutValueOption,\n) => void;\n\nexport type OnSelectFnSignature = DropdownLayoutProps['onSelect'];\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAgChB,MAAMmB,gBAAgB,SAO3BvB,KAAK,CAACwB,SAAS,CAAI;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAC3BC,KAAK;IAAA,KACLC,IAAI;IAAA,KACJC,MAAM;IAAA,KACNC,WAAW;IAAA,KACXC,WAAW;IAAA,KACXC,KAAK;EAAA;AACP;AAACC,OAAA,CAAApB,OAAA,GAAAU,gBAAA","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_LabelledElement";
+var _namespace_ = "wds_1_205_0_LabelledElement";
 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_204_1_LabelledElement__root","input":"wds_1_204_1_Input__input","menuArrow":"wds_1_204_1_Input__menuArrow","label":"wds_1_204_1_LabelledElement__label","labelText":"wds_1_204_1_LabelledElement__labelText","inputContainer":"wds_1_204_1_LabelledElement__inputContainer"};
+module.exports.classes = {"root":"wds_1_205_0_LabelledElement__root","input":"wds_1_205_0_Input__input","menuArrow":"wds_1_205_0_Input__menuArrow","label":"wds_1_205_0_LabelledElement__label","labelText":"wds_1_205_0_LabelledElement__labelText","inputContainer":"wds_1_205_0_LabelledElement__inputContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};