@wix/design-system 1.175.0 → 1.176.0

package/dist/cjs/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_175_0_PopoverNextContent";
+var _namespace_ = "wds_1_176_0_PopoverNextContent";
 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_175_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_176_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_PreviewWidget";
+var _namespace_ = "wds_1_176_0_PreviewWidget";
 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_175_0_PreviewWidget__root","contentArea":"wds_1_175_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_176_0_PreviewWidget__root","contentArea":"wds_1_176_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_Proportion";
+var _namespace_ = "wds_1_176_0_Proportion";
 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_175_0_Proportion__root","ratioHolder":"wds_1_175_0_Proportion__ratioHolder","contentWrapper":"wds_1_175_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_176_0_Proportion__root","ratioHolder":"wds_1_176_0_Proportion__ratioHolder","contentWrapper":"wds_1_176_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_PulseAnimation";
+var _namespace_ = "wds_1_176_0_PulseAnimation";
 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_175_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_175_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_175_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_175_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_175_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_175_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_175_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_175_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_175_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_176_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_176_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_176_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_176_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_176_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_176_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_176_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_176_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_176_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_RadarChart";
+var _namespace_ = "wds_1_176_0_RadarChart";
 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_175_0_RadarChart__root","text-tiny-thin":"wds_1_175_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_175_0_StylableTypography__text-small-thin","axis":"wds_1_175_0_RadarChart__axis","axisLabel":"wds_1_175_0_RadarChart__axisLabel","circles":"wds_1_175_0_RadarChart__circles","scaleLabel":"wds_1_175_0_RadarChart__scaleLabel","dataPoint":"wds_1_175_0_RadarChart__dataPoint","tooltip":"wds_1_175_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_176_0_RadarChart__root","text-tiny-thin":"wds_1_176_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_176_0_StylableTypography__text-small-thin","axis":"wds_1_176_0_RadarChart__axis","axisLabel":"wds_1_176_0_RadarChart__axisLabel","circles":"wds_1_176_0_RadarChart__circles","scaleLabel":"wds_1_176_0_RadarChart__scaleLabel","dataPoint":"wds_1_176_0_RadarChart__dataPoint","tooltip":"wds_1_176_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_Radio";
+var _namespace_ = "wds_1_176_0_Radio";
 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_175_0_Radio__root","input":"wds_1_175_0_Radio__input","icon":"wds_1_175_0_Radio__icon","label":"wds_1_175_0_Radio__label","labelText":"wds_1_175_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_176_0_Radio__root","input":"wds_1_176_0_Radio__input","icon":"wds_1_176_0_Radio__icon","label":"wds_1_176_0_Radio__label","labelText":"wds_1_176_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_RadioGroup";
+var _namespace_ = "wds_1_176_0_RadioGroup";
 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_175_0_RadioGroup__root","mobile":"wds_1_175_0_WixDesignSystemProvider__mobile","radio":"wds_1_175_0_RadioGroup__radio","radioContainer":"wds_1_175_0_RadioGroup__radioContainer","optionContainer":"wds_1_175_0_RadioGroup__optionContainer","content":"wds_1_175_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_176_0_RadioGroup__root","mobile":"wds_1_176_0_WixDesignSystemProvider__mobile","radio":"wds_1_176_0_RadioGroup__radio","radioContainer":"wds_1_176_0_RadioGroup__radioContainer","optionContainer":"wds_1_176_0_RadioGroup__optionContainer","content":"wds_1_176_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_Range";
+var _namespace_ = "wds_1_176_0_Range";
 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_175_0_Range__root","firstinput":"wds_1_175_0_Range__firstinput","firstDate":"wds_1_175_0_Range__firstDate","lastinput":"wds_1_175_0_Range__lastinput","lastDate":"wds_1_175_0_Range__lastDate","label":"wds_1_175_0_Range__label","inputWrapper":"wds_1_175_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_176_0_Range__root","firstinput":"wds_1_176_0_Range__firstinput","firstDate":"wds_1_176_0_Range__firstDate","lastinput":"wds_1_176_0_Range__lastinput","lastDate":"wds_1_176_0_Range__lastDate","label":"wds_1_176_0_Range__label","inputWrapper":"wds_1_176_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_175_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_176_0_RichTextInputAreaForm";
 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_175_0_RichTextInputAreaForm__root","footer":"wds_1_175_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_176_0_RichTextInputAreaForm__root","footer":"wds_1_176_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_RichTextInputArea";
