feat(tokens): add danger, text05, update text02 (#3962)

* feat(tokens): add danger, text05, update text02 * Correct typo Co-Authored-By: Josh Black <[email protected]> * add missing import * add new tokens to v9 & unstable__meta * Update packages/themes/src/v9.js Co-Authored-By: Josh Black <[email protected]>
carbon-design-system · Sep 12, 2019 · 36113ce · 36113ce
1 parent daff514
commit 36113ce
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js
@@ -17,6 +17,7 @@ import {
   gray10,
   gray20,
   gray30,
+  gray40,
   gray50,
   gray60,
   gray70,
@@ -44,6 +45,7 @@ export const interactive01 = blue60;
 export const interactive02 = gray80;
 export const interactive03 = blue60;
 export const interactive04 = blue60;
+export const danger = red60;
 
 export const uiBackground = gray10;
 
@@ -54,9 +56,10 @@ export const ui04 = gray50;
 export const ui05 = gray100;
 
 export const text01 = gray100;
-export const text02 = gray70;
-export const text03 = gray50;
+export const text02 = gray80;
+export const text03 = gray40;
 export const text04 = white;
+export const text05 = gray60;
 
 export const icon01 = gray100;
 export const icon02 = gray70;

diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js
@@ -16,6 +16,7 @@ import {
   // Gray
   gray10,
   gray30,
+  gray50,
   gray60,
   gray70,
   gray80,
@@ -42,6 +43,7 @@ export const interactive01 = blue60;
 export const interactive02 = gray60;
 export const interactive03 = white;
 export const interactive04 = blue50;
+export const danger = red60;
 
 export const uiBackground = gray100;
 
@@ -55,6 +57,7 @@ export const text01 = gray10;
 export const text02 = gray30;
 export const text03 = gray60;
 export const text04 = white;
+export const text05 = gray50;
 
 export const icon01 = gray10;
 export const icon02 = gray30;

diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js
@@ -44,6 +44,7 @@ export const interactive01 = blue60;
 export const interactive02 = gray60;
 export const interactive03 = white;
 export const interactive04 = blue50;
+export const danger = red60;
 
 export const uiBackground = gray90;
 
@@ -55,8 +56,9 @@ export const ui05 = gray10;
 
 export const text01 = gray10;
 export const text02 = gray30;
-export const text03 = gray50;
+export const text03 = gray60;
 export const text04 = white;
+export const text05 = gray50;
 
 export const icon01 = gray10;
 export const icon02 = gray30;

diff --git a/packages/themes/src/tokens.js b/packages/themes/src/tokens.js
@@ -13,6 +13,7 @@ const colors = [
   'interactive02',
   'interactive03',
   'interactive04',
+  'danger',
 
   'uiBackground',
 
@@ -26,6 +27,7 @@ const colors = [
   'text02',
   'text03',
   'text04',
+  'text05',
 
   'icon01',
   'icon02',
@@ -152,6 +154,7 @@ export const unstable__meta = {
         'interactive02',
         'interactive03',
         'interactive04',
+        'danger',
         'brand01',
         'brand02',
         'brand03',
@@ -164,6 +167,7 @@ export const unstable__meta = {
         'text02',
         'text03',
         'text04',
+        'text05',
         'link01',
         'icon01',
         'icon02',

diff --git a/packages/themes/src/v9.js b/packages/themes/src/v9.js
@@ -11,7 +11,7 @@ export const interactive01 = '#3d70b2';
 export const interactive02 = '#5a6872';
 export const interactive03 = '#5a6872';
 export const interactive04 = '#3d70b2';
-
+export const danger = '#e0182d';
 export const uiBackground = '#f4f7fb';
 
 export const ui01 = white;
@@ -24,6 +24,7 @@ export const text01 = '#152935';
 export const text02 = '#5a6872';
 export const text03 = '#cdd1d4';
 export const text04 = white;
+export const text05 = '#5a6872';
 
 export const icon01 = '#3d70b2';
 export const icon02 = '#5a6872';

diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js
@@ -17,6 +17,7 @@ import {
   gray10,
   gray20,
   gray30,
+  gray40,
   gray50,
   gray60,
   gray70,
@@ -44,6 +45,7 @@ export const interactive01 = blue60;
 export const interactive02 = gray80;
 export const interactive03 = blue60;
 export const interactive04 = blue60;
+export const danger = red60;
 
 export const uiBackground = white;
 
@@ -54,9 +56,10 @@ export const ui04 = gray50;
 export const ui05 = gray100;
 
 export const text01 = gray100;
-export const text02 = gray70;
-export const text03 = gray50;
+export const text02 = gray80;
+export const text03 = gray40;
 export const text04 = white;
+export const text05 = gray60;
 
 export const icon01 = gray100;
 export const icon02 = gray70;