@carbon/themes 10.22.1 → 10.24.0

package/src/tokens.js

@@ -76,11 +76,12 @@ const colors = [
   'activeTertiary',
 
   'hoverUI',
+  'hoverLightUI',
+  'hoverSelectedUI',
   'activeUI',
-
+  'activeLightUI',
   'selectedUI',
   'selectedLightUI',
-  'hoverSelectedUI',
   'inverseHoverUI',
 
   'hoverDanger',
@@ -98,8 +99,6 @@ const colors = [
 
   'decorative01',
 
-  'hoverLightUI',
-
   'buttonSeparator',
 
   'skeleton01',
@@ -217,6 +216,7 @@ export const unstable__meta = {
         'hoverSecondary',
         'hoverTertiary',
         'hoverUI',
+        'hoverLightUI',
         'hoverSelectedUI',
         'hoverDanger',
         'hoverRow',
@@ -224,6 +224,7 @@ export const unstable__meta = {
         'activeSecondary',
         'activeTertiary',
         'activeUI',
+        'activeLightUI',
         'activeDanger',
         'selectedUI',
         'selectedLightUI',
@@ -238,7 +239,6 @@ export const unstable__meta = {
         'active01',
         'hoverField',
         'decorative01',
-        'hoverLightUI',
         'buttonSeparator',
       ],
     },

package/src/v9.js

@@ -71,7 +71,9 @@ export const hoverTertiary = '#5a6872';
 export const activeTertiary = '#414f59';
 
 export const hoverUI = '#EEF4FC';
+export const hoverLightUI = '#EEF4FC';
 export const activeUI = '#DFEAFA';
+export const activeLightUI = '#DFEAFA';
 export const selectedUI = '#EEF4FC';
 export const selectedLightUI = '#EEF4FC';
 export const inverseHoverUI = '#4c4c4c';
@@ -93,8 +95,6 @@ export const highlight = '#f4f7fb';
 
 export const decorative01 = '#EEF4FC';
 
-export const hoverLightUI = '#EEF4FC';
-
 export const buttonSeparator = '#e0e0e0';
 
 export const skeleton01 = 'rgba(61, 112, 178, .1)';

package/src/white.js

@@ -107,7 +107,9 @@ export const hoverTertiary = '#0353e9';
 export const activeTertiary = blue80;
 
 export const hoverUI = '#e5e5e5';
+export const hoverLightUI = '#e5e5e5';
 export const activeUI = gray30;
+export const activeLightUI = gray30;
 export const selectedUI = gray20;
 export const selectedLightUI = gray20;
 export const inverseHoverUI = '#4c4c4c';
@@ -129,8 +131,6 @@ export const highlight = blue20;
 
 export const decorative01 = gray20;
 
-export const hoverLightUI = '#e5e5e5';
-
 export const buttonSeparator = '#e0e0e0';
 
 export const skeleton01 = '#e5e5e5';

package/umd/index.js

@@ -125,7 +125,9 @@
   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';
@@ -139,7 +141,6 @@
   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
@@ -198,7 +199,9 @@
     hoverTertiary: hoverTertiary,
     activeTertiary: activeTertiary,
     hoverUI: hoverUI,
+    hoverLightUI: hoverLightUI,
     activeUI: activeUI,
+    activeLightUI: activeLightUI,
     selectedUI: selectedUI,
     selectedLightUI: selectedLightUI,
     inverseHoverUI: inverseHoverUI,
@@ -212,7 +215,6 @@
     disabled03: disabled03,
     highlight: highlight,
     decorative01: decorative01,
-    hoverLightUI: hoverLightUI,
     buttonSeparator: buttonSeparator,
     skeleton01: skeleton01,
     skeleton02: skeleton02,
@@ -338,7 +340,9 @@
   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';
@@ -352,7 +356,6 @@
   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;
@@ -411,7 +414,9 @@
     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,
@@ -425,7 +430,6 @@
     disabled03: disabled03$1,
     highlight: highlight$1,
     decorative01: decorative01$1,
-    hoverLightUI: hoverLightUI$1,
     buttonSeparator: buttonSeparator$1,
     skeleton01: skeleton01$1,
     skeleton02: skeleton02$1,
@@ -551,7 +555,9 @@
   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';
@@ -565,7 +571,6 @@
   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;
@@ -624,7 +629,9 @@
     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,
@@ -638,7 +645,6 @@
     disabled03: disabled03$2,
     highlight: highlight$2,
     decorative01: decorative01$2,
-    hoverLightUI: hoverLightUI$2,
     buttonSeparator: buttonSeparator$2,
     skeleton01: skeleton01$2,
     skeleton02: skeleton02$2,
@@ -764,7 +770,9 @@
   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';
@@ -778,7 +786,6 @@
   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;
@@ -837,7 +844,9 @@
     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,
@@ -851,7 +860,6 @@
     disabled03: disabled03$3,
     highlight: highlight$3,
     decorative01: decorative01$3,
-    hoverLightUI: hoverLightUI$3,
     buttonSeparator: buttonSeparator$3,
     skeleton01: skeleton01$3,
     skeleton02: skeleton02$3,
@@ -977,7 +985,9 @@
   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';
@@ -991,7 +1001,6 @@
   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)';
@@ -1050,7 +1059,9 @@
     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,
@@ -1064,7 +1075,6 @@
     disabled03: disabled03$4,
     highlight: highlight$4,
     decorative01: decorative01$4,
-    hoverLightUI: hoverLightUI$4,
     buttonSeparator: buttonSeparator$4,
     skeleton01: skeleton01$4,
     skeleton02: skeleton02$4,
@@ -1147,7 +1157,7 @@
 
   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', '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
+  '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'];
   /**
@@ -1199,7 +1209,7 @@
       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', 'danger']
   };
@@ -1334,7 +1344,9 @@
   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;
@@ -1348,7 +1360,6 @@
   exports.disabled03 = disabled03;
   exports.highlight = highlight;
   exports.decorative01 = decorative01;
-  exports.hoverLightUI = hoverLightUI;
   exports.buttonSeparator = buttonSeparator;
   exports.skeleton01 = skeleton01;
   exports.skeleton02 = skeleton02;