+var _namespace_ = "wds_1_176_0_RichTextInputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_175_0_RichTextInputArea__root","text-medium-thin":"wds_1_175_0_StylableTypography__text-medium-thin","font-medium":"wds_1_175_0_RichTextInputArea__font-medium","link":"wds_1_175_0_RichTextInputArea__link","toolbar":"wds_1_175_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_175_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_175_0_RichTextInputArea__statusIndicator"};
+module.exports.classes = {"root":"wds_1_176_0_RichTextInputArea__root","text-medium-thin":"wds_1_176_0_StylableTypography__text-medium-thin","font-medium":"wds_1_176_0_RichTextInputArea__font-medium","link":"wds_1_176_0_RichTextInputArea__link","toolbar":"wds_1_176_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_176_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_176_0_RichTextInputArea__statusIndicator"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"minWidth":"378px","minHeight":"72px","backgroundColor":"var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF))","border":"1px solid var(--wds-color-border-standard-secondary, var(--wsr-color-B30, #A8CAFF))","borderRadius":"var(--wds-input-border-radius-default-medium, 6px)","padding":"var(--wds-input-padding-vertical-medium, 12px) var(--wds-input-padding-horizontal-medium, 12px)","errorBorderColor":"var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))"}; 
-module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-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-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":"--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":"--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-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","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-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_175_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_175_0_RichTextInputArea-maxHeight"}; 
+module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-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-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":"--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":"--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-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","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-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_176_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_176_0_RichTextInputArea-maxHeight"}; 
 
 
 

package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_175_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_176_0_RichTextToolbarButton";
 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_175_0_RichTextToolbarButton__root","button":"wds_1_175_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_176_0_RichTextToolbarButton__root","button":"wds_1_176_0_RichTextToolbarButton__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_Search";
+var _namespace_ = "wds_1_176_0_Search";
 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_175_0_Search__root","content":"wds_1_175_0_Search__content"};
+module.exports.classes = {"root":"wds_1_176_0_Search__root","content":"wds_1_176_0_Search__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_SectionHeader";
+var _namespace_ = "wds_1_176_0_SectionHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_175_0_SectionHeader__root","title":"wds_1_175_0_SectionHeader__title","titleText":"wds_1_175_0_SectionHeader__titleText","suffix":"wds_1_175_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_176_0_SectionHeader__root","title":"wds_1_176_0_SectionHeader__title","titleText":"wds_1_176_0_SectionHeader__titleText","suffix":"wds_1_176_0_SectionHeader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_175_0_SectionHeader-color-bg","color-border":"--wds_1_175_0_SectionHeader-color-border"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_176_0_SectionHeader-color-bg","color-border":"--wds_1_176_0_SectionHeader-color-border"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_SectionHelper";
+var _namespace_ = "wds_1_176_0_SectionHelper";
 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_175_0_SectionHelper__root","content":"wds_1_175_0_SectionHelper__content","close":"wds_1_175_0_SectionHelper__close","prefix":"wds_1_175_0_SectionHelper__prefix","textContainer":"wds_1_175_0_SectionHelper__textContainer","title":"wds_1_175_0_SectionHelper__title","action":"wds_1_175_0_SectionHelper__action","text":"wds_1_175_0_SectionHelper__text"};
+module.exports.classes = {"root":"wds_1_176_0_SectionHelper__root","content":"wds_1_176_0_SectionHelper__content","close":"wds_1_176_0_SectionHelper__close","prefix":"wds_1_176_0_SectionHelper__prefix","textContainer":"wds_1_176_0_SectionHelper__textContainer","title":"wds_1_176_0_SectionHelper__title","action":"wds_1_176_0_SectionHelper__action","text":"wds_1_176_0_SectionHelper__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SegmentedToggle/SegmentedToggle.js

@@ -10,7 +10,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SegmentedToggleSt = require("./SegmentedToggle.st.css.js");
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton/ToggleButton"));
 var _ToggleIcon = _interopRequireDefault(require("./ToggleIcon/ToggleIcon"));
-var _context = require("../WixDesignSystemProvider/context");
 var _excluded = ["dataHook", "children", "disabled", "size", "defaultSelected", "onClick", "selected"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SegmentedToggle/SegmentedToggle.js";
 class SegmentedToggle extends _react.default.Component {
@@ -50,7 +49,7 @@ class SegmentedToggle extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 62,
+            lineNumber: 61,
             columnNumber: 9
           }
         });
@@ -83,33 +82,20 @@ class SegmentedToggle extends _react.default.Component {
       size
     }));
     childrenNodes = this._addDividers(childrenNodes, disabled);
-    return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
+      "data-hook": dataHook,
+      "data-size": size,
+      className: (0, _SegmentedToggleSt.st)(_SegmentedToggleSt.classes.root, {
+        disabled,
+        size
+      }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 105,
         columnNumber: 7
       }
-    }, _ref => {
-      var {
-        newColorsBranding
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-        "data-hook": dataHook,
-        "data-size": size,
-        className: (0, _SegmentedToggleSt.st)(_SegmentedToggleSt.classes.root, {
-          disabled,
-          size,
-          newColorsBranding
-        }),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 108,
-          columnNumber: 11
-        }
-      }), childrenNodes);
-    });
+    }), childrenNodes);
   }
 }
 SegmentedToggle.displayName = 'SegmentedToggle';

