fix(Tokens): update g80 theme based on design

carbon-design-system · Apr 23, 2021 · a6d4e6c · a6d4e6c
1 parent b970a25
commit a6d4e6c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -138,7 +138,6 @@ Array [
   "formatTokenName",
   "g10",
   "g100",
-  "g80",
   "g90",
   "getTypeSize",
   "gray",

diff --git a/packages/themes/src/g80.js b/packages/themes/src/g80.js
@@ -112,7 +112,6 @@ export const layerHover = adjustLightness(layer, +7);
 export const fieldHover = adjustLightness(field, +7);
 export const backgroundInverseHover = adjustLightness(backgroundInverse, -5);
 
-// No token listed in notion doc
 export const linkPrimaryHover = blue30;
 
 export const buttonDangerHover = adjustLightness(buttonDangerPrimary, -8);
@@ -174,7 +173,7 @@ export const link02 = linkSecondary;
 export const inverseLink = linkInverse;
 
 export const field01 = field;
-export const field02 = gray70;
+export const field02 = gray60;
 
 export const inverse01 = textInverse;
 export const inverse02 = backgroundInverse;
@@ -202,26 +201,26 @@ export const activePrimary = buttonPrimaryActive;
 
 export const hoverPrimaryText = linkPrimaryHover;
 
-export const hoverSecondary = '#606060';
-export const activeSecondary = gray80;
+export const hoverSecondary = buttonSecondaryHover;
+export const activeSecondary = buttonSecondaryActive;
 
-export const hoverTertiary = gray10;
-export const activeTertiary = gray30;
+export const hoverTertiary = buttonTertiaryHover;
+export const activeTertiary = buttonTertiaryActive;
 
 export const hoverUI = backgroundHover;
-export const hoverLightUI = '#656565';
+export const hoverLightUI = '#5E5E5E';
 export const activeUI = backgroundActive;
 export const activeLightUI = gray50;
 export const selectedUI = backgroundSelected;
-export const selectedLightUI = gray60;
+export const selectedLightUI = gray50;
 export const inverseHoverUI = backgroundInverseHover;
 
-export const hoverSelectedUI = backgroundSelectedHover;
+export const hoverSelectedUI = layerSelectedHover;
 
 export const hoverDanger = buttonDangerHover;
 export const activeDanger = buttonDangerActive;
 
-export const hoverRow = '#4c4c4c';
+export const hoverRow = layerHover;
 
 export const visitedLink = linkVisited;
-Original file line number
+Diff line change
@@ Expand Up / @@ -138,7 +138,6 @@ Array [ @@
       "formatTokenName",
       "g10",
       "g100",
-      "g80",
       "g90",
       "getTypeSize",
       "gray",
@@ Expand Down @@