@wix/design-system 1.198.2 → 1.198.3

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_2_Heading";
+var _namespace_ = "wds_1_198_3_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_198_2_Heading__root","heading-h1":"wds_1_198_2_StylableTypography__heading-h1","heading-h2":"wds_1_198_2_StylableTypography__heading-h2","heading-h3":"wds_1_198_2_StylableTypography__heading-h3","heading-h4":"wds_1_198_2_StylableTypography__heading-h4","heading-h5":"wds_1_198_2_StylableTypography__heading-h5","heading-h6":"wds_1_198_2_StylableTypography__heading-h6","heading-xl":"wds_1_198_2_StylableTypography__heading-xl","heading-l":"wds_1_198_2_StylableTypography__heading-l","heading-m":"wds_1_198_2_StylableTypography__heading-m","heading-s":"wds_1_198_2_StylableTypography__heading-s","heading-t":"wds_1_198_2_StylableTypography__heading-t","heading-xt":"wds_1_198_2_StylableTypography__heading-xt"};
+module.exports.classes = {"root":"wds_1_198_3_Heading__root","heading-h1":"wds_1_198_3_StylableTypography__heading-h1","heading-h2":"wds_1_198_3_StylableTypography__heading-h2","heading-h3":"wds_1_198_3_StylableTypography__heading-h3","heading-h4":"wds_1_198_3_StylableTypography__heading-h4","heading-h5":"wds_1_198_3_StylableTypography__heading-h5","heading-h6":"wds_1_198_3_StylableTypography__heading-h6","heading-xl":"wds_1_198_3_StylableTypography__heading-xl","heading-l":"wds_1_198_3_StylableTypography__heading-l","heading-m":"wds_1_198_3_StylableTypography__heading-m","heading-s":"wds_1_198_3_StylableTypography__heading-s","heading-t":"wds_1_198_3_StylableTypography__heading-t","heading-xt":"wds_1_198_3_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_198_2_Highlighter";
+var _namespace_ = "wds_1_198_3_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_198_2_Highlighter__root"};
+module.exports.classes = {"root":"wds_1_198_3_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_198_2_HorizontalScroll";
+var _namespace_ = "wds_1_198_3_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_198_2_HorizontalScroll__root","scrollContainer":"wds_1_198_2_HorizontalScroll__scrollContainer","startScroll":"wds_1_198_2_HorizontalScroll__startScroll","endScroll":"wds_1_198_2_HorizontalScroll__endScroll","startScrollButton":"wds_1_198_2_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_198_2_HorizontalScroll__endScrollButton"};
+module.exports.classes = {"root":"wds_1_198_3_HorizontalScroll__root","scrollContainer":"wds_1_198_3_HorizontalScroll__scrollContainer","startScroll":"wds_1_198_3_HorizontalScroll__startScroll","endScroll":"wds_1_198_3_HorizontalScroll__endScroll","startScrollButton":"wds_1_198_3_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_198_3_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_198_2_HorizontalTimeline";
+var _namespace_ = "wds_1_198_3_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_198_2_HorizontalTimeline__root","line":"wds_1_198_2_HorizontalTimeline__line","column":"wds_1_198_2_HorizontalTimeline__column","item":"wds_1_198_2_HorizontalTimeline__item","lineIconLine":"wds_1_198_2_HorizontalTimeline__lineIconLine","icon":"wds_1_198_2_HorizontalTimeline__icon","label":"wds_1_198_2_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_198_3_HorizontalTimeline__root","line":"wds_1_198_3_HorizontalTimeline__line","column":"wds_1_198_3_HorizontalTimeline__column","item":"wds_1_198_3_HorizontalTimeline__item","lineIconLine":"wds_1_198_3_HorizontalTimeline__lineIconLine","icon":"wds_1_198_3_HorizontalTimeline__icon","label":"wds_1_198_3_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_198_2_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_198_3_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_198_2_HorizontalTimelineIcons__root","baseIcon":"wds_1_198_2_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_198_2_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_198_2_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_198_2_HorizontalTimelineIcons__upcomingIcon wds_1_198_2_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_198_2_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_198_2_HorizontalTimelineIcons__activeIcon wds_1_198_2_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_198_2_HorizontalTimelineIcons__bounce"}; 
+module.exports.classes = {"root":"wds_1_198_3_HorizontalTimelineIcons__root","baseIcon":"wds_1_198_3_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_198_3_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_198_3_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_198_3_HorizontalTimelineIcons__upcomingIcon wds_1_198_3_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_198_3_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_198_3_HorizontalTimelineIcons__activeIcon wds_1_198_3_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_198_3_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_198_2_IconButton";
+var _namespace_ = "wds_1_198_3_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_198_2_IconButton__root","mobile":"wds_1_198_2_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_198_3_IconButton__root","mobile":"wds_1_198_3_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_2_Image";
+var _namespace_ = "wds_1_198_3_Image";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_198_2_Image__root"};
+module.exports.classes = {"root":"wds_1_198_3_Image__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_198_2_ImageViewer";
+var _namespace_ = "wds_1_198_3_ImageViewer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_198_2_ImageViewer__root","buttons":"wds_1_198_2_ImageViewer__buttons","imageContainer":"wds_1_198_2_ImageViewer__imageContainer","overlay":"wds_1_198_2_ImageViewer__overlay","image":"wds_1_198_2_ImageViewer__image","statusContainer":"wds_1_198_2_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_198_3_ImageViewer__root","buttons":"wds_1_198_3_ImageViewer__buttons","imageContainer":"wds_1_198_3_ImageViewer__imageContainer","overlay":"wds_1_198_3_ImageViewer__overlay","image":"wds_1_198_3_ImageViewer__image","statusContainer":"wds_1_198_3_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_198_2_InfoIcon";
+var _namespace_ = "wds_1_198_3_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_198_2_InfoIcon__root","icon":"wds_1_198_2_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_198_3_InfoIcon__root","icon":"wds_1_198_3_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_198_2_Input";
+var _namespace_ = "wds_1_198_3_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_198_2_Input__root","text-tiny-thin":"wds_1_198_2_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_198_2_StylableTypography__text-small-thin","text-medium-thin":"wds_1_198_2_StylableTypography__text-medium-thin","wrapper":"wds_1_198_2_Input__wrapper","input":"wds_1_198_2_Input__input","disabled":"wds_1_198_2_Input__disabled","readOnly":"wds_1_198_2_Input__readOnly","suffixes":"wds_1_198_2_Input__suffixes","suffix":"wds_1_198_2_Input__suffix","statusWrapper":"wds_1_198_2_Input__statusWrapper","clearButtonWrapper":"wds_1_198_2_Input__clearButtonWrapper","menuArrow":"wds_1_198_2_Input__menuArrow","clearButton":"wds_1_198_2_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_198_3_Input__root","text-tiny-thin":"wds_1_198_3_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_198_3_StylableTypography__text-small-thin","text-medium-thin":"wds_1_198_3_StylableTypography__text-medium-thin","wrapper":"wds_1_198_3_Input__wrapper","input":"wds_1_198_3_Input__input","disabled":"wds_1_198_3_Input__disabled","readOnly":"wds_1_198_3_Input__readOnly","suffixes":"wds_1_198_3_Input__suffixes","suffix":"wds_1_198_3_Input__suffix","statusWrapper":"wds_1_198_3_Input__statusWrapper","clearButtonWrapper":"wds_1_198_3_Input__clearButtonWrapper","menuArrow":"wds_1_198_3_Input__menuArrow","clearButton":"wds_1_198_3_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_198_2_Input-border-color-hover","border-color-hover-destructive":"--wds_1_198_2_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_198_2_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_198_3_Input-border-color-hover","border-color-hover-destructive":"--wds_1_198_3_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_198_3_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_198_2_Affix";
+var _namespace_ = "wds_1_198_3_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_198_2_Affix__root","text-tiny-thin":"wds_1_198_2_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_198_2_StylableTypography__text-small-normal","text-small-thin":"wds_1_198_2_StylableTypography__text-small-thin","text-medium-normal":"wds_1_198_2_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_198_2_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_198_3_Affix__root","text-tiny-thin":"wds_1_198_3_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_198_3_StylableTypography__text-small-normal","text-small-thin":"wds_1_198_3_StylableTypography__text-small-thin","text-medium-normal":"wds_1_198_3_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_198_3_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_198_2_Group";
+var _namespace_ = "wds_1_198_3_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_198_2_Group__root"};
+module.exports.classes = {"root":"wds_1_198_3_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_198_2_IconAffix";
+var _namespace_ = "wds_1_198_3_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_198_2_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_198_3_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_198_2_Ticker";
+var _namespace_ = "wds_1_198_3_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_198_2_Ticker__root","up":"wds_1_198_2_Ticker__up","down":"wds_1_198_2_Ticker__down"};
+module.exports.classes = {"root":"wds_1_198_3_Ticker__root","up":"wds_1_198_3_Ticker__up","down":"wds_1_198_3_Ticker__down"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputArea/InputArea.js

@@ -16,14 +16,17 @@ var _constants = require("./constants");
 var _filterObject = require("../utils/filterObject");
 var _StatusContext = require("../FormField/StatusContext");
 var _InputArea2 = _interopRequireDefault(require("./InputArea.semanticClassNames"));
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/InputArea/InputArea.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/InputArea/InputArea.tsx",
+  _InputArea;
 /**
  * General inputArea container
  */
 class InputArea extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
+    this.textArea = null;
     this._computedStyle = null;
+    this._defaultLineHeight = void 0;
     this.state = {
       focus: false,
       counter: (this.props.value || this.props.defaultValue || '').length,
@@ -49,16 +52,19 @@ class InputArea extends _react.default.PureComponent {
         [_constants.dataAttr.RESIZABLE]: !!resizable && !disabled,
         [_constants.dataAttr.HOVER]: !!forceHover,
         [_constants.dataAttr.FOCUS]: !!(forceFocus || this.state.focus)
-      }, (key, value) => !!value);
+      }, (_, value) => !!value);
     };
     this.focus = () => {
-      this.textArea && this.textArea.focus();
+      var _this$textArea;
+      (_this$textArea = this.textArea) == null || _this$textArea.focus();
     };
     this.blur = () => {
-      this.textArea && this.textArea.blur();
+      var _this$textArea2;
+      (_this$textArea2 = this.textArea) == null || _this$textArea2.blur();
     };
     this.select = () => {
-      this.textArea && this.textArea.select();
+      var _this$textArea3;
+      (_this$textArea3 = this.textArea) == null || _this$textArea3.select();
     };
     this.calculateComputedRows = () => {
       var {
@@ -69,7 +75,7 @@ class InputArea extends _react.default.PureComponent {
         computedRows: 1
       }, () => {
         var rowsCount = this._getRowsCount();
-        var computedRows = (0, _clamp.default)(rowsCount, minRowsAutoGrow, maxRowsAutoGrow);
+        var computedRows = (0, _clamp.default)(rowsCount, minRowsAutoGrow || InputArea.MIN_ROWS, maxRowsAutoGrow || InputArea.MAX_ROWS);
         this.setState({
           computedRows
         });
@@ -108,7 +114,9 @@ class InputArea extends _react.default.PureComponent {
       this.calculateComputedRows();
     };
     this._updateComputedStyle = (0, _debounce.default)(() => {
-      this._computedStyle = window.getComputedStyle(this.textArea);
+      if (this.textArea) {
+        this._computedStyle = window.getComputedStyle(this.textArea);
+      }
     }, 500, {
       leading: true
     });
@@ -117,35 +125,38 @@ class InputArea extends _react.default.PureComponent {
       return this._computedStyle;
     };
     this._getRowsCount = () => {
+      var _computedStyle$getPro, _computedStyle$getPro2, _this$textArea$scroll, _this$textArea4;
       var computedStyle = this._getComputedStyle();
-      var fontSize = parseInt(computedStyle.getPropertyValue('font-size'), 10);
-      var lineHeight = parseInt(computedStyle.getPropertyValue('line-height'), 10);
+      var fontSize = parseInt((_computedStyle$getPro = computedStyle == null ? void 0 : computedStyle.getPropertyValue('font-size')) !== null && _computedStyle$getPro !== void 0 ? _computedStyle$getPro : '', 10);
+      var lineHeight = parseInt((_computedStyle$getPro2 = computedStyle == null ? void 0 : computedStyle.getPropertyValue('line-height')) !== null && _computedStyle$getPro2 !== void 0 ? _computedStyle$getPro2 : '', 10);
       var lineHeightValue;
       if ((0, _isNaN.default)(lineHeight)) {
+        var _this$_getDefaultLine;
         if ((0, _isNaN.default)(fontSize)) {
           return InputArea.MIN_ROWS;
         }
-        lineHeightValue = this._getDefaultLineHeight() * fontSize;
+        lineHeightValue = (_this$_getDefaultLine = this._getDefaultLineHeight()) !== null && _this$_getDefaultLine !== void 0 ? _this$_getDefaultLine : 0 * fontSize;
       } else {
         lineHeightValue = lineHeight;
       }
-      return Math.floor(this.textArea.scrollHeight / lineHeightValue);
+      return Math.floor(((_this$textArea$scroll = (_this$textArea4 = this.textArea) == null ? void 0 : _this$textArea4.scrollHeight) !== null && _this$textArea$scroll !== void 0 ? _this$textArea$scroll : 0) / lineHeightValue);
     };
     this._getDefaultLineHeight = () => {
-      if (!this._defaultLineHeight) {
+      if (!this._defaultLineHeight && this.textArea) {
+        var _tempElement$parentNo;
         var {
           parentNode
         } = this.textArea;
         var computedStyles = this._getComputedStyle();
-        var fontFamily = computedStyles.getPropertyValue('font-family');
-        var fontSize = computedStyles.getPropertyValue('font-size');
+        var fontFamily = computedStyles == null ? void 0 : computedStyles.getPropertyValue('font-family');
+        var fontSize = computedStyles == null ? void 0 : computedStyles.getPropertyValue('font-size');
         var tempElement = document.createElement('span');
         var defaultStyles = 'position:absolute;display:inline;border:0;margin:0;padding:0;line-height:normal;';
         tempElement.setAttribute('style', "".concat(defaultStyles, "font-family:").concat(fontFamily, ";font-size:").concat(fontSize, ";"));
         tempElement.innerText = 'M';
-        parentNode.appendChild(tempElement);
-        this._defaultLineHeight = parseInt(tempElement.clientHeight, 10) / parseInt(fontSize, 10);
-        tempElement.parentNode.removeChild(tempElement);
+        parentNode == null || parentNode.appendChild(tempElement);
+        this._defaultLineHeight = parseInt(tempElement.clientHeight.toString(), 10) / parseInt(fontSize !== null && fontSize !== void 0 ? fontSize : '0', 10);
+        (_tempElement$parentNo = tempElement.parentNode) == null || _tempElement$parentNo.removeChild(tempElement);
       }
       return this._defaultLineHeight;
     };
@@ -165,7 +176,8 @@ class InputArea extends _react.default.PureComponent {
      * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.
      */
     if (autoFocus && !!value) {
-      this.textArea.setSelectionRange(value.length, value.length);
+      var _this$textArea5;
+      (_this$textArea5 = this.textArea) == null || _this$textArea5.setSelectionRange(value.length, value.length);
     }
   }
   componentDidUpdate(prevProps) {
@@ -236,7 +248,7 @@ class InputArea extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
+        lineNumber: 222,
         columnNumber: 7
       }
     }, statusContext => {
@@ -258,7 +270,7 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 164,
+          lineNumber: 227,
           columnNumber: 13
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -266,15 +278,16 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 182,
+          lineNumber: 245,
           columnNumber: 15
         }
       }, typeof children === 'function' ? children({
-        rows: rowsAttr,
+        className: '',
+        rows: rowsAttr || 0,
         ref: _ref2 => this.textArea = _ref2,
-        onFocus: this._onFocus,
-        onBlur: this._onBlur,
-        onKeyDown: this._onKeyDown,
+        onFocus: e => this._onFocus(e),
+        onBlur: e => this._onBlur(e),
+        onKeyDown: e => this._onKeyDown(e),
         onInput
       }) : /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
         rows: rowsAttr,
@@ -303,7 +316,7 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 198,
+          lineNumber: 267,
           columnNumber: 19
         }
       })), hasCounter && maxLength && /*#__PURE__*/_react.default.createElement("span", {
@@ -312,7 +325,7 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 228,
+          lineNumber: 297,
           columnNumber: 19
         }
       }, this.state.counter, "/", maxLength)), /*#__PURE__*/_react.default.createElement("div", {
@@ -320,12 +333,12 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 235,
+          lineNumber: 304,
           columnNumber: 15
         }
       }, (!!status || finalStatus === _StatusIndicator2.STATUS.LOADING) && !disabled && /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
         dataHook: _constants.dataHooks.tooltip,