package/dist/cjs/SegmentedToggle/SegmentedToggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SegmentedToggleSt","_ToggleButton","_ToggleIcon","_context","_excluded","_jsxFileName","SegmentedToggle","React","Component","constructor","arguments","state","selected","props","defaultSelected","_onClick","evt","onClick","value","currentTarget","setState","_addDividers","childrenNodes","disabled","childrenNodesWithDividers","isTransparent","childNode1","childNode2","i","length","transparent","divider","default","createElement","key","concat","className","st","classes","__self","__source","fileName","lineNumber","columnNumber","push","lastChild","render","_this$props","dataHook","children","size","rest","_objectWithoutProperties2","selection","Children","map","child","index","cloneElement","WixDesignSystemContext","Consumer","_ref","newColorsBranding","_extends2","root","displayName","propTypes","PropTypes","string","node","oneOf","func","bool","array","isRequired","defaultProps","Button","ToggleButton","Icon","ToggleIcon","_default","exports"],"sources":["../../../src/SegmentedToggle/SegmentedToggle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './SegmentedToggle.st.css';\nimport ToggleButton from './ToggleButton/ToggleButton';\nimport ToggleIcon from './ToggleIcon/ToggleIcon';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\nclass SegmentedToggle extends React.Component {\n  static displayName = 'SegmentedToggle';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** Specifies the initially selected option */\n    defaultSelected: PropTypes.node,\n    /** Specifies whether an option is selected */\n    selected: PropTypes.node,\n    /** Controls the size of the segmented toggle */\n    size: PropTypes.oneOf(['medium', 'small']),\n    /** Defines a callback function which is called every time option is clicked. Returns a selected element and its value. */\n    onClick: PropTypes.func,\n    /** Specifies whether interactions are disabled. */\n    disabled: PropTypes.bool,\n    /** Accepts <SegmentedToggle.Icon/> or <SegmentedToggle.Button/> as child items to list down available options */\n    children: PropTypes.array.isRequired,\n  };\n\n  static defaultProps = {\n    children: [],\n    size: 'medium',\n  };\n\n  state = {\n    selected: this.props.defaultSelected,\n  };\n\n  _onClick = evt => {\n    const { onClick, selected } = this.props;\n    const { value } = evt.currentTarget;\n\n    if (selected) {\n      return onClick && onClick(evt, value);\n    }\n\n    this.setState({ selected: value }, () => onClick && onClick(evt, value));\n  };\n\n  _addDividers = (childrenNodes, disabled) => {\n    const childrenNodesWithDividers = [];\n\n    const isTransparent = (childNode1, childNode2) =>\n      childNode1.props.selected !== childNode2.props.selected;\n\n    for (let i = 0; i < childrenNodes.length - 1; i++) {\n      const childNode1 = childrenNodes[i];\n      const childNode2 = childrenNodes[i + 1];\n\n      const transparent = isTransparent(childNode1, childNode2);\n\n      const divider = (\n        <div\n          key={`divider-${i}`}\n          className={st(classes.divider, { disabled, transparent })}\n        />\n      );\n\n      childrenNodesWithDividers.push(childNode1, divider);\n    }\n\n    const lastChild = childrenNodes[childrenNodes.length - 1];\n\n    childrenNodesWithDividers.push(lastChild);\n\n    return childrenNodesWithDividers;\n  };\n\n  render() {\n    const {\n      dataHook,\n      children,\n      disabled,\n      size,\n      defaultSelected,\n      onClick,\n      selected,\n      ...rest\n    } = this.props;\n\n    const selection = selected || this.state.selected;\n\n    let childrenNodes = React.Children.map(children, (child, index) =>\n      React.cloneElement(child, {\n        disabled,\n        'data-click': `segmented-toggle-${index + 1}`,\n        'aria-selected': child.props.value === selection,\n        onClick: this._onClick,\n        selected: child.props.value === selection,\n        size,\n      }),\n    );\n\n    childrenNodes = this._addDividers(childrenNodes, disabled);\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            {...rest}\n            data-hook={dataHook}\n            data-size={size}\n            className={st(classes.root, { disabled, size, newColorsBranding })}\n          >\n            {childrenNodes}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nSegmentedToggle.Button = ToggleButton;\nSegmentedToggle.Icon = ToggleIcon;\n\nexport default SegmentedToggle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SegmentedToggleSt","_ToggleButton","_ToggleIcon","_excluded","_jsxFileName","SegmentedToggle","React","Component","constructor","arguments","state","selected","props","defaultSelected","_onClick","evt","onClick","value","currentTarget","setState","_addDividers","childrenNodes","disabled","childrenNodesWithDividers","isTransparent","childNode1","childNode2","i","length","transparent","divider","default","createElement","key","concat","className","st","classes","__self","__source","fileName","lineNumber","columnNumber","push","lastChild","render","_this$props","dataHook","children","size","rest","_objectWithoutProperties2","selection","Children","map","child","index","cloneElement","_extends2","root","displayName","propTypes","PropTypes","string","node","oneOf","func","bool","array","isRequired","defaultProps","Button","ToggleButton","Icon","ToggleIcon","_default","exports"],"sources":["../../../src/SegmentedToggle/SegmentedToggle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './SegmentedToggle.st.css';\nimport ToggleButton from './ToggleButton/ToggleButton';\nimport ToggleIcon from './ToggleIcon/ToggleIcon';\n\nclass SegmentedToggle extends React.Component {\n  static displayName = 'SegmentedToggle';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** Specifies the initially selected option */\n    defaultSelected: PropTypes.node,\n    /** Specifies whether an option is selected */\n    selected: PropTypes.node,\n    /** Controls the size of the segmented toggle */\n    size: PropTypes.oneOf(['medium', 'small']),\n    /** Defines a callback function which is called every time option is clicked. Returns a selected element and its value. */\n    onClick: PropTypes.func,\n    /** Specifies whether interactions are disabled. */\n    disabled: PropTypes.bool,\n    /** Accepts <SegmentedToggle.Icon/> or <SegmentedToggle.Button/> as child items to list down available options */\n    children: PropTypes.array.isRequired,\n  };\n\n  static defaultProps = {\n    children: [],\n    size: 'medium',\n  };\n\n  state = {\n    selected: this.props.defaultSelected,\n  };\n\n  _onClick = evt => {\n    const { onClick, selected } = this.props;\n    const { value } = evt.currentTarget;\n\n    if (selected) {\n      return onClick && onClick(evt, value);\n    }\n\n    this.setState({ selected: value }, () => onClick && onClick(evt, value));\n  };\n\n  _addDividers = (childrenNodes, disabled) => {\n    const childrenNodesWithDividers = [];\n\n    const isTransparent = (childNode1, childNode2) =>\n      childNode1.props.selected !== childNode2.props.selected;\n\n    for (let i = 0; i < childrenNodes.length - 1; i++) {\n      const childNode1 = childrenNodes[i];\n      const childNode2 = childrenNodes[i + 1];\n\n      const transparent = isTransparent(childNode1, childNode2);\n\n      const divider = (\n        <div\n          key={`divider-${i}`}\n          className={st(classes.divider, { disabled, transparent })}\n        />\n      );\n\n      childrenNodesWithDividers.push(childNode1, divider);\n    }\n\n    const lastChild = childrenNodes[childrenNodes.length - 1];\n\n    childrenNodesWithDividers.push(lastChild);\n\n    return childrenNodesWithDividers;\n  };\n\n  render() {\n    const {\n      dataHook,\n      children,\n      disabled,\n      size,\n      defaultSelected,\n      onClick,\n      selected,\n      ...rest\n    } = this.props;\n\n    const selection = selected || this.state.selected;\n\n    let childrenNodes = React.Children.map(children, (child, index) =>\n      React.cloneElement(child, {\n        disabled,\n        'data-click': `segmented-toggle-${index + 1}`,\n        'aria-selected': child.props.value === selection,\n        onClick: this._onClick,\n        selected: child.props.value === selection,\n        size,\n      }),\n    );\n\n    childrenNodes = this._addDividers(childrenNodes, disabled);\n\n    return (\n      <div\n        {...rest}\n        data-hook={dataHook}\n        data-size={size}\n        className={st(classes.root, { disabled, size })}\n      >\n        {childrenNodes}\n      </div>\n    );\n  }\n}\n\nSegmentedToggle.Button = ToggleButton;\nSegmentedToggle.Icon = ToggleIcon;\n\nexport default SegmentedToggle;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_175_0_SegmentedToggle";
+var _namespace_ = "wds_1_176_0_SegmentedToggle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_175_0_SegmentedToggle__root","divider":"wds_1_175_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_176_0_SegmentedToggle__root","divider":"wds_1_176_0_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-segmented-toggle-border-radius-medium":"--wds-segmented-toggle-border-radius-medium","wds-segmented-toggle-border-radius-small":"--wds-segmented-toggle-border-radius-small","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary"}; 
+module.exports.vars = {"wds-segmented-toggle-border-radius-medium":"--wds-segmented-toggle-border-radius-medium","wds-segmented-toggle-border-radius-small":"--wds-segmented-toggle-border-radius-small","wds-segmented-toggle-border-width-default":"--wds-segmented-toggle-border-width-default","wds-segmented-toggle-fill-default":"--wds-segmented-toggle-fill-default","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary"}; 
 
 
 

