feat(Focus): config redesign and implementation

shuriken-ui · Dec 6, 2023 · a793e75 · a793e75
1 parent 689fa75
commit a793e75
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/plugins/components/focus/focus.config.ts b/src/plugins/components/focus/focus.config.ts
@@ -4,8 +4,10 @@ export const defaultConfig = {
   offset: '2',
   width: '2',
   style: 'dashed',
-  color: 'muted-300',
-  colorDark: 'muted-600',
+  color: {
+    light: 'muted-300',
+    dark: 'muted-600',
+  },
   mode: 'always' as 'always' | 'focus-visible',
 }
 

diff --git a/src/plugins/components/focus/index.ts b/src/plugins/components/focus/index.ts
@@ -25,7 +25,7 @@ export default plugin.withOptions(
             {},
           '@apply outline-transparent': {},
           [mode]: {
-            [`@apply outline-${config.color} dark:outline-${config.colorDark}`]:
+            [`@apply outline-${config.color.light} dark:outline-${config.color.dark}`]:
               {},
             [`@apply outline-${config.style} ring-0`]: {},
           },