@carbon/themes 10.21.0 → 10.23.0

package/lib/index.js

@@ -115,7 +115,8 @@ var inverseSupport02 = colors.green40;
 var inverseSupport03 = colors.yellow;
 var inverseSupport04 = colors.blue50;
 var overlay01 = colors.rgba(colors.gray100, 0.5);
-var danger = colors.red60; // Interaction states
+var danger01 = colors.red60;
+var danger02 = colors.red60; // Interaction states
 
 var focus = colors.blue60;
 var inverseFocusUi = colors.white;
@@ -127,12 +128,14 @@ var activeSecondary = colors.gray60;
 var hoverTertiary = '#0353e9';
 var activeTertiary = colors.blue80;
 var hoverUI = '#e5e5e5';
+var hoverLightUI = '#e5e5e5';
 var activeUI = colors.gray30;
+var activeLightUI = colors.gray30;
 var selectedUI = colors.gray20;
 var selectedLightUI = colors.gray20;
 var inverseHoverUI = '#4c4c4c';
 var hoverSelectedUI = '#cacaca';
-var hoverDanger = adjustLightness(danger, -8);
+var hoverDanger = adjustLightness(danger01, -8);
 var activeDanger = colors.red80;
 var hoverRow = '#e5e5e5';
 var visitedLink = colors.purple60;
@@ -141,7 +144,6 @@ var disabled02 = colors.gray30;
 var disabled03 = colors.gray50;
 var highlight = colors.blue20;
 var decorative01 = colors.gray20;
-var hoverLightUI = '#e5e5e5';
 var buttonSeparator = '#e0e0e0';
 var skeleton01 = '#e5e5e5';
 var skeleton02 = colors.gray30; // Type
@@ -151,6 +153,7 @@ var brand02 = interactive02;
 var brand03 = interactive03;
 var active01 = activeUI;
 var hoverField = hoverUI;
