@carbon/themes 10.20.0-rc.0 → 10.22.1

package/umd/index.js

@@ -112,7 +112,8 @@
   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;
@@ -129,7 +130,7 @@
   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;
@@ -148,6 +149,7 @@
   var brand03 = interactive03;
   var active01 = activeUI;
   var hoverField = hoverUI;
+  var danger = danger01;
 
   var white = /*#__PURE__*/Object.freeze({
     interactive01: interactive01,
@@ -184,7 +186,8 @@
     inverseSupport03: inverseSupport03,
     inverseSupport04: inverseSupport04,
     overlay01: overlay01,
-    danger: danger,
+    danger01: danger01,
+    danger02: danger02,
     focus: focus,
     inverseFocusUi: inverseFocusUi,
     hoverPrimary: hoverPrimary,
@@ -218,6 +221,7 @@
     brand03: brand03,
     active01: active01,
     hoverField: hoverField,
+    danger: danger,
     caption01: type.caption01,
     label01: type.label01,
     helperText01: type.helperText01,
@@ -321,7 +325,8 @@
   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;
@@ -338,14 +343,14 @@
   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;
   var disabled01$1 = colors.white;
   var disabled02$1 = colors.gray30;
   var disabled03$1 = colors.gray50;
-  var highlight$1 = colors.blue20;
+  var highlight$1 = colors.blue10;
   var decorative01$1 = colors.gray20;
   var hoverLightUI$1 = '#e5e5e5';
   var buttonSeparator$1 = '#e0e0e0';
@@ -357,6 +362,7 @@
   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,
@@ -393,7 +399,8 @@
     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,
@@ -427,6 +434,7 @@
     brand03: brand03$1,
     active01: active01$1,
     hoverField: hoverField$1,
+    danger: danger$1,
     caption01: type.caption01,
     label01: type.label01,
     helperText01: type.helperText01,
@@ -530,7 +538,8 @@
   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;
@@ -547,7 +556,7 @@
   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;
@@ -566,6 +575,7 @@
   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,
@@ -602,7 +612,8 @@
     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,
@@ -636,6 +647,7 @@
     brand03: brand03$2,
     active01: active01$2,
     hoverField: hoverField$2,
+    danger: danger$2,
     caption01: type.caption01,
     label01: type.label01,
     helperText01: type.helperText01,
@@ -739,7 +751,8 @@
   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;
@@ -756,7 +769,7 @@
   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;
@@ -775,6 +788,7 @@
   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,
@@ -811,7 +825,8 @@
     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,
@@ -845,6 +860,7 @@
     brand03: brand03$3,
     active01: active01$3,
     hoverField: hoverField$3,
+    danger: danger$3,
     caption01: type.caption01,
     label01: type.label01,
     helperText01: type.helperText01,
@@ -948,7 +964,8 @@
   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';
@@ -984,6 +1001,7 @@
   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,
@@ -1020,7 +1038,8 @@
     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,
@@ -1054,6 +1073,7 @@
     brand03: brand03$4,
     active01: active01$4,
     hoverField: hoverField$4,
+    danger: danger$4,
     caption01: type.caption01,
     label01: type.label01,
     helperText01: type.helperText01,
@@ -1126,9 +1146,9 @@
   // 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
+  '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', 'activeUI', 'selectedUI', 'selectedLightUI', 'hoverSelectedUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'hoverLightUI', 'buttonSeparator', 'skeleton01', 'skeleton02', // Deprecated
-  'brand01', 'brand02', 'brand03', 'active01', 'hoverField'];
+  '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.
@@ -1176,12 +1196,12 @@
   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']
     }],
-    deprecated: ['brand01', 'brand02', 'brand03', 'active01']
+    deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger']
   };
 
   /**
@@ -1302,7 +1322,8 @@
   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;
@@ -1336,6 +1357,7 @@
   exports.brand03 = brand03;
   exports.active01 = active01;
   exports.hoverField = hoverField;
+  exports.danger = danger;
 
   Object.defineProperty(exports, '__esModule', { value: true });