docs(fundations): change the order of colors (#1861)

vtex · Aug 22, 2024 · e06b3c8 · e06b3c8
2 parents d3ec292 + 610abb6
commit e06b3c8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/packages/docs/pages/foundations/color.mdx b/packages/docs/pages/foundations/color.mdx
@@ -2,12 +2,6 @@
 
 Reflects a product's style, creates hierarchy, and provides meaning to components and messages.
 
-## Primitive
-
-<br />
-
-<TokensGrid foundation="color" />
-
 ## Background
 
 <br />
@@ -20,4 +14,10 @@ Reflects a product's style, creates hierarchy, and provides meaning to component
 
 <TokensGrid foundation="fg" />
 
+## Primitive
+
+<br />
+
+<TokensGrid foundation="color" />
+
 Want to know more about design tokens? Read the [documentation](https://shoreline.vtex.com/guides/styling/design-tokens).
diff --git a/packages/docs/pages/foundations/index.mdx b/packages/docs/pages/foundations/index.mdx
@@ -6,11 +6,6 @@ Shoreline design tokens include Color, Typography, Spacing, Border, Radius, and
 
 Reflects a product's style, creates hierarchy, and provides meaning to components and messages. [Learn more](https://shoreline.vtex.com/foundations/color) about colors rationale and best practices.
 
-### Base
-
-<br />
-
-<TokensGrid foundation="color" />
 
 ### Background
 
@@ -24,6 +19,12 @@ Reflects a product's style, creates hierarchy, and provides meaning to component
 
 <TokensGrid foundation="fg" />
 
+### Primitive
+
+<br />
+
+<TokensGrid foundation="color" />
+
 ## Typography
 
 Creates hierarchies, organizes information, and guides users through a product or experience. [Learn more](https://shoreline.vtex.com/foundations/typography) about typography rationale and best practices.