feat(Mark): config redesign and implementation

shuriken-ui · Dec 8, 2023 · e4552b4 · e4552b4
1 parent 0fa7012
commit e4552b4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/plugins/components/mark/index.ts b/src/plugins/components/mark/index.ts
@@ -16,8 +16,10 @@ export default plugin.withOptions(
 
       addComponents({
         [`.${prefix}mark`]: {
-          [`@apply bg-${config.bg} dark:bg-${config.bgDark}`]: {},
-          [`@apply text-${config.text} dark:text-${config.textDark}`]: {},
+          [`@apply bg-${config.background.light} dark:bg-${config.background.dark}`]:
+            {},
+          [`@apply text-${config.color.light} dark:text-${config.color.dark}`]:
+            {},
         },
       })
     }

diff --git a/src/plugins/components/mark/mark.config.ts b/src/plugins/components/mark/mark.config.ts
@@ -1,10 +1,14 @@
 export const key = 'mark' as const
 
 export const defaultConfig = {
-  bg: 'primary-100',
-  bgDark: 'primary-800',
-  text: 'primary-800',
-  textDark: 'primary-200',
+  background: {
+    light: 'primary-100',
+    dark: 'primary-800',
+  },
+  color: {
+    light: 'primary-800',
+    dark: 'primary-200',
+  },
 }
 
 export type MarkConfig = typeof defaultConfig