@wix/design-system 1.152.0 → 1.154.0

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

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

package/dist/esm/Timeline/Timeline.uni.driver.js

@@ -15,6 +15,11 @@ export const timelineDriverFactory = (base) => {
          * @returns timeline item suffix text at index
          */
         getSuffixText: async (idx) => await findByHook(base, `${dataHooks.timelineTextSuffix}-${idx}`).text(),
+        /**
+         * Gets skin type
+         * @return {Promise<'dark' | 'neutral' | 'standard'>}
+         */
+        getSkin: async () => await base.attr('data-skin'),
     };
 };
 //# sourceMappingURL=Timeline.uni.driver.js.map

package/dist/esm/Timeline/Timeline.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.uni.driver.js","sourceRoot":"","sources":["../../../src/Timeline/Timeline.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAe,EAAE,EAAE;IACvD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;;;WAIG;QACH,YAAY,EAAE,KAAK,EAAE,GAAW,EAAmB,EAAE,CACnD,MAAM,UAAU,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,aAAa,IAAI,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE;QAEpE;;;;WAIG;QACH,aAAa,EAAE,KAAK,EAAE,GAAW,EAAmB,EAAE,CACpD,MAAM,UAAU,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,kBAAkB,IAAI,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE;KAC1E,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Timeline.uni.driver.js","sourceRoot":"","sources":["../../../src/Timeline/Timeline.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAe,EAAE,EAAE;IACvD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;;;WAIG;QACH,YAAY,EAAE,KAAK,EAAE,GAAW,EAAmB,EAAE,CACnD,MAAM,UAAU,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,aAAa,IAAI,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE;QAEpE;;;;WAIG;QACH,aAAa,EAAE,KAAK,EAAE,GAAW,EAAmB,EAAE,CACpD,MAAM,UAAU,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,kBAAkB,IAAI,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE;QAEzE;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;KAClD,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/Timeline/TimelineItem.js

@@ -5,16 +5,17 @@ import { classes, st, vars } from './TimelineItem.st.css.js';
 import { dataHooks } from './Timeline.constants';
 import { isString } from '../utils/StringUtils';
 /** A timeline item is a display of a timeline event */
