@wix/design-system 1.180.0 → 1.182.0

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_IconButton";
+var _namespace_ = "wds_1_182_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_180_0_IconButton__root","mobile":"wds_1_180_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_182_0_IconButton__root","mobile":"wds_1_182_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_ImageViewer";
+var _namespace_ = "wds_1_182_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_180_0_ImageViewer__root","buttons":"wds_1_180_0_ImageViewer__buttons","imageContainer":"wds_1_180_0_ImageViewer__imageContainer","overlay":"wds_1_180_0_ImageViewer__overlay","image":"wds_1_180_0_ImageViewer__image","statusContainer":"wds_1_180_0_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_182_0_ImageViewer__root","buttons":"wds_1_182_0_ImageViewer__buttons","imageContainer":"wds_1_182_0_ImageViewer__imageContainer","overlay":"wds_1_182_0_ImageViewer__overlay","image":"wds_1_182_0_ImageViewer__image","statusContainer":"wds_1_182_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_180_0_InfoIcon";
+var _namespace_ = "wds_1_182_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_180_0_InfoIcon__root","icon":"wds_1_180_0_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_182_0_InfoIcon__root","icon":"wds_1_182_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_180_0_Input";
+var _namespace_ = "wds_1_182_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_180_0_Input__root","text-tiny-thin":"wds_1_180_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_180_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_180_0_StylableTypography__text-medium-thin","wrapper":"wds_1_180_0_Input__wrapper","input":"wds_1_180_0_Input__input","disabled":"wds_1_180_0_Input__disabled","readOnly":"wds_1_180_0_Input__readOnly","suffixes":"wds_1_180_0_Input__suffixes","suffix":"wds_1_180_0_Input__suffix","statusWrapper":"wds_1_180_0_Input__statusWrapper","clearButtonWrapper":"wds_1_180_0_Input__clearButtonWrapper","menuArrow":"wds_1_180_0_Input__menuArrow","clearButton":"wds_1_180_0_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_182_0_Input__root","text-tiny-thin":"wds_1_182_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_182_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_182_0_StylableTypography__text-medium-thin","wrapper":"wds_1_182_0_Input__wrapper","input":"wds_1_182_0_Input__input","disabled":"wds_1_182_0_Input__disabled","readOnly":"wds_1_182_0_Input__readOnly","suffixes":"wds_1_182_0_Input__suffixes","suffix":"wds_1_182_0_Input__suffix","statusWrapper":"wds_1_182_0_Input__statusWrapper","clearButtonWrapper":"wds_1_182_0_Input__clearButtonWrapper","menuArrow":"wds_1_182_0_Input__menuArrow","clearButton":"wds_1_182_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","border-color-hover":"--wds_1_180_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_180_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_180_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","border-color-hover":"--wds_1_182_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_182_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_182_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_180_0_Affix";
+var _namespace_ = "wds_1_182_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_180_0_Affix__root","text-tiny-thin":"wds_1_180_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_180_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_180_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_180_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_180_0_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_182_0_Affix__root","text-tiny-thin":"wds_1_182_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_182_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_182_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_182_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_182_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_180_0_Group";
+var _namespace_ = "wds_1_182_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_180_0_Group__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_IconAffix";
+var _namespace_ = "wds_1_182_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_180_0_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_182_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_180_0_Ticker";
+var _namespace_ = "wds_1_182_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_180_0_Ticker__root","up":"wds_1_180_0_Ticker__up","down":"wds_1_180_0_Ticker__down"};
+module.exports.classes = {"root":"wds_1_182_0_Ticker__root","up":"wds_1_182_0_Ticker__up","down":"wds_1_182_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_180_0_InputArea";
+var _namespace_ = "wds_1_182_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_180_0_InputArea__root","text-small-thin":"wds_1_180_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_180_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_180_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_180_0_InputArea__inputArea","counter":"wds_1_180_0_InputArea__counter","status":"wds_1_180_0_InputArea__status","disabled":"wds_1_180_0_InputArea__disabled","readOnly":"wds_1_180_0_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_182_0_InputArea__root","text-small-thin":"wds_1_182_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_182_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_182_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_182_0_InputArea__inputArea","counter":"wds_1_182_0_InputArea__counter","status":"wds_1_182_0_InputArea__status","disabled":"wds_1_182_0_InputArea__disabled","readOnly":"wds_1_182_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_180_0_InputArea-border-color","border-color-destructive":"--wds_1_180_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_180_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_180_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_180_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_180_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_182_0_InputArea-border-color","border-color-destructive":"--wds_1_182_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_182_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_182_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_182_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_182_0_InputArea-wds-input-area-height-medium-adjusted"}; 
 
 
 