+var danger = danger01;
 
 var white = /*#__PURE__*/Object.freeze({
   interactive01: interactive01,
@@ -187,7 +190,8 @@ var white = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03,
   inverseSupport04: inverseSupport04,
   overlay01: overlay01,
-  danger: danger,
+  danger01: danger01,
+  danger02: danger02,
   focus: focus,
   inverseFocusUi: inverseFocusUi,
   hoverPrimary: hoverPrimary,
@@ -198,7 +202,9 @@ var white = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary,
   activeTertiary: activeTertiary,
   hoverUI: hoverUI,
+  hoverLightUI: hoverLightUI,
   activeUI: activeUI,
+  activeLightUI: activeLightUI,
   selectedUI: selectedUI,
   selectedLightUI: selectedLightUI,
   inverseHoverUI: inverseHoverUI,
@@ -212,7 +218,6 @@ var white = /*#__PURE__*/Object.freeze({
   disabled03: disabled03,
   highlight: highlight,
   decorative01: decorative01,
-  hoverLightUI: hoverLightUI,
   buttonSeparator: buttonSeparator,
   skeleton01: skeleton01,
   skeleton02: skeleton02,
@@ -221,6 +226,7 @@ var white = /*#__PURE__*/Object.freeze({
   brand03: brand03,
   active01: active01,
   hoverField: hoverField,
+  danger: danger,
   caption01: type.caption01,
   label01: type.label01,
   helperText01: type.helperText01,
@@ -324,7 +330,8 @@ var inverseSupport02$1 = colors.green40;
 var inverseSupport03$1 = colors.yellow;
 var inverseSupport04$1 = colors.blue50;
 var overlay01$1 = colors.rgba(colors.gray100, 0.5);
-var danger$1 = colors.red60; // Interaction states
+var danger01$1 = colors.red60;
+var danger02$1 = colors.red60; // Interaction states
 
 var focus$1 = colors.blue60;
 var inverseFocusUi$1 = colors.white;
@@ -336,12 +343,14 @@ var activeSecondary$1 = colors.gray60;
 var hoverTertiary$1 = '#0353e9';
 var activeTertiary$1 = colors.blue80;
 var hoverUI$1 = '#e5e5e5';
+var hoverLightUI$1 = '#e5e5e5';
 var activeUI$1 = colors.gray30;
+var activeLightUI$1 = colors.gray30;
 var selectedUI$1 = colors.gray20;
 var selectedLightUI$1 = colors.gray20;
 var inverseHoverUI$1 = '#4c4c4c';
 var hoverSelectedUI$1 = '#cacaca';
-var hoverDanger$1 = adjustLightness(danger$1, -8);
+var hoverDanger$1 = adjustLightness(danger01$1, -8);
 var activeDanger$1 = colors.red80;
 var hoverRow$1 = '#e5e5e5';
 var visitedLink$1 = colors.purple60;
@@ -350,7 +359,6 @@ var disabled02$1 = colors.gray30;
 var disabled03$1 = colors.gray50;
 var highlight$1 = colors.blue10;
 var decorative01$1 = colors.gray20;
-var hoverLightUI$1 = '#e5e5e5';
 var buttonSeparator$1 = '#e0e0e0';
 var skeleton01$1 = '#e5e5e5';
 var skeleton02$1 = colors.gray30;
@@ -360,6 +368,7 @@ var brand02$1 = interactive02$1;
 var brand03$1 = interactive03$1;
 var active01$1 = activeUI$1;
 var hoverField$1 = hoverUI$1;
+var danger$1 = danger01$1;
 
 var g10 = /*#__PURE__*/Object.freeze({
   interactive01: interactive01$1,
@@ -396,7 +405,8 @@ var g10 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$1,
   inverseSupport04: inverseSupport04$1,
   overlay01: overlay01$1,
-  danger: danger$1,
+  danger01: danger01$1,
+  danger02: danger02$1,
   focus: focus$1,
   inverseFocusUi: inverseFocusUi$1,
   hoverPrimary: hoverPrimary$1,
@@ -407,7 +417,9 @@ var g10 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$1,
   activeTertiary: activeTertiary$1,
   hoverUI: hoverUI$1,
+  hoverLightUI: hoverLightUI$1,
   activeUI: activeUI$1,
+  activeLightUI: activeLightUI$1,
   selectedUI: selectedUI$1,
   selectedLightUI: selectedLightUI$1,
   inverseHoverUI: inverseHoverUI$1,
@@ -421,7 +433,6 @@ var g10 = /*#__PURE__*/Object.freeze({
   disabled03: disabled03$1,
   highlight: highlight$1,
   decorative01: decorative01$1,
-  hoverLightUI: hoverLightUI$1,
   buttonSeparator: buttonSeparator$1,
   skeleton01: skeleton01$1,
   skeleton02: skeleton02$1,
@@ -430,6 +441,7 @@ var g10 = /*#__PURE__*/Object.freeze({
   brand03: brand03$1,
   active01: active01$1,
   hoverField: hoverField$1,
+  danger: danger$1,
   caption01: type.caption01,
   label01: type.label01,
   helperText01: type.helperText01,
@@ -533,7 +545,8 @@ var inverseSupport02$2 = colors.green50;
 var inverseSupport03$2 = colors.yellow;
 var inverseSupport04$2 = colors.blue60;
 var overlay01$2 = colors.rgba(colors.gray100, 0.7);
-var danger$2 = colors.red60; // Interaction states
+var danger01$2 = colors.red60;
+var danger02$2 = colors.red50; // Interaction states
 
 var focus$2 = colors.white;
 var inverseFocusUi$2 = colors.blue60;
@@ -545,12 +558,14 @@ var activeSecondary$2 = colors.gray80;
 var hoverTertiary$2 = colors.gray10;
 var activeTertiary$2 = colors.gray30;
 var hoverUI$2 = '#353535';
+var hoverLightUI$2 = '#4c4c4c';
 var activeUI$2 = colors.gray70;
+var activeLightUI$2 = colors.gray60;
 var selectedUI$2 = colors.gray80;
 var selectedLightUI$2 = colors.gray70;
 var inverseHoverUI$2 = '#e5e5e5';
 var hoverSelectedUI$2 = '#4c4c4c';
-var hoverDanger$2 = adjustLightness(danger$2, -8);
+var hoverDanger$2 = adjustLightness(danger01$2, -8);
 var activeDanger$2 = colors.red80;
 var hoverRow$2 = '#353535';
 var visitedLink$2 = colors.purple40;
@@ -559,7 +574,6 @@ var disabled02$2 = colors.gray70;
 var disabled03$2 = colors.gray50;
 var highlight$2 = colors.blue80;
 var decorative01$2 = colors.gray70;
-var hoverLightUI$2 = '#525252';
 var buttonSeparator$2 = '#161616';
 var skeleton01$2 = '#353535';
 var skeleton02$2 = colors.gray80;
@@ -569,6 +583,7 @@ var brand02$2 = interactive02$2;
 var brand03$2 = interactive03$2;
 var active01$2 = activeUI$2;
 var hoverField$2 = hoverUI$2;
+var danger$2 = danger01$2;
 
 var g100 = /*#__PURE__*/Object.freeze({
   interactive01: interactive01$2,
@@ -605,7 +620,8 @@ var g100 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$2,
   inverseSupport04: inverseSupport04$2,
   overlay01: overlay01$2,
-  danger: danger$2,
+  danger01: danger01$2,
+  danger02: danger02$2,
   focus: focus$2,
   inverseFocusUi: inverseFocusUi$2,
   hoverPrimary: hoverPrimary$2,
@@ -616,7 +632,9 @@ var g100 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$2,
   activeTertiary: activeTertiary$2,
   hoverUI: hoverUI$2,
+  hoverLightUI: hoverLightUI$2,
   activeUI: activeUI$2,
+  activeLightUI: activeLightUI$2,
   selectedUI: selectedUI$2,
   selectedLightUI: selectedLightUI$2,
   inverseHoverUI: inverseHoverUI$2,
@@ -630,7 +648,6 @@ var g100 = /*#__PURE__*/Object.freeze({
   disabled03: disabled03$2,
   highlight: highlight$2,
   decorative01: decorative01$2,
-  hoverLightUI: hoverLightUI$2,
   buttonSeparator: buttonSeparator$2,
   skeleton01: skeleton01$2,
   skeleton02: skeleton02$2,
@@ -639,6 +656,7 @@ var g100 = /*#__PURE__*/Object.freeze({
   brand03: brand03$2,
   active01: active01$2,
   hoverField: hoverField$2,
+  danger: danger$2,
   caption01: type.caption01,
   label01: type.label01,
   helperText01: type.helperText01,
@@ -742,7 +760,8 @@ var inverseSupport02$3 = colors.green50;
 var inverseSupport03$3 = colors.yellow;
 var inverseSupport04$3 = colors.blue60;
 var overlay01$3 = colors.rgba(colors.gray100, 0.7);
-var danger$3 = colors.red60; // Interaction states
+var danger01$3 = colors.red60;
+var danger02$3 = colors.red40; // Interaction states
 
 var focus$3 = colors.white;
 var inverseFocusUi$3 = colors.blue60;
@@ -754,12 +773,14 @@ var activeSecondary$3 = colors.gray80;
 var hoverTertiary$3 = colors.gray10;
 var activeTertiary$3 = colors.gray30;
 var hoverUI$3 = '#4c4c4c';
+var hoverLightUI$3 = '#656565';
 var activeUI$3 = colors.gray60;
+var activeLightUI$3 = colors.gray50;
 var selectedUI$3 = colors.gray70;
 var selectedLightUI$3 = colors.gray60;
 var inverseHoverUI$3 = '#e5e5e5';
 var hoverSelectedUI$3 = '#656565';
-var hoverDanger$3 = adjustLightness(danger$3, -8);
+var hoverDanger$3 = adjustLightness(danger01$3, -8);
 var activeDanger$3 = colors.red80;
 var hoverRow$3 = '#4c4c4c';
 var visitedLink$3 = colors.purple40;
@@ -768,7 +789,6 @@ var disabled02$3 = colors.gray60;
 var disabled03$3 = colors.gray40;
 var highlight$3 = colors.blue70;
 var decorative01$3 = colors.gray60;
-var hoverLightUI$3 = '#6f6f6f';
 var buttonSeparator$3 = '#161616';
 var skeleton01$3 = '#353535';
 var skeleton02$3 = colors.gray70;
@@ -778,6 +798,7 @@ var brand02$3 = interactive02$3;
 var brand03$3 = interactive03$3;
 var active01$3 = activeUI$3;
 var hoverField$3 = hoverUI$3;
+var danger$3 = danger01$3;
 
 var g90 = /*#__PURE__*/Object.freeze({
   interactive01: interactive01$3,
@@ -814,7 +835,8 @@ var g90 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$3,
   inverseSupport04: inverseSupport04$3,
   overlay01: overlay01$3,
-  danger: danger$3,
+  danger01: danger01$3,
+  danger02: danger02$3,
   focus: focus$3,
   inverseFocusUi: inverseFocusUi$3,
   hoverPrimary: hoverPrimary$3,
@@ -825,7 +847,9 @@ var g90 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$3,
   activeTertiary: activeTertiary$3,
   hoverUI: hoverUI$3,
+  hoverLightUI: hoverLightUI$3,
   activeUI: activeUI$3,
+  activeLightUI: activeLightUI$3,
   selectedUI: selectedUI$3,
   selectedLightUI: selectedLightUI$3,
   inverseHoverUI: inverseHoverUI$3,
@@ -839,7 +863,6 @@ var g90 = /*#__PURE__*/Object.freeze({
   disabled03: disabled03$3,
   highlight: highlight$3,
   decorative01: decorative01$3,
-  hoverLightUI: hoverLightUI$3,
   buttonSeparator: buttonSeparator$3,
   skeleton01: skeleton01$3,
   skeleton02: skeleton02$3,
@@ -848,6 +871,7 @@ var g90 = /*#__PURE__*/Object.freeze({
   brand03: brand03$3,
   active01: active01$3,
   hoverField: hoverField$3,
+  danger: danger$3,
   caption01: type.caption01,
   label01: type.label01,
   helperText01: type.helperText01,
@@ -951,7 +975,8 @@ var inverseSupport02$4 = '#8cd211';
 var inverseSupport03$4 = '#FDD600';
 var inverseSupport04$4 = '#5aaafa';
 var overlay01$4 = 'rgba(223, 227, 230, 0.5)';
-var danger$4 = colors.red60; // Interaction states
+var danger01$4 = colors.red60;
+var danger02$4 = colors.red60; // Interaction states
 
 var focus$4 = '#3d70b2';
 var inverseFocusUi$4 = '#3d70b2';
@@ -963,7 +988,9 @@ var activeSecondary$4 = '#414f59';
 var hoverTertiary$4 = '#5a6872';
 var activeTertiary$4 = '#414f59';
 var hoverUI$4 = '#EEF4FC';
+var hoverLightUI$4 = '#EEF4FC';
 var activeUI$4 = '#DFEAFA';
+var activeLightUI$4 = '#DFEAFA';
 var selectedUI$4 = '#EEF4FC';
 var selectedLightUI$4 = '#EEF4FC';
 var inverseHoverUI$4 = '#4c4c4c';
@@ -977,7 +1004,6 @@ var disabled02$4 = '#dfe3e6';
 var disabled03$4 = '#cdd1d4';
 var highlight$4 = '#f4f7fb';
 var decorative01$4 = '#EEF4FC';
-var hoverLightUI$4 = '#EEF4FC';
 var buttonSeparator$4 = '#e0e0e0';
 var skeleton01$4 = 'rgba(61, 112, 178, .1)';
 var skeleton02$4 = 'rgba(61, 112, 178, .1)';
@@ -987,6 +1013,7 @@ var brand02$4 = interactive02$4;
 var brand03$4 = interactive03$4;
 var active01$4 = activeUI$4;
 var hoverField$4 = hoverUI$4;
+var danger$4 = danger01$4;
 
 var v9 = /*#__PURE__*/Object.freeze({
   interactive01: interactive01$4,
@@ -1023,7 +1050,8 @@ var v9 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$4,
   inverseSupport04: inverseSupport04$4,
   overlay01: overlay01$4,
-  danger: danger$4,
+  danger01: danger01$4,
+  danger02: danger02$4,
   focus: focus$4,
   inverseFocusUi: inverseFocusUi$4,
   hoverPrimary: hoverPrimary$4,
@@ -1034,7 +1062,9 @@ var v9 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$4,
   activeTertiary: activeTertiary$4,
   hoverUI: hoverUI$4,
+  hoverLightUI: hoverLightUI$4,
   activeUI: activeUI$4,
+  activeLightUI: activeLightUI$4,
   selectedUI: selectedUI$4,
   selectedLightUI: selectedLightUI$4,
   inverseHoverUI: inverseHoverUI$4,
@@ -1048,7 +1078,6 @@ var v9 = /*#__PURE__*/Object.freeze({
   disabled03: disabled03$4,
   highlight: highlight$4,
   decorative01: decorative01$4,
-  hoverLightUI: hoverLightUI$4,
   buttonSeparator: buttonSeparator$4,
   skeleton01: skeleton01$4,
   skeleton02: skeleton02$4,
@@ -1057,6 +1086,7 @@ var v9 = /*#__PURE__*/Object.freeze({
   brand03: brand03$4,
   active01: active01$4,
   hoverField: hoverField$4,
+  danger: danger$4,
   caption01: type.caption01,
   label01: type.label01,
   helperText01: type.helperText01,
@@ -1129,9 +1159,9 @@ var v9 = /*#__PURE__*/Object.freeze({
 // exported as in JavaScript
 
 var colors$1 = [// Core
-'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger', // Interactive states
-'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'activeUI', 'selectedUI', 'selectedLightUI', 'hoverSelectedUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'hoverLightUI', 'buttonSeparator', 'skeleton01', 'skeleton02', // Deprecated
-'brand01', 'brand02', 'brand03', 'active01', 'hoverField'];
+'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
+'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // Deprecated
+'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
 var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 /**
  * Format a given token into the format expected in CSS/SCSS-based projects.
@@ -1179,12 +1209,12 @@ var tokens = {
 var unstable__meta = {
   colors: [{
     type: 'core',
-    tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01']
+    tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'danger01', 'danger02', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01']
   }, {
     type: 'interactive',
-    tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'hoverLightUI', 'buttonSeparator']
+    tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator']
   }],
-  deprecated: ['brand01', 'brand02', 'brand03', 'active01']
+  deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger']
 };
 
 /**
@@ -1305,7 +1335,8 @@ exports.inverseSupport02 = inverseSupport02;
 exports.inverseSupport03 = inverseSupport03;
 exports.inverseSupport04 = inverseSupport04;
 exports.overlay01 = overlay01;
-exports.danger = danger;
+exports.danger01 = danger01;
+exports.danger02 = danger02;
 exports.focus = focus;
 exports.inverseFocusUi = inverseFocusUi;
 exports.hoverPrimary = hoverPrimary;
@@ -1316,7 +1347,9 @@ exports.activeSecondary = activeSecondary;
 exports.hoverTertiary = hoverTertiary;
 exports.activeTertiary = activeTertiary;
 exports.hoverUI = hoverUI;
+exports.hoverLightUI = hoverLightUI;
 exports.activeUI = activeUI;
+exports.activeLightUI = activeLightUI;
 exports.selectedUI = selectedUI;
 exports.selectedLightUI = selectedLightUI;
 exports.inverseHoverUI = inverseHoverUI;
@@ -1330,7 +1363,6 @@ exports.disabled02 = disabled02;
 exports.disabled03 = disabled03;
 exports.highlight = highlight;
 exports.decorative01 = decorative01;
-exports.hoverLightUI = hoverLightUI;
 exports.buttonSeparator = buttonSeparator;
 exports.skeleton01 = skeleton01;
 exports.skeleton02 = skeleton02;
@@ -1339,3 +1371,4 @@ exports.brand02 = brand02;
 exports.brand03 = brand03;
 exports.active01 = active01;
 exports.hoverField = hoverField;
+exports.danger = danger;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.21.0",
+  "version": "10.23.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,15 +24,15 @@
     "build": "yarn clean && bundler bundle src/index.js --name CarbonThemes && node tasks/build.js && bundler check \"scss/*.scss\" && bundler sassdoc \"scss/**/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "^10.14.0",
-    "@carbon/layout": "^10.13.0",
-    "@carbon/type": "^10.16.0",
+    "@carbon/colors": "^10.16.0",
+    "@carbon/layout": "^10.14.0",
+    "@carbon/type": "^10.17.0",
     "color": "^3.1.2"
   },
   "devDependencies": {
     "@carbon/cli-reporter": "^10.3.0",
     "@carbon/scss-generator": "^10.10.0",
-    "@carbon/test-utils": "^10.11.0",
+    "@carbon/test-utils": "^10.12.0",
     "change-case": "^4.1.1",
     "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",
@@ -40,5 +40,5 @@
     "node-sass": "^4.13.1",
     "rimraf": "^3.0.0"
   },
-  "gitHead": "12b1828e9230a446d79e9e6c2e4ed426e9af962f"
+  "gitHead": "c8bb7cd25e5e4f92b3e12feb90261bcc87572470"
 }