feat(styles): add component tokens to button, tag

carbon-design-system · Sep 14, 2021 · fd71cc6 · fd71cc6
1 parent cb5b4bd
commit fd71cc6
Show file tree

Hide file tree

Showing 5 changed files with 1,169 additions and 686 deletions.
diff --git a/packages/carbon-react/.storybook/styles.scss b/packages/carbon-react/.storybook/styles.scss
@@ -13,19 +13,19 @@
 @use '../scss/components/tag';
 
 :root {
-  @include styles.theme(styles.$white, button.$white, tag.$white);
+  @include styles.theme(styles.$white);
 }
 
 [data-carbon-theme='g10'] {
-  @include styles.theme(styles.$g10, button.$g10, tag.$g10);
+  @include styles.theme(styles.$g10);
 }
 
 [data-carbon-theme='g90'] {
-  @include styles.theme(styles.$g90, button.$g90, tag.$g90);
+  @include styles.theme(styles.$g90);
 }
 
 [data-carbon-theme='g100'] {
-  @include styles.theme(styles.$g100, button.$g100, tag.$g100);
+  @include styles.theme(styles.$g100);
 }
 
 body {

diff --git a/packages/styles/scss/components/button/_index.scss b/packages/styles/scss/components/button/_index.scss
@@ -8,6 +8,10 @@
 @forward 'vars';
 @forward 'button';
 @forward 'tokens';
+
+@use '../../theme';
 @use 'button';
+@use 'tokens';
 
+@include theme.add-component-tokens(tokens.$button-tokens);
 @include button.button;