package/dist/cjs/InputShell/InputShell.constants.js

@@ -1,8 +1,15 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = void 0;
-var dataHooks = exports.dataHooks = {
-  menuArrow: 'inputShell-menuArrow'
+exports.SIZE = exports.DATA_HOOK = void 0;
+var DATA_HOOK = exports.DATA_HOOK = {
+  menuArrow: 'inputShell-menuArrow',
+  placeholder: 'inputShell-placeholder'
+};
+var SIZE = exports.SIZE = {
+  tiny: 'tiny',
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
 };
 //# sourceMappingURL=InputShell.constants.js.map

package/dist/cjs/InputShell/InputShell.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","menuArrow"],"sources":["../../../src/InputShell/InputShell.constants.ts"],"sourcesContent":["export const dataHooks = {\n  menuArrow: 'inputShell-menuArrow',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,SAAS,EAAE;AACb,CAAC","ignoreList":[]}
+{"version":3,"names":["DATA_HOOK","exports","menuArrow","placeholder","SIZE","tiny","small","medium","large"],"sources":["../../../src/InputShell/InputShell.constants.ts"],"sourcesContent":["export const DATA_HOOK = {\n  menuArrow: 'inputShell-menuArrow',\n  placeholder: 'inputShell-placeholder',\n} as const;\n\nexport const SIZE = {\n  tiny: 'tiny',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,SAAS,EAAE,sBAAsB;EACjCC,WAAW,EAAE;AACf,CAAU;AAEH,IAAMC,IAAI,GAAAH,OAAA,CAAAG,IAAA,GAAG;EAClBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/dist/cjs/InputShell/InputShell.js

@@ -12,7 +12,7 @@ var _context = require("../WixDesignSystemProvider/context");
 var _InputShell = require("./InputShell.constants");
 var _InputShellSt = require("./InputShell.st.css.js");
 var _Box = _interopRequireDefault(require("../Box"));
-var _excluded = ["as", "children", "menuArrow", "dataHook", "focused", "onClick"];
+var _excluded = ["as", "children", "menuArrow", "dataHook", "focused", "onClick", "placeholder", "size"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/InputShell/InputShell.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,22 +27,27 @@ var InputShell = props => {
       menuArrow,
       dataHook,
       focused = 'auto',
-      onClick
+      onClick,
+      placeholder,
+      size = _InputShell.SIZE.medium
     } = props,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var shouldApplyPlaceholderClass = !children && !!placeholder;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     "data-hook": dataHook,
     className: (0, _InputShellSt.st)(_InputShellSt.classes.root, {
       newColorsBranding,
       menuArrow: props.menuArrow,
       disabled: props.as === 'button' ? props.disabled : false,
-      focused: String(focused)
+      focused: String(focused),
+      size,
+      placeholder: shouldApplyPlaceholderClass
     }),
     onClick: onClick,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 31,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -50,26 +55,37 @@ var InputShell = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 44,
       columnNumber: 7
     }
-  }, children), menuArrow && /*#__PURE__*/_react.default.createElement(_Box.default, {
-    dataHook: _InputShell.dataHooks.menuArrow,
+  }, children ? children : /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": _InputShell.DATA_HOOK.placeholder,
+    className: (0, _InputShellSt.st)({
+      placeholder
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 11
+    }
+  }, placeholder), menuArrow && /*#__PURE__*/_react.default.createElement(_Box.default, {
+    dataHook: _InputShell.DATA_HOOK.menuArrow,
     className: (0, _InputShellSt.st)(_InputShellSt.classes.suffix),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
-      columnNumber: 9
+      lineNumber: 56,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_system.DropDownArrow, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
-      columnNumber: 11
+      lineNumber: 57,
+      columnNumber: 13
     }
-  })));
+  }))));
 };
 InputShell.displayName = 'InputShell';
 InputShell.propTypes = {
@@ -82,7 +98,9 @@ InputShell.propTypes = {
   tabIndex: _propTypes.default.number,
   'aria-haspopup': _propTypes.default.oneOf(['menu', 'listbox', 'tree', 'grid', 'dialog', 'true', 'false', _propTypes.default.bool]),
   'aria-controls': _propTypes.default.string,
-  onClick: _propTypes.default.func
+  onClick: _propTypes.default.func,
+  placeholder: _propTypes.default.node,
+  size: _propTypes.default.oneOf(['tiny', 'small', 'medium', 'large'])
 };
 var _default = exports.default = InputShell;
 //# sourceMappingURL=InputShell.js.map

package/dist/cjs/InputShell/InputShell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_system","_context","_InputShell","_InputShellSt","_Box","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputShell","props","newColorsBranding","useContext","WixDesignSystemContext","as","Component","children","menuArrow","dataHook","focused","onClick","rest","_objectWithoutProperties2","createElement","_extends2","className","st","classes","root","disabled","String","__self","__source","fileName","lineNumber","columnNumber","content","dataHooks","suffix","DropDownArrow","displayName","propTypes","PropTypes","string","oneOf","bool","node","oneOfType","tabIndex","number","func","_default","exports"],"sources":["../../../src/InputShell/InputShell.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { DropDownArrow } from '@wix/wix-ui-icons-common/system';\n\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { dataHooks } from './InputShell.constants';\nimport { st, classes } from './InputShell.st.css';\nimport Box from '../Box';\n\nimport type { InputShellProps } from './InputShell.types';\n\n/** A wrapper component that has a style of an input component */\nconst InputShell: FC<InputShellProps> = props => {\n  const { newColorsBranding } = useContext(WixDesignSystemContext);\n\n  const {\n    as: Component = 'div',\n    children,\n    menuArrow,\n    dataHook,\n    focused = 'auto',\n    onClick,\n    ...rest\n  } = props;\n\n  return (\n    <Component\n      {...rest}\n      data-hook={dataHook}\n      className={st(classes.root, {\n        newColorsBranding,\n        menuArrow: props.menuArrow,\n        disabled: props.as === 'button' ? props.disabled : false,\n        focused: String(focused),\n      })}\n      onClick={onClick as React.MouseEventHandler<HTMLElement>}\n    >\n      <div className={st(classes.content)}>{children}</div>\n      {menuArrow && (\n        <Box dataHook={dataHooks.menuArrow} className={st(classes.suffix)}>\n          <DropDownArrow />\n        </Box>\n      )}\n    </Component>\n  );\n};\n\nInputShell.displayName = 'InputShell';\n\nInputShell.propTypes = {\n  dataHook: PropTypes.string,\n  as: PropTypes.oneOf(['div', 'button']),\n  menuArrow: PropTypes.bool,\n  children: PropTypes.node,\n  focused: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['auto'])]),\n  disabled: PropTypes.bool,\n  tabIndex: PropTypes.number,\n  'aria-haspopup': PropTypes.oneOf([\n    'menu',\n    'listbox',\n    'tree',\n    'grid',\n    'dialog',\n    'true',\n    'false',\n    PropTypes.bool,\n  ]),\n  'aria-controls': PropTypes.string,\n  onClick: PropTypes.func,\n} as any;\n\nexport default InputShell;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_system","_context","_InputShell","_InputShellSt","_Box","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputShell","props","newColorsBranding","useContext","WixDesignSystemContext","as","Component","children","menuArrow","dataHook","focused","onClick","placeholder","size","SIZE","medium","rest","_objectWithoutProperties2","shouldApplyPlaceholderClass","createElement","_extends2","className","st","classes","root","disabled","String","__self","__source","fileName","lineNumber","columnNumber","content","DATA_HOOK","suffix","DropDownArrow","displayName","propTypes","PropTypes","string","oneOf","bool","node","oneOfType","tabIndex","number","func","_default","exports"],"sources":["../../../src/InputShell/InputShell.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { DropDownArrow } from '@wix/wix-ui-icons-common/system';\n\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { DATA_HOOK, SIZE } from './InputShell.constants';\nimport { st, classes } from './InputShell.st.css';\nimport Box from '../Box';\n\nimport type { InputShellProps } from './InputShell.types';\n\n/** A wrapper component that has a style of an input component */\nconst InputShell: FC<InputShellProps> = props => {\n  const { newColorsBranding } = useContext(WixDesignSystemContext);\n\n  const {\n    as: Component = 'div',\n    children,\n    menuArrow,\n    dataHook,\n    focused = 'auto',\n    onClick,\n    placeholder,\n    size = SIZE.medium,\n    ...rest\n  } = props;\n  const shouldApplyPlaceholderClass = !children && !!placeholder;\n\n  return (\n    <Component\n      {...rest}\n      data-hook={dataHook}\n      className={st(classes.root, {\n        newColorsBranding,\n        menuArrow: props.menuArrow,\n        disabled: props.as === 'button' ? props.disabled : false,\n        focused: String(focused),\n        size,\n        placeholder: shouldApplyPlaceholderClass,\n      })}\n      onClick={onClick as React.MouseEventHandler<HTMLElement>}\n    >\n      <div className={st(classes.content)}>\n        {children ? (\n          children\n        ) : (\n          <div\n            data-hook={DATA_HOOK.placeholder}\n            className={st({ placeholder })}\n          >\n            {placeholder}\n          </div>\n        )}\n        {menuArrow && (\n          <Box dataHook={DATA_HOOK.menuArrow} className={st(classes.suffix)}>\n            <DropDownArrow />\n          </Box>\n        )}\n      </div>\n    </Component>\n  );\n};\n\nInputShell.displayName = 'InputShell';\n\nInputShell.propTypes = {\n  dataHook: PropTypes.string,\n  as: PropTypes.oneOf(['div', 'button']),\n  menuArrow: PropTypes.bool,\n  children: PropTypes.node,\n  focused: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['auto'])]),\n  disabled: PropTypes.bool,\n  tabIndex: PropTypes.number,\n  'aria-haspopup': PropTypes.oneOf([\n    'menu',\n    'listbox',\n    'tree',\n    'grid',\n    'dialog',\n    'true',\n    'false',\n    PropTypes.bool,\n  ]),\n  'aria-controls': PropTypes.string,\n  onClick: PropTypes.func,\n  placeholder: PropTypes.node,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n} as any;\n\nexport default InputShell;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_InputShell";
+var _namespace_ = "wds_1_182_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_180_0_InputShell__root","text-medium-thin":"wds_1_180_0_StylableTypography__text-medium-thin","content":"wds_1_180_0_InputShell__content","suffix":"wds_1_180_0_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_182_0_InputShell__root","text-medium-thin":"wds_1_182_0_StylableTypography__text-medium-thin","content":"wds_1_182_0_InputShell__content","suffix":"wds_1_182_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-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-medium":"--wds-input-size-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","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_180_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_182_0_InputShell-border-color-hover"}; 
 
 
 

