feat(theme): add $icon-interactive token (#13219)

* feat(theme): add $icon-interactive token * Update packages/themes/src/tokens/v11TokenGroup.js Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com> * Update packages/themes/src/tokens/__tests__/metadata-test.js Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com> * Update packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap * Update packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap * chore(snapshot): update snapshots --------- Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com> Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com>
carbon-design-system · Mar 2, 2023 · b32cee5 · b32cee5
1 parent 22d87ca
commit b32cee5
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 0 deletions.
diff --git a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -149,6 +149,7 @@ Array [
   "helperText02",
   "highlight",
   "iconDisabled",
+  "iconInteractive",
   "iconInverse",
   "iconOnColor",
   "iconOnColorDisabled",

diff --git a/packages/styles/scss/__tests__/theme-test.js b/packages/styles/scss/__tests__/theme-test.js
@@ -115,6 +115,7 @@ describe('@carbon/styles/scss/theme', () => {
         "icon-on-color",
         "icon-on-color-disabled",
         "icon-disabled",
+        "icon-interactive",
         "support-error",
         "support-success",
         "support-warning",

diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js
@@ -169,6 +169,7 @@ export const iconInverse = white;
 export const iconOnColor = white;
 export const iconOnColorDisabled = gray50;
 export const iconDisabled = adjustAlpha(iconPrimary, 0.25);
+export const iconInteractive = blue60;
 
 // Support
 export const supportError = red60;

diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js
@@ -176,6 +176,7 @@ export const iconInverse = gray100;
 export const iconOnColor = white;
 export const iconOnColorDisabled = adjustAlpha(iconOnColor, 0.25);
 export const iconDisabled = adjustAlpha(iconPrimary, 0.25);
+export const iconInteractive = white;
 
 // Support
 export const supportError = red50;

diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js
@@ -176,6 +176,7 @@ export const iconInverse = gray100;
 export const iconOnColor = white;
 export const iconOnColorDisabled = adjustAlpha(iconOnColor, 0.25);
 export const iconDisabled = adjustAlpha(iconPrimary, 0.25);
+export const iconInteractive = white;
 
 // Support
 export const supportError = red40;

diff --git a/packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap b/packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap
@@ -61,6 +61,7 @@ Array [
   "icon-on-color",
   "icon-on-color-disabled",
   "icon-disabled",
+  "icon-interactive",
 ]
 `;
 
@@ -225,6 +226,7 @@ Array [
   "icon-on-color",
   "icon-on-color-disabled",
   "icon-disabled",
+  "icon-interactive",
   "support-error",
   "support-success",
   "support-warning",

diff --git a/packages/themes/src/tokens/__tests__/metadata-test.js b/packages/themes/src/tokens/__tests__/metadata-test.js
@@ -877,6 +877,10 @@ test('metadata', () => {
           "name": "icon-disabled",
           "type": "color",
         },
+        Object {
+          "name": "icon-interactive",
+          "type": "color",
+        },
         Object {
           "name": "support-error",
           "type": "color",

diff --git a/packages/themes/src/tokens/v11TokenGroup.js b/packages/themes/src/tokens/v11TokenGroup.js
@@ -286,6 +286,7 @@ export const icon = TokenGroup.create({
       state: 'disabled',
       name: 'icon-disabled',
     },
+    'icon-interactive',
   ],
 });
 

diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js
@@ -169,6 +169,7 @@ export const iconInverse = white;
 export const iconOnColor = white;
 export const iconOnColorDisabled = gray50;
 export const iconDisabled = adjustAlpha(iconPrimary, 0.25);
+export const iconInteractive = blue60;
 
 // Support
 export const supportError = red60;