-        status: finalStatus,
+        status: finalStatus !== null && finalStatus !== void 0 ? finalStatus : undefined,
         message: statusMessage,
         tooltipProps: {
           placement: tooltipPlacement
@@ -333,106 +346,64 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 237,
+          lineNumber: 306,
           columnNumber: 19
         }
       })));
     });
   }
 }
+_InputArea = InputArea;
 // For autoGrow prop min rows is 2 so the textarea does not look like an input
 InputArea.MIN_ROWS = 2;
 // For autoGrow prop max rows is Infinity to keep backwards compatibility
 InputArea.MAX_ROWS = Number.POSITIVE_INFINITY;
 InputArea.displayName = 'InputArea';
 InputArea.defaultProps = {
-  minRowsAutoGrow: InputArea.MIN_ROWS,
-  maxRowsAutoGrow: InputArea.MAX_ROWS,
+  minRowsAutoGrow: _InputArea.MIN_ROWS,
+  maxRowsAutoGrow: _InputArea.MAX_ROWS,
   size: 'medium'
 };
 InputArea.propTypes = {
-  /** Applies a data-hook HTML attribute that can be used in the tests. */
   dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
-
   className: _propTypes.default.string,
-  /** Specifies custom textarea render function */
   children: _propTypes.default.func,
-  /** Associate a control with the regions that it controls. */
   ariaControls: _propTypes.default.string,
-  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */
   ariaDescribedby: _propTypes.default.string,
-  /** Define a string that labels the current element in case where a text label is not visible on the screen. */
   ariaLabel: _propTypes.default.string,
-  /** Focus the element on mount (standard React input autoFocus). */
   autoFocus: _propTypes.default.bool,
-  /** Controls the size of the input. */
   size: _propTypes.default.oneOf(['small', 'medium']),
-  /** Sets a default value for those who want to use this component un-controlled. */
   defaultValue: _propTypes.default.string,
-  /** Specifies whether input should be disabled. */
   disabled: _propTypes.default.bool,
-  /** Specifies the status of a field. */
   status: _propTypes.default.oneOf(['error', 'warning', 'loading']),
-  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
   statusMessage: _propTypes.default.node,
-  /** USED FOR TESTING. Forces focus state on the input. */
   forceFocus: _propTypes.default.bool,
-  /** USED FOR TESTING. Forces hover state on the input. */
   forceHover: _propTypes.default.bool,
-  /** Specifies whether character count is enabled. */
   hasCounter: _propTypes.default.bool,
-  /** Assigns an unique identifier for the root element. */
   id: _propTypes.default.string,
-  /** Reference element data when a form is submitted. */
   name: _propTypes.default.string,
-  /** Sets the maximum height of an area in pixels. */
   maxHeight: _propTypes.default.string,
-  /** Defines the maximum text length in number of characters. */
   maxLength: _propTypes.default.number,
-  /** Sets the minimum height of an area in pixels. */
   minHeight: _propTypes.default.string,
-  /** Defines a standard input onBlur callback */
   onBlur: _propTypes.default.func,
-  /** Defines a standard input onChange callback. */
   onChange: _propTypes.default.func,
-  /** Defines a callback handler that is called when user presses enter. */
   onEnterPressed: _propTypes.default.func,
-  /** Defines a callback handler that is called when user presses escape. */
   onEscapePressed: _propTypes.default.func,
-  /** Defines a standard input onFocus callback. */
   onFocus: _propTypes.default.func,
-  /** Defines a standard input onKeyDown callback. */
   onKeyDown: _propTypes.default.func,
-  /** Defines a standard input onKeyUp callback. */
   onKeyUp: _propTypes.default.func,
-  /** Defines a standard input onCompositionStart callback. */
   onCompositionStart: _propTypes.default.func,
-  /** Defines a standard input onCompositionEnd callback. */
   onCompositionEnd: _propTypes.default.func,
-  /** Sets a placeholder message to display. */
   placeholder: _propTypes.default.string,
-  /** Specifies whether input is read only. */
   readOnly: _propTypes.default.bool,
-  /** Specifies whether area can be manually resized by the user. */
   resizable: _propTypes.default.bool,
-  /** Sets initial height of an area to fit a specified number of rows. */
   rows: _propTypes.default.number,
-  /** Specifies whether area should grow and shrink according to user input. */
   autoGrow: _propTypes.default.bool,
-  /** Sets the minimum amount of rows the component can have in `autoGrow` mode */
   minRowsAutoGrow: _propTypes.default.number,
-  /** Sets the maximum amount of rows the component can have in `autoGrow` mode */
   maxRowsAutoGrow: _propTypes.default.number,
-  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */
   tabIndex: _propTypes.default.number,
-  /** Controls placement of a status tooltip. */
   tooltipPlacement: _propTypes.default.string,
-  /** Defines input value. */
   value: _propTypes.default.string,
-  /** Specifies whether the input area is a mandatory field. */
   required: _propTypes.default.bool
 };
 var _default = exports.default = InputArea;