@dayflow/core 3.3.3 → 3.3.5

package/dist/styles.components.css

@@ -1,4 +1,5 @@
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+@layer theme, base, df-theme, components, utilities;
 @layer theme {
   :root, :host {
     --color-gray-100: oklch(96.7% 0.003 264.542);
@@ -507,10 +508,14 @@
 .df-nav-button:hover {
   color: var(--df-color-primary);
 }
-.df-calendar-container .text-primary {
+.df-calendar-container .text-primary,
+.df-event-detail-panel .text-primary,
+.df-dialog-container .text-primary {
   color: var(--df-color-primary);
 }
-.df-calendar-container .hover\:bg-primary\/10:hover {
+.df-calendar-container .bg-primary\/10,
+.df-event-detail-panel .bg-primary\/10,
+.df-dialog-container .bg-primary\/10 {
   background-color: var(--df-color-primary);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(
@@ -520,6 +525,42 @@
   );
   }
 }
+.df-calendar-container .hover\:bg-primary\/10:hover,
+.df-event-detail-panel .hover\:bg-primary\/10:hover,
+.df-dialog-container .hover\:bg-primary\/10:hover {
+  background-color: var(--df-color-primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(
+    in srgb,
+    var(--df-color-primary) 10%,
+    transparent
+  );
+  }
+}
+.df-calendar-container .bg-primary\/20,
+.df-event-detail-panel .bg-primary\/20,
+.df-dialog-container .bg-primary\/20 {
+  background-color: var(--df-color-primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(
+    in srgb,
+    var(--df-color-primary) 20%,
+    transparent
+  );
+  }
+}
+.df-calendar-container .hover\:bg-primary\/20:hover,
+.df-event-detail-panel .hover\:bg-primary\/20:hover,
+.df-dialog-container .hover\:bg-primary\/20:hover {
+  background-color: var(--df-color-primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(
+    in srgb,
+    var(--df-color-primary) 20%,
+    transparent
+  );
+  }
+}
 .df-calendar-container .hover\:text-primary:hover {
   color: var(--df-color-primary);
 }

package/dist/styles.css

@@ -396,8 +396,8 @@
 .z-10001 {
   z-index: 10001;
 }
-.z-\[15\] {
-  z-index: 15;
+.z-\[100\] {
+  z-index: 100;
 }
 .z-\[9999\] {
   z-index: 9999;
@@ -513,9 +513,6 @@
 .block {
   display: block;
 }
-.block\! {
-  display: block !important;
-}
 .flex {
   display: flex;
 }
@@ -1129,7 +1126,7 @@
 .border-transparent {
   border-color: transparent;
 }
-.border-l-primary {
+.border-l-\[var\(--df-color-primary\)\] {
   border-left-color: var(--df-color-primary);
 }
 .bg-\[var\(--df-color-primary\)\] {
@@ -1222,12 +1219,6 @@
 .bg-secondary {
   background-color: var(--df-color-secondary);
 }
-.bg-secondary\/10 {
-  background-color: var(--df-color-secondary);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--df-color-secondary) 10%, transparent);
-  }
-}
 .bg-slate-50 {
   background-color: var(--color-slate-50);
 }
@@ -1508,9 +1499,6 @@
 .text-red-500 {
   color: var(--color-red-500);
 }
-.text-secondary {
-  color: var(--df-color-secondary);
-}
 .text-secondary-foreground {
   color: var(--df-color-secondary-foreground);
 }
@@ -1569,12 +1557,21 @@
 .opacity-0 {
   opacity: 0%;
 }
+.opacity-25 {
+  opacity: 25%;
+}
 .opacity-50 {
   opacity: 50%;
 }
 .opacity-60 {
   opacity: 60%;
 }
+.opacity-70 {
+  opacity: 70%;
+}
+.opacity-75 {
+  opacity: 75%;
+}
 .opacity-80 {
   opacity: 80%;
 }
@@ -1696,10 +1693,6 @@
   --tw-duration: 200ms;
   transition-duration: 200ms;
 }
-.duration-250 {
-  --tw-duration: 250ms;
-  transition-duration: 250ms;
-}
 .duration-300 {
   --tw-duration: 300ms;
   transition-duration: 300ms;
@@ -1863,13 +1856,6 @@
     }
   }
 }
-.hover\:bg-primary {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--df-color-primary);
-    }
-  }
-}
 .hover\:bg-primary\/10 {
   &:hover {
     @media (hover: hover) {
@@ -1880,22 +1866,22 @@
     }
   }
 }
-.hover\:bg-primary\/90 {
+.hover\:bg-primary\/20 {
   &:hover {
     @media (hover: hover) {
       background-color: var(--df-color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--df-color-primary) 90%, transparent);
+        background-color: color-mix(in oklab, var(--df-color-primary) 20%, transparent);
       }
     }
   }
 }
-.hover\:bg-secondary\/20 {
+.hover\:bg-primary\/90 {
   &:hover {
     @media (hover: hover) {
-      background-color: var(--df-color-secondary);
+      background-color: var(--df-color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--df-color-secondary) 20%, transparent);
+        background-color: color-mix(in oklab, var(--df-color-primary) 90%, transparent);
       }
     }
   }
@@ -2164,11 +2150,6 @@
     border-color: var(--color-slate-800);
   }
 }
-.dark\:border-l-primary {
-  .dark & {
-    border-left-color: var(--df-color-primary);
-  }
-}
 .dark\:bg-black\/80 {
   .dark & {
     background-color: color-mix(in srgb, #000 80%, transparent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dayflow/core",
-  "version": "3.3.3",
+  "version": "3.3.5",
   "description": "A flexible and feature-rich calendar engine powered by Preact with drag-and-drop support, multiple views (Day, Week, Month, Year), and plugin architecture",
   "keywords": [
     "calendar",