feat(Label): config redesign and implementation

shuriken-ui · Dec 7, 2023 · d6483ce · d6483ce
1 parent fd7a3e2
commit d6483ce
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/plugins/components/label/index.ts b/src/plugins/components/label/index.ts
@@ -16,7 +16,7 @@ export default plugin.withOptions(
 
       addComponents({
         [`.${prefix}label`]: {
-          [`@apply inline-block font-${config.font} leading-none text-${config.text} dark:text-${config.textDark}`]:
+          [`@apply inline-block font-${config.font.family} leading-none text-${config.font.color.light} dark:text-${config.font.color.dark}`]:
             {},
         },
       })

diff --git a/src/plugins/components/label/label.config.ts b/src/plugins/components/label/label.config.ts
@@ -1,9 +1,13 @@
 export const key = 'label' as const
 
 export const defaultConfig = {
-  font: 'sans',
-  text: 'muted-400',
-  textDark: 'muted-400/80',
+  font: {
+    family: 'sans',
+    color: {
+      light: 'muted-400',
+      dark: 'muted-400/80',
+    },
+  },
 }
 
 export type LabelPluginConfig = typeof defaultConfig