@wix/design-system 1.165.0 → 1.167.0

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_165_0_Button";
+var _namespace_ = "wds_1_167_0_Button";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,12 +16,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_165_0_Button__root","text-tiny-normal":"wds_1_165_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_165_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_165_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_165_0_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_167_0_Button__root","text-tiny-normal":"wds_1_167_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_167_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_167_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_167_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-gap-large":"--wds-button-gap-large","wds-button-gap-medium":"--wds-button-gap-medium","wds-button-gap-small":"--wds-button-gap-small","wds-button-gap-tiny":"--wds-button-gap-tiny","wds-button-padding-vertical-large":"--wds-button-padding-vertical-large","wds-button-padding-horizontal-large":"--wds-button-padding-horizontal-large","wds-button-padding-vertical-medium":"--wds-button-padding-vertical-medium","wds-button-padding-horizontal-medium":"--wds-button-padding-horizontal-medium","wds-button-padding-vertical-small":"--wds-button-padding-vertical-small","wds-button-padding-horizontal-small":"--wds-button-padding-horizontal-small","wds-button-padding-vertical-tiny":"--wds-button-padding-vertical-tiny","wds-button-padding-horizontal-tiny":"--wds-button-padding-horizontal-tiny","wds-button-size-large":"--wds-button-size-large","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-small":"--wds-button-size-small","wds-button-size-tiny":"--wds-button-size-tiny","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-light":"--wds-color-border-light","wds-color-border-light-disabled":"--wds-color-border-light-disabled","wds-color-border-premium-secondary":"--wds-color-border-premium-secondary","wds-color-border-premium-secondary-disabled":"--wds-color-border-premium-secondary-disabled","wds-color-border-destructive-secondary":"--wds-color-border-destructive-secondary","wds-color-border-destructive-secondary-disabled":"--wds-color-border-destructive-secondary-disabled","wds-color-border-dark-primary":"--wds-color-border-dark-primary","wds-color-border-dark-primary-disabled":"--wds-color-border-dark-primary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-border-ai-primary":"--wds-color-border-ai-primary","wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-primary-hover":"--wds-color-fill-standard-primary-hover","wds-color-fill-standard-primary-active":"--wds-color-fill-standard-primary-active","wds-color-fill-standard-primary-disabled":"--wds-color-fill-standard-primary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-color-fill-light-secondary":"--wds-color-fill-light-secondary","wds-color-fill-light-secondary-hover":"--wds-color-fill-light-secondary-hover","wds-color-fill-light-secondary-active":"--wds-color-fill-light-secondary-active","wds-color-fill-light-secondary-disabled":"--wds-color-fill-light-secondary-disabled","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-fill-destructive-primary-hover":"--wds-color-fill-destructive-primary-hover","wds-color-fill-destructive-primary-active":"--wds-color-fill-destructive-primary-active","wds-color-fill-destructive-primary-disabled":"--wds-color-fill-destructive-primary-disabled","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-fill-premium-primary":"--wds-color-fill-premium-primary","wds-color-fill-premium-primary-hover":"--wds-color-fill-premium-primary-hover","wds-color-fill-premium-primary-active":"--wds-color-fill-premium-primary-active","wds-color-fill-premium-primary-disabled":"--wds-color-fill-premium-primary-disabled","wds-color-fill-premium-light-primary":"--wds-color-fill-premium-light-primary","wds-color-fill-premium-light-primary-hover":"--wds-color-fill-premium-light-primary-hover","wds-color-fill-premium-light-primary-active":"--wds-color-fill-premium-light-primary-active","wds-color-fill-premium-light-primary-disabled":"--wds-color-fill-premium-light-primary-disabled","wds-color-fill-premium-light-secondary":"--wds-color-fill-premium-light-secondary","wds-color-fill-premium-light-secondary-hover":"--wds-color-fill-premium-light-secondary-hover","wds-color-fill-premium-light-secondary-active":"--wds-color-fill-premium-light-secondary-active","wds-color-fill-premium-light-secondary-disabled":"--wds-color-fill-premium-light-secondary-disabled","wds-color-fill-premium-tertiary":"--wds-color-fill-premium-tertiary","wds-color-fill-premium-tertiary-disabled":"--wds-color-fill-premium-tertiary-disabled","wds-color-fill-dark-primary":"--wds-color-fill-dark-primary","wds-color-fill-dark-primary-hover":"--wds-color-fill-dark-primary-hover","wds-color-fill-dark-primary-active":"--wds-color-fill-dark-primary-active","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-disabled","wds-color-fill-transparent-primary":"--wds-color-fill-transparent-primary","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-fill-transparent-secondary":"--wds-color-fill-transparent-secondary","wds-color-fill-transparent-secondary-hover":"--wds-color-fill-transparent-secondary-hover","wds-color-fill-transparent-secondary-active":"--wds-color-fill-transparent-secondary-active","wds-color-fill-transparent-secondary-disabled":"--wds-color-fill-transparent-secondary-disabled","wds-color-fill-ai-primary":"--wds-color-fill-ai-primary","wds-color-fill-ai-primary-hover":"--wds-color-fill-ai-primary-hover","wds-color-fill-ai-primary-active":"--wds-color-fill-ai-primary-active","wds-color-fill-ai-primary-disabled":"--wds-color-fill-ai-primary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-premium":"--wds-color-text-premium","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-button-fill-standard-secondary":"--wds-button-fill-standard-secondary","wds-button-fill-standard-secondary-hover":"--wds-button-fill-standard-secondary-hover","wds-button-text-hover":"--wds-button-text-hover","wds-button-outline-hover":"--wds-button-outline-hover"}; 
+module.exports.vars = {"wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-gap-large":"--wds-button-gap-large","wds-button-gap-medium":"--wds-button-gap-medium","wds-button-gap-small":"--wds-button-gap-small","wds-button-gap-tiny":"--wds-button-gap-tiny","wds-button-padding-vertical-large":"--wds-button-padding-vertical-large","wds-button-padding-horizontal-large":"--wds-button-padding-horizontal-large","wds-button-padding-vertical-medium":"--wds-button-padding-vertical-medium","wds-button-padding-horizontal-medium":"--wds-button-padding-horizontal-medium","wds-button-padding-vertical-small":"--wds-button-padding-vertical-small","wds-button-padding-horizontal-small":"--wds-button-padding-horizontal-small","wds-button-padding-vertical-tiny":"--wds-button-padding-vertical-tiny","wds-button-padding-horizontal-tiny":"--wds-button-padding-horizontal-tiny","wds-button-size-large":"--wds-button-size-large","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-small":"--wds-button-size-small","wds-button-size-tiny":"--wds-button-size-tiny","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-light":"--wds-color-border-light","wds-color-border-light-disabled":"--wds-color-border-light-disabled","wds-color-border-premium-secondary":"--wds-color-border-premium-secondary","wds-color-border-premium-secondary-disabled":"--wds-color-border-premium-secondary-disabled","wds-color-border-destructive-secondary":"--wds-color-border-destructive-secondary","wds-color-border-destructive-secondary-disabled":"--wds-color-border-destructive-secondary-disabled","wds-color-border-dark-primary":"--wds-color-border-dark-primary","wds-color-border-dark-primary-disabled":"--wds-color-border-dark-primary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-border-ai-primary":"--wds-color-border-ai-primary","wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-primary-hover":"--wds-color-fill-standard-primary-hover","wds-color-fill-standard-primary-active":"--wds-color-fill-standard-primary-active","wds-color-fill-standard-primary-disabled":"--wds-color-fill-standard-primary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-color-fill-light-secondary":"--wds-color-fill-light-secondary","wds-color-fill-light-secondary-hover":"--wds-color-fill-light-secondary-hover","wds-color-fill-light-secondary-active":"--wds-color-fill-light-secondary-active","wds-color-fill-light-secondary-disabled":"--wds-color-fill-light-secondary-disabled","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-fill-destructive-primary-hover":"--wds-color-fill-destructive-primary-hover","wds-color-fill-destructive-primary-active":"--wds-color-fill-destructive-primary-active","wds-color-fill-destructive-primary-disabled":"--wds-color-fill-destructive-primary-disabled","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-fill-premium-primary":"--wds-color-fill-premium-primary","wds-color-fill-premium-primary-hover":"--wds-color-fill-premium-primary-hover","wds-color-fill-premium-primary-active":"--wds-color-fill-premium-primary-active","wds-color-fill-premium-primary-disabled":"--wds-color-fill-premium-primary-disabled","wds-color-fill-premium-light-primary":"--wds-color-fill-premium-light-primary","wds-color-fill-premium-light-primary-hover":"--wds-color-fill-premium-light-primary-hover","wds-color-fill-premium-light-primary-active":"--wds-color-fill-premium-light-primary-active","wds-color-fill-premium-light-primary-disabled":"--wds-color-fill-premium-light-primary-disabled","wds-color-fill-premium-light-secondary":"--wds-color-fill-premium-light-secondary","wds-color-fill-premium-light-secondary-hover":"--wds-color-fill-premium-light-secondary-hover","wds-color-fill-premium-light-secondary-active":"--wds-color-fill-premium-light-secondary-active","wds-color-fill-premium-light-secondary-disabled":"--wds-color-fill-premium-light-secondary-disabled","wds-color-fill-premium-tertiary":"--wds-color-fill-premium-tertiary","wds-color-fill-premium-tertiary-disabled":"--wds-color-fill-premium-tertiary-disabled","wds-color-fill-dark-primary":"--wds-color-fill-dark-primary","wds-color-fill-dark-primary-hover":"--wds-color-fill-dark-primary-hover","wds-color-fill-dark-primary-active":"--wds-color-fill-dark-primary-active","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-disabled","wds-color-fill-transparent-primary":"--wds-color-fill-transparent-primary","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-fill-transparent-secondary":"--wds-color-fill-transparent-secondary","wds-color-fill-transparent-secondary-hover":"--wds-color-fill-transparent-secondary-hover","wds-color-fill-transparent-secondary-active":"--wds-color-fill-transparent-secondary-active","wds-color-fill-transparent-secondary-disabled":"--wds-color-fill-transparent-secondary-disabled","wds-color-fill-ai-primary":"--wds-color-fill-ai-primary","wds-color-fill-ai-primary-hover":"--wds-color-fill-ai-primary-hover","wds-color-fill-ai-primary-active":"--wds-color-fill-ai-primary-active","wds-color-fill-ai-primary-disabled":"--wds-color-fill-ai-primary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-premium":"--wds-color-text-premium","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-button-fill-standard-secondary":"--wds-button-fill-standard-secondary","wds-button-fill-standard-secondary-hover":"--wds-button-fill-standard-secondary-hover","wds-button-text-hover":"--wds-button-text-hover","wds-button-outline-hover":"--wds-button-outline-hover","wds-button-font-size-medium":"--wds-button-font-size-medium","wds-button-font-size-small":"--wds-button-font-size-small"}; 
 
 
 

