feat: add new v2.0 component tokens (#1888)

* chore: update default background color * fix: adjust token values and usage for temp a11y fix * feat(tokens): update token values from design for red
chanzuckerberg · Mar 11, 2024 · 3607a5d · 3607a5d
1 parent c331d7d
commit 3607a5d
Show file tree

Hide file tree

Showing 8 changed files with 2,229 additions and 371 deletions.
diff --git a/.storybook/data/tokens.json b/.storybook/data/tokens.json
diff --git a/src/components/InlineNotification/InlineNotification.module.css b/src/components/InlineNotification/InlineNotification.module.css
@@ -65,5 +65,6 @@
   padding: calc(var(--eds-size-1) + var(--eds-theme-border-width)); 
 }
 .inline-notification--full-width-subtle {
-  background-color: var(--eds-theme-color-background-neutral-subtle);
+  /* TODO-AH: revisit when re-theming the inline notification component */
+  background-color: var(--eds-theme-color-background-neutral-default);
 }
diff --git a/src/design-tokens/css/base/body.css b/src/design-tokens/css/base/body.css
@@ -8,7 +8,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--eds-theme-color-text-neutral-default);
-  background: var(--eds-theme-color-background-neutral-subtle);
+  background: var(--eds-theme-color-background-neutral-default);
 }
 
 /* Body disabled variant */

diff --git a/src/design-tokens/primitives.json b/src/design-tokens/primitives.json