package/dist/cjs/InputShell/InputShell.types.js

@@ -1,2 +1,4 @@
+"use strict";
 
+exports.__esModule = true;
 //# sourceMappingURL=InputShell.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/InputShell/InputShell.types.ts"],"sourcesContent":["type InputShellAsButtonProps<T> = T & {\n  /** Renders the component as button. */\n  as: 'button';\n  /** Specifies whether user interactions are disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**  Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex?: number;\n  /** Indicates the element can trigger a popup and what kind of popup will be displayed. */\n  'aria-haspopup'?:\n    | boolean\n    | 'menu'\n    | 'listbox'\n    | 'tree'\n    | 'grid'\n    | 'dialog'\n    | 'true'\n    | 'false';\n  /** Identifies the element whose contents or presence are controlled by the component. */\n  'aria-controls'?: string;\n  /** A callback function called on component click. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\ntype InputShellAsDivProps<T> = T & {\n  /** Renders the component as div. */\n  as?: 'div';\n  /** A callback function called on component click. */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n};\n\ntype InputShellWithAsProp<T> =\n  | InputShellAsButtonProps<T>\n  | InputShellAsDivProps<T>;\n\nexport type InputShellProps = InputShellWithAsProp<{\n  /** Applies a data-hook HTML attribute to be used in the tests. */\n  dataHook?: string;\n  /** Allows to render any component as a child item. */\n  children?: React.ReactNode;\n  /** Specifies whether input should have a dropdown menu arrow on the right side.\n   * @default false\n   */\n  menuArrow?: boolean;\n  /** Controls visual focus state. */\n  focused?: boolean | 'auto';\n}>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/InputShell/InputShell.types.ts"],"sourcesContent":["import { ValuesOf } from '../utils/typeUtils';\nimport { SIZE } from './InputShell.constants';\n\ntype InputShellAsButtonProps<T> = T & {\n  /** Renders the component as button. */\n  as: 'button';\n  /** Specifies whether user interactions are disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**  Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex?: number;\n  /** Indicates the element can trigger a popup and what kind of popup will be displayed. */\n  'aria-haspopup'?:\n    | boolean\n    | 'menu'\n    | 'listbox'\n    | 'tree'\n    | 'grid'\n    | 'dialog'\n    | 'true'\n    | 'false';\n  /** Identifies the element whose contents or presence are controlled by the component. */\n  'aria-controls'?: string;\n  /** A callback function called on component click. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\ntype InputShellAsDivProps<T> = T & {\n  /** Renders the component as div. */\n  as?: 'div';\n  /** A callback function called on component click. */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n};\n\ntype InputShellWithAsProp<T> =\n  | InputShellAsButtonProps<T>\n  | InputShellAsDivProps<T>;\n\nexport type InputShellProps = InputShellWithAsProp<{\n  /** Applies a data-hook HTML attribute to be used in the tests. */\n  dataHook?: string;\n  /** Allows to render any component as a child item. */\n  children?: React.ReactNode;\n  /** Specifies whether input should have a dropdown menu arrow on the right side.\n   * @default false\n   */\n  menuArrow?: boolean;\n  /** Controls visual focus state. */\n  focused?: boolean | 'auto';\n  /** Controls the size of the input. Default value: `medium` */\n  size?: ValuesOf<typeof SIZE>;\n  /** Sets a placeholder message to display */\n  placeholder?: React.ReactNode;\n}>;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/InputShell/InputShell.uni.driver.js