package/dist/cjs/Button/ButtonCore/ButtonCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_165_0_ButtonCore";
+var _namespace_ = "wds_1_167_0_ButtonCore";
 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_165_0_ButtonCore__root","content":"wds_1_165_0_ButtonCore__content","prefix":"wds_1_165_0_ButtonCore__prefix","suffix":"wds_1_165_0_ButtonCore__suffix"};
+module.exports.classes = {"root":"wds_1_167_0_ButtonCore__root","content":"wds_1_167_0_ButtonCore__content","prefix":"wds_1_167_0_ButtonCore__prefix","suffix":"wds_1_167_0_ButtonCore__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/BaseCalendar/BaseCalendar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_165_0_BaseCalendar";
+var _namespace_ = "wds_1_167_0_BaseCalendar";
 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_165_0_BaseCalendar__root","text-small-thin":"wds_1_165_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_165_0_StylableTypography__text-tiny-thin","container":"wds_1_165_0_BaseCalendar__container","months":"wds_1_165_0_BaseCalendar__months","month":"wds_1_165_0_BaseCalendar__month","weekdays":"wds_1_165_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_165_0_BaseCalendar__weekdaysRow","weekday":"wds_1_165_0_BaseCalendar__weekday","body":"wds_1_165_0_BaseCalendar__body","week":"wds_1_165_0_BaseCalendar__week","day":"wds_1_165_0_BaseCalendar__day","dayCircle":"wds_1_165_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_165_0_BaseCalendar__dayWrapper","dayText":"wds_1_165_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_165_0_BaseCalendar__dayIndicationContainer"};
+module.exports.classes = {"root":"wds_1_167_0_BaseCalendar__root","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_167_0_StylableTypography__text-tiny-thin","container":"wds_1_167_0_BaseCalendar__container","months":"wds_1_167_0_BaseCalendar__months","month":"wds_1_167_0_BaseCalendar__month","weekdays":"wds_1_167_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_167_0_BaseCalendar__weekdaysRow","weekday":"wds_1_167_0_BaseCalendar__weekday","body":"wds_1_167_0_BaseCalendar__body","week":"wds_1_167_0_BaseCalendar__week","day":"wds_1_167_0_BaseCalendar__day","dayCircle":"wds_1_167_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_167_0_BaseCalendar__dayWrapper","dayText":"wds_1_167_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_167_0_BaseCalendar__dayIndicationContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_165_0_Calendar";
+var _namespace_ = "wds_1_167_0_Calendar";
 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_165_0_Calendar__root","month":"wds_1_165_0_BaseCalendar__month","day":"wds_1_165_0_BaseCalendar__day","header":"wds_1_165_0_Calendar__header"};
+module.exports.classes = {"root":"wds_1_167_0_Calendar__root","month":"wds_1_167_0_BaseCalendar__month","day":"wds_1_167_0_BaseCalendar__day","header":"wds_1_167_0_Calendar__header"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_165_0_DatePickerDropdown";
+var _namespace_ = "wds_1_167_0_DatePickerDropdown";
 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_165_0_DatePickerDropdown__root","dropdown":"wds_1_165_0_DatePickerDropdown__dropdown","caption":"wds_1_165_0_DatePickerDropdown__caption"};
+module.exports.classes = {"root":"wds_1_167_0_DatePickerDropdown__root","dropdown":"wds_1_167_0_DatePickerDropdown__dropdown","caption":"wds_1_167_0_DatePickerDropdown__caption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/DatePickerHead.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_165_0_DatePickerHead";
+var _namespace_ = "wds_1_167_0_DatePickerHead";
 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_165_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_165_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_165_0_DatePickerHead__caption","monthDropdown":"wds_1_165_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_165_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_165_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_165_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_165_0_DatePickerHead__arrowIcon"};
+module.exports.classes = {"root":"wds_1_167_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_167_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_167_0_DatePickerHead__caption","monthDropdown":"wds_1_167_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_167_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_167_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_167_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_167_0_DatePickerHead__arrowIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_165_0_MonthDropdown";
+var _namespace_ = "wds_1_167_0_MonthDropdown";
 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_165_0_MonthDropdown__root"};
+module.exports.classes = {"root":"wds_1_167_0_MonthDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/YearDropdown/YearDropdown.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_165_0_YearDropdown";
+var _namespace_ = "wds_1_167_0_YearDropdown";
 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_165_0_YearDropdown__root"};
+module.exports.classes = {"root":"wds_1_167_0_YearDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_165_0_CalendarPanel";
+var _namespace_ = "wds_1_167_0_CalendarPanel";
 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_165_0_CalendarPanel__root","calendarWithPresets":"wds_1_165_0_CalendarPanel__calendarWithPresets","presets":"wds_1_165_0_CalendarPanel__presets","calendar":"wds_1_165_0_CalendarPanel__calendar","footer":"wds_1_165_0_CalendarPanel__footer"};
+module.exports.classes = {"root":"wds_1_167_0_CalendarPanel__root","calendarWithPresets":"wds_1_167_0_CalendarPanel__calendarWithPresets","presets":"wds_1_167_0_CalendarPanel__presets","calendar":"wds_1_167_0_CalendarPanel__calendar","footer":"wds_1_167_0_CalendarPanel__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_165_0_Card";
+var _namespace_ = "wds_1_167_0_Card";
 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_165_0_Card__root","card":"wds_1_165_0_Card__card","controls":"wds_1_165_0_Card__controls"};
+module.exports.classes = {"root":"wds_1_167_0_Card__root","card":"wds_1_167_0_Card__card","controls":"wds_1_167_0_Card__controls"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_165_0_CardContent";
+var _namespace_ = "wds_1_167_0_CardContent";
 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_165_0_CardContent__root"};
+module.exports.classes = {"root":"wds_1_167_0_CardContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Header/Header.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_165_0_CardHeader";
+var _namespace_ = "wds_1_167_0_CardHeader";
 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_165_0_CardHeader__root","suffix":"wds_1_165_0_CardHeader__suffix","titleWrapper":"wds_1_165_0_CardHeader__titleWrapper","title":"wds_1_165_0_CardHeader__title"};
+module.exports.classes = {"root":"wds_1_167_0_CardHeader__root","suffix":"wds_1_167_0_CardHeader__suffix","titleWrapper":"wds_1_167_0_CardHeader__titleWrapper","title":"wds_1_167_0_CardHeader__title"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Subheader/Subheader.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_165_0_Subheader";
+var _namespace_ = "wds_1_167_0_Subheader";
 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_165_0_Subheader__root","suffix":"wds_1_165_0_Subheader__suffix"};
+module.exports.classes = {"root":"wds_1_167_0_Subheader__root","suffix":"wds_1_167_0_Subheader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_165_0_CardFolderTabs";
+var _namespace_ = "wds_1_167_0_CardFolderTabs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_165_0_CardFolderTabs__root","headerWrapper":"wds_1_165_0_CardFolderTabs__headerWrapper","button":"wds_1_165_0_CardFolderTabs__button","buttonText":"wds_1_165_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_165_0_CardFolderTabs__tabContentWrapper"};
+module.exports.classes = {"root":"wds_1_167_0_CardFolderTabs__root","headerWrapper":"wds_1_167_0_CardFolderTabs__headerWrapper","button":"wds_1_167_0_CardFolderTabs__button","buttonText":"wds_1_167_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_167_0_CardFolderTabs__tabContentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxWidth":"--wds_1_165_0_CardFolderTabs-maxWidth"}; 
+module.exports.vars = {"maxWidth":"--wds_1_167_0_CardFolderTabs-maxWidth"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_165_0_CardGalleryItem";
+var _namespace_ = "wds_1_167_0_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_165_0_CardGalleryItem__root","card":"wds_1_165_0_Card__card","overlay":"wds_1_165_0_CardGalleryItem__overlay","primaryAction":"wds_1_165_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_165_0_CardGalleryItem__secondaryAction","container":"wds_1_165_0_CardGalleryItem__container","footer":"wds_1_165_0_CardGalleryItem__footer","settingsMenu":"wds_1_165_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_165_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_165_0_CardGalleryItem__footerContent","footerImage":"wds_1_165_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_165_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_165_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_165_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_165_0_CardGalleryItem__cardContainer wds_1_165_0_Card__card"};
+module.exports.classes = {"root":"wds_1_167_0_CardGalleryItem__root","card":"wds_1_167_0_Card__card","overlay":"wds_1_167_0_CardGalleryItem__overlay","primaryAction":"wds_1_167_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_167_0_CardGalleryItem__secondaryAction","container":"wds_1_167_0_CardGalleryItem__container","footer":"wds_1_167_0_CardGalleryItem__footer","settingsMenu":"wds_1_167_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_167_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_167_0_CardGalleryItem__footerContent","footerImage":"wds_1_167_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_167_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_167_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_167_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_167_0_CardGalleryItem__cardContainer wds_1_167_0_Card__card"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Carousel/Carousel.js

@@ -31,6 +31,11 @@ var dataHooks = {
   nextButton: 'next-button',
   pageNavigation: index => "page-navigation-".concat(index)
 };
+
+/**
+ * @internal
+ * SliderArrow wrapper that passes `...rest` props.
+ * This is a workaround for react-slick#1195 arrow error */
 var WrappedSliderArrow = _ref => {
   var {
       currentSlide,
@@ -41,7 +46,7 @@ var WrappedSliderArrow = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 39,
       columnNumber: 3
     }
   }));
@@ -60,7 +65,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 170,
+              lineNumber: 155,
               columnNumber: 16
             }
           });
@@ -69,7 +74,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 172,
+              lineNumber: 157,
               columnNumber: 16
             }
           });
@@ -78,7 +83,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 174,
+              lineNumber: 159,
               columnNumber: 16
             }
           });
@@ -91,7 +96,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 181,
+              lineNumber: 166,
               columnNumber: 16
             }
           });
