app/assets/css/base/tippy.css in coveragebook_components-0.15.0 vs app/assets/css/base/tippy.css in coveragebook_components-0.16.0

@@ -1,64 +1,61 @@
 @import "tippy.js/dist/tippy";
 @import "tippy.js/dist/svg-arrow";
 @import "tippy.js/dist/border.css";
 
-/* Tippy  */
-@layer components {
-  [data-tippy-root] {
-    @apply !z-[10010];
+@layer utilities {
+  .tippy-dropdown-box {
+    @apply bg-background-light-2 text-coco-gray-900 label-sm border border-solid border-gray-blend-100 shadow-xl rounded-lg;
   }
+}
 
-  .tippy-box[data-theme^="coco-"] {
-    @apply bg-transparent text-gray-900 label-md whitespace-normal;
+[data-tippy-root] {
+  @apply !z-[10010];
+}
 
-    .tippy-content {
-      @apply p-0;
-    }
+.tippy-box[data-theme^="coco-"] {
+  @apply bg-transparent text-coco-gray-900 label-md whitespace-normal;
 
-    /* arrow border */
-    .tippy-svg-arrow > svg:first-child {
-      @apply fill-transparent;
-    }
+  .tippy-content {
+    @apply p-0;
+  }
 
-    /* arrow background */
-    .tippy-svg-arrow > svg:last-child {
-      @apply fill-transparent;
-    }
+  /* arrow border */
+  .tippy-svg-arrow > svg:first-child {
+    @apply fill-transparent;
   }
 
-  /* Tooltip theme */
-  .tippy-box[data-theme~="coco-tooltip"] {
-    @apply bg-background-dark-2 text-white label-sm rounded-lg shadow-xl;
+  /* arrow background */
+  .tippy-svg-arrow > svg:last-child {
+    @apply fill-transparent;
+  }
+}
 
-    .tippy-content {
-      @apply px-3 py-2 truncate max-w-[240px];
-    }
+/* Tooltip theme */
+.tippy-box[data-theme~="coco-tooltip"] {
+  @apply bg-background-dark-2 text-white label-sm rounded-lg shadow-xl;
 
-    /* arrow background */
-    .tippy-svg-arrow > svg:first-child {
-      @apply hidden;
-    }
-
-    .tippy-svg-arrow > svg:last-child {
-      @apply fill-gray-900;
-    }
+  .tippy-content {
+    @apply px-3 py-2 truncate max-w-[240px];
   }
 
-  /*
-   * Tippy dropdown theme
-   */
-  .tippy-box[data-theme~="coco-app-dropdown"],
-  .tippy-box[data-theme~="coco-menu"] {
-    @apply tippy-dropdown-box;
+  /* arrow background */
+  .tippy-svg-arrow > svg:first-child {
+    @apply hidden;
   }
 
-  .tippy-box[data-theme~="coco-naked-dropdown"] {
-    width: min-content;
+  .tippy-svg-arrow > svg:last-child {
+    @apply fill-coco-gray-900;
   }
 }
 
-@layer utilities {
-  .tippy-dropdown-box {
-    @apply bg-background-light-2 text-gray-900 label-sm border border-solid border-gray-blend-100 shadow-xl rounded-lg;
-  }
+/*
+  * Tippy dropdown theme
+  */
+.tippy-box[data-theme~="coco-app-dropdown"],
+.tippy-box[data-theme~="coco-menu"] {
+  @apply tippy-dropdown-box;
+}
+
+.tippy-box[data-theme~="coco-naked-dropdown"] {
+  width: min-content;
 }