@@ -29,7 +29,7 @@ var inputShellDriverFactory = base => {
      */
     hasMenuArrow: function () {
       var _hasMenuArrow = (0, _asyncToGenerator2.default)(function* () {
-        var component = (0, _unidriver.findByHook)(base, _InputShell.dataHooks.menuArrow);
+        var component = (0, _unidriver.findByHook)(base, _InputShell.DATA_HOOK.menuArrow);
         return component.exists();
       });
       function hasMenuArrow() {

package/dist/cjs/InputShell/InputShell.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_InputShell","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","inputShellDriverFactory","base","baseUniDriverFactory","getTagName","_getTagName","_asyncToGenerator2","_prop","toLowerCase","hasMenuArrow","_hasMenuArrow","component","findByHook","dataHooks","menuArrow","exists","exports"],"sources":["../../../src/InputShell/InputShell.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nimport { dataHooks } from './InputShell.constants';\n\nexport const inputShellDriverFactory = (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Returns the tag name of the HTML element\n     * @returns {Promise<string>}\n     */\n    getTagName: async (): Promise<string> =>\n      (await base._prop('tagName')).toLowerCase(),\n    /**\n     * Returns true if dropdown arrow is displayed\n     */\n    hasMenuArrow: async (): Promise<boolean> => {\n      const component = findByHook(base, dataHooks.menuArrow);\n      return component.exists();\n    },\n  };\n};\n\nexport type InputShellUniDriver = ReturnType<typeof inputShellDriverFactory>;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA;AAAmD,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE5C,IAAMqB,uBAAuB,GAAIC,IAAe,IAAK;EAC1D,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIE,UAAU;MAAA,IAAAC,WAAA,OAAAC,kBAAA,CAAAT,OAAA,EAAE;QAAA,OACV,OAAOK,IAAI,CAACK,KAAK,CAAC,SAAS,CAAC,EAAEC,WAAW,CAAC,CAAC;MAAA;MAAA,SAD7CJ,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAAd,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAVW,UAAU;IAAA,GACmC;IAC7C;AACJ;AACA;IACIK,YAAY;MAAA,IAAAC,aAAA,OAAAJ,kBAAA,CAAAT,OAAA,EAAE,aAA8B;QAC1C,IAAMc,SAAS,GAAG,IAAAC,qBAAU,EAACV,IAAI,EAAEW,qBAAS,CAACC,SAAS,CAAC;QACvD,OAAOH,SAAS,CAACI,MAAM,CAAC,CAAC;MAC3B,CAAC;MAAA,SAHDN,YAAYA,CAAA;QAAA,OAAAC,aAAA,CAAAnB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAZgB,YAAY;IAAA;EAGX;AAEL,CAAC;AAACO,OAAA,CAAAf,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_InputShell","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","inputShellDriverFactory","base","baseUniDriverFactory","getTagName","_getTagName","_asyncToGenerator2","_prop","toLowerCase","hasMenuArrow","_hasMenuArrow","component","findByHook","DATA_HOOK","menuArrow","exists","exports"],"sources":["../../../src/InputShell/InputShell.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nimport { DATA_HOOK } from './InputShell.constants';\n\nexport const inputShellDriverFactory = (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Returns the tag name of the HTML element\n     * @returns {Promise<string>}\n     */\n    getTagName: async (): Promise<string> =>\n      (await base._prop('tagName')).toLowerCase(),\n    /**\n     * Returns true if dropdown arrow is displayed\n     */\n    hasMenuArrow: async (): Promise<boolean> => {\n      const component = findByHook(base, DATA_HOOK.menuArrow);\n      return component.exists();\n    },\n  };\n};\n\nexport type InputShellUniDriver = ReturnType<typeof inputShellDriverFactory>;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA;AAAmD,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE5C,IAAMqB,uBAAuB,GAAIC,IAAe,IAAK;EAC1D,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIE,UAAU;MAAA,IAAAC,WAAA,OAAAC,kBAAA,CAAAT,OAAA,EAAE;QAAA,OACV,OAAOK,IAAI,CAACK,KAAK,CAAC,SAAS,CAAC,EAAEC,WAAW,CAAC,CAAC;MAAA;MAAA,SAD7CJ,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAAd,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAVW,UAAU;IAAA,GACmC;IAC7C;AACJ;AACA;IACIK,YAAY;MAAA,IAAAC,aAAA,OAAAJ,kBAAA,CAAAT,OAAA,EAAE,aAA8B;QAC1C,IAAMc,SAAS,GAAG,IAAAC,qBAAU,EAACV,IAAI,EAAEW,qBAAS,CAACC,SAAS,CAAC;QACvD,OAAOH,SAAS,CAACI,MAAM,CAAC,CAAC;MAC3B,CAAC;MAAA,SAHDN,YAAYA,CAAA;QAAA,OAAAC,aAAA,CAAAnB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAZgB,YAAY;IAAA;EAGX;AAEL,CAAC;AAACO,OAAA,CAAAf,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_InputWithLabel";
+var _namespace_ = "wds_1_182_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_180_0_InputWithLabel__root","groupIcon":"wds_1_180_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_180_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_180_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_180_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_180_0_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_182_0_InputWithLabel__root","groupIcon":"wds_1_182_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_182_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_182_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_182_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_182_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_180_0_InputWithOptions";
+var _namespace_ = "wds_1_182_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_180_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_180_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_180_0_InputWithOptions__nativeSelect"};
+module.exports.classes = {"root":"wds_1_182_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_182_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_182_0_InputWithOptions__nativeSelect"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_LabelledElement";
+var _namespace_ = "wds_1_182_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_180_0_LabelledElement__root","input":"wds_1_180_0_Input__input","menuArrow":"wds_1_180_0_Input__menuArrow","label":"wds_1_180_0_LabelledElement__label","labelText":"wds_1_180_0_LabelledElement__labelText","inputContainer":"wds_1_180_0_LabelledElement__inputContainer"};
+module.exports.classes = {"root":"wds_1_182_0_LabelledElement__root","input":"wds_1_182_0_Input__input","menuArrow":"wds_1_182_0_Input__menuArrow","label":"wds_1_182_0_LabelledElement__label","labelText":"wds_1_182_0_LabelledElement__labelText","inputContainer":"wds_1_182_0_LabelledElement__inputContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

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

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_LinearProgressBar";
+var _namespace_ = "wds_1_182_0_LinearProgressBar";
 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_180_0_LinearProgressBar__root","text-medium-bold":"wds_1_180_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_182_0_LinearProgressBar__root","text-medium-bold":"wds_1_182_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};