@wix/design-system 1.2.0 → 1.4.0

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

@@ -4,15 +4,84 @@
   -st-default: Button;
 }
 
+:import {
+  -st-from: "../../Heading/Heading.st.css";
+  -st-default: Heading;
+}
+
+:import {
+  -st-from: "../../Divider/Divider.st.css";
+  -st-default: Divider;
+}
+
+:import {
+  -st-from: "../../Text/Text.st.css";
+  -st-default: Text;
+}
+
+:import {
+  -st-from: "../../InputWithLabel/InputWithLabel.st.css";
+  -st-default: InputWithLabel;
+}
+
+:import {
+  -st-from: "../../LabelledElement/LabelledElement.st.css";
+  -st-default: LabelledElement;
+}
+
 /* Overrides */
 :import {
   -st-from: "./components/Button/Button.st.css";
   -st-default: ButtonOverrides;
 }
 
+:import {
+  -st-from: "./components/Heading/Heading.st.css";
+  -st-default: HeadingOverrides;
+}
+
+:import {
+  -st-from: "./components/Divider/Divider.st.css";
+  -st-default: DividerOverrides;
+}
+
+:import {
+  -st-from: "./components/Text/Text.st.css";
+  -st-default: TextOverrides;
+}
+
+:import {
+  -st-from: "./components/InputWithLabel/InputWithLabel.st.css";
+  -st-default: InputWithLabelOverrides;
+}
+
+:import {
+  -st-from: "./components/InputWithLabel/LabelledElement.st.css";
+  -st-default: LabelledElementOverrides;
+}
+
 @st-scope .root {
   Button {
     -st-mixin: ButtonOverrides();
   }
-}
 
+  Heading {
+    -st-mixin: HeadingOverrides();
+  }
+
+  Divider {
+    -st-mixin: DividerOverrides();
+  }
+
+  Text {
+    -st-mixin: TextOverrides();
+  }
+
+  InputWithLabel {
+    -st-mixin: InputWithLabelOverrides();
+  }
+
+  LabelledElement {
+    -st-mixin: LabelledElementOverrides();
+  }
+}

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

@@ -1,11 +1,21 @@
 
 import "../../Button/Button.st.css.js";
+import "../../Heading/Heading.st.css.js";
+import "../../Divider/Divider.st.css.js";
+import "../../Text/Text.st.css.js";
+import "../../InputWithLabel/InputWithLabel.st.css.js";
+import "../../LabelledElement/LabelledElement.st.css.js";
 import "./components/Button/Button.st.css.js";
+import "./components/Heading/Heading.st.css.js";
+import "./components/Divider/Divider.st.css.js";
+import "./components/Text/Text.st.css.js";
+import "./components/InputWithLabel/InputWithLabel.st.css.js";
+import "./components/InputWithLabel/LabelledElement.st.css.js";
 import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_Brand";