package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js

@@ -57,6 +57,7 @@ var ToggleButton = _ref => {
       columnNumber: 5
     }
   }), addPrefix(prefixIcon, size), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.label),
     ellipsis: true,
     size: size,
     weight: "thin",

package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ToggleButtonSt","_useFocusRing","_Text","_excluded","_jsxFileName","addPrefix","icon","size","dimension","React","cloneElement","width","height","className","st","classes","prefix","ToggleButton","_ref","children","prefixIcon","selected","dataHook","focusableOnFocus","focusableOnBlur","disabled","rest","_objectWithoutProperties2","default","isFocusVisible","focusProps","useFocusRing","createElement","_extends2","root","type","__self","__source","fileName","lineNumber","columnNumber","ellipsis","weight","skin","propTypes","PropTypes","node","value","string","bool","displayName","_default","exports"],"sources":["../../../../src/SegmentedToggle/ToggleButton/ToggleButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './ToggleButton.st.css';\nimport { useFocusRing } from '../../providers/useFocusRing/useFocusRing';\n\nimport Text from '../../Text';\n\nconst addPrefix = (icon, size) => {\n  const dimension = size === 'small' ? '18' : '24';\n  return (\n    icon &&\n    React.cloneElement(icon, {\n      width: dimension,\n      height: dimension,\n      className: st(classes.prefix, { size }),\n    })\n  );\n};\n\nconst ToggleButton = ({\n  children,\n  prefixIcon,\n  selected,\n  size,\n  dataHook,\n  focusableOnFocus,\n  focusableOnBlur,\n  disabled,\n  className,\n  ...rest\n}) => {\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      {...rest}\n      className={st(\n        classes.root,\n        { selected, size, 'focus-visible': isFocusVisible },\n        className,\n      )}\n      data-hook={dataHook}\n      data-selected={selected}\n      disabled={disabled}\n      type=\"button\"\n      {...focusProps}\n    >\n      {addPrefix(prefixIcon, size)}\n      <Text\n        ellipsis\n        size={size}\n        weight=\"thin\"\n        skin={disabled ? 'disabled' : 'standard'}\n      >\n        {children}\n      </Text>\n    </button>\n  );\n};\n\nToggleButton.propTypes = {\n  children: PropTypes.node,\n  prefixIcon: PropTypes.node,\n  value: PropTypes.string,\n  selected: PropTypes.bool,\n  disabled: PropTypes.bool,\n};\n\nToggleButton.displayName = 'SegmentedToggle.Button';\n\nexport default ToggleButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA8B,IAAAK,SAAA;AAAA,IAAAC,YAAA;AAE9B,IAAMC,SAAS,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EAChC,IAAMC,SAAS,GAAGD,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI;EAChD,OACED,IAAI,iBACJG,cAAK,CAACC,YAAY,CAACJ,IAAI,EAAE;IACvBK,KAAK,EAAEH,SAAS;IAChBI,MAAM,EAAEJ,SAAS;IACjBK,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAACC,MAAM,EAAE;MAAET;IAAK,CAAC;EACxC,CAAC,CAAC;AAEN,CAAC;AAED,IAAMU,YAAY,GAAGC,IAAA,IAWf;EAAA,IAXgB;MACpBC,QAAQ;MACRC,UAAU;MACVC,QAAQ;MACRd,IAAI;MACJe,QAAQ;MACRC,gBAAgB;MAChBC,eAAe;MACfC,QAAQ;MACRZ;IAEF,CAAC,GAAAK,IAAA;IADIQ,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAf,SAAA;EAEP,IAAM;IAAE0B,cAAc;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAErD,oBACEnC,MAAA,CAAAgC,OAAA,CAAAI,aAAA,eAAAC,SAAA,CAAAL,OAAA,MACMF,IAAI;IACRb,SAAS,EAAE,IAAAC,kBAAE,EACXC,uBAAO,CAACmB,IAAI,EACZ;MAAEb,QAAQ;MAAEd,IAAI;MAAE,eAAe,EAAEsB;IAAe,CAAC,EACnDhB,SACF,CAAE;IACF,aAAWS,QAAS;IACpB,iBAAeD,QAAS;IACxBI,QAAQ,EAAEA,QAAS;IACnBU,IAAI,EAAC;EAAQ,GACTL,UAAU;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEbnC,SAAS,CAACe,UAAU,EAAEb,IAAI,CAAC,eAC5BX,MAAA,CAAAgC,OAAA,CAAAI,aAAA,CAAC9B,KAAA,CAAA0B,OAAI;IACHa,QAAQ;IACRlC,IAAI,EAAEA,IAAK;IACXmC,MAAM,EAAC,MAAM;IACbC,IAAI,EAAElB,QAAQ,GAAG,UAAU,GAAG,UAAW;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCrB,QACG,CACA,CAAC;AAEb,CAAC;AAEDF,YAAY,CAAC2B,SAAS,GAAG;EACvBzB,QAAQ,EAAE0B,kBAAS,CAACC,IAAI;EACxB1B,UAAU,EAAEyB,kBAAS,CAACC,IAAI;EAC1BC,KAAK,EAAEF,kBAAS,CAACG,MAAM;EACvB3B,QAAQ,EAAEwB,kBAAS,CAACI,IAAI;EACxBxB,QAAQ,EAAEoB,kBAAS,CAACI;AACtB,CAAC;AAEDhC,YAAY,CAACiC,WAAW,GAAG,wBAAwB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAErCX,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ToggleButtonSt","_useFocusRing","_Text","_excluded","_jsxFileName","addPrefix","icon","size","dimension","React","cloneElement","width","height","className","st","classes","prefix","ToggleButton","_ref","children","prefixIcon","selected","dataHook","focusableOnFocus","focusableOnBlur","disabled","rest","_objectWithoutProperties2","default","isFocusVisible","focusProps","useFocusRing","createElement","_extends2","root","type","__self","__source","fileName","lineNumber","columnNumber","label","ellipsis","weight","skin","propTypes","PropTypes","node","value","string","bool","displayName","_default","exports"],"sources":["../../../../src/SegmentedToggle/ToggleButton/ToggleButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './ToggleButton.st.css';\nimport { useFocusRing } from '../../providers/useFocusRing/useFocusRing';\n\nimport Text from '../../Text';\n\nconst addPrefix = (icon, size) => {\n  const dimension = size === 'small' ? '18' : '24';\n  return (\n    icon &&\n    React.cloneElement(icon, {\n      width: dimension,\n      height: dimension,\n      className: st(classes.prefix, { size }),\n    })\n  );\n};\n\nconst ToggleButton = ({\n  children,\n  prefixIcon,\n  selected,\n  size,\n  dataHook,\n  focusableOnFocus,\n  focusableOnBlur,\n  disabled,\n  className,\n  ...rest\n}) => {\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      {...rest}\n      className={st(\n        classes.root,\n        { selected, size, 'focus-visible': isFocusVisible },\n        className,\n      )}\n      data-hook={dataHook}\n      data-selected={selected}\n      disabled={disabled}\n      type=\"button\"\n      {...focusProps}\n    >\n      {addPrefix(prefixIcon, size)}\n      <Text\n        className={st(classes.label)}\n        ellipsis\n        size={size}\n        weight=\"thin\"\n        skin={disabled ? 'disabled' : 'standard'}\n      >\n        {children}\n      </Text>\n    </button>\n  );\n};\n\nToggleButton.propTypes = {\n  children: PropTypes.node,\n  prefixIcon: PropTypes.node,\n  value: PropTypes.string,\n  selected: PropTypes.bool,\n  disabled: PropTypes.bool,\n};\n\nToggleButton.displayName = 'SegmentedToggle.Button';\n\nexport default ToggleButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA8B,IAAAK,SAAA;AAAA,IAAAC,YAAA;AAE9B,IAAMC,SAAS,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EAChC,IAAMC,SAAS,GAAGD,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI;EAChD,OACED,IAAI,iBACJG,cAAK,CAACC,YAAY,CAACJ,IAAI,EAAE;IACvBK,KAAK,EAAEH,SAAS;IAChBI,MAAM,EAAEJ,SAAS;IACjBK,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAACC,MAAM,EAAE;MAAET;IAAK,CAAC;EACxC,CAAC,CAAC;AAEN,CAAC;AAED,IAAMU,YAAY,GAAGC,IAAA,IAWf;EAAA,IAXgB;MACpBC,QAAQ;MACRC,UAAU;MACVC,QAAQ;MACRd,IAAI;MACJe,QAAQ;MACRC,gBAAgB;MAChBC,eAAe;MACfC,QAAQ;MACRZ;IAEF,CAAC,GAAAK,IAAA;IADIQ,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAf,SAAA;EAEP,IAAM;IAAE0B,cAAc;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAErD,oBACEnC,MAAA,CAAAgC,OAAA,CAAAI,aAAA,eAAAC,SAAA,CAAAL,OAAA,MACMF,IAAI;IACRb,SAAS,EAAE,IAAAC,kBAAE,EACXC,uBAAO,CAACmB,IAAI,EACZ;MAAEb,QAAQ;MAAEd,IAAI;MAAE,eAAe,EAAEsB;IAAe,CAAC,EACnDhB,SACF,CAAE;IACF,aAAWS,QAAS;IACpB,iBAAeD,QAAS;IACxBI,QAAQ,EAAEA,QAAS;IACnBU,IAAI,EAAC;EAAQ,GACTL,UAAU;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEbnC,SAAS,CAACe,UAAU,EAAEb,IAAI,CAAC,eAC5BX,MAAA,CAAAgC,OAAA,CAAAI,aAAA,CAAC9B,KAAA,CAAA0B,OAAI;IACHf,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAAC0B,KAAK,CAAE;IAC7BC,QAAQ;IACRnC,IAAI,EAAEA,IAAK;IACXoC,MAAM,EAAC,MAAM;IACbC,IAAI,EAAEnB,QAAQ,GAAG,UAAU,GAAG,UAAW;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCrB,QACG,CACA,CAAC;AAEb,CAAC;AAEDF,YAAY,CAAC4B,SAAS,GAAG;EACvB1B,QAAQ,EAAE2B,kBAAS,CAACC,IAAI;EACxB3B,UAAU,EAAE0B,kBAAS,CAACC,IAAI;EAC1BC,KAAK,EAAEF,kBAAS,CAACG,MAAM;EACvB5B,QAAQ,EAAEyB,kBAAS,CAACI,IAAI;EACxBzB,QAAQ,EAAEqB,kBAAS,CAACI;AACtB,CAAC;AAEDjC,YAAY,CAACkC,WAAW,GAAG,wBAAwB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAErCX,YAAY","ignoreList":[]}

