feat(token): add new selected-light-ui token (#5718)

* feat(tokens): add selected-ui-light color token * fix(tokens): add to token list * fix(tokens): add new selected-light-ui color token Co-authored-by: Josh Black <[email protected]>
carbon-design-system · Mar 30, 2020 · 42eb943 · 42eb943
1 parent 7bb3022
commit 42eb943
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 0 deletions.
diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js
@@ -108,6 +108,7 @@ export const activeTertiary = blue80;
 export const hoverUI = '#e5e5e5';
 export const activeUI = gray30;
 export const selectedUI = gray20;
+export const selectedLightUI = gray20;
 export const inverseHoverUI = '#4c4c4c';
 
 export const hoverSelectedUI = '#cacaca';

diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js
@@ -107,6 +107,7 @@ export const activeTertiary = gray30;
 export const hoverUI = '#353535';
 export const activeUI = gray70;
 export const selectedUI = gray80;
+export const selectedLightUI = gray70;
 export const inverseHoverUI = '#e5e5e5';
 
 export const hoverSelectedUI = '#4c4c4c';

diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js
@@ -109,6 +109,7 @@ export const activeTertiary = gray30;
 export const hoverUI = '#4c4c4c';
 export const activeUI = gray60;
 export const selectedUI = gray70;
+export const selectedLightUI = gray60;
 export const inverseHoverUI = '#e5e5e5';
 
 export const hoverSelectedUI = '#656565';

diff --git a/packages/themes/src/tokens.js b/packages/themes/src/tokens.js
@@ -78,6 +78,7 @@ const colors = [
   'activeUI',
 
   'selectedUI',
+  'selectedLightUI',
   'hoverSelectedUI',
   'inverseHoverUI',
 
@@ -217,6 +218,7 @@ export const unstable__meta = {
         'activeUI',
         'activeDanger',
         'selectedUI',
+        'selectedLightUI',
         'highlight',
         'skeleton01',
         'skeleton02',

diff --git a/packages/themes/src/v9.js b/packages/themes/src/v9.js
@@ -72,6 +72,7 @@ export const activeTertiary = '#414f59';
 export const hoverUI = '#EEF4FC';
 export const activeUI = '#DFEAFA';
 export const selectedUI = '#EEF4FC';
+export const selectedLightUI = '#EEF4FC';
 export const inverseHoverUI = '#4c4c4c';
 
 export const hoverSelectedUI = '#DFEAFA';

diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js
@@ -108,6 +108,7 @@ export const activeTertiary = blue80;
 export const hoverUI = '#e5e5e5';
 export const activeUI = gray30;
 export const selectedUI = gray20;
+export const selectedLightUI = gray20;
 export const inverseHoverUI = '#4c4c4c';
 
 export const hoverSelectedUI = '#cacaca';