@@ -100,7 +105,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 183,
+              lineNumber: 168,
               columnNumber: 16
             }
           });
@@ -109,7 +114,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 185,
+              lineNumber: 170,
               columnNumber: 16
             }
           });
@@ -133,6 +138,7 @@ class Carousel extends _react.default.Component {
         beforeChange,
         controlsPosition,
         controlsSize,
+        gradient,
         controlsStartEnd
       } = _ref2;
       return {
@@ -148,29 +154,31 @@ class Carousel extends _react.default.Component {
         variableWidth,
         afterChange,
         beforeChange,
-        nextArrow: /*#__PURE__*/_react.default.createElement(WrappedSliderArrow, {
-          dataHook: dataHooks.nextButton,
+        prevArrow: /*#__PURE__*/_react.default.createElement(WrappedSliderArrow, {
+          dataHook: dataHooks.prevButton,
           buttonSkin: buttonSkin,
           arrowSize: controlsSize,
-          icon: this.rightIconByControlSize(controlsSize),
+          icon: this.leftIconByControlSize(controlsSize),
           controlsStartEnd: controlsStartEnd,
+          gradientClassName: !!gradient && controlsPosition === 'overlay' ? _CarouselSt.classes.arrowPrevBackground : undefined,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 225,
+            lineNumber: 211,
             columnNumber: 9
           }
         }),
-        prevArrow: /*#__PURE__*/_react.default.createElement(WrappedSliderArrow, {
-          dataHook: dataHooks.prevButton,
+        nextArrow: /*#__PURE__*/_react.default.createElement(WrappedSliderArrow, {
+          dataHook: dataHooks.nextButton,
           buttonSkin: buttonSkin,
           arrowSize: controlsSize,
-          icon: this.leftIconByControlSize(controlsSize),
+          icon: this.rightIconByControlSize(controlsSize),
           controlsStartEnd: controlsStartEnd,
+          gradientClassName: !!gradient && controlsPosition === 'overlay' ? _CarouselSt.classes.arrowNextBackground : undefined,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 234,
+            lineNumber: 225,
             columnNumber: 9
           }
         }),
@@ -186,7 +194,7 @@ class Carousel extends _react.default.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 249,
+              lineNumber: 245,
               columnNumber: 11
             }
           });
@@ -197,7 +205,7 @@ class Carousel extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 253,
+            lineNumber: 249,
             columnNumber: 9
           }
         }, i)
