@wix/design-system 1.153.0 → 1.155.0

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_TrendIndicator";
+var _namespace_ = "wds_1_155_0_TrendIndicator";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_TrendIndicator__root","caption":"wds_1_153_0_TrendIndicator__caption","icon":"wds_1_153_0_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_155_0_TrendIndicator__root","caption":"wds_1_155_0_TrendIndicator__caption","icon":"wds_1_155_0_TrendIndicator__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_VariableInput";
+var _namespace_ = "wds_1_155_0_VariableInput";
 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_153_0_VariableInput__root","text-small-normal":"wds_1_153_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_153_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_153_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_153_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_153_0_VariableInput__tagWrapper","textWrapper":"wds_1_153_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_153_0_VariableInput__indicatorWrapper"};
+module.exports.classes = {"root":"wds_1_155_0_VariableInput__root","text-small-normal":"wds_1_155_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_155_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_155_0_VariableInput__tagWrapper","textWrapper":"wds_1_155_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_155_0_VariableInput__indicatorWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.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_153_0_VariableInput-rows","rowHeight":"--wds_1_153_0_VariableInput-rowHeight","contentHeight":"--wds_1_153_0_VariableInput-contentHeight"}; 
+module.exports.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_155_0_VariableInput-rows","rowHeight":"--wds_1_155_0_VariableInput-rowHeight","contentHeight":"--wds_1_155_0_VariableInput-contentHeight"}; 
 
 
 

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_VerticalTabsItem";
+var _namespace_ = "wds_1_155_0_VerticalTabsItem";
 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_153_0_VerticalTabsItem__root","title":"wds_1_153_0_VerticalTabsItem__title","selectableItem":"wds_1_153_0_VerticalTabsItem__selectableItem","text":"wds_1_153_0_VerticalTabsItem__text","textButton":"wds_1_153_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_153_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_153_0_VerticalTabsItem__suffixIcon"};
+module.exports.classes = {"root":"wds_1_155_0_VerticalTabsItem__root","title":"wds_1_155_0_VerticalTabsItem__title","selectableItem":"wds_1_155_0_VerticalTabsItem__selectableItem","text":"wds_1_155_0_VerticalTabsItem__text","textButton":"wds_1_155_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_155_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_155_0_VerticalTabsItem__suffixIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.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_153_0_VerticalTabsItem-focus-ring-inset"}; 
+module.exports.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_155_0_VerticalTabsItem-focus-ring-inset"}; 
 
 
 

package/dist/cjs/WixDesignSystemProvider/WixDesignSystemProvider.js

