@wix/design-system 1.155.0 → 1.157.0

package/dist/esm/Text/Caption.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Caption";
+var _namespace_ = "wds_1_157_0_Caption";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Caption__root","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_155_0_StylableTypography__text-tiny-bold","c1":"wds_1_155_0_Caption__c1","c2":"wds_1_155_0_Caption__c2"};
+export var classes = {"root":"wds_1_157_0_Caption__root","text-medium-bold":"wds_1_157_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_157_0_StylableTypography__text-tiny-bold","c1":"wds_1_157_0_Caption__c1","c2":"wds_1_157_0_Caption__c2"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Text/Text.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Text";
+var _namespace_ = "wds_1_157_0_Text";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Text__root","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_155_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_155_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_155_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_155_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_155_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold"};
+export var classes = {"root":"wds_1_157_0_Text__root","text-tiny-thin":"wds_1_157_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_157_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_157_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_157_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_157_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_157_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_157_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_157_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_157_0_StylableTypography__text-medium-bold"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TextButton/TextButton.st.css.js

@@ -10,7 +10,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_TextButton";
+var _namespace_ = "wds_1_157_0_TextButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_TextButton__root","mobile":"wds_1_155_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_155_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_155_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_155_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_155_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_155_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold"};
+export var classes = {"root":"wds_1_157_0_TextButton__root","mobile":"wds_1_157_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_157_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_157_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_157_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_157_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_157_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_157_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_157_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_157_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_157_0_StylableTypography__text-medium-bold"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/Brand.st.css.js

@@ -13,7 +13,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Brand";
+var _namespace_ = "wds_1_157_0_Brand";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Brand__root"};
+export var classes = {"root":"wds_1_157_0_Brand__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/Foundations/colors.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_155_0_BrandColors";
+var _namespace_ = "wds_1_157_0_BrandColors";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_BrandColors__root"};
+export var classes = {"root":"wds_1_157_0_BrandColors__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/components/Button/Button.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_155_0_BrandButton";
+var _namespace_ = "wds_1_157_0_BrandButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_BrandButton__root"};
+export var classes = {"root":"wds_1_157_0_BrandButton__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/components/Heading/Heading.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_155_0_BrandHeading";
+var _namespace_ = "wds_1_157_0_BrandHeading";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_BrandHeading__root","heading-h1":"wds_1_155_0_StylableTypography__heading-h1","heading-h2":"wds_1_155_0_StylableTypography__heading-h2"};
+export var classes = {"root":"wds_1_157_0_BrandHeading__root","heading-h1":"wds_1_157_0_StylableTypography__heading-h1","heading-h2":"wds_1_157_0_StylableTypography__heading-h2"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/components/InputWithLabel/InputWithLabel.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_155_0_BrandInputWithLabel";
+var _namespace_ = "wds_1_157_0_BrandInputWithLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_BrandInputWithLabel__root","disabled":"wds_1_155_0_BrandInputWithLabel__disabled"};
+export var classes = {"root":"wds_1_157_0_BrandInputWithLabel__root","disabled":"wds_1_157_0_BrandInputWithLabel__disabled"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/components/InputWithLabel/LabelledElement.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_155_0_BrandLabelledElement";
+var _namespace_ = "wds_1_157_0_BrandLabelledElement";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_BrandLabelledElement__root","label":"wds_1_155_0_LabelledElement__label","labelText":"wds_1_155_0_LabelledElement__labelText"};
+export var classes = {"root":"wds_1_157_0_BrandLabelledElement__root","label":"wds_1_157_0_LabelledElement__label","labelText":"wds_1_157_0_LabelledElement__labelText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/components/Text/Text.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_155_0_BrandText";
+var _namespace_ = "wds_1_157_0_BrandText";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_BrandText__root"};
+export var classes = {"root":"wds_1_157_0_BrandText__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Thumbnail/Thumbnail.st.css.js

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Thumbnail";
+var _namespace_ = "wds_1_157_0_Thumbnail";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Thumbnail__root","thumbnail":"wds_1_155_0_Thumbnail__thumbnail","imageContainer":"wds_1_155_0_Thumbnail__imageContainer","selectedIcon":"wds_1_155_0_Thumbnail__selectedIcon","customChild":"wds_1_155_0_Thumbnail__customChild","contentContainer":"wds_1_155_0_Thumbnail__contentContainer","thumbnailTextContent":"wds_1_155_0_Thumbnail__thumbnailTextContent","title":"wds_1_155_0_Thumbnail__title","description":"wds_1_155_0_Thumbnail__description","bottomTitle":"wds_1_155_0_Thumbnail__bottomTitle","image":"wds_1_155_0_Thumbnail__image","backgroundImage":"wds_1_155_0_Thumbnail__backgroundImage"};
+export var classes = {"root":"wds_1_157_0_Thumbnail__root","thumbnail":"wds_1_157_0_Thumbnail__thumbnail","imageContainer":"wds_1_157_0_Thumbnail__imageContainer","selectedIcon":"wds_1_157_0_Thumbnail__selectedIcon","customChild":"wds_1_157_0_Thumbnail__customChild","contentContainer":"wds_1_157_0_Thumbnail__contentContainer","thumbnailTextContent":"wds_1_157_0_Thumbnail__thumbnailTextContent","title":"wds_1_157_0_Thumbnail__title","description":"wds_1_157_0_Thumbnail__description","bottomTitle":"wds_1_157_0_Thumbnail__bottomTitle","image":"wds_1_157_0_Thumbnail__image","backgroundImage":"wds_1_157_0_Thumbnail__backgroundImage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TimeInput/TimeInput.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_TimeInput";
+var _namespace_ = "wds_1_157_0_TimeInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_TimeInput__root"};
+export var classes = {"root":"wds_1_157_0_TimeInput__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TimeTable/TimeTable.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_TimeTable";
+var _namespace_ = "wds_1_157_0_TimeTable";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_TimeTable__root","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_155_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_155_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","column":"wds_1_155_0_TimeTable__column","header":"wds_1_155_0_TimeTable__header","title":"wds_1_155_0_TimeTable__title","subtitle":"wds_1_155_0_TimeTable__subtitle","item":"wds_1_155_0_TimeTable__item","actionsContainer":"wds_1_155_0_TimeTable__actionsContainer","addItemButton":"wds_1_155_0_TimeTable__addItemButton","addItemLabel":"wds_1_155_0_TimeTable__addItemLabel","headerContainer":"wds_1_155_0_TimeTable__headerContainer","contentContainer":"wds_1_155_0_TimeTable__contentContainer","content":"wds_1_155_0_TimeTable__content"};
+export var classes = {"root":"wds_1_157_0_TimeTable__root","text-medium-thin":"wds_1_157_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_157_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_157_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_157_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_157_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_157_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_157_0_defaultscrollbar__defaultScrollBar","column":"wds_1_157_0_TimeTable__column","header":"wds_1_157_0_TimeTable__header","title":"wds_1_157_0_TimeTable__title","subtitle":"wds_1_157_0_TimeTable__subtitle","item":"wds_1_157_0_TimeTable__item","actionsContainer":"wds_1_157_0_TimeTable__actionsContainer","addItemButton":"wds_1_157_0_TimeTable__addItemButton","addItemLabel":"wds_1_157_0_TimeTable__addItemLabel","headerContainer":"wds_1_157_0_TimeTable__headerContainer","contentContainer":"wds_1_157_0_TimeTable__contentContainer","content":"wds_1_157_0_TimeTable__content"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TimeTable/components/Item.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_TimeTableItem";
+var _namespace_ = "wds_1_157_0_TimeTableItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_TimeTableItem__root","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin"};
+export var classes = {"root":"wds_1_157_0_TimeTableItem__root","text-tiny-thin":"wds_1_157_0_StylableTypography__text-tiny-thin"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Timeline/Timeline.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Timeline";
+var _namespace_ = "wds_1_157_0_Timeline";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Timeline__root"};
+export var classes = {"root":"wds_1_157_0_Timeline__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Timeline/TimelineItem.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_TimelineItem";
+var _namespace_ = "wds_1_157_0_TimelineItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_TimelineItem__root","event":"wds_1_155_0_TimelineItem__event","prefix":"wds_1_155_0_TimelineItem__prefix","line":"wds_1_155_0_TimelineItem__line","defaultIndicator":"wds_1_155_0_TimelineItem__defaultIndicator","label":"wds_1_155_0_TimelineItem__label","labelText":"wds_1_155_0_TimelineItem__labelText","suffix":"wds_1_155_0_TimelineItem__suffix","labelAction":"wds_1_155_0_TimelineItem__labelAction"};
+export var classes = {"root":"wds_1_157_0_TimelineItem__root","event":"wds_1_157_0_TimelineItem__event","prefix":"wds_1_157_0_TimelineItem__prefix","line":"wds_1_157_0_TimelineItem__line","defaultIndicator":"wds_1_157_0_TimelineItem__defaultIndicator","label":"wds_1_157_0_TimelineItem__label","labelText":"wds_1_157_0_TimelineItem__labelText","suffix":"wds_1_157_0_TimelineItem__suffix","labelAction":"wds_1_157_0_TimelineItem__labelAction"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"listItemHeight":"18px","inidicatorSize":"7px"}; 
-export var vars = {"listItemHeight":"--wds_1_155_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_155_0_TimelineItem-marginBottom"}; 
+export var vars = {"listItemHeight":"--wds_1_157_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_157_0_TimelineItem-marginBottom"}; 
 
 
 

package/dist/esm/Toast/Toast.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Toast";
+var _namespace_ = "wds_1_157_0_Toast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Toast__root","content":"wds_1_155_0_Toast__content","dismiss":"wds_1_155_0_Toast__dismiss"};
+export var classes = {"root":"wds_1_157_0_Toast__root","content":"wds_1_157_0_Toast__content","dismiss":"wds_1_157_0_Toast__dismiss"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToastContainer/ToastContainer.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToastContainer";
+var _namespace_ = "wds_1_157_0_ToastContainer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToastContainer__root"};
+export var classes = {"root":"wds_1_157_0_ToastContainer__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleButton/ToggleButton.st.css.js

@@ -9,7 +9,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToggleButton";
+var _namespace_ = "wds_1_157_0_ToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToggleButton__root","label":"wds_1_155_0_ToggleButton__label","icon":"wds_1_155_0_ToggleButton__icon","labelContainer":"wds_1_155_0_ToggleButton__labelContainer","tooltip":"wds_1_155_0_ToggleButton__tooltip"};
+export var classes = {"root":"wds_1_157_0_ToggleButton__root","label":"wds_1_157_0_ToggleButton__label","icon":"wds_1_157_0_ToggleButton__icon","labelContainer":"wds_1_157_0_ToggleButton__labelContainer","tooltip":"wds_1_157_0_ToggleButton__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitch.st.css.js

@@ -10,7 +10,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToggleSwitch";
+var _namespace_ = "wds_1_157_0_ToggleSwitch";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToggleSwitch__root"};
+export var classes = {"root":"wds_1_157_0_ToggleSwitch__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_157_0_ToggleSwitchCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToggleSwitchCore__root","input":"wds_1_155_0_ToggleSwitchCore__input","track":"wds_1_155_0_ToggleSwitchCore__track","knob":"wds_1_155_0_ToggleSwitchCore__knob","knobIcon":"wds_1_155_0_ToggleSwitchCore__knobIcon"};
+export var classes = {"root":"wds_1_157_0_ToggleSwitchCore__root","input":"wds_1_157_0_ToggleSwitchCore__input","track":"wds_1_157_0_ToggleSwitchCore__track","knob":"wds_1_157_0_ToggleSwitchCore__knob","knobIcon":"wds_1_157_0_ToggleSwitchCore__knobIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_157_0_ToggleSwitchCoreColor";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToggleSwitchCoreColor__root"};
+export var classes = {"root":"wds_1_157_0_ToggleSwitchCoreColor__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_157_0_ToggleSwitchCoreLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToggleSwitchCoreLayout__root"};
+export var classes = {"root":"wds_1_157_0_ToggleSwitchCoreLayout__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_157_0_ToggleSwitchCoreStyle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_ToggleSwitchCoreStyle__root"};
+export var classes = {"root":"wds_1_157_0_ToggleSwitchCoreStyle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Tooltip/Tooltip.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Tooltip";
+var _namespace_ = "wds_1_157_0_Tooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Tooltip__root","text-small-normal":"wds_1_155_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text":"wds_1_155_0_Tooltip__text"};
+export var classes = {"root":"wds_1_157_0_Tooltip__root","text-small-normal":"wds_1_157_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_157_0_StylableTypography__text-tiny-thin","text":"wds_1_157_0_Tooltip__text"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TopBanner/TopBanner.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_TopBanner";
+var _namespace_ = "wds_1_157_0_TopBanner";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_TopBanner__root","contentContainer":"wds_1_155_0_TopBanner__contentContainer","action":"wds_1_155_0_TopBanner__action"};
+export var classes = {"root":"wds_1_157_0_TopBanner__root","contentContainer":"wds_1_157_0_TopBanner__contentContainer","action":"wds_1_157_0_TopBanner__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TrendIndicator/{constants.js → TrendIndicator.constants.js}

@@ -4,4 +4,4 @@ export const dataHooks = {
     trendIndicatorUp: 'trendIndicator-sort-up-icon',
     trendIndicatorDown: 'trendIndicator-sort-down-icon',
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=TrendIndicator.constants.js.map

package/dist/esm/TrendIndicator/TrendIndicator.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendIndicator.constants.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,sBAAsB;IAC3C,kBAAkB,EAAE,qBAAqB;IACzC,gBAAgB,EAAE,6BAA6B;IAC/C,kBAAkB,EAAE,+BAA+B;CACpD,CAAC"}

package/dist/esm/TrendIndicator/TrendIndicator.js

@@ -1,55 +1,41 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { SortByArrowUp, SortByArrowDown, } from '@wix/wix-ui-icons-common/system';
-import { st, classes } from './TrendIndicator.st.css.js';
-import { dataHooks } from './constants';
 import { supportedWixlocales } from 'wix-design-systems-locale-utils';
+import { st, classes } from './TrendIndicator.st.css.js';
+import { dataHooks } from './TrendIndicator.constants';
 import { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';
-/** TrendIndicator */
-class TrendIndicator extends React.PureComponent {
-    render() {
-        const { value, inverted, className, dataHook, format } = this.props;
-        const locale = this.props.locale || this.context.locale;
-        if (isNaN(Number(value))) {
-            return null;
-        }
-        let skin = 'neutral';
-        let trendIcon = null;
-        if (value > 0) {
-            trendIcon = React.createElement(SortByArrowUp, { "data-hook": dataHooks.trendIndicatorUp });
-            skin = !inverted ? 'positive' : 'negative';
-        }
-        else if (value < 0) {
-            trendIcon = React.createElement(SortByArrowDown, { "data-hook": dataHooks.trendIndicatorDown });
-            skin = !inverted ? 'negative' : 'positive';
-        }
-        return (React.createElement("div", { className: st(classes.root, { skin }, className), "data-hook": dataHook },
-            React.createElement("div", { className: classes.caption },
-                !!value && (React.createElement("span", { className: classes.icon, "data-hook": dataHooks.trendIndicatorIcon }, trendIcon)),
-                React.createElement("span", { "data-hook": dataHooks.trendIndicatorValue }, new Intl.NumberFormat(locale, { style: format }).format(Math.abs(value) / (format === 'percent' ? 100 : 1))))));
+const TrendIndicatorInner = ({ value, inverted = false, className, dataHook, locale, format = 'percent', }) => {
+    const context = useContext(WixStyleReactEnvironmentContext);
+    const effectiveLocale = locale || context.locale;
+    if (isNaN(Number(value))) {
+        return null;
+    }
+    let skin = 'neutral';
+    let trendIcon = null;
+    if (value > 0) {
+        trendIcon = React.createElement(SortByArrowUp, { "data-hook": dataHooks.trendIndicatorUp });
+        skin = !inverted ? 'positive' : 'negative';
     }
-}
+    else if (value < 0) {
+        trendIcon = React.createElement(SortByArrowDown, { "data-hook": dataHooks.trendIndicatorDown });
+        skin = !inverted ? 'negative' : 'positive';
+    }
+    return (React.createElement("div", { className: st(classes.root, { skin }, className), "data-hook": dataHook },
+        React.createElement("div", { className: classes.caption },
+            !!value && (React.createElement("span", { className: classes.icon, "data-hook": dataHooks.trendIndicatorIcon }, trendIcon)),
+            React.createElement("span", { "data-hook": dataHooks.trendIndicatorValue }, new Intl.NumberFormat(effectiveLocale, { style: format }).format(Math.abs(value) / (format === 'percent' ? 100 : 1))))));
+};
+const TrendIndicator = (props) => (React.createElement(WixStyleReactEnvironmentContext.Provider, { value: { locale: 'en' } },
+    React.createElement(TrendIndicatorInner, { ...props })));
 TrendIndicator.displayName = 'TrendIndicator';
-TrendIndicator.contextType = WixStyleReactEnvironmentContext;
 TrendIndicator.propTypes = {
-    /** Applied as data-hook HTML attribute that can be used in the tests */
     dataHook: PropTypes.string,
-    /** Specifies a CSS class name to be appended to the component’s root element.
-     * @internal
-     */
     className: PropTypes.string,
-    /** A number to be displayed as the trend, a positive number will be green with an arrow facing up and a negative number will be red with an arrow facing down */
     value: PropTypes.number.isRequired,
-    /** Invert color and arrow direction. */
     inverted: PropTypes.bool,
-    /** Locale */
     locale: PropTypes.oneOf(supportedWixlocales),
-    /** Allow showing value as percentage or as absolute number */
     format: PropTypes.oneOf(['percent', 'decimal']),
 };
-TrendIndicator.defaultProps = {
-    inverted: false,
-    format: 'percent',
-};
 export default TrendIndicator;
 //# sourceMappingURL=TrendIndicator.js.map

package/dist/esm/TrendIndicator/TrendIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrendIndicator.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"TrendIndicator.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.tsx"],"names":[],"mappings":"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"}