fix: resolved an issue with incorrect token mapping

CHANGELOG.md

@@ -18,6 +18,10 @@
 - Removed `outline-on-accent` variant for `Input` component as it was barely used.
 - Removed `filled` styles from the `Input` component. The default variant from the Chakra UI theme will be used.
 
+### Fixed
+
+- Fixed an issue with the `FormLabel`, `Progress` and `Table`component not having the correct `color`.
+
 ## [0.5.0] - 2023-06-23
 
 ### Added

src/components/form-label.ts

@@ -1,5 +1,5 @@
 const baseStyle = {
-  color: 'emphasized',
+  color: 'fg.emphasized',
   mb: '1.5',
   fontSize: 'sm',
 }
@@ -41,14 +41,14 @@ const variants = {
     left: '0',
     _peerPlaceholderShown: {
       fontWeight: 'normal',
-      color: 'subtle',
+      color: 'fg.subtle',
     },
     _peerFocus: {
       fontSize: 'sm',
       fontWeight: 'medium',
       top: '-27px',
       left: '0',
-      color: 'muted',
+      color: 'fg.muted',
     },
   }),
 }

src/components/progress.ts

@@ -7,7 +7,7 @@ const baseStyle = {
 const variants = {
   solid: {
     track: {
-      bg: 'bg-muted',
+      bg: 'bg.muted',
     },
   },
   'fg.accent.default': {

src/components/table.ts

@@ -17,13 +17,13 @@ const baseStyle = {
 const variants = {
   simple: (props: StyleFunctionProps) => ({
     th: {
-      color: 'muted',
+      color: 'fg.muted',
       bg: mode('gray.50', transparentize('gray.700', 0.4)(props.theme))(props),
     },
   }),
   striped: (props: StyleFunctionProps) => ({
     th: {
-      color: 'muted',
+      color: 'fg.muted',
       borderBottomWidth: '0px',
     },
     thead: {