package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.st.css.js

@@ -1,12 +1,13 @@
 
 
+require("../../Foundation/stylable/typography.st.css.js");
 require("../../Foundation/stylable/colors.st.css.js");
 require("../../Text/Text.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_175_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_176_0_SegmentedToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_175_0_SegmentedToggleButton__root","prefix":"wds_1_175_0_SegmentedToggleButton__prefix"};
+module.exports.classes = {"root":"wds_1_176_0_SegmentedToggleButton__root","label":"wds_1_176_0_SegmentedToggleButton__label","prefix":"wds_1_176_0_SegmentedToggleButton__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-segmented-toggle-border-radius-medium":"--wds-segmented-toggle-border-radius-medium","wds-segmented-toggle-border-radius-small":"--wds-segmented-toggle-border-radius-small","wds-segmented-toggle-size-medium":"--wds-segmented-toggle-size-medium","wds-segmented-toggle-size-small":"--wds-segmented-toggle-size-small","wds-segmented-toggle-padding-horizontal-medium":"--wds-segmented-toggle-padding-horizontal-medium","wds-segmented-toggle-padding-horizontal-small":"--wds-segmented-toggle-padding-horizontal-small","wds-space-100":"--wds-space-100","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","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-shadow-focus-standard":"--wds-shadow-focus-standard"}; 
+module.exports.vars = {"wds-segmented-toggle-border-radius-medium":"--wds-segmented-toggle-border-radius-medium","wds-segmented-toggle-border-radius-small":"--wds-segmented-toggle-border-radius-small","wds-segmented-toggle-size-medium":"--wds-segmented-toggle-size-medium","wds-segmented-toggle-size-small":"--wds-segmented-toggle-size-small","wds-segmented-toggle-padding-horizontal-medium":"--wds-segmented-toggle-padding-horizontal-medium","wds-segmented-toggle-padding-horizontal-small":"--wds-segmented-toggle-padding-horizontal-small","wds-segmented-toggle-border-width-default":"--wds-segmented-toggle-border-width-default","wds-segmented-toggle-label-font-size-medium":"--wds-segmented-toggle-label-font-size-medium","wds-segmented-toggle-label-font-line-height-medium":"--wds-segmented-toggle-label-font-line-height-medium","wds-segmented-toggle-label-font-size-small":"--wds-segmented-toggle-label-font-size-small","wds-segmented-toggle-label-font-line-height-small":"--wds-segmented-toggle-label-font-line-height-small","wds-segmented-toggle-fill-default":"--wds-segmented-toggle-fill-default","wds-segmented-toggle-fill-hover":"--wds-segmented-toggle-fill-hover","wds-segmented-toggle-fill-selected":"--wds-segmented-toggle-fill-selected","wds-segmented-toggle-fill-selected-disabled":"--wds-segmented-toggle-fill-selected-disabled","wds-segmented-toggle-value-fill-default":"--wds-segmented-toggle-value-fill-default","wds-segmented-toggle-value-fill-hover":"--wds-segmented-toggle-value-fill-hover","wds-segmented-toggle-value-fill-selected":"--wds-segmented-toggle-value-fill-selected","wds-segmented-toggle-value-fill-selected-disabled":"--wds-segmented-toggle-value-fill-selected-disabled","wds-segmented-toggle-border-hover":"--wds-segmented-toggle-border-hover","wds-space-100":"--wds-space-100","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","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-shadow-focus-standard":"--wds-shadow-focus-standard","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-line-height-small":"--wsr-text-line-height-small"}; 
 
 
 