@@ -214,7 +222,7 @@ class Carousel extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 266,
+          lineNumber: 262,
           columnNumber: 7
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -225,7 +233,7 @@ class Carousel extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 270,
+          lineNumber: 266,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({}, image, {
@@ -239,7 +247,7 @@ class Carousel extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 276,
+          lineNumber: 272,
           columnNumber: 11
         }
       }))), this._isLoading(image.src) && /*#__PURE__*/_react.default.createElement("div", {
@@ -247,7 +255,7 @@ class Carousel extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 289,
+          lineNumber: 285,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
@@ -256,7 +264,7 @@ class Carousel extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 290,
+          lineNumber: 286,
           columnNumber: 13
         }
       }))));
@@ -267,6 +275,14 @@ class Carousel extends _react.default.Component {
     };
     this.sliderRef = /*#__PURE__*/_react.default.createRef();
   }
+  _onImageLoad(src) {
+    this.setState(state => ({
+      loadedImages: [...state.loadedImages, src]
+    }));
+  }
+  _isLoading(src) {
+    return !this.state.loadedImages.includes(src);
+  }
   render() {
     var {
       dataHook,
@@ -275,7 +291,10 @@ class Carousel extends _react.default.Component {
       children,
       controlsPosition,
       controlsSize,
-      showControlsShadow
+      showControlsShadow,
+      gradient,
+      gradientColor,
+      dots
     } = this.props;
     var {
       sliderSettings
@@ -286,12 +305,17 @@ class Carousel extends _react.default.Component {
       className: (0, _CarouselSt.st)(_CarouselSt.classes.root, {
         controlsPosition,
         controlsSize,
-        showControlsShadow
+        showControlsShadow,
+        gradient,
+        dots
       }, className),
+      style: {
+        [_CarouselSt.vars['carousel-gradient-color']]: gradientColor
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 320,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_reactSlick.default, (0, _extends2.default)({
@@ -300,19 +324,11 @@ class Carousel extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
+        lineNumber: 335,
         columnNumber: 9
       }
     }), children, hasImages && this._renderImages(images)));
   }
-  _onImageLoad(src) {
-    this.setState(state => ({
-      loadedImages: [...state.loadedImages, src]
-    }));
-  }
-  _isLoading(src) {
-    return !this.state.loadedImages.includes(src);
-  }
 }
 Carousel.displayName = 'Carousel';
 Carousel.propTypes = {
@@ -354,13 +370,22 @@ Carousel.propTypes = {
   /** Sets the control buttons’ size */
   controlsSize: _propTypes.default.oneOf(['tiny', 'small', 'medium']),
   /** Controls if the next / previous control buttons are visible, hidden or disabled at the start and end of the slideshow */
-  controlsStartEnd: _propTypes.default.oneOf(['disabled', 'hidden'])
+  controlsStartEnd: _propTypes.default.oneOf(['disabled', 'hidden']),
+  /** Controls gradient color when controlsPosition set to overlay
+   * @default white
+   */
+  gradientColor: _propTypes.default.string,
+  /** Enables gradient on when controlsPosition set to overlay
+   * @default false
+   */
+  gradient: _propTypes.default.bool
 };
 Carousel.defaultProps = {
   infinite: true,
   dots: true,
   variableWidth: false,
   initialSlideIndex: 0,
+  gradient: false,
   images: [],
   imagesPosition: 'center top',
   imagesFit: 'contain',