badge.css in coveragebook_components-0.18.7

- old
+ new
@@ -1,44 +1,62 @@
 @layer components {
   [data-coco][data-component="badge"] {
-    @apply flex items-center whitespace-nowrap px-2 rounded-lg;
+    @apply flex items-center whitespace-nowrap px-2 py-0.5 label-sm rounded-xl antialiased;
     width: min-content;
 
     .badge-icon {
       @apply mr-1;
     }
 
-    &[data-size="sm"] {
-      @apply badge-sm;
-    }
-
-    &[data-size="md"] {
-      @apply badge-md;
-    }
-
     &[data-theme="neutral-dark"] {
       @apply bg-background-dark-1 text-content-light-1;
     }
 
     &[data-theme="neutral-light"] {
       @apply bg-background-light-1 text-content-dark-1;
     }
 
     &[data-theme="neutral-muted"] {
-      @apply bg-coco-gray-300 text-content-dark-3;
+      @apply bg-gray-transparent-50 text-content-dark-1;
     }
 
     &[data-theme="primary"] {
       @apply bg-background-primary text-content-light-1;
     }
-  }
-}
 
-@layer utilities {
-  .badge-sm {
-    @apply py-1 label-sm;
-  }
+    &[data-theme="positive"] {
+      @apply bg-background-positive text-content-light-1;
+    }
 
-  .badge-md {
-    @apply py-1 label-md;
+    &[data-theme="negative"] {
+      @apply bg-background-negative text-content-light-1;
+    }
+
+    &[data-theme="warning"] {
+      @apply bg-background-warning text-content-light-1;
+    }
+
+    &[data-theme="info"] {
+      @apply bg-background-info text-content-light-1;
+    }
+
+    &[data-theme="primary-light"] {
+      @apply bg-background-primary-light text-content-dark-1;
+    }
+
+    &[data-theme="positive-light"] {
+      @apply bg-background-positive-light text-content-dark-1;
+    }
+
+    &[data-theme="negative-light"] {
+      @apply bg-background-negative-light text-content-dark-1;
+    }
+
+    &[data-theme="warning-light"] {
+      @apply bg-background-warning-light text-content-dark-1;
+    }
+
+    &[data-theme="info-light"] {
+      @apply bg-background-info-light text-content-dark-1;
+    }
   }
 }