fix(badge): 🐛 classes mistakes

adaptui · Jul 30, 2021 · 6f4c441 · 6f4c441
1 parent 340acfb
commit 6f4c441
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/preset.js b/preset.js
@@ -10,6 +10,7 @@ const renderlesskitConfig = {
         orange: colors.orange,
         gray: colors.gray,
         emarald: colors.emerald,
+        violet: colors.violet,
       },
       fontFamily: {
         sans: ["Inter var", ...defaultTheme.fontFamily.sans],

diff --git a/src/theme/defaultTheme/badge.ts b/src/theme/defaultTheme/badge.ts
@@ -1,33 +1,33 @@
 export const badge = {
-  base: "lib:inline-flex lib:items-center lib:justify-center lib:font-medium lib:whitespace-nowrap lib:align-middle lib:rounded-full lib:transition-all",
+  base: "lib:inline-flex lib:items-center lib:justify-center lib:relative lib:whitespace-nowrap lib:align-middle lib:transition-all",
   size: {
-    sm: "lib:py-px lib:px-1.5 lib:text-xs",
-    md: "lib:py-[3px] lib:px-1.5 lib:text-xs",
-    lg: "lib:py-[4.5px] lib:px-2 lib:text-cxs",
+    sm: "lib:px-1.5 lib:py-px lib:rounded-2xl lib:text-xs lib:font-medium",
+    md: "lib:px-1.5 lib:py-[3px] lib:rounded-2xl lib:text-xs lib:font-medium",
+    lg: "lib:px-2 lib:py-[4.5px] lib:rounded-2xl lib:text-cxs lib:font-medium",
   },
   variant: {
     solid: {
       default: "lib:bg-gray-800 lib:text-white",
       primary: "lib:bg-blue-500 lib:text-white",
-      secondary: "lib:bg-purple-500 lib:text-white",
+      secondary: "lib:bg-violet-500 lib:text-white",
       success: "lib:bg-emarald-500 lib:text-white",
       danger: "lib:bg-red-500 lib:text-white",
     },
     subtle: {
       default: "lib:bg-gray-100 lib:text-gray-600",
       primary: "lib:bg-blue-50 lib:text-blue-500",
-      secondary: "lib:bg-purple-50 lib:text-purple-500",
+      secondary: "lib:bg-violet-50 lib:text-violet-500",
       success: "lib:bg-emarald-50 lib:text-emarald-500",
       danger: "lib:bg-red-50 lib:text-red-500",
     },
     outline: {
-      default: "lib:bg-white lib:text-gray-600 lib:ring-1 lib:ring-gray-200",
-      primary: "lib:bg-white lib:text-blue-500 lib:ring-1 lib:ring-blue-200",
+      default: "lib:bg-white lib:text-gray-600 lib:border lib:border-gray-200",
+      primary: "lib:bg-white lib:text-blue-500 lib:border lib:border-blue-200",
       secondary:
-        "lib:bg-white lib:text-purple-500 lib:ring-1 lib:ring-purple-200",
+        "lib:bg-white lib:text-violet-500 lib:border lib:border-violet-200",
       success:
-        "lib:bg-white lib:text-emarald-500 lib:ring-1 lib:ring-emarald-200",
-      danger: "lib:bg-white lib:text-red-500 lib:ring-1 lib:ring-red-200",
+        "lib:bg-white lib:text-emarald-500 lib:border lib:border-emarald-200",
+      danger: "lib:bg-white lib:text-red-500 lib:border lib:border-red-200",
     },
   },
 };