@@ -29,10 +29,8 @@ var WixDesignSystemProvider = _ref => {
       pageHeaderId
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var {
-    newColorsBranding
-  } = features;
-  var newBrandingClass = newColorsBranding && _newColorsBrandingSt.classes.root;
+  var newColorsBranding = true;
+  var newBrandingClass = _newColorsBrandingSt.classes.root;
   var environmentContext = _react.default.useContext(_context2.WixStyleReactEnvironmentContext);
   return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Provider, {
     value: {

package/dist/cjs/WixDesignSystemProvider/WixDesignSystemProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_newColorsBrandingSt","_madeforSt","_WixDesignSystemProviderSt","_context","_context2","_WixStyleReactEnvironmentProvider","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","WixDesignSystemProvider","_ref","dataHook","className","as","mobile","children","theme","features","locale","pageHeaderId","rest","_objectWithoutProperties2","newColorsBranding","newBrandingClass","newColorsBrandingClasses","root","environmentContext","React","useContext","WixStyleReactEnvironmentContext","createElement","WixDesignSystemContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","st","madeforClasses","madefor","classes","_default","exports"],"sources":["../../../src/WixDesignSystemProvider/WixDesignSystemProvider.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  classes as newColorsBrandingClasses,\n  st,\n} from './newColorsBranding.st.css';\nimport { classes as madeforClasses } from './madefor.st.css';\nimport { WixDesignSystemProviderProps } from './WixDesignSystemProvider.types';\nimport { classes } from './WixDesignSystemProvider.st.css';\nimport { WixDesignSystemContext } from './context';\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\nimport WixStyleReactEnvironmentProvider from '../WixStyleReactEnvironmentProvider';\n\nconst WixDesignSystemProvider: React.FC<WixDesignSystemProviderProps> = ({\n  dataHook,\n  className,\n  as = 'span',\n  mobile = false,\n  children,\n  theme,\n  features = {},\n  locale,\n  pageHeaderId,\n  ...rest\n}) => {\n  const { newColorsBranding } = features;\n  const newBrandingClass = newColorsBranding && newColorsBrandingClasses.root;\n  const environmentContext = React.useContext(WixStyleReactEnvironmentContext);\n\n  return (\n    <WixDesignSystemContext.Provider\n      value={{ newBrandingClass, newColorsBranding, mobile }}\n    >\n      <WixStyleReactEnvironmentProvider\n        locale={locale ?? environmentContext?.locale}\n        pageHeaderId={pageHeaderId ?? environmentContext?.pageHeaderId}\n      >\n        {React.createElement(\n          as,\n          {\n            ...rest,\n            'data-hook': dataHook,\n            'data-newcolorsbranding': newColorsBranding,\n            className: st(\n              className,\n              newBrandingClass,\n              madeforClasses.madefor,\n              theme?.className,\n              mobile && classes.mobile,\n            ),\n          },\n          children,\n        )}\n      </WixStyleReactEnvironmentProvider>\n    </WixDesignSystemContext.Provider>\n  );\n};\n\nexport default WixDesignSystemProvider;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAIA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,iCAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAmF,IAAAO,SAAA;AAAA,IAAAC,YAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEnF,IAAMqB,uBAA+D,GAAGC,IAAA,IAWlE;EAAA,IAXmE;MACvEC,QAAQ;MACRC,SAAS;MACTC,EAAE,GAAG,MAAM;MACXC,MAAM,GAAG,KAAK;MACdC,QAAQ;MACRC,KAAK;MACLC,QAAQ,GAAG,CAAC,CAAC;MACbC,MAAM;MACNC;IAEF,CAAC,GAAAT,IAAA;IADIU,IAAI,OAAAC,yBAAA,CAAAhB,OAAA,EAAAK,IAAA,EAAAzB,SAAA;EAEP,IAAM;IAAEqC;EAAkB,CAAC,GAAGL,QAAQ;EACtC,IAAMM,gBAAgB,GAAGD,iBAAiB,IAAIE,4BAAwB,CAACC,IAAI;EAC3E,IAAMC,kBAAkB,GAAGC,cAAK,CAACC,UAAU,CAACC,yCAA+B,CAAC;EAE5E,oBACErD,MAAA,CAAA6B,OAAA,CAAAyB,aAAA,CAAChD,QAAA,CAAAiD,sBAAsB,CAACC,QAAQ;IAC9BC,KAAK,EAAE;MAAEV,gBAAgB;MAAED,iBAAiB;MAAER;IAAO,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvD9D,MAAA,CAAA6B,OAAA,CAAAyB,aAAA,CAAC9C,iCAAA,CAAAqB,OAAgC;IAC/Ba,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIQ,kBAAkB,oBAAlBA,kBAAkB,CAAER,MAAO;IAC7CC,YAAY,EAAEA,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIO,kBAAkB,oBAAlBA,kBAAkB,CAAEP,YAAa;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9DX,cAAK,CAACG,aAAa,CAClBjB,EAAE,EAAAb,aAAA,CAAAA,aAAA,KAEGoB,IAAI;IACP,WAAW,EAAET,QAAQ;IACrB,wBAAwB,EAAEW,iBAAiB;IAC3CV,SAAS,EAAE,IAAA2B,uBAAE,EACX3B,SAAS,EACTW,gBAAgB,EAChBiB,kBAAc,CAACC,OAAO,EACtBzB,KAAK,oBAALA,KAAK,CAAEJ,SAAS,EAChBE,MAAM,IAAI4B,kCAAO,CAAC5B,MACpB;EAAC,IAEHC,QACF,CACgC,CACH,CAAC;AAEtC,CAAC;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEaI,uBAAuB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_newColorsBrandingSt","_madeforSt","_WixDesignSystemProviderSt","_context","_context2","_WixStyleReactEnvironmentProvider","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","WixDesignSystemProvider","_ref","dataHook","className","as","mobile","children","theme","features","locale","pageHeaderId","rest","_objectWithoutProperties2","newColorsBranding","newBrandingClass","newColorsBrandingClasses","root","environmentContext","React","useContext","WixStyleReactEnvironmentContext","createElement","WixDesignSystemContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","st","madeforClasses","madefor","classes","_default","exports"],"sources":["../../../src/WixDesignSystemProvider/WixDesignSystemProvider.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  classes as newColorsBrandingClasses,\n  st,\n} from './newColorsBranding.st.css';\nimport { classes as madeforClasses } from './madefor.st.css';\nimport { WixDesignSystemProviderProps } from './WixDesignSystemProvider.types';\nimport { classes } from './WixDesignSystemProvider.st.css';\nimport { WixDesignSystemContext } from './context';\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\nimport WixStyleReactEnvironmentProvider from '../WixStyleReactEnvironmentProvider';\n\nconst WixDesignSystemProvider: React.FC<WixDesignSystemProviderProps> = ({\n  dataHook,\n  className,\n  as = 'span',\n  mobile = false,\n  children,\n  theme,\n  features = {},\n  locale,\n  pageHeaderId,\n  ...rest\n}) => {\n  const newColorsBranding = true;\n  const newBrandingClass = newColorsBrandingClasses.root;\n  const environmentContext = React.useContext(WixStyleReactEnvironmentContext);\n\n  return (\n    <WixDesignSystemContext.Provider\n      value={{ newBrandingClass, newColorsBranding, mobile }}\n    >\n      <WixStyleReactEnvironmentProvider\n        locale={locale ?? environmentContext?.locale}\n        pageHeaderId={pageHeaderId ?? environmentContext?.pageHeaderId}\n      >\n        {React.createElement(\n          as,\n          {\n            ...rest,\n            'data-hook': dataHook,\n            'data-newcolorsbranding': newColorsBranding,\n            className: st(\n              className,\n              newBrandingClass,\n              madeforClasses.madefor,\n              theme?.className,\n              mobile && classes.mobile,\n            ),\n          },\n          children,\n        )}\n      </WixStyleReactEnvironmentProvider>\n    </WixDesignSystemContext.Provider>\n  );\n};\n\nexport default WixDesignSystemProvider;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_WixDesignSystemProvider";
+var _namespace_ = "wds_1_155_0_WixDesignSystemProvider";
 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_153_0_WixDesignSystemProvider__root","mobile":"wds_1_153_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_155_0_WixDesignSystemProvider__root","mobile":"wds_1_155_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/WixDesignSystemProvider/context.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.WixDesignSystemContext = void 0;
 var _react = _interopRequireDefault(require("react"));
 var WixDesignSystemContext = exports.WixDesignSystemContext = /*#__PURE__*/_react.default.createContext({
-  newColorsBranding: false,
+  newColorsBranding: true,
   newBrandingClass: 'no-brand',
   mobile: false
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","WixDesignSystemContext","exports","React","createContext","newColorsBranding","newBrandingClass","mobile"],"sources":["../../../src/WixDesignSystemProvider/context.ts"],"sourcesContent":["import React from 'react';\n\nexport const WixDesignSystemContext = React.createContext<{\n  newColorsBranding?: boolean;\n  newBrandingClass?: string;\n  mobile?: boolean;\n}>({\n  newColorsBranding: false,\n  newBrandingClass: 'no-brand',\n  mobile: false,\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAGE,cAAK,CAACC,aAAa,CAItD;EACDC,iBAAiB,EAAE,KAAK;EACxBC,gBAAgB,EAAE,UAAU;EAC5BC,MAAM,EAAE;AACV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","WixDesignSystemContext","exports","React","createContext","newColorsBranding","newBrandingClass","mobile"],"sources":["../../../src/WixDesignSystemProvider/context.ts"],"sourcesContent":["import React from 'react';\n\nexport const WixDesignSystemContext = React.createContext<{\n  newColorsBranding?: boolean;\n  newBrandingClass?: string;\n  mobile?: boolean;\n}>({\n  newColorsBranding: true,\n  newBrandingClass: 'no-brand',\n  mobile: false,\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAGE,cAAK,CAACC,aAAa,CAItD;EACDC,iBAAiB,EAAE,IAAI;EACvBC,gBAAgB,EAAE,UAAU;EAC5BC,MAAM,EAAE;AACV,CAAC,CAAC","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_madefor";
+var _namespace_ = "wds_1_155_0_madefor";
 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_153_0_madefor__root","madefor":"wds_1_153_0_madefor__madefor"};
+module.exports.classes = {"root":"wds_1_155_0_madefor__root","madefor":"wds_1_155_0_madefor__madefor"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_AdaptiveHeading";
+var _namespace_ = "wds_1_155_0_AdaptiveHeading";
 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_153_0_AdaptiveHeading__root","headerWrapper":"wds_1_153_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_153_0_AdaptiveHeading__headerShort","headerFull":"wds_1_153_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_153_0_AdaptiveHeading__ellipsis"};
+module.exports.classes = {"root":"wds_1_155_0_AdaptiveHeading__root","headerWrapper":"wds_1_155_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_155_0_AdaptiveHeading__headerShort","headerFull":"wds_1_155_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_155_0_AdaptiveHeading__ellipsis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_Ellipsis";
+var _namespace_ = "wds_1_155_0_Ellipsis";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Ellipsis__root","tooltip":"wds_1_153_0_Ellipsis__tooltip"};
+module.exports.classes = {"root":"wds_1_155_0_Ellipsis__root","tooltip":"wds_1_155_0_Ellipsis__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_153_0_Ellipsis-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_155_0_Ellipsis-maxLines"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_153_0_TextComponent";
+var _namespace_ = "wds_1_155_0_TextComponent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_TextComponent__root","text":"wds_1_153_0_TextComponent__text","suffix":"wds_1_153_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_153_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_153_0_TextComponent__multilineSuffix"};
+module.exports.classes = {"root":"wds_1_155_0_TextComponent__root","text":"wds_1_155_0_TextComponent__text","suffix":"wds_1_155_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_155_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_155_0_TextComponent__multilineSuffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_153_0_TextComponent-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_155_0_TextComponent-maxLines"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_FluidColumns";
+var _namespace_ = "wds_1_155_0_FluidColumns";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FluidColumns__root","item":"wds_1_153_0_FluidColumns__item"};
+module.exports.classes = {"root":"wds_1_155_0_FluidColumns__root","item":"wds_1_155_0_FluidColumns__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"cols":"--wds_1_153_0_FluidColumns-cols"}; 
+module.exports.vars = {"cols":"--wds_1_155_0_FluidColumns-cols"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_Focusable";
+var _namespace_ = "wds_1_155_0_Focusable";
 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_153_0_Focusable__root","focus-box":"wds_1_153_0_Focusable__focus-box","focus-box-error":"wds_1_153_0_Focusable__focus-box-error"};
+module.exports.classes = {"root":"wds_1_155_0_Focusable__root","focus-box":"wds_1_155_0_Focusable__focus-box","focus-box-error":"wds_1_155_0_Focusable__focus-box-error"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_visuallyHidden";
+var _namespace_ = "wds_1_155_0_visuallyHidden";
 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_153_0_visuallyHidden__root","visuallyHidden":"wds_1_153_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_155_0_visuallyHidden__root","visuallyHidden":"wds_1_155_0_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/dnd-styles/dnd-styles.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_dndstyles";
+var _namespace_ = "wds_1_155_0_dndstyles";
 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_153_0_dndstyles__root","item":"wds_1_153_0_dndstyles__item","itemPlaceholder":"wds_1_153_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_153_0_dndstyles__itemPreview","list":"wds_1_153_0_dndstyles__list","gridItemPlaceholder":"wds_1_153_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_153_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_153_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_153_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_153_0_dndstyles__gridItemPreview"};
+module.exports.classes = {"root":"wds_1_155_0_dndstyles__root","item":"wds_1_155_0_dndstyles__item","itemPlaceholder":"wds_1_155_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_155_0_dndstyles__itemPreview","list":"wds_1_155_0_dndstyles__list","gridItemPlaceholder":"wds_1_155_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_155_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_155_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_155_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_155_0_dndstyles__gridItemPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/index.d.js

@@ -219,11 +219,12 @@ var _exportNames = {
   VariableInputSize: true,
   AddressInputProps: true,
   WixStyleReactDefaultsOverrideProvider: true,
-  useOverlayScrollbar: true
+  useOverlayScrollbar: true,
+  COLOR_TOKENS: true
 };
-exports.MessageBoxFunctionalLayout = exports.MediaOverlay = exports.MarketingPageLayoutContent = exports.MarketingPageLayout = exports.MarketingLayout = exports.Loader = exports.LiveRegion = exports.ListItemSelect = exports.ListItemSectionTypes = exports.ListItemSectionProps = exports.ListItemSection = exports.ListItemEditable = exports.ListItemAction = exports.LinearProgressBar = exports.Layout = exports.InputWithOptions = exports.InputWithLabel = exports.InputShell = exports.InputArea = exports.Input = exports.InfoIcon = exports.ImageViewer = exports.Image = exports.IconButton = exports.HorizontalTimeline = exports.Highlighter = exports.Heading = exports.GooglePreview = exports.GoogleAddressInput = exports.FunnelChart = exports.FormField = exports.FloatingNotification = exports.FloatingHelper = exports.FillPreview = exports.FillButton = exports.FileUpload = exports.FilePicker = exports.FieldSet = exports.FeatureList = exports.FacesRatingBar = exports.EmptyState = exports.EditableTitle = exports.EditableSelector = exports.Dropzone = exports.DropdownLayout = exports.DropdownBase = exports.Dropdown = exports.DragDropContextProvider = exports.Divider = exports.DatePicker = exports.CustomModalLayout = exports.CounterBadge = exports.CornerRadiusInput = exports.CopyClipboard = exports.ComposerSidebar = exports.ComposerHeader = exports.ComposerButton = exports.ColorPicker = exports.ColorInput = exports.Collapse = exports.CloseButton = exports.CircularProgressBar = exports.Checkbox = exports.CheckToggle = exports.CarouselWIP = exports.Carousel = exports.CardGalleryItem = exports.CardFolderTabs = exports.Card = exports.CalendarPanelFooter = exports.CalendarPanel = exports.Calendar = exports.Button = exports.BrowserPreviewWidget = exports.Breadcrumbs = exports.Box = exports.BounceAnimation = exports.BarChart = exports.BadgeType = exports.BadgeSkin = exports.BadgeSize = exports.BadgeSelect = exports.BadgeProps = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoCompleteWithLabel = exports.AutoComplete = exports.AudioPlayer = exports.AreaChart = exports.AnnouncementModalLayout = exports.AngleInputProps = exports.AngleInput = exports.AnalyticsSummaryCard = exports.AnalyticsLayout = exports.AddressInputProps = exports.AddressInputItem = exports.AddressInput = exports.AddItem = exports.Accordion = void 0;
-exports.TopBannerProps = exports.TopBanner = exports.Tooltip = exports.ToggleSwitch = exports.ToggleButton = exports.ToastContainer = exports.Toast = exports.Timeline = exports.TimeTable = exports.TimeInput = exports.Thumbnail = exports.ThemeProvider = exports.TextButton = exports.Text = exports.TestimonialList = exports.TagList = exports.Tag = exports.Tabs = exports.TableToolbar = exports.TableProps = exports.TableListItem = exports.TableListHeader = exports.TableFloatingScrollBarProps = exports.TableFloatingScrollBar = exports.TableColumn = exports.TableActionCell = exports.Table = exports.Swatches = exports.Stepper = exports.StatusToast = exports.StatusIndicator = exports.StatisticsWidget = exports.StarsRatingBar = exports.StackedBarChart = exports.SparklineChart = exports.SortableListBase = exports.SortableGridBase = exports.SocialPreview = exports.SocialPostPreview = exports.SocialButton = exports.Slider = exports.SkeletonRectangle = exports.SkeletonLine = exports.SkeletonGroup = exports.SkeletonCircle = exports.Skeleton = exports.SidebarTitleItemNext = exports.SidebarSubMenuNext = exports.SidebarSectionTitle = exports.SidebarSectionItem = exports.SidebarNext = exports.SidebarItemNext = exports.SidebarHeaderNext = exports.SidebarHeader = exports.SidebarDividerNext = exports.SidebarDivider = exports.SidebarBackButton = exports.Sidebar = exports.SidePanel = exports.SelectorListContent = exports.SelectorList = exports.SelectorButton = exports.Selector = exports.SelectableAccordion = exports.SegmentedToggle = exports.SectionHelper = exports.SectionHeader = exports.Search = exports.RichTextInputArea = exports.Range = exports.RadioGroup = exports.Radio = exports.RadarChart = exports.PulseAnimation = exports.Proportion = exports.PreviewWidget = exports.PopoverMenu = exports.Popover = exports.Palette = exports.Pagination = exports.PageSection = exports.PageHeader = exports.PageFooter = exports.Page = exports.OnSelectionChangedFn = exports.NumberInput = exports.Notification = exports.NestableListBase = exports.NestableList = exports.NavigationToastProps = exports.NavigationToast = exports.MultiSelectCheckbox = exports.MultiSelect = exports.ModalSelectorLayout = exports.ModalPreviewLayout = exports.ModalMobileLayout = exports.Modal = exports.MobilePreviewWidget = exports.MessageModalLayout = exports.MessageBoxMarketerialLayout = void 0;
-exports.useOverlayScrollbar = exports.listItemSectionBuilder = exports.dndStyles = exports.clients = exports.badgeSelectItemBuilder = exports.addressInputItemBuilder = exports.WixStyleReactMaskingProvider = exports.WixStyleReactEnvironmentProvider = exports.WixStyleReactDefaultsOverrideProvider = exports.WixDesignSystemProvider = exports.VerticalTabsItem = exports.VerticalTabs = exports.VariableInputSize = exports.VariableInputProps = exports.VariableInput = exports.UsedDataTableProps = exports.TrendIndicator = exports.Transition = void 0;
+exports.MediaOverlay = exports.MarketingPageLayoutContent = exports.MarketingPageLayout = exports.MarketingLayout = exports.Loader = exports.LiveRegion = exports.ListItemSelect = exports.ListItemSectionTypes = exports.ListItemSectionProps = exports.ListItemSection = exports.ListItemEditable = exports.ListItemAction = exports.LinearProgressBar = exports.Layout = exports.InputWithOptions = exports.InputWithLabel = exports.InputShell = exports.InputArea = exports.Input = exports.InfoIcon = exports.ImageViewer = exports.Image = exports.IconButton = exports.HorizontalTimeline = exports.Highlighter = exports.Heading = exports.GooglePreview = exports.GoogleAddressInput = exports.FunnelChart = exports.FormField = exports.FloatingNotification = exports.FloatingHelper = exports.FillPreview = exports.FillButton = exports.FileUpload = exports.FilePicker = exports.FieldSet = exports.FeatureList = exports.FacesRatingBar = exports.EmptyState = exports.EditableTitle = exports.EditableSelector = exports.Dropzone = exports.DropdownLayout = exports.DropdownBase = exports.Dropdown = exports.DragDropContextProvider = exports.Divider = exports.DatePicker = exports.CustomModalLayout = exports.CounterBadge = exports.CornerRadiusInput = exports.CopyClipboard = exports.ComposerSidebar = exports.ComposerHeader = exports.ComposerButton = exports.ColorPicker = exports.ColorInput = exports.Collapse = exports.CloseButton = exports.CircularProgressBar = exports.Checkbox = exports.CheckToggle = exports.CarouselWIP = exports.Carousel = exports.CardGalleryItem = exports.CardFolderTabs = exports.Card = exports.CalendarPanelFooter = exports.CalendarPanel = exports.Calendar = exports.COLOR_TOKENS = exports.Button = exports.BrowserPreviewWidget = exports.Breadcrumbs = exports.Box = exports.BounceAnimation = exports.BarChart = exports.BadgeType = exports.BadgeSkin = exports.BadgeSize = exports.BadgeSelect = exports.BadgeProps = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoCompleteWithLabel = exports.AutoComplete = exports.AudioPlayer = exports.AreaChart = exports.AnnouncementModalLayout = exports.AngleInputProps = exports.AngleInput = exports.AnalyticsSummaryCard = exports.AnalyticsLayout = exports.AddressInputProps = exports.AddressInputItem = exports.AddressInput = exports.AddItem = exports.Accordion = void 0;
+exports.TopBanner = exports.Tooltip = exports.ToggleSwitch = exports.ToggleButton = exports.ToastContainer = exports.Toast = exports.Timeline = exports.TimeTable = exports.TimeInput = exports.Thumbnail = exports.ThemeProvider = exports.TextButton = exports.Text = exports.TestimonialList = exports.TagList = exports.Tag = exports.Tabs = exports.TableToolbar = exports.TableProps = exports.TableListItem = exports.TableListHeader = exports.TableFloatingScrollBarProps = exports.TableFloatingScrollBar = exports.TableColumn = exports.TableActionCell = exports.Table = exports.Swatches = exports.Stepper = exports.StatusToast = exports.StatusIndicator = exports.StatisticsWidget = exports.StarsRatingBar = exports.StackedBarChart = exports.SparklineChart = exports.SortableListBase = exports.SortableGridBase = exports.SocialPreview = exports.SocialPostPreview = exports.SocialButton = exports.Slider = exports.SkeletonRectangle = exports.SkeletonLine = exports.SkeletonGroup = exports.SkeletonCircle = exports.Skeleton = exports.SidebarTitleItemNext = exports.SidebarSubMenuNext = exports.SidebarSectionTitle = exports.SidebarSectionItem = exports.SidebarNext = exports.SidebarItemNext = exports.SidebarHeaderNext = exports.SidebarHeader = exports.SidebarDividerNext = exports.SidebarDivider = exports.SidebarBackButton = exports.Sidebar = exports.SidePanel = exports.SelectorListContent = exports.SelectorList = exports.SelectorButton = exports.Selector = exports.SelectableAccordion = exports.SegmentedToggle = exports.SectionHelper = exports.SectionHeader = exports.Search = exports.RichTextInputArea = exports.Range = exports.RadioGroup = exports.Radio = exports.RadarChart = exports.PulseAnimation = exports.Proportion = exports.PreviewWidget = exports.PopoverMenu = exports.Popover = exports.Palette = exports.Pagination = exports.PageSection = exports.PageHeader = exports.PageFooter = exports.Page = exports.OnSelectionChangedFn = exports.NumberInput = exports.Notification = exports.NestableListBase = exports.NestableList = exports.NavigationToastProps = exports.NavigationToast = exports.MultiSelectCheckbox = exports.MultiSelect = exports.ModalSelectorLayout = exports.ModalPreviewLayout = exports.ModalMobileLayout = exports.Modal = exports.MobilePreviewWidget = exports.MessageModalLayout = exports.MessageBoxMarketerialLayout = exports.MessageBoxFunctionalLayout = void 0;
+exports.useOverlayScrollbar = exports.listItemSectionBuilder = exports.dndStyles = exports.clients = exports.badgeSelectItemBuilder = exports.addressInputItemBuilder = exports.WixStyleReactMaskingProvider = exports.WixStyleReactEnvironmentProvider = exports.WixStyleReactDefaultsOverrideProvider = exports.WixDesignSystemProvider = exports.VerticalTabsItem = exports.VerticalTabs = exports.VariableInputSize = exports.VariableInputProps = exports.VariableInput = exports.UsedDataTableProps = exports.TrendIndicator = exports.Transition = exports.TopBannerProps = void 0;
 var _common = require("./common");
 Object.keys(_common).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1776,6 +1777,8 @@ Object.keys(_WixDesignSystemProvider).forEach(function (key) {
 });
 var _useOverlayScrollbar = require("./providers/useOverlayScrollbar/useOverlayScrollbar");
 exports.useOverlayScrollbar = _useOverlayScrollbar.useOverlayScrollbar;
+var _COLOR_TOKENS = require("./COLOR_TOKENS");
+exports.COLOR_TOKENS = _COLOR_TOKENS.COLOR_TOKENS;
 var _CDN_URLS = require("./CDN_URLS");
 Object.keys(_CDN_URLS).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;