@wix/design-system 1.193.0 → 1.195.0

package/dist/cjs/FunnelChart/FunnelStep/FunnelStep.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_193_0_FunnelStep";
+var _namespace_ = "wds_1_195_0_FunnelStep";
 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_193_0_FunnelStep__root","funnelStep":"wds_1_193_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_193_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_193_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_193_0_FunnelStep__badgeWrapper"};
+module.exports.classes = {"root":"wds_1_195_0_FunnelStep__root","funnelStep":"wds_1_195_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_195_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_195_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_195_0_FunnelStep__badgeWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_GoogleAddressInput";
+var _namespace_ = "wds_1_195_0_GoogleAddressInput";
 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_193_0_GoogleAddressInput__root","googleFooter":"wds_1_193_0_GoogleAddressInput__googleFooter"};
+module.exports.classes = {"root":"wds_1_195_0_GoogleAddressInput__root","googleFooter":"wds_1_195_0_GoogleAddressInput__googleFooter"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_GooglePreview";
+var _namespace_ = "wds_1_195_0_GooglePreview";
 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_193_0_GooglePreview__root","googlePreviewTitle":"wds_1_193_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_193_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_193_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_193_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_193_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_193_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_193_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_193_0_GooglePreview__googlePreviewFaviconBox"};
+module.exports.classes = {"root":"wds_1_195_0_GooglePreview__root","googlePreviewTitle":"wds_1_195_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_195_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_195_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_195_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_195_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_195_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_195_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_195_0_GooglePreview__googlePreviewFaviconBox"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_Heading";
+var _namespace_ = "wds_1_195_0_Heading";
 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_193_0_Heading__root","heading-h1":"wds_1_193_0_StylableTypography__heading-h1","heading-h2":"wds_1_193_0_StylableTypography__heading-h2","heading-h3":"wds_1_193_0_StylableTypography__heading-h3","heading-h4":"wds_1_193_0_StylableTypography__heading-h4","heading-h5":"wds_1_193_0_StylableTypography__heading-h5","heading-h6":"wds_1_193_0_StylableTypography__heading-h6","heading-xl":"wds_1_193_0_StylableTypography__heading-xl","heading-l":"wds_1_193_0_StylableTypography__heading-l","heading-m":"wds_1_193_0_StylableTypography__heading-m","heading-s":"wds_1_193_0_StylableTypography__heading-s","heading-t":"wds_1_193_0_StylableTypography__heading-t","heading-xt":"wds_1_193_0_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_195_0_Heading__root","heading-h1":"wds_1_195_0_StylableTypography__heading-h1","heading-h2":"wds_1_195_0_StylableTypography__heading-h2","heading-h3":"wds_1_195_0_StylableTypography__heading-h3","heading-h4":"wds_1_195_0_StylableTypography__heading-h4","heading-h5":"wds_1_195_0_StylableTypography__heading-h5","heading-h6":"wds_1_195_0_StylableTypography__heading-h6","heading-xl":"wds_1_195_0_StylableTypography__heading-xl","heading-l":"wds_1_195_0_StylableTypography__heading-l","heading-m":"wds_1_195_0_StylableTypography__heading-m","heading-s":"wds_1_195_0_StylableTypography__heading-s","heading-t":"wds_1_195_0_StylableTypography__heading-t","heading-xt":"wds_1_195_0_StylableTypography__heading-xt"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_HorizontalScroll";
+var _namespace_ = "wds_1_195_0_HorizontalScroll";
 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_193_0_HorizontalScroll__root","scrollContainer":"wds_1_193_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_193_0_HorizontalScroll__startScroll","endScroll":"wds_1_193_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_193_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_193_0_HorizontalScroll__endScrollButton"};
+module.exports.classes = {"root":"wds_1_195_0_HorizontalScroll__root","scrollContainer":"wds_1_195_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_195_0_HorizontalScroll__startScroll","endScroll":"wds_1_195_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_195_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_195_0_HorizontalScroll__endScrollButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_HorizontalTimeline";
+var _namespace_ = "wds_1_195_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_193_0_HorizontalTimeline__root","line":"wds_1_193_0_HorizontalTimeline__line","column":"wds_1_193_0_HorizontalTimeline__column","item":"wds_1_193_0_HorizontalTimeline__item","lineIconLine":"wds_1_193_0_HorizontalTimeline__lineIconLine","icon":"wds_1_193_0_HorizontalTimeline__icon","label":"wds_1_193_0_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_195_0_HorizontalTimeline__root","line":"wds_1_195_0_HorizontalTimeline__line","column":"wds_1_195_0_HorizontalTimeline__column","item":"wds_1_195_0_HorizontalTimeline__item","lineIconLine":"wds_1_195_0_HorizontalTimeline__lineIconLine","icon":"wds_1_195_0_HorizontalTimeline__icon","label":"wds_1_195_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_193_0_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_195_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_193_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_193_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_193_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_193_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_193_0_HorizontalTimelineIcons__upcomingIcon wds_1_193_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_193_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_193_0_HorizontalTimelineIcons__activeIcon wds_1_193_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_193_0_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_195_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_195_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_195_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_195_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_195_0_HorizontalTimelineIcons__upcomingIcon wds_1_195_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_195_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_195_0_HorizontalTimelineIcons__activeIcon wds_1_195_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_195_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_193_0_IconButton";
+var _namespace_ = "wds_1_195_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_193_0_IconButton__root","mobile":"wds_1_193_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_195_0_IconButton__root","mobile":"wds_1_195_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Image/Image.js

@@ -24,7 +24,7 @@ var Image = _ref => {
       fit = 'cover',
       position = 'center',
       showBorder = false,
-      borderRadius = '8px',
+      borderRadius,
       transparent = false,
       alt = ''
     } = _ref,

package/dist/cjs/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ImageSt","_excluded","_excluded2","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","placeholderSource","placeholderStyle","objectFit","Image","_ref","width","fit","position","showBorder","borderRadius","transparent","alt","propsWithNoDefaults","_objectWithoutProperties2","_width$propsWithNoDef","dataHook","src","style","className","otherProps","source","isTiled","imgStyle","backgroundPosition","backgroundImage","concat","undefined","objectPosition","createElement","_extends2","st","classes","root","tiled","__self","__source","fileName","lineNumber","columnNumber","propTypes","PropTypes","oneOfType","string","number","bool","height","oneOf","displayName","_default","exports"],"sources":["../../../src/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './Image.st.css';\n\nconst placeholderSource = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='164' height='120' viewBox='0 0 164 120'%3E%3Cg fill='none'%3E%3Crect width='164' height='120' fill='%23DAEFFE'/%3E%3Cpath fill='%23B9E3FF' d='M-8.52651283e-14,120 L49.0917544,74.9616932 C52.151039,72.1550101 56.848961,72.1550101 59.9082456,74.9616932 L71.293,85.4057534 L96.9019846,59.8591624 C100.0299,56.7386931 105.095216,56.744729 108.215685,59.8726439 C108.284098,59.9412201 108.35126,60.0110332 108.417137,60.0820486 L164,120 L-8.52651283e-14,120 Z'/%3E%3Ccircle cx='67.5' cy='43.5' r='10.5' fill='%23F5FBFF'/%3E%3C/g%3E%3C/svg%3E%0A`;\nconst placeholderStyle = {\n  objectFit: 'cover',\n};\n\nconst Image = ({\n  width = '100%',\n  fit = 'cover',\n  position = 'center',\n  showBorder = false,\n  borderRadius = '8px',\n  transparent = false,\n  alt = '',\n  ...propsWithNoDefaults\n}) => {\n  const { dataHook, src, style, className, ...otherProps } = {\n    width,\n    ...propsWithNoDefaults,\n  };\n  const source = src || placeholderSource;\n  const isTiled = !!src && fit === 'tile';\n  const imgStyle = !src\n    ? placeholderStyle\n    : isTiled\n    ? {\n        backgroundPosition: position,\n        backgroundImage: source ? `url(\"${source}\")` : undefined,\n      }\n    : {\n        objectFit: fit,\n        objectPosition: position,\n      };\n\n  return (\n    <img\n      {...otherProps}\n      className={st(\n        classes.root,\n        { tiled: isTiled, showBorder, transparent },\n        className,\n      )}\n      data-hook={dataHook}\n      data-transparent={transparent}\n      src={source}\n      alt={alt}\n      style={{ ...style, ...imgStyle, borderRadius }}\n    />\n  );\n};\n\nImage.propTypes = {\n  /**\n   * Sets the border radius of the image box.\n   */\n  borderRadius: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\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 whether to display a border around an image.\n   */\n  showBorder: PropTypes.bool,\n\n  /** Specifies an URL link to image source. If not provided, a default placeholder image will be displayed. */\n  src: PropTypes.string,\n\n  /** Specifies an alt text for an image. If not provided, will be set to empty and treated as decorative. */\n  alt: PropTypes.string,\n\n  /** Sets the width of the image box. */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the height of the image box. */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Specifies image fit mode inside a box.\n   * Check [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property values for more info.\n   */\n  fit: PropTypes.oneOf(['contain', 'cover', 'tile', 'none']),\n\n  /**\n   * Specifies source content position inside of an image box. Accepts any valid\n   * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position_value) value.\n   */\n  position: PropTypes.string,\n\n  /** Specifies whether background of Image is transparent */\n  transparent: PropTypes.bool,\n};\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ImageSt","_excluded","_excluded2","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","placeholderSource","placeholderStyle","objectFit","Image","_ref","width","fit","position","showBorder","borderRadius","transparent","alt","propsWithNoDefaults","_objectWithoutProperties2","_width$propsWithNoDef","dataHook","src","style","className","otherProps","source","isTiled","imgStyle","backgroundPosition","backgroundImage","concat","undefined","objectPosition","createElement","_extends2","st","classes","root","tiled","__self","__source","fileName","lineNumber","columnNumber","propTypes","PropTypes","oneOfType","string","number","bool","height","oneOf","displayName","_default","exports"],"sources":["../../../src/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './Image.st.css';\n\nconst placeholderSource = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='164' height='120' viewBox='0 0 164 120'%3E%3Cg fill='none'%3E%3Crect width='164' height='120' fill='%23DAEFFE'/%3E%3Cpath fill='%23B9E3FF' d='M-8.52651283e-14,120 L49.0917544,74.9616932 C52.151039,72.1550101 56.848961,72.1550101 59.9082456,74.9616932 L71.293,85.4057534 L96.9019846,59.8591624 C100.0299,56.7386931 105.095216,56.744729 108.215685,59.8726439 C108.284098,59.9412201 108.35126,60.0110332 108.417137,60.0820486 L164,120 L-8.52651283e-14,120 Z'/%3E%3Ccircle cx='67.5' cy='43.5' r='10.5' fill='%23F5FBFF'/%3E%3C/g%3E%3C/svg%3E%0A`;\nconst placeholderStyle = {\n  objectFit: 'cover',\n};\n\nconst Image = ({\n  width = '100%',\n  fit = 'cover',\n  position = 'center',\n  showBorder = false,\n  borderRadius,\n  transparent = false,\n  alt = '',\n  ...propsWithNoDefaults\n}) => {\n  const { dataHook, src, style, className, ...otherProps } = {\n    width,\n    ...propsWithNoDefaults,\n  };\n  const source = src || placeholderSource;\n  const isTiled = !!src && fit === 'tile';\n  const imgStyle = !src\n    ? placeholderStyle\n    : isTiled\n      ? {\n          backgroundPosition: position,\n          backgroundImage: source ? `url(\"${source}\")` : undefined,\n        }\n      : {\n          objectFit: fit,\n          objectPosition: position,\n        };\n\n  return (\n    <img\n      {...otherProps}\n      className={st(\n        classes.root,\n        {\n          tiled: isTiled,\n          showBorder,\n          transparent,\n        },\n        className,\n      )}\n      data-hook={dataHook}\n      data-transparent={transparent}\n      src={source}\n      alt={alt}\n      style={{\n        ...style,\n        ...imgStyle,\n        borderRadius,\n      }}\n    />\n  );\n};\n\nImage.propTypes = {\n  /**\n   * Sets the border radius of the image box.\n   */\n  borderRadius: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\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 whether to display a border around an image.\n   */\n  showBorder: PropTypes.bool,\n\n  /** Specifies an URL link to image source. If not provided, a default placeholder image will be displayed. */\n  src: PropTypes.string,\n\n  /** Specifies an alt text for an image. If not provided, will be set to empty and treated as decorative. */\n  alt: PropTypes.string,\n\n  /** Sets the width of the image box. */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the height of the image box. */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Specifies image fit mode inside a box.\n   * Check [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property values for more info.\n   */\n  fit: PropTypes.oneOf(['contain', 'cover', 'tile', 'none']),\n\n  /**\n   * Specifies source content position inside of an image box. Accepts any valid\n   * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position_value) value.\n   */\n  position: PropTypes.string,\n\n  /** Specifies whether background of Image is transparent */\n  transparent: PropTypes.bool,\n};\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 
 require("../Foundation/stylable/colors.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_193_0_Image";
+var _namespace_ = "wds_1_195_0_Image";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_193_0_Image__root"};
+module.exports.classes = {"root":"wds_1_195_0_Image__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.vars = {"wds-color-black-600":"--wds-color-black-600","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-border-width-100":"--wds-border-width-100","wds-image-border-radius-default":"--wds-image-border-radius-default"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_193_0_ImageViewer";
+var _namespace_ = "wds_1_195_0_ImageViewer";
 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_193_0_ImageViewer__root","buttons":"wds_1_193_0_ImageViewer__buttons","imageContainer":"wds_1_193_0_ImageViewer__imageContainer","overlay":"wds_1_193_0_ImageViewer__overlay","image":"wds_1_193_0_ImageViewer__image","statusContainer":"wds_1_193_0_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_195_0_ImageViewer__root","buttons":"wds_1_195_0_ImageViewer__buttons","imageContainer":"wds_1_195_0_ImageViewer__imageContainer","overlay":"wds_1_195_0_ImageViewer__overlay","image":"wds_1_195_0_ImageViewer__image","statusContainer":"wds_1_195_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_193_0_InfoIcon";
+var _namespace_ = "wds_1_195_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_193_0_InfoIcon__root","icon":"wds_1_193_0_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_195_0_InfoIcon__root","icon":"wds_1_195_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_193_0_Input";
+var _namespace_ = "wds_1_195_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_193_0_Input__root","text-tiny-thin":"wds_1_193_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_193_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_193_0_StylableTypography__text-medium-thin","wrapper":"wds_1_193_0_Input__wrapper","input":"wds_1_193_0_Input__input","disabled":"wds_1_193_0_Input__disabled","readOnly":"wds_1_193_0_Input__readOnly","suffixes":"wds_1_193_0_Input__suffixes","suffix":"wds_1_193_0_Input__suffix","statusWrapper":"wds_1_193_0_Input__statusWrapper","clearButtonWrapper":"wds_1_193_0_Input__clearButtonWrapper","menuArrow":"wds_1_193_0_Input__menuArrow","clearButton":"wds_1_193_0_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_195_0_Input__root","text-tiny-thin":"wds_1_195_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_195_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_195_0_StylableTypography__text-medium-thin","wrapper":"wds_1_195_0_Input__wrapper","input":"wds_1_195_0_Input__input","disabled":"wds_1_195_0_Input__disabled","readOnly":"wds_1_195_0_Input__readOnly","suffixes":"wds_1_195_0_Input__suffixes","suffix":"wds_1_195_0_Input__suffix","statusWrapper":"wds_1_195_0_Input__statusWrapper","clearButtonWrapper":"wds_1_195_0_Input__clearButtonWrapper","menuArrow":"wds_1_195_0_Input__menuArrow","clearButton":"wds_1_195_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_193_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_193_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_193_0_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_195_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_195_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_195_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_193_0_Affix";
+var _namespace_ = "wds_1_195_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_193_0_Affix__root","text-tiny-thin":"wds_1_193_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_193_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_193_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_193_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_193_0_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_195_0_Affix__root","text-tiny-thin":"wds_1_195_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_195_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_195_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_195_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_195_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_193_0_Group";
+var _namespace_ = "wds_1_195_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_193_0_Group__root"};
+module.exports.classes = {"root":"wds_1_195_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_193_0_IconAffix";
+var _namespace_ = "wds_1_195_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_193_0_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_195_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_193_0_Ticker";
+var _namespace_ = "wds_1_195_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_193_0_Ticker__root","up":"wds_1_193_0_Ticker__up","down":"wds_1_193_0_Ticker__down"};
+module.exports.classes = {"root":"wds_1_195_0_Ticker__root","up":"wds_1_195_0_Ticker__up","down":"wds_1_195_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_193_0_InputArea";
+var _namespace_ = "wds_1_195_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_193_0_InputArea__root","text-small-thin":"wds_1_193_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_193_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_193_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_193_0_InputArea__inputArea","counter":"wds_1_193_0_InputArea__counter","status":"wds_1_193_0_InputArea__status","disabled":"wds_1_193_0_InputArea__disabled","readOnly":"wds_1_193_0_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_195_0_InputArea__root","text-small-thin":"wds_1_195_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_195_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_195_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_195_0_InputArea__inputArea","counter":"wds_1_195_0_InputArea__counter","status":"wds_1_195_0_InputArea__status","disabled":"wds_1_195_0_InputArea__disabled","readOnly":"wds_1_195_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_193_0_InputArea-border-color","border-color-destructive":"--wds_1_193_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_193_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_193_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_193_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_193_0_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_195_0_InputArea-border-color","border-color-destructive":"--wds_1_195_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_195_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_195_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_195_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_195_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_193_0_InputShell";
+var _namespace_ = "wds_1_195_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_193_0_InputShell__root","text-medium-thin":"wds_1_193_0_StylableTypography__text-medium-thin","content":"wds_1_193_0_InputShell__content","suffix":"wds_1_193_0_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_195_0_InputShell__root","text-medium-thin":"wds_1_195_0_StylableTypography__text-medium-thin","content":"wds_1_195_0_InputShell__content","suffix":"wds_1_195_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_193_0_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_195_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_193_0_InputWithLabel";
+var _namespace_ = "wds_1_195_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_193_0_InputWithLabel__root","groupIcon":"wds_1_193_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_193_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_193_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_193_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_193_0_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_195_0_InputWithLabel__root","groupIcon":"wds_1_195_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_195_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_195_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_195_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_195_0_InputWithLabel__errorMessageContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputWithOptions/InputWithOptions.driver.js

@@ -14,28 +14,28 @@ var inputWithOptionsDriverFactory = _ref => {
     element: _element,
     eventTrigger
   } = _ref;
-  var dropdownLayoutSelector = "[data-hook=\"dropdown-layout-wrapper\"]";
+  var dropdownDataHook = "inputwithoptions-dropdownlayout";
+  var dropdownLayoutSelector = "[data-hook=\"".concat(dropdownDataHook, "\"]");
   var inputWrapperSelector = '[data-input-parent]';
   var popoverTestkit = () => (0, _PopoverNext.popoverNextLegacyDriverFactory)({
     element: _element
   });
   var _inputWrapper = () => _element && _element.querySelector("".concat(inputWrapperSelector, " > *:first-child "));
-  var dropdownLayoutWrapper = () => popoverTestkit().getContentElement().querySelector(dropdownLayoutSelector).childNodes[0];
+  var dropdownLayoutMain = () => document.body.querySelector(dropdownLayoutSelector);
   var inputDriver = (0, _Input.default)({
     element: _inputWrapper(),
     wrapper: _inputWrapper(),
     eventTrigger
   });
   var dropdownLayoutTestkit = () => (0, _DropdownLayout.default)({
-    element: dropdownLayoutWrapper()
+    element: dropdownLayoutMain()
   });
   var driver = {
     exists: () => !!_element,
     element: () => _element,
     /** Select an option by id. (If dropdown options is not opened yet, this will open it and click on the option) */
     selectOptionById: id => {
-      inputDriver.focus();
-      inputDriver.keyDown('ArrowDown');
+      inputDriver.click();
       dropdownLayoutTestkit().optionById(id).click();
     },
     isReadOnly: () => inputDriver.getReadOnly() && _inputWrapper().className.includes('readOnly'),
@@ -49,7 +49,8 @@ var inputWithOptionsDriverFactory = _ref => {
     outsideClick: () => popoverTestkit().clickOutside()
   };
   var dropdownLayoutDummy = (0, _DropdownLayout.default)({
-    element: document.body
+    element: document.body,
+    dataHook: dropdownDataHook
   });
   return {
     exists: () => driver.exists(),
@@ -64,7 +65,7 @@ var inputWithOptionsDriverFactory = _ref => {
           if (current === 'getDropdown' || current === 'getDropdownItem') {
             return popoverTestkit().isContentElementExists() ? dropdownLayoutTestkit()[current](args) : undefined;
           }
-          !popoverTestkit().isContentElementExists() && inputDriver.keyDown('ArrowDown');
+          !popoverTestkit().isContentElementExists() && inputDriver.click();
           return dropdownLayoutTestkit()[current](args);
         }
       });