+var _namespace_ = "wds_1_4_0_Brand";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +23,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_Brand__root"};
+export var classes = {"root":"wds_1_4_0_Brand__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -20,7 +20,7 @@
   /* Primary */
   B05: #0F62E6;
   B10: #116DFF;
-  B20: #418AFF;
+  B20: #5999FF;
   B30: #7CAFFF;
   B40: #D3E4FF;
   B50: #E8F1FF;
@@ -46,6 +46,7 @@
   /* Destructive */
   R10: #EE4437;
   R20: #F1695F;
+  R30: #F69891;
   R40: #FDE3E1;
   R50: #FDECEB;
 
@@ -56,7 +57,7 @@
   O10: #F96132;
 
   /* Yellow */
-  Y30: #FFD988;
+  Y30: #FFD16E;
   Y50: #FFF7E2;
 
   /* Categories */
@@ -66,7 +67,7 @@
   A5: #FBAD4E;
 
   /* Sidebar */
-  S10 : #131720;
+  S10: #131720;
   S10-05: #1F222B;
   S10-10: #2B2E36;
   S10-20: #42454C;
@@ -78,4 +79,11 @@
   S10-80: #CFD0D2;
   S10-90: #E7E8E9;
   S10-100: #FFFFFF;
-}
+
+  /* Brand */
+  BR10: #000000;
+  BR20: #404040;
+  BR30: #B5B5B5;
+  BR40: #C0C2CE;
+  BR50: #D4D4D4;
+}

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_2_0_BrandColors";
+var _namespace_ = "wds_1_4_0_BrandColors";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,11 +12,11 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BrandColors__root"};
+export var classes = {"root":"wds_1_4_0_BrandColors__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
-export var stVars = {"D10":"#000624","D20":"#333850","D30":"#595D70","D40":"#868AA5","D50":"#B6C1CD","D55":"#CFD1DC","D60":"#DFE5EB","D70":"#ECEFF3","B05":"#0F62E6","B10":"#116DFF","B20":"#418AFF","B30":"#7CAFFF","B40":"#D3E4FF","B50":"#E8F1FF","B60":"#F8FAFF","D80":"#FFFFFF","P00":"#8E21B1","P10":"#AA4DC8","P20":"#CD68ED","D10-30":"rgba(0, 6, 36, 0.3)","D10-40":"rgba(0, 6, 36, 0.4)","D10-50":"rgba(0, 6, 36, 0.5)","D80-70":"rgba(255, 255, 255, 0.7)","G10":"#51B77B","G20":"#51B77B","G40":"#CDF2CF","R10":"#EE4437","R20":"#F1695F","R40":"#FDE3E1","R50":"#FDECEB","Y10":"#F9aD4D","O10":"#F96132","Y30":"#FFD988","Y50":"#FFF7E2","A2":"#5A48F5","A3":"#06BEE1","A4":"#CDC8FC","A5":"#FBAD4E","S10":"#131720","S10-05":"#1F222B","S10-10":"#2B2E36","S10-20":"#42454C","S10-30":"#5A5D63","S10-40":"#717379","S10-50":"#898B8F","S10-60":"#A0A2A5","S10-70":"#B8B9BC","S10-80":"#CFD0D2","S10-90":"#E7E8E9","S10-100":"#FFFFFF"}; 
+export var stVars = {"D10":"#000624","D20":"#333850","D30":"#595D70","D40":"#868AA5","D50":"#B6C1CD","D55":"#CFD1DC","D60":"#DFE5EB","D70":"#ECEFF3","B05":"#0F62E6","B10":"#116DFF","B20":"#5999FF","B30":"#7CAFFF","B40":"#D3E4FF","B50":"#E8F1FF","B60":"#F8FAFF","D80":"#FFFFFF","P00":"#8E21B1","P10":"#AA4DC8","P20":"#CD68ED","D10-30":"rgba(0, 6, 36, 0.3)","D10-40":"rgba(0, 6, 36, 0.4)","D10-50":"rgba(0, 6, 36, 0.5)","D80-70":"rgba(255, 255, 255, 0.7)","G10":"#51B77B","G20":"#51B77B","G40":"#CDF2CF","R10":"#EE4437","R20":"#F1695F","R30":"#F69891","R40":"#FDE3E1","R50":"#FDECEB","Y10":"#F9aD4D","O10":"#F96132","Y30":"#FFD16E","Y50":"#FFF7E2","A2":"#5A48F5","A3":"#06BEE1","A4":"#CDC8FC","A5":"#FBAD4E","S10":"#131720","S10-05":"#1F222B","S10-10":"#2B2E36","S10-20":"#42454C","S10-30":"#5A5D63","S10-40":"#717379","S10-50":"#898B8F","S10-60":"#A0A2A5","S10-70":"#B8B9BC","S10-80":"#CFD0D2","S10-90":"#E7E8E9","S10-100":"#FFFFFF","BR10":"#000000","BR20":"#404040","BR30":"#B5B5B5","BR40":"#C0C2CE","BR50":"#D4D4D4"}; 
 export var vars = {}; 
 
 

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

@@ -7,15 +7,45 @@
 
 :import {
   -st-from: "../../Foundations/colors.st.css";
-  -st-named: B10, B05, B40, B50, D10-40, D55, D70, D80;
+  -st-named: BR10, BR20, BR30, D80;
 }
 
 .root {
   -st-extends: Button;
 }
 
-/* Skin standard primary */
-.root:skin(standard):priority(primary) {
-  background-color: green;
-  border-color: green;
+/* Skin dark primary */
+.root:skin(dark):priority(primary) {
+  background-color: value(BR10);
 }
+
+.root:skin(dark):priority(primary):hover {
+  background-color: value(BR20);
+}
+
+.root:skin(dark):priority(primary):disabled {
+  background-color: value(BR30);
+}
+
+/* Skin dark secondary */
+.root:skin(dark):priority(secondary) {
+  border: solid 1px value(BR10);
+  color: value(BR10);
+}
+
+.root:skin(dark):priority(secondary):hover {
+  color: value(D80);
+  background-color: value(BR20);
+  border-color: value(BR20);
+}
+
+.root:skin(dark):priority(secondary):active {
+  color: value(D80);
+  background-color: value(BR10);
+  border-color: value(BR10);
+}
+
+.root:skin(dark):priority(secondary):disabled {
+  color: value(BR30);
+  border-color: value(BR30);
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_2_0_BrandButton";
+var _namespace_ = "wds_1_4_0_BrandButton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BrandButton__root"};
+export var classes = {"root":"wds_1_4_0_BrandButton__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/brand/components/Divider/Divider.st.css

@@ -0,0 +1,23 @@
+@st-namespace "BrandDivider";
+
+:import {
+  -st-from: "../../../../Divider/Divider.st.css";
+  -st-default: Divider;
+}
+
+:import {
+  -st-from: "../../Foundations/colors.st.css";
+  -st-named: BR10, BR50;
+}
+
+.root {
+  -st-extends: Divider;
+}
+
+.root:skin(light) {
+  background-color: value(BR50);
+}
+
+.root:skin(dark) {
+  background-color: value(BR10);
+}

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

@@ -0,0 +1,25 @@
+
+import "../../../../Divider/Divider.st.css.js";
+import "../../Foundations/colors.st.css.js";
+import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_4_0_BrandDivider";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_4_0_BrandDivider__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -0,0 +1,31 @@
+@st-namespace "BrandHeading";
+
+:import {
+  -st-from: "../../../../Heading/Heading.st.css";
+  -st-default: Heading;
+}
+
+:import {
+  -st-from: "../../../../Foundation/stylable/typography.st.css";
+  -st-named: heading-h1, heading-h2;
+}
+
+.root {
+  -st-extends: Heading;
+}
+
+.root:newColorsBranding:appearance(H1) {
+  -st-mixin: heading-h1;
+}
+
+.root:size(extraLarge) {
+  -st-mixin: heading-h1;
+}
+
+.root:newColorsBranding:appearance(H2) {
+  -st-mixin: heading-h2;
+}
+
+.root:size(large) {
+  -st-mixin: heading-h2;
+}

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

@@ -0,0 +1,25 @@
+
+import "../../../../Heading/Heading.st.css.js";
+import "../../../../Foundation/stylable/typography.st.css.js";
+import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_4_0_BrandHeading";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_4_0_BrandHeading__root","heading-h1":"wds_1_4_0_StylableTypography__heading-h1","heading-h2":"wds_1_4_0_StylableTypography__heading-h2"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -0,0 +1,78 @@
+@st-namespace "BrandInputWithLabel";
+
+:import {
+  -st-from: "../../../../InputWithLabel/InputWithLabel.st.css";
+  -st-default: InputWithLabel;
+}
+
+:import {
+  -st-from: "../../Foundations/colors.st.css";
+  -st-named: D40, R10, R30, B05, D80, B20, B40, D10-30, BR40, Y30;
+}
+
+.root {
+  -st-extends: InputWithLabel;
+}
+
+.root,
+.root:newColorsBranding {
+  border: solid 1px value(D40);
+}
+
+/* Focus */
+.root:hasFocus,
+.root:focus {
+  border-color: value(B05);
+  border-width: 2px;
+  box-shadow: none;
+}
+
+/* Hover */
+.root:hover:not(:hasFocus):not(:disabled):border(standard),
+.root:forceHover:not(.disabled):border(standard),
+.root:hover:not(:hasFocus):not(:disabled):border(round),
+.root:forceHover:not(.disabled):border(round) {
+  border-color: value(B20);
+  background-color: value(D80);
+}
+
+/* Disabled */
+.root:disabled {
+  border-color: value(BR40);
+  background-color: value(D80);
+  color: value(D10-30);
+}
+
+/* Hover with error*/
+.root:hover:not(:hasFocus):not(:disabled):border(standard):status(error),
+.root:forceHover:not(.disabled):border(standard):status(error),
+.root:hover:not(:hasFocus):not(:disabled):border(round):status(error),
+.root:forceHover:not(.disabled):border(round):status(error) {
+  border-color: value(R30);
+  background-color: value(D80);
+}
+
+/* Focus with error*/
+.root:not(:disabled):status(error):border(standard):hasFocus,
+.root:not(:disabled):status(error):border(round):hasFocus {
+  border-color: value(R10);
+  border-width: 2px;
+  box-shadow: none;
+}
+
+/* Hover with warning*/
+.root:hover:not(:hasFocus):not(:disabled):border(standard):status(warning),
+.root:forceHover:not(.disabled):border(standard):status(warning),
+.root:hover:not(:hasFocus):not(:disabled):border(round):status(warning),
+.root:forceHover:not(.disabled):border(round):status(warning) {
+  border-color: value(Y30);
+  background-color: value(D80);
+}
+
+/* Focus with warning*/
+.root:not(:disabled):status(warning):border(standard):hasFocus,
+.root:not(:disabled):status(warning):border(round):hasFocus {
+  border-color: value(Y30);
+  border-width: 2px;
+  box-shadow: none;
+}

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

@@ -0,0 +1,25 @@
+
+import "../../../../InputWithLabel/InputWithLabel.st.css.js";
+import "../../Foundations/colors.st.css.js";
+import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_4_0_BrandInputWithLabel";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_4_0_BrandInputWithLabel__root","disabled":"wds_1_4_0_BrandInputWithLabel__disabled"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -0,0 +1,20 @@
+@st-namespace "BrandLabelledElement";
+
+:import {
+    -st-from: "../../../../LabelledElement/LabelledElement.st.css";
+    -st-default: LabelledElement;
+    -st-named: label, labelText;
+}
+
+:import {
+    -st-from: "../../Foundations/colors.st.css";
+    -st-named: D10-30;
+}
+
+.root {
+    -st-extends: LabelledElement;
+}
+
+.root:disabled .label .labelText {
+    color: value(D10-30);
+}

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

@@ -0,0 +1,25 @@
+
+import "../../../../LabelledElement/LabelledElement.st.css.js";
+import "../../Foundations/colors.st.css.js";
+import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_4_0_BrandLabelledElement";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_4_0_BrandLabelledElement__root","label":"wds_1_4_0_LabelledElement__label","labelText":"wds_1_4_0_LabelledElement__labelText"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -0,0 +1,28 @@
+@st-namespace "BrandText";
+
+:import {
+  -st-from: "../../../../Text/Text.st.css";
+  -st-default: Text;
+}
+
+:import {
+  -st-from: "../../Foundations/colors.st.css";
+  -st-named: D20, D30;
+}
+
+.root {
+  -st-extends: Text;
+}
+
+.root:skin(standard):secondary {
+  color: value(D30);
+}
+
+.root:skin(standard):secondary>a {
+  color: value(D30);
+  text-decoration: underline;
+}
+
+.root:skin(standard):secondary>a:hover {
+  color: value(D20);
+}

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

@@ -0,0 +1,25 @@
+
+import "../../../../Text/Text.st.css.js";
+import "../../Foundations/colors.st.css.js";
+import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_4_0_BrandText";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_4_0_BrandText__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/dist/esm/Themes/businessDashboard/BusinessDashboard.st.css.js

@@ -93,7 +93,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_BusinessDashboard";
+var _namespace_ = "wds_1_4_0_BusinessDashboard";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -101,7 +101,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BusinessDashboard__root"};
+export var classes = {"root":"wds_1_4_0_BusinessDashboard__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/businessDashboard/components/Badge.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_2_0_BMBadge";
+var _namespace_ = "wds_1_4_0_BMBadge";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BMBadge__root"};
+export var classes = {"root":"wds_1_4_0_BMBadge__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_2_0_BMButton";
+var _namespace_ = "wds_1_4_0_BMButton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BMButton__root"};
+export var classes = {"root":"wds_1_4_0_BMButton__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/businessDashboard/components/Card/Content.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_2_0_BMCardContent";
+var _namespace_ = "wds_1_4_0_BMCardContent";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BMCardContent__root"};
+export var classes = {"root":"wds_1_4_0_BMCardContent__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Themes/businessDashboard/components/Card/Header.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_2_0_BMCardHeader";
+var _namespace_ = "wds_1_4_0_BMCardHeader";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_BMCardHeader__root"};
+export var classes = {"root":"wds_1_4_0_BMCardHeader__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};