Merge pull request #4240 from grommet/token-docs-fix

Update tokens in code docs
grommet · Oct 31, 2024 · b6a4cb9 · b6a4cb9
2 parents 9e81683 + d27d155
commit b6a4cb9
Show file tree

Hide file tree

Showing 2 changed files with 479 additions and 472 deletions.
diff --git a/aries-site/src/pages/design-tokens/using-design-tokens-in-code.mdx b/aries-site/src/pages/design-tokens/using-design-tokens-in-code.mdx
@@ -40,13 +40,13 @@ To use hpe-design-tokens as CSS variables, first import the CSS files into your
 
 ```
 // For example, main.jsx
-import 'hpe-design-tokens/css/base.css';
-import 'hpe-design-tokens/css/color.light.css';
-import 'hpe-design-tokens/css/color.dark.css';
-import 'hpe-design-tokens/css/global.css';
-import 'hpe-design-tokens/css/components.css';
-import 'hpe-design-tokens/css/dimension.large.css';
-import 'hpe-design-tokens/css/dimension.small.css';
+import 'hpe-design-tokens/dist/css/base.css';
+import 'hpe-design-tokens/dist/css/color.light.css';
+import 'hpe-design-tokens/dist/css/color.dark.css';
+import 'hpe-design-tokens/dist/css/global.css';
+import 'hpe-design-tokens/dist/css/components.css';
+import 'hpe-design-tokens/dist/css/dimension.large.css';
+import 'hpe-design-tokens/dist/css/dimension.small.css';
 ```
 
 Then, apply the token directly to a CSS property, or create your own CSS variable that can be modified across states.