-function TimelineItem({ idx, item, dataHook, gap }) {
-    return (React.createElement("li", { className: classes.event, "data-hook": dataHook },
+function TimelineItem({ idx, item, dataHook, gap, skin = 'dark', }) {
+    const { customPrefix, suffix, label, labelAction, line = 'filled' } = item;
+    return (React.createElement("li", { className: st(classes.event, { skin }), "data-hook": dataHook },
         React.createElement(React.Fragment, null,
             React.createElement("div", { className: classes.prefix },
-                item.customPrefix ? (React.createElement("div", { "data-hook": `${dataHooks.timelineBulletIndicator}-${idx}` }, item.customPrefix)) : (React.createElement("div", { "data-hook": `${dataHooks.timelineDefaultPrefix}-${idx}`, className: classes.defaultIndicator })),
-                React.createElement("div", { className: classes.line })),
-            React.createElement("div", { className: st(classes.label, { withSuffix: !!item.suffix }), style: { [vars.marginBottom]: gap } },
-                isString(item.label) ? (React.createElement(Text, { dataHook: `${dataHooks.timelineLabel}-${idx}`, weight: "thin", size: "small", className: classes.labelText }, item.label)) : (item.label),
-                item.labelAction ? (React.createElement("div", { className: classes.labelAction, "data-hook": `${dataHooks.timelineLabelAction}-${idx}` }, item.labelAction)) : null),
-            item.suffix ? (React.createElement("div", { className: classes.suffix, "data-hook": `${dataHooks.timelineSuffix}-${idx}` }, isString(item.suffix) ? (React.createElement(Text, { dataHook: `${dataHooks.timelineTextSuffix}-${idx}`, weight: "thin", light: true, secondary: true, size: "small" }, item.suffix)) : (item.suffix))) : null)));
+                customPrefix ? (React.createElement("div", { "data-hook": `${dataHooks.timelineBulletIndicator}-${idx}` }, customPrefix)) : (React.createElement("div", { "data-hook": `${dataHooks.timelineDefaultPrefix}-${idx}`, className: classes.defaultIndicator })),
+                React.createElement("div", { className: st(classes.line, { line }) })),
+            React.createElement("div", { className: st(classes.label, { withSuffix: !!suffix }), style: { [vars.marginBottom]: gap } },
+                isString(label) ? (React.createElement(Text, { dataHook: `${dataHooks.timelineLabel}-${idx}`, weight: "thin", size: "small", className: classes.labelText }, label)) : (label),
+                labelAction ? (React.createElement("div", { className: classes.labelAction, "data-hook": `${dataHooks.timelineLabelAction}-${idx}` }, labelAction)) : null),
+            suffix ? (React.createElement("div", { className: classes.suffix, "data-hook": `${dataHooks.timelineSuffix}-${idx}` }, isString(suffix) ? (React.createElement(Text, { dataHook: `${dataHooks.timelineTextSuffix}-${idx}`, weight: "thin", light: true, secondary: true, size: "small" }, suffix)) : (suffix))) : null)));
 }
 TimelineItem.displayName = 'TimelineItem';
 TimelineItem.propTypes = {

package/dist/esm/Timeline/TimelineItem.js.map

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

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_TimelineItem";
+var _namespace_ = "wds_1_154_0_TimelineItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_TimelineItem__root","event":"wds_1_152_0_TimelineItem__event","prefix":"wds_1_152_0_TimelineItem__prefix","line":"wds_1_152_0_TimelineItem__line","defaultIndicator":"wds_1_152_0_TimelineItem__defaultIndicator","label":"wds_1_152_0_TimelineItem__label","labelText":"wds_1_152_0_TimelineItem__labelText","suffix":"wds_1_152_0_TimelineItem__suffix","labelAction":"wds_1_152_0_TimelineItem__labelAction"};
+export var classes = {"root":"wds_1_154_0_TimelineItem__root","event":"wds_1_154_0_TimelineItem__event","prefix":"wds_1_154_0_TimelineItem__prefix","line":"wds_1_154_0_TimelineItem__line","defaultIndicator":"wds_1_154_0_TimelineItem__defaultIndicator","label":"wds_1_154_0_TimelineItem__label","labelText":"wds_1_154_0_TimelineItem__labelText","suffix":"wds_1_154_0_TimelineItem__suffix","labelAction":"wds_1_154_0_TimelineItem__labelAction"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"listItemHeight":"18px","inidicatorSize":"7px"}; 
-export var vars = {"listItemHeight":"--wds_1_152_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_152_0_TimelineItem-marginBottom"}; 
+export var vars = {"listItemHeight":"--wds_1_154_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_154_0_TimelineItem-marginBottom"}; 
 
 
 

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_Toast";
+var _namespace_ = "wds_1_154_0_Toast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_Toast__root","content":"wds_1_152_0_Toast__content","dismiss":"wds_1_152_0_Toast__dismiss"};
+export var classes = {"root":"wds_1_154_0_Toast__root","content":"wds_1_154_0_Toast__content","dismiss":"wds_1_154_0_Toast__dismiss"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -9,7 +9,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_ToggleButton";
+var _namespace_ = "wds_1_154_0_ToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_ToggleButton__root","label":"wds_1_152_0_ToggleButton__label","icon":"wds_1_152_0_ToggleButton__icon","labelContainer":"wds_1_152_0_ToggleButton__labelContainer","tooltip":"wds_1_152_0_ToggleButton__tooltip"};
+export var classes = {"root":"wds_1_154_0_ToggleButton__root","label":"wds_1_154_0_ToggleButton__label","icon":"wds_1_154_0_ToggleButton__icon","labelContainer":"wds_1_154_0_ToggleButton__labelContainer","tooltip":"wds_1_154_0_ToggleButton__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_154_0_ToggleSwitchCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_ToggleSwitchCore__root","input":"wds_1_152_0_ToggleSwitchCore__input","track":"wds_1_152_0_ToggleSwitchCore__track","knob":"wds_1_152_0_ToggleSwitchCore__knob","knobIcon":"wds_1_152_0_ToggleSwitchCore__knobIcon"};
+export var classes = {"root":"wds_1_154_0_ToggleSwitchCore__root","input":"wds_1_154_0_ToggleSwitchCore__input","track":"wds_1_154_0_ToggleSwitchCore__track","knob":"wds_1_154_0_ToggleSwitchCore__knob","knobIcon":"wds_1_154_0_ToggleSwitchCore__knobIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_Tooltip";
+var _namespace_ = "wds_1_154_0_Tooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_Tooltip__root","text-small-normal":"wds_1_152_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_152_0_StylableTypography__text-tiny-thin","text":"wds_1_152_0_Tooltip__text"};
+export var classes = {"root":"wds_1_154_0_Tooltip__root","text-small-normal":"wds_1_154_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_154_0_StylableTypography__text-tiny-thin","text":"wds_1_154_0_Tooltip__text"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_TopBanner";
+var _namespace_ = "wds_1_154_0_TopBanner";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_TopBanner__root","contentContainer":"wds_1_152_0_TopBanner__contentContainer","action":"wds_1_152_0_TopBanner__action"};
+export var classes = {"root":"wds_1_154_0_TopBanner__root","contentContainer":"wds_1_154_0_TopBanner__contentContainer","action":"wds_1_154_0_TopBanner__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_TrendIndicator";
+var _namespace_ = "wds_1_154_0_TrendIndicator";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_TrendIndicator__root","caption":"wds_1_152_0_TrendIndicator__caption","icon":"wds_1_152_0_TrendIndicator__icon"};
+export var classes = {"root":"wds_1_154_0_TrendIndicator__root","caption":"wds_1_154_0_TrendIndicator__caption","icon":"wds_1_154_0_TrendIndicator__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_VariableInput";
+var _namespace_ = "wds_1_154_0_VariableInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_VariableInput__root","text-small-normal":"wds_1_152_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_152_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_152_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_152_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_152_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_152_0_VariableInput__tagWrapper","textWrapper":"wds_1_152_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_152_0_VariableInput__indicatorWrapper"};
+export var classes = {"root":"wds_1_154_0_VariableInput__root","text-small-normal":"wds_1_154_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_154_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_154_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_154_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_154_0_VariableInput__tagWrapper","textWrapper":"wds_1_154_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_154_0_VariableInput__indicatorWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"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","rows":"--wds_1_152_0_VariableInput-rows","rowHeight":"--wds_1_152_0_VariableInput-rowHeight","contentHeight":"--wds_1_152_0_VariableInput-contentHeight"}; 
+export var vars = {"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","rows":"--wds_1_154_0_VariableInput-rows","rowHeight":"--wds_1_154_0_VariableInput-rowHeight","contentHeight":"--wds_1_154_0_VariableInput-contentHeight"}; 
 
 
 

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_VerticalTabsItem";
+var _namespace_ = "wds_1_154_0_VerticalTabsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_VerticalTabsItem__root","title":"wds_1_152_0_VerticalTabsItem__title","selectableItem":"wds_1_152_0_VerticalTabsItem__selectableItem","text":"wds_1_152_0_VerticalTabsItem__text","textButton":"wds_1_152_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_152_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_152_0_VerticalTabsItem__suffixIcon"};
+export var classes = {"root":"wds_1_154_0_VerticalTabsItem__root","title":"wds_1_154_0_VerticalTabsItem__title","selectableItem":"wds_1_154_0_VerticalTabsItem__selectableItem","text":"wds_1_154_0_VerticalTabsItem__text","textButton":"wds_1_154_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_154_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_154_0_VerticalTabsItem__suffixIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-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-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_152_0_VerticalTabsItem-focus-ring-inset"}; 
+export var vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-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-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_154_0_VerticalTabsItem-focus-ring-inset"}; 
 
 
 

package/dist/esm/WixDesignSystemProvider/WixDesignSystemProvider.js

@@ -6,8 +6,8 @@ import { WixDesignSystemContext } from './context';
 import { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';
 import WixStyleReactEnvironmentProvider from '../WixStyleReactEnvironmentProvider';
 const WixDesignSystemProvider = ({ dataHook, className, as = 'span', mobile = false, children, theme, features = {}, locale, pageHeaderId, ...rest }) => {
-    const { newColorsBranding } = features;
-    const newBrandingClass = newColorsBranding && newColorsBrandingClasses.root;
+    const newColorsBranding = true;
+    const newBrandingClass = newColorsBrandingClasses.root;
     const environmentContext = React.useContext(WixStyleReactEnvironmentContext);
     return (React.createElement(WixDesignSystemContext.Provider, { value: { newBrandingClass, newColorsBranding, mobile } },
         React.createElement(WixStyleReactEnvironmentProvider, { locale: locale ?? environmentContext?.locale, pageHeaderId: pageHeaderId ?? environmentContext?.pageHeaderId }, React.createElement(as, {

package/dist/esm/WixDesignSystemProvider/WixDesignSystemProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WixDesignSystemProvider.js","sourceRoot":"","sources":["../../../src/WixDesignSystemProvider/WixDesignSystemProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,OAAO,IAAI,wBAAwB,EACnC,EAAE,GACH,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,OAAO,gCAAgC,MAAM,qCAAqC,CAAC;AAEnF,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,MAAM,EACX,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IACvC,MAAM,gBAAgB,GAAG,iBAAiB,IAAI,wBAAwB,CAAC,IAAI,CAAC;IAC5E,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IAE7E,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,EAAE;QAEtD,oBAAC,gCAAgC,IAC/B,MAAM,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,EAC5C,YAAY,EAAE,YAAY,IAAI,kBAAkB,EAAE,YAAY,IAE7D,KAAK,CAAC,aAAa,CAClB,EAAE,EACF;YACE,GAAG,IAAI;YACP,WAAW,EAAE,QAAQ;YACrB,wBAAwB,EAAE,iBAAiB;YAC3C,SAAS,EAAE,EAAE,CACX,SAAS,EACT,gBAAgB,EAChB,cAAc,CAAC,OAAO,EACtB,KAAK,EAAE,SAAS,EAChB,MAAM,IAAI,OAAO,CAAC,MAAM,CACzB;SACF,EACD,QAAQ,CACT,CACgC,CACH,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"WixDesignSystemProvider.js","sourceRoot":"","sources":["../../../src/WixDesignSystemProvider/WixDesignSystemProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,OAAO,IAAI,wBAAwB,EACnC,EAAE,GACH,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,OAAO,gCAAgC,MAAM,qCAAqC,CAAC;AAEnF,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,MAAM,EACX,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,IAAI,CAAC;IAC/B,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,IAAI,CAAC;IACvD,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IAE7E,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,EAAE;QAEtD,oBAAC,gCAAgC,IAC/B,MAAM,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,EAC5C,YAAY,EAAE,YAAY,IAAI,kBAAkB,EAAE,YAAY,IAE7D,KAAK,CAAC,aAAa,CAClB,EAAE,EACF;YACE,GAAG,IAAI;YACP,WAAW,EAAE,QAAQ;YACrB,wBAAwB,EAAE,iBAAiB;YAC3C,SAAS,EAAE,EAAE,CACX,SAAS,EACT,gBAAgB,EAChB,cAAc,CAAC,OAAO,EACtB,KAAK,EAAE,SAAS,EAChB,MAAM,IAAI,OAAO,CAAC,MAAM,CACzB;SACF,EACD,QAAQ,CACT,CACgC,CACH,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_WixDesignSystemProvider";
+var _namespace_ = "wds_1_154_0_WixDesignSystemProvider";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_WixDesignSystemProvider__root","mobile":"wds_1_152_0_WixDesignSystemProvider__mobile"};
+export var classes = {"root":"wds_1_154_0_WixDesignSystemProvider__root","mobile":"wds_1_154_0_WixDesignSystemProvider__mobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/WixDesignSystemProvider/context.js

@@ -1,6 +1,6 @@
 import React from 'react';
 export const WixDesignSystemContext = React.createContext({
-    newColorsBranding: false,
+    newColorsBranding: true,
     newBrandingClass: 'no-brand',
     mobile: false,
 });

package/dist/esm/WixDesignSystemProvider/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/WixDesignSystemProvider/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAItD;IACD,iBAAiB,EAAE,KAAK;IACxB,gBAAgB,EAAE,UAAU;IAC5B,MAAM,EAAE,KAAK;CACd,CAAC,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/WixDesignSystemProvider/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAItD;IACD,iBAAiB,EAAE,IAAI;IACvB,gBAAgB,EAAE,UAAU;IAC5B,MAAM,EAAE,KAAK;CACd,CAAC,CAAC"}

package/dist/esm/WixDesignSystemProvider/madefor.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_madefor";
+var _namespace_ = "wds_1_154_0_madefor";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_madefor__root","madefor":"wds_1_152_0_madefor__madefor"};
+export var classes = {"root":"wds_1_154_0_madefor__root","madefor":"wds_1_154_0_madefor__madefor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/WixDesignSystemProvider/newColorsBranding.st.css.js

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

package/dist/esm/common/AdaptiveHeading/AdaptiveHeading.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_AdaptiveHeading";
+var _namespace_ = "wds_1_154_0_AdaptiveHeading";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_AdaptiveHeading__root","headerWrapper":"wds_1_152_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_152_0_AdaptiveHeading__headerShort","headerFull":"wds_1_152_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_152_0_AdaptiveHeading__ellipsis"};
+export var classes = {"root":"wds_1_154_0_AdaptiveHeading__root","headerWrapper":"wds_1_154_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_154_0_AdaptiveHeading__headerShort","headerFull":"wds_1_154_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_154_0_AdaptiveHeading__ellipsis"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/common/Ellipsis/Ellipsis.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_Ellipsis";
+var _namespace_ = "wds_1_154_0_Ellipsis";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_Ellipsis__root","tooltip":"wds_1_152_0_Ellipsis__tooltip"};
+export var classes = {"root":"wds_1_154_0_Ellipsis__root","tooltip":"wds_1_154_0_Ellipsis__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"maxLines":"--wds_1_152_0_Ellipsis-maxLines"}; 
+export var vars = {"maxLines":"--wds_1_154_0_Ellipsis-maxLines"}; 
 
 
 

package/dist/esm/common/Ellipsis/components/TextComponent/TextComponent.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_152_0_TextComponent";
+var _namespace_ = "wds_1_154_0_TextComponent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_TextComponent__root","text":"wds_1_152_0_TextComponent__text","suffix":"wds_1_152_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_152_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_152_0_TextComponent__multilineSuffix"};
+export var classes = {"root":"wds_1_154_0_TextComponent__root","text":"wds_1_154_0_TextComponent__text","suffix":"wds_1_154_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_154_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_154_0_TextComponent__multilineSuffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"maxLines":"--wds_1_152_0_TextComponent-maxLines"}; 
+export var vars = {"maxLines":"--wds_1_154_0_TextComponent-maxLines"}; 
 
 
 

package/dist/esm/common/FluidColumns/FluidColumns.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_FluidColumns";
+var _namespace_ = "wds_1_154_0_FluidColumns";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_FluidColumns__root","item":"wds_1_152_0_FluidColumns__item"};
+export var classes = {"root":"wds_1_154_0_FluidColumns__root","item":"wds_1_154_0_FluidColumns__item"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"cols":"--wds_1_152_0_FluidColumns-cols"}; 
+export var vars = {"cols":"--wds_1_154_0_FluidColumns-cols"}; 
 
 
 

package/dist/esm/common/Focusable/Focusable.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_Focusable";
+var _namespace_ = "wds_1_154_0_Focusable";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_Focusable__root","focus-box":"wds_1_152_0_Focusable__focus-box","focus-box-error":"wds_1_152_0_Focusable__focus-box-error"};
+export var classes = {"root":"wds_1_154_0_Focusable__root","focus-box":"wds_1_154_0_Focusable__focus-box","focus-box-error":"wds_1_154_0_Focusable__focus-box-error"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/common/styles/visuallyHidden.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_152_0_visuallyHidden";
+var _namespace_ = "wds_1_154_0_visuallyHidden";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_152_0_visuallyHidden__root","visuallyHidden":"wds_1_152_0_visuallyHidden__visuallyHidden"};
+export var classes = {"root":"wds_1_154_0_visuallyHidden__root","visuallyHidden":"wds_1_154_0_visuallyHidden__visuallyHidden"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};