@wix/design-system 1.172.0 → 1.172.2

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CardGalleryItem";
+var _namespace_ = "wds_1_172_2_CardGalleryItem";
 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_172_0_CardGalleryItem__root","card":"wds_1_172_0_Card__card","overlay":"wds_1_172_0_CardGalleryItem__overlay","primaryAction":"wds_1_172_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_172_0_CardGalleryItem__secondaryAction","container":"wds_1_172_0_CardGalleryItem__container","footer":"wds_1_172_0_CardGalleryItem__footer","settingsMenu":"wds_1_172_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_172_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_172_0_CardGalleryItem__footerContent","footerImage":"wds_1_172_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_172_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_172_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_172_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_172_0_CardGalleryItem__cardContainer wds_1_172_0_Card__card"};
+module.exports.classes = {"root":"wds_1_172_2_CardGalleryItem__root","card":"wds_1_172_2_Card__card","overlay":"wds_1_172_2_CardGalleryItem__overlay","primaryAction":"wds_1_172_2_CardGalleryItem__primaryAction","secondaryAction":"wds_1_172_2_CardGalleryItem__secondaryAction","container":"wds_1_172_2_CardGalleryItem__container","footer":"wds_1_172_2_CardGalleryItem__footer","settingsMenu":"wds_1_172_2_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_172_2_CardGalleryItem__footerSuffix","footerContent":"wds_1_172_2_CardGalleryItem__footerContent","footerImage":"wds_1_172_2_CardGalleryItem__footerImage","badgeWrapper":"wds_1_172_2_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_172_2_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_172_2_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_172_2_CardGalleryItem__cardContainer wds_1_172_2_Card__card"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_Carousel";
+var _namespace_ = "wds_1_172_2_Carousel";
 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_172_0_Carousel__root","controls":"wds_1_172_0_Carousel__controls","imageContainer":"wds_1_172_0_Carousel__imageContainer","image":"wds_1_172_0_Carousel__image","loader":"wds_1_172_0_Carousel__loader","pagination":"wds_1_172_0_Carousel__pagination","pageNavigation":"wds_1_172_0_Carousel__pageNavigation","arrowPrevBackground":"wds_1_172_0_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_172_0_Carousel__arrowNextBackground"};
+module.exports.classes = {"root":"wds_1_172_2_Carousel__root","controls":"wds_1_172_2_Carousel__controls","imageContainer":"wds_1_172_2_Carousel__imageContainer","image":"wds_1_172_2_Carousel__image","loader":"wds_1_172_2_Carousel__loader","pagination":"wds_1_172_2_Carousel__pagination","pageNavigation":"wds_1_172_2_Carousel__pageNavigation","arrowPrevBackground":"wds_1_172_2_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_172_2_Carousel__arrowNextBackground"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_172_0_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
+module.exports.vars = {"arrow-size":"--wds_1_172_2_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
 
 
 

package/dist/cjs/Carousel/Pagination/Pagination.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_172_0_CarouselPagination";
+var _namespace_ = "wds_1_172_2_CarouselPagination";
 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_172_0_CarouselPagination__root","dot":"wds_1_172_0_CarouselPagination__dot"};
+module.exports.classes = {"root":"wds_1_172_2_CarouselPagination__root","dot":"wds_1_172_2_CarouselPagination__dot"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CarouselWIP";
+var _namespace_ = "wds_1_172_2_CarouselWIP";
 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_172_0_CarouselWIP__root","carousel":"wds_1_172_0_CarouselWIP__carousel","control":"wds_1_172_0_CarouselWIP__control","prev":"wds_1_172_0_CarouselWIP__prev","next":"wds_1_172_0_CarouselWIP__next","start":"wds_1_172_0_CarouselWIP__start","end":"wds_1_172_0_CarouselWIP__end","dots":"wds_1_172_0_CarouselWIP__dots","dot":"wds_1_172_0_CarouselWIP__dot","loader":"wds_1_172_0_CarouselWIP__loader"};
+module.exports.classes = {"root":"wds_1_172_2_CarouselWIP__root","carousel":"wds_1_172_2_CarouselWIP__carousel","control":"wds_1_172_2_CarouselWIP__control","prev":"wds_1_172_2_CarouselWIP__prev","next":"wds_1_172_2_CarouselWIP__next","start":"wds_1_172_2_CarouselWIP__start","end":"wds_1_172_2_CarouselWIP__end","dots":"wds_1_172_2_CarouselWIP__dots","dot":"wds_1_172_2_CarouselWIP__dot","loader":"wds_1_172_2_CarouselWIP__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_172_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_172_0_CarouselWIP-sidesGradientColor"}; 
+module.exports.vars = {"arrow-size":"--wds_1_172_2_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_172_2_CarouselWIP-sidesGradientColor"}; 
 
 
 

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CheckToggle";
+var _namespace_ = "wds_1_172_2_CheckToggle";
 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_172_0_CheckToggle__root","input":"wds_1_172_0_CheckToggle__input","toggle":"wds_1_172_0_CheckToggle__toggle"};
+module.exports.classes = {"root":"wds_1_172_2_CheckToggle__root","input":"wds_1_172_2_CheckToggle__input","toggle":"wds_1_172_2_CheckToggle__toggle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_Checkbox";
+var _namespace_ = "wds_1_172_2_Checkbox";
 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_172_0_Checkbox__root","label":"wds_1_172_0_Checkbox__label","labelInner":"wds_1_172_0_Checkbox__labelInner","children":"wds_1_172_0_Checkbox__children","checkbox":"wds_1_172_0_Checkbox__checkbox","inner":"wds_1_172_0_Checkbox__inner","outer":"wds_1_172_0_Checkbox__outer"};
+module.exports.classes = {"root":"wds_1_172_2_Checkbox__root","label":"wds_1_172_2_Checkbox__label","labelInner":"wds_1_172_2_Checkbox__labelInner","children":"wds_1_172_2_Checkbox__children","checkbox":"wds_1_172_2_Checkbox__checkbox","inner":"wds_1_172_2_Checkbox__inner","outer":"wds_1_172_2_Checkbox__outer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CircularProgressBar";
+var _namespace_ = "wds_1_172_2_CircularProgressBar";
 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_172_0_CircularProgressBar__root","progressBar":"wds_1_172_0_CircularProgressBar__progressBar","tooltip":"wds_1_172_0_CircularProgressBar__tooltip"};
+module.exports.classes = {"root":"wds_1_172_2_CircularProgressBar__root","progressBar":"wds_1_172_2_CircularProgressBar__progressBar","tooltip":"wds_1_172_2_CircularProgressBar__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_172_0_CircularProgressBarCore";
+var _namespace_ = "wds_1_172_2_CircularProgressBarCore";
 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_172_0_CircularProgressBarCore__root","label":"wds_1_172_0_CircularProgressBarCore__label","progressIndicator":"wds_1_172_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_172_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_172_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_172_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_172_0_CircularProgressBarCore__foreArc","backArc":"wds_1_172_0_CircularProgressBarCore__backArc"};
+module.exports.classes = {"root":"wds_1_172_2_CircularProgressBarCore__root","label":"wds_1_172_2_CircularProgressBarCore__label","progressIndicator":"wds_1_172_2_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_172_2_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_172_2_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_172_2_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_172_2_CircularProgressBarCore__foreArc","backArc":"wds_1_172_2_CircularProgressBarCore__backArc"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ClickableCard";
+var _namespace_ = "wds_1_172_2_ClickableCard";
 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_172_0_ClickableCard__root","clickableOverlay":"wds_1_172_0_ClickableCard__clickableOverlay"};
+module.exports.classes = {"root":"wds_1_172_2_ClickableCard__root","clickableOverlay":"wds_1_172_2_ClickableCard__clickableOverlay"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CloseButton";
+var _namespace_ = "wds_1_172_2_CloseButton";
 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_172_0_CloseButton__root"};
+module.exports.classes = {"root":"wds_1_172_2_CloseButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/ColorInput/components/ColorViewer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_172_0_ColorViewer";
+var _namespace_ = "wds_1_172_2_ColorViewer";
 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_172_0_ColorViewer__root","line":"wds_1_172_0_ColorViewer__line"};
+module.exports.classes = {"root":"wds_1_172_2_ColorViewer__root","line":"wds_1_172_2_ColorViewer__line"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorInput/components/Hash.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_172_0_Hash";
+var _namespace_ = "wds_1_172_2_Hash";
 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_172_0_Hash__root","text-medium-normal":"wds_1_172_0_StylableTypography__text-medium-normal"};
+module.exports.classes = {"root":"wds_1_172_2_Hash__root","text-medium-normal":"wds_1_172_2_StylableTypography__text-medium-normal"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ColorPicker";
+var _namespace_ = "wds_1_172_2_ColorPicker";
 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_172_0_ColorPicker__root","children":"wds_1_172_0_ColorPicker__children"};
+module.exports.classes = {"root":"wds_1_172_2_ColorPicker__root","children":"wds_1_172_2_ColorPicker__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorPicker/ColorPickerActions.st.css.js

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

package/dist/cjs/ColorPicker/ColorPickerConverter.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ColorPickerConverter";
+var _namespace_ = "wds_1_172_2_ColorPickerConverter";
 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_172_0_ColorPickerConverter__root","colorInput":"wds_1_172_0_ColorPickerConverter__colorInput","preview":"wds_1_172_0_ColorPickerConverter__preview","distribute":"wds_1_172_0_ColorPickerConverter__distribute","distributedItem":"wds_1_172_0_ColorPickerConverter__distributedItem"};
+module.exports.classes = {"root":"wds_1_172_2_ColorPickerConverter__root","colorInput":"wds_1_172_2_ColorPickerConverter__colorInput","preview":"wds_1_172_2_ColorPickerConverter__preview","distribute":"wds_1_172_2_ColorPickerConverter__distribute","distributedItem":"wds_1_172_2_ColorPickerConverter__distributedItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorPicker/ColorPickerHistory.st.css.js

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

package/dist/cjs/ColorPicker/ColorPickerHsb.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ColorPickerHsb";
+var _namespace_ = "wds_1_172_2_ColorPickerHsb";
 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_172_0_ColorPickerHsb__root","sticky":"wds_1_172_0_ColorPickerHsb__sticky","saturation":"wds_1_172_0_ColorPickerHsb__saturation","brightness":"wds_1_172_0_ColorPickerHsb__brightness","hue":"wds_1_172_0_ColorPickerHsb__hue","handle":"wds_1_172_0_ColorPickerHsb__handle"};
+module.exports.classes = {"root":"wds_1_172_2_ColorPickerHsb__root","sticky":"wds_1_172_2_ColorPickerHsb__sticky","saturation":"wds_1_172_2_ColorPickerHsb__saturation","brightness":"wds_1_172_2_ColorPickerHsb__brightness","hue":"wds_1_172_2_ColorPickerHsb__hue","handle":"wds_1_172_2_ColorPickerHsb__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ColorPicker/ColorPickerHue.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ColorPickerHue";
+var _namespace_ = "wds_1_172_2_ColorPickerHue";
 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_172_0_ColorPickerHue__root","handle":"wds_1_172_0_ColorPickerHue__handle"};
+module.exports.classes = {"root":"wds_1_172_2_ColorPickerHue__root","handle":"wds_1_172_2_ColorPickerHue__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ComposerButton";
+var _namespace_ = "wds_1_172_2_ComposerButton";
 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_172_0_ComposerButton__root","tooltip":"wds_1_172_0_ComposerButton__tooltip","label":"wds_1_172_0_ComposerButton__label","iconContainer":"wds_1_172_0_ComposerButton__iconContainer"};
+module.exports.classes = {"root":"wds_1_172_2_ComposerButton__root","tooltip":"wds_1_172_2_ComposerButton__tooltip","label":"wds_1_172_2_ComposerButton__label","iconContainer":"wds_1_172_2_ComposerButton__iconContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ComposerHeader";
+var _namespace_ = "wds_1_172_2_ComposerHeader";
 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_172_0_ComposerHeader__root","container":"wds_1_172_0_ComposerHeader__container","actions":"wds_1_172_0_ComposerHeader__actions","saveStatus":"wds_1_172_0_ComposerHeader__saveStatus","mainActions":"wds_1_172_0_ComposerHeader__mainActions","backButton":"wds_1_172_0_ComposerHeader__backButton","divider":"wds_1_172_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_172_2_ComposerHeader__root","container":"wds_1_172_2_ComposerHeader__container","actions":"wds_1_172_2_ComposerHeader__actions","saveStatus":"wds_1_172_2_ComposerHeader__saveStatus","mainActions":"wds_1_172_2_ComposerHeader__mainActions","backButton":"wds_1_172_2_ComposerHeader__backButton","divider":"wds_1_172_2_ComposerHeader__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ComposerSidebar/ComposerSidebar.js

@@ -38,7 +38,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 66,
+          lineNumber: 65,
           columnNumber: 11
         }
       }, sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : 'Undefined') : null, /*#__PURE__*/_react.default.createElement("ul", {
@@ -50,7 +50,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 69,
           columnNumber: 9
         }
       }, items.map(item => this._renderItem(item))));
@@ -76,7 +76,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 89,
           columnNumber: 7
         }
       }, withSections ? sections.map((section, index) => /*#__PURE__*/_react.default.createElement("div", {
@@ -86,7 +86,7 @@ class ComposerSidebar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 102,
+          lineNumber: 101,
           columnNumber: 15
         }
       }, this._renderSection({
@@ -151,7 +151,6 @@ class ComposerSidebar extends _react.default.PureComponent {
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_ToggleButton.default, (0, _extends2.default)({}, rest, {
-      interactive: false,
       className: (0, _ComposerSidebarSt.st)(_ComposerSidebarSt.classes.sidebarItemButton, {
         labelPlacement,
         size
@@ -199,7 +198,7 @@ class ComposerSidebar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 134,
         columnNumber: 7
       }
     }, sections.length ? this._renderSections(sections) : null);

package/dist/cjs/ComposerSidebar/ComposerSidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ComposerSidebarSt","_constants","_Box","_ToggleButton","_Text","_excluded","_jsxFileName","ComposerSidebar","React","PureComponent","constructor","arguments","_renderSection","_ref","section","items","sectionTitle","showSectionTitles","selectedId","labelPlacement","props","default","createElement","Fragment","className","classes","title","size","weight","ellipsis","__self","__source","fileName","lineNumber","columnNumber","role","itemsContainer","map","item","_renderItem","_renderSections","sections","width","withSections","length","undefined","direction","st","sectionContainer","style","index","key","_separateToSections","sectionTitles","Array","from","Set","_ref2","filter","_ref3","itemSectionTitle","onClick","labelTooltipProps","label","id","icon","disabled","rest","_objectWithoutProperties2","selected","onClickHandler","concat","_extends2","interactive","sidebarItemButton","dataHook","e","shape","border","skin","labelEllipsis","labelValue","tooltipProps","render","height","maxHeight","root","dataHooks","composerSidebarContainer","displayName","propTypes","PropTypes","string","oneOf","object","oneOfType","number","bool","arrayOf","node","func","defaultProps","placement","_default","exports"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './ComposerSidebar.st.css';\nimport { dataHooks } from './constants';\nimport Box from '../Box';\nimport ToggleButton from '../ToggleButton';\nimport Text from '../Text';\n\n/** ComposerSidebar */\nclass ComposerSidebar extends React.PureComponent {\n  _renderItem(item) {\n    const {\n      selectedId,\n      labelPlacement,\n      size,\n      onClick,\n      className,\n      labelTooltipProps,\n      ellipsis,\n    } = this.props;\n    const { label, id, icon, disabled, sectionTitle, ...rest } = item;\n\n    const selected = selectedId === id;\n    const onClickHandler = item.onClick || onClick;\n\n    return (\n      <li\n        role=\"menuitem\"\n        data-hook={`composer-sidebar-item-container-${id}`}\n        key={`sidebar-item-${id}`}\n        data-section-title={sectionTitle}\n        className={st(classes.item, { labelPlacement, size }, className)}\n      >\n        <ToggleButton\n          {...rest}\n          interactive={false}\n          className={st(classes.sidebarItemButton, { labelPlacement, size })}\n          dataHook={`composer-sidebar-item-${id}`}\n          onClick={e => onClickHandler(e, { id, label })}\n          shape=\"round\"\n          size={size}\n          border\n          skin=\"inverted\"\n          labelEllipsis={ellipsis}\n          disabled={disabled}\n          selected={selected}\n          labelValue={label}\n          labelPlacement={labelPlacement}\n          tooltipProps={labelTooltipProps}\n        >\n          {icon}\n        </ToggleButton>\n      </li>\n    );\n  }\n\n  _renderSection = ({\n    section: { items, sectionTitle },\n    showSectionTitles = false,\n  }) => {\n    const { selectedId, labelPlacement } = this.props;\n    return (\n      <>\n        {showSectionTitles ? (\n          <Text className={classes.title} size=\"small\" weight=\"bold\" ellipsis>\n            {sectionTitle ?? 'Undefined'}\n          </Text>\n        ) : null}\n        <ul\n          role=\"menu\"\n          data-hook=\"composer-sidebar-items-container\"\n          data-selected-id={selectedId}\n          data-label-placement={labelPlacement}\n          className={classes.itemsContainer}\n        >\n          {items.map(item => this._renderItem(item))}\n        </ul>\n      </>\n    );\n  };\n\n  _renderSections = sections => {\n    const { labelPlacement, size, width } = this.props;\n    const withSections =\n      sections.length > 1 ||\n      (sections.length === 1 && sections[0].sectionTitle);\n\n    return (\n      <div\n        role={withSections ? 'menu' : undefined}\n        direction=\"vertical\"\n        className={st(classes.sectionContainer, {\n          withSections,\n          labelPlacement,\n          size,\n        })}\n        style={width ? { width } : undefined}\n      >\n        {withSections\n          ? sections.map((section, index) => (\n              <div key={index} role=\"menuitem\" className={classes.section}>\n                {this._renderSection({ section, showSectionTitles: true })}\n              </div>\n            ))\n          : this._renderSection({ section: sections[0] })}\n      </div>\n    );\n  };\n\n  _separateToSections = items => {\n    const sectionTitles = Array.from(\n      new Set(\n        items.map(({ sectionTitle }) =>\n          sectionTitle ? sectionTitle : undefined,\n        ),\n      ),\n    );\n    const sections = sectionTitles.map(sectionTitle => ({\n      sectionTitle,\n      items: items.filter(\n        ({ sectionTitle: itemSectionTitle }) =>\n          (!sectionTitle && !itemSectionTitle) ||\n          sectionTitle === itemSectionTitle,\n      ),\n    }));\n    return sections;\n  };\n\n  render() {\n    const { items, className, dataHook, labelPlacement, width } = this.props;\n    const sections = this._separateToSections(items);\n\n    return (\n      <Box\n        height=\"100%\"\n        maxHeight=\"100%\"\n        width={width}\n        className={st(classes.root, { labelPlacement }, className)}\n        dataHook={dataHook || dataHooks.composerSidebarContainer}\n      >\n        {sections.length ? this._renderSections(sections) : null}\n      </Box>\n    );\n  }\n}\n\nComposerSidebar.displayName = 'ComposerSidebar';\n\nComposerSidebar.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Controls the items’ label placement */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'tooltip']),\n\n  /** Controls the items’ label tooltip when labelPlacement is set to tooltip */\n  labelTooltipProps: PropTypes.object,\n\n  /** Sets the width of the container */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the size of the items */\n  size: PropTypes.oneOf(['medium', 'large', 'small']),\n\n  /** Defines which item is currently selected */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Controls the ellipsis of the item label */\n  ellipsis: PropTypes.bool,\n\n  /** Defines an array of items (buttons and labels) to show on the sidebar:\n   * - `label`: text string next to a button\n   * - `icon`: icon shown in the toggle button\n   * - `disabled`: disables the item\n   * - `onClick`: defines what happens when the item is clicked on\n   * - `sectionTitle`: defines a section under which each item is placed\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func,\n      sectionTitle: PropTypes.string,\n    }),\n  ),\n\n  /** Defines a default on click handler for items */\n  onClick: PropTypes.func,\n};\n\nComposerSidebar.defaultProps = {\n  labelPlacement: 'end',\n  selectedId: null,\n  items: [],\n  size: 'medium',\n  onClick: () => {},\n  labelTooltipProps: {\n    placement: 'right',\n  },\n  ellipsis: true,\n};\n\nexport default ComposerSidebar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_ComposerSidebarSt","_constants","_Box","_ToggleButton","_Text","_excluded","_jsxFileName","ComposerSidebar","React","PureComponent","constructor","arguments","_renderSection","_ref","section","items","sectionTitle","showSectionTitles","selectedId","labelPlacement","props","default","createElement","Fragment","className","classes","title","size","weight","ellipsis","__self","__source","fileName","lineNumber","columnNumber","role","itemsContainer","map","item","_renderItem","_renderSections","sections","width","withSections","length","undefined","direction","st","sectionContainer","style","index","key","_separateToSections","sectionTitles","Array","from","Set","_ref2","filter","_ref3","itemSectionTitle","onClick","labelTooltipProps","label","id","icon","disabled","rest","_objectWithoutProperties2","selected","onClickHandler","concat","_extends2","sidebarItemButton","dataHook","e","shape","border","skin","labelEllipsis","labelValue","tooltipProps","render","height","maxHeight","root","dataHooks","composerSidebarContainer","displayName","propTypes","PropTypes","string","oneOf","object","oneOfType","number","bool","arrayOf","node","func","defaultProps","placement","_default","exports"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './ComposerSidebar.st.css';\nimport { dataHooks } from './constants';\nimport Box from '../Box';\nimport ToggleButton from '../ToggleButton';\nimport Text from '../Text';\n\n/** ComposerSidebar */\nclass ComposerSidebar extends React.PureComponent {\n  _renderItem(item) {\n    const {\n      selectedId,\n      labelPlacement,\n      size,\n      onClick,\n      className,\n      labelTooltipProps,\n      ellipsis,\n    } = this.props;\n    const { label, id, icon, disabled, sectionTitle, ...rest } = item;\n\n    const selected = selectedId === id;\n    const onClickHandler = item.onClick || onClick;\n\n    return (\n      <li\n        role=\"menuitem\"\n        data-hook={`composer-sidebar-item-container-${id}`}\n        key={`sidebar-item-${id}`}\n        data-section-title={sectionTitle}\n        className={st(classes.item, { labelPlacement, size }, className)}\n      >\n        <ToggleButton\n          {...rest}\n          className={st(classes.sidebarItemButton, { labelPlacement, size })}\n          dataHook={`composer-sidebar-item-${id}`}\n          onClick={e => onClickHandler(e, { id, label })}\n          shape=\"round\"\n          size={size}\n          border\n          skin=\"inverted\"\n          labelEllipsis={ellipsis}\n          disabled={disabled}\n          selected={selected}\n          labelValue={label}\n          labelPlacement={labelPlacement}\n          tooltipProps={labelTooltipProps}\n        >\n          {icon}\n        </ToggleButton>\n      </li>\n    );\n  }\n\n  _renderSection = ({\n    section: { items, sectionTitle },\n    showSectionTitles = false,\n  }) => {\n    const { selectedId, labelPlacement } = this.props;\n    return (\n      <>\n        {showSectionTitles ? (\n          <Text className={classes.title} size=\"small\" weight=\"bold\" ellipsis>\n            {sectionTitle ?? 'Undefined'}\n          </Text>\n        ) : null}\n        <ul\n          role=\"menu\"\n          data-hook=\"composer-sidebar-items-container\"\n          data-selected-id={selectedId}\n          data-label-placement={labelPlacement}\n          className={classes.itemsContainer}\n        >\n          {items.map(item => this._renderItem(item))}\n        </ul>\n      </>\n    );\n  };\n\n  _renderSections = sections => {\n    const { labelPlacement, size, width } = this.props;\n    const withSections =\n      sections.length > 1 ||\n      (sections.length === 1 && sections[0].sectionTitle);\n\n    return (\n      <div\n        role={withSections ? 'menu' : undefined}\n        direction=\"vertical\"\n        className={st(classes.sectionContainer, {\n          withSections,\n          labelPlacement,\n          size,\n        })}\n        style={width ? { width } : undefined}\n      >\n        {withSections\n          ? sections.map((section, index) => (\n              <div key={index} role=\"menuitem\" className={classes.section}>\n                {this._renderSection({ section, showSectionTitles: true })}\n              </div>\n            ))\n          : this._renderSection({ section: sections[0] })}\n      </div>\n    );\n  };\n\n  _separateToSections = items => {\n    const sectionTitles = Array.from(\n      new Set(\n        items.map(({ sectionTitle }) =>\n          sectionTitle ? sectionTitle : undefined,\n        ),\n      ),\n    );\n    const sections = sectionTitles.map(sectionTitle => ({\n      sectionTitle,\n      items: items.filter(\n        ({ sectionTitle: itemSectionTitle }) =>\n          (!sectionTitle && !itemSectionTitle) ||\n          sectionTitle === itemSectionTitle,\n      ),\n    }));\n    return sections;\n  };\n\n  render() {\n    const { items, className, dataHook, labelPlacement, width } = this.props;\n    const sections = this._separateToSections(items);\n\n    return (\n      <Box\n        height=\"100%\"\n        maxHeight=\"100%\"\n        width={width}\n        className={st(classes.root, { labelPlacement }, className)}\n        dataHook={dataHook || dataHooks.composerSidebarContainer}\n      >\n        {sections.length ? this._renderSections(sections) : null}\n      </Box>\n    );\n  }\n}\n\nComposerSidebar.displayName = 'ComposerSidebar';\n\nComposerSidebar.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Controls the items’ label placement */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'tooltip']),\n\n  /** Controls the items’ label tooltip when labelPlacement is set to tooltip */\n  labelTooltipProps: PropTypes.object,\n\n  /** Sets the width of the container */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the size of the items */\n  size: PropTypes.oneOf(['medium', 'large', 'small']),\n\n  /** Defines which item is currently selected */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Controls the ellipsis of the item label */\n  ellipsis: PropTypes.bool,\n\n  /** Defines an array of items (buttons and labels) to show on the sidebar:\n   * - `label`: text string next to a button\n   * - `icon`: icon shown in the toggle button\n   * - `disabled`: disables the item\n   * - `onClick`: defines what happens when the item is clicked on\n   * - `sectionTitle`: defines a section under which each item is placed\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func,\n      sectionTitle: PropTypes.string,\n    }),\n  ),\n\n  /** Defines a default on click handler for items */\n  onClick: PropTypes.func,\n};\n\nComposerSidebar.defaultProps = {\n  labelPlacement: 'end',\n  selectedId: null,\n  items: [],\n  size: 'medium',\n  onClick: () => {},\n  labelTooltipProps: {\n    placement: 'right',\n  },\n  ellipsis: true,\n};\n\nexport default ComposerSidebar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_ComposerSidebar";
+var _namespace_ = "wds_1_172_2_ComposerSidebar";
 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_172_0_ComposerSidebar__root","defaultScrollBar":"wds_1_172_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_172_0_ComposerSidebar__sectionContainer","section":"wds_1_172_0_ComposerSidebar__section","itemsContainer":"wds_1_172_0_ComposerSidebar__itemsContainer","title":"wds_1_172_0_ComposerSidebar__title","item":"wds_1_172_0_ComposerSidebar__item","sidebarItemButton":"wds_1_172_0_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_172_2_ComposerSidebar__root","defaultScrollBar":"wds_1_172_2_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_172_2_ComposerSidebar__sectionContainer","section":"wds_1_172_2_ComposerSidebar__section","itemsContainer":"wds_1_172_2_ComposerSidebar__itemsContainer","title":"wds_1_172_2_ComposerSidebar__title","item":"wds_1_172_2_ComposerSidebar__item","sidebarItemButton":"wds_1_172_2_ComposerSidebar__sidebarItemButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CornerRadiusInput";
+var _namespace_ = "wds_1_172_2_CornerRadiusInput";
 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_172_0_CornerRadiusInput__root","linkingButton":"wds_1_172_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_172_0_CornerRadiusInput__topLeft","topRight":"wds_1_172_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_172_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_172_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_172_0_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_172_2_CornerRadiusInput__root","linkingButton":"wds_1_172_2_CornerRadiusInput__linkingButton","topLeft":"wds_1_172_2_CornerRadiusInput__topLeft","topRight":"wds_1_172_2_CornerRadiusInput__topRight","bottomLeft":"wds_1_172_2_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_172_2_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_172_2_CornerRadiusInput__cornerIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CounterBadge";
+var _namespace_ = "wds_1_172_2_CounterBadge";
 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_172_0_CounterBadge__root","text":"wds_1_172_0_CounterBadge__text","caption":"wds_1_172_0_CounterBadge__caption","numberContent":"wds_1_172_0_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_172_2_CounterBadge__root","text":"wds_1_172_2_CounterBadge__text","caption":"wds_1_172_2_CounterBadge__caption","numberContent":"wds_1_172_2_CounterBadge__numberContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_172_0_CustomModalLayout";
+var _namespace_ = "wds_1_172_2_CustomModalLayout";
 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_172_0_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_172_2_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};