@sigx/zero-daisyui 0.5.0 → 0.7.0

package/dist/css/components/tooltip.css

@@ -1,3 +1,5 @@
+@layer zero.fallback, zero.tokens, zero.recipes, zero.structure;
+
 @layer zero.recipes {
     [data-scope="tooltip"][data-part="trigger"] {
         appearance: none;
@@ -55,6 +57,71 @@
         transform: none;
     }
 
+    [data-scope="tooltip"][data-part="popup"]:has(> [data-scope="tooltip"][data-part="arrow"]) {
+        overflow: visible;
+    }
+
+    [data-scope="tooltip"][data-part="arrow"] {
+        display: none;
+        position: absolute;
+        box-sizing: border-box;
+        width: 0.5rem;
+        height: 0.5rem;
+        rotate: 45deg;
+        pointer-events: none;
+        background: var(--color-neutral);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="top"] > [data-scope="tooltip"][data-part="arrow"] {
+        display: block;
+        top: calc(100% - 0.5rem / 2);
+        left: var(--arrow-x, calc(50% - 0.5rem / 2));
+        clip-path: polygon(100% 0, 100% 100%, 0 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="bottom"] > [data-scope="tooltip"][data-part="arrow"] {
+        display: block;
+        top: calc(0.5rem / -2);
+        left: var(--arrow-x, calc(50% - 0.5rem / 2));
+        clip-path: polygon(0 0, 100% 0, 0 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="left"] > [data-scope="tooltip"][data-part="arrow"] {
+        display: block;
+        left: calc(100% - 0.5rem / 2);
+        top: var(--arrow-y, calc(50% - 0.5rem / 2));
+        clip-path: polygon(0 0, 100% 0, 100% 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="right"] > [data-scope="tooltip"][data-part="arrow"] {
+        display: block;
+        left: calc(0.5rem / -2);
+        top: var(--arrow-y, calc(50% - 0.5rem / 2));
+        clip-path: polygon(0 0, 100% 100%, 0 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="start"] > [data-scope="tooltip"][data-part="arrow"] {
+        display: block;
+        inset-inline-start: calc(100% - 0.5rem / 2);
+        top: var(--arrow-y, calc(50% - 0.5rem / 2));
+        clip-path: polygon(0 0, 100% 0, 100% 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="end"] > [data-scope="tooltip"][data-part="arrow"] {
+        display: block;
+        inset-inline-start: calc(0.5rem / -2);
+        top: var(--arrow-y, calc(50% - 0.5rem / 2));
+        clip-path: polygon(0 0, 100% 100%, 0 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="start"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > [data-scope="tooltip"][data-part="arrow"] {
+        clip-path: polygon(0 0, 100% 100%, 0 100%);
+    }
+
+    [data-scope="tooltip"][data-part="popup"][data-placement^="end"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > [data-scope="tooltip"][data-part="arrow"] {
+        clip-path: polygon(0 0, 100% 0, 100% 100%);
+    }
+
     [data-scope="tooltip"][data-part="trigger"][data-color="primary"] {
         background: var(--color-primary);
         color: var(--color-primary-content);

package/dist/css/components/tree-view.css

@@ -1,3 +1,5 @@
+@layer zero.fallback, zero.tokens, zero.recipes, zero.structure;
+
 @layer zero.recipes {
     [data-scope="tree-view"][data-part="root"] {
         --tree-accent: var(--color-primary);
@@ -123,6 +125,10 @@
         transform: rotate(90deg);
     }
 
+    [data-scope="tree-view"][data-part="branch-indicator"][data-state="loading"] {
+        transform: rotate(45deg);
+    }
+
     [data-scope="tree-view"][data-part="branch-indicator"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
         scale: -1 1;
     }