package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js

@@ -1,13 +1,13 @@
 
 
-require("../../common/Focusable/Focusable.st.css.js");
 require("../../Foundation/stylable/colors.st.css.js");
+require("../../common/Focusable/Focusable.st.css.js");
 require("../../Tooltip/Tooltip.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_175_0_ToggleIcon";
+var _namespace_ = "wds_1_176_0_ToggleIcon";
 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_175_0_ToggleIcon__root","tooltip":"wds_1_175_0_ToggleIcon__tooltip","button":"wds_1_175_0_ToggleIcon__button","textWrapper":"wds_1_175_0_ToggleIcon__textWrapper"};
+module.exports.classes = {"root":"wds_1_176_0_ToggleIcon__root","tooltip":"wds_1_176_0_ToggleIcon__tooltip","button":"wds_1_176_0_ToggleIcon__button","textWrapper":"wds_1_176_0_ToggleIcon__textWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-segmented-toggle-border-radius-medium":"--wds-segmented-toggle-border-radius-medium","wds-segmented-toggle-border-radius-small":"--wds-segmented-toggle-border-radius-small","wds-segmented-toggle-size-medium":"--wds-segmented-toggle-size-medium","wds-segmented-toggle-size-small":"--wds-segmented-toggle-size-small","wds-segmented-toggle-icononly-padding-horizontal-small":"--wds-segmented-toggle-icononly-padding-horizontal-small","wds-segmented-toggle-icononly-padding-horizontal-medium":"--wds-segmented-toggle-icononly-padding-horizontal-medium","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-standard-primary":"--wds-color-text-standard-primary","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-shadow-focus-standard":"--wds-shadow-focus-standard"}; 
+module.exports.vars = {"wds-segmented-toggle-border-radius-medium":"--wds-segmented-toggle-border-radius-medium","wds-segmented-toggle-border-radius-small":"--wds-segmented-toggle-border-radius-small","wds-segmented-toggle-border-hover":"--wds-segmented-toggle-border-hover","wds-segmented-toggle-size-medium":"--wds-segmented-toggle-size-medium","wds-segmented-toggle-size-small":"--wds-segmented-toggle-size-small","wds-segmented-toggle-icononly-padding-horizontal-small":"--wds-segmented-toggle-icononly-padding-horizontal-small","wds-segmented-toggle-icononly-padding-horizontal-medium":"--wds-segmented-toggle-icononly-padding-horizontal-medium","wds-segmented-toggle-border-width-default":"--wds-segmented-toggle-border-width-default","wds-segmented-toggle-fill-default":"--wds-segmented-toggle-fill-default","wds-segmented-toggle-fill-hover":"--wds-segmented-toggle-fill-hover","wds-segmented-toggle-fill-selected":"--wds-segmented-toggle-fill-selected","wds-segmented-toggle-fill-selected-disabled":"--wds-segmented-toggle-fill-selected-disabled","wds-segmented-toggle-value-fill-default":"--wds-segmented-toggle-value-fill-default","wds-segmented-toggle-value-fill-hover":"--wds-segmented-toggle-value-fill-hover","wds-segmented-toggle-value-fill-selected":"--wds-segmented-toggle-value-fill-selected","wds-segmented-toggle-value-fill-selected-disabled":"--wds-segmented-toggle-value-fill-selected-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-standard-primary":"--wds-color-text-standard-primary","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-shadow-focus-standard":"--wds-shadow-focus-standard"}; 
 
 
 

package/dist/cjs/SelectableAccordion/Item/Item.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_175_0_SelectableAccordionItem";
+var _namespace_ = "wds_1_176_0_SelectableAccordionItem";
 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_175_0_SelectableAccordionItem__root","item":"wds_1_175_0_SelectableAccordionItem__item","selector":"wds_1_175_0_SelectableAccordionItem__selector","header":"wds_1_175_0_SelectableAccordionItem__header","divider":"wds_1_175_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_175_0_SelectableAccordionItem__selectorToggle","content":"wds_1_175_0_SelectableAccordionItem__content","text":"wds_1_175_0_SelectableAccordionItem__text","inner":"wds_1_175_0_SelectableAccordionItem__inner"};
+module.exports.classes = {"root":"wds_1_176_0_SelectableAccordionItem__root","item":"wds_1_176_0_SelectableAccordionItem__item","selector":"wds_1_176_0_SelectableAccordionItem__selector","header":"wds_1_176_0_SelectableAccordionItem__header","divider":"wds_1_176_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_176_0_SelectableAccordionItem__selectorToggle","content":"wds_1_176_0_SelectableAccordionItem__content","text":"wds_1_176_0_SelectableAccordionItem__text","inner":"wds_1_176_0_SelectableAccordionItem__inner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_175_0_ProgressBar";
+var _namespace_ = "wds_1_176_0_ProgressBar";
 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_175_0_ProgressBar__root","bar":"wds_1_175_0_ProgressBar__bar","value":"wds_1_175_0_ProgressBar__value","leftover":"wds_1_175_0_ProgressBar__leftover"};
+module.exports.classes = {"root":"wds_1_176_0_ProgressBar__root","bar":"wds_1_176_0_ProgressBar__bar","value":"wds_1_176_0_ProgressBar__value","leftover":"wds_1_176_0_ProgressBar__leftover"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};