@dayflow/core 3.3.0 → 3.3.2

package/dist/styles.components.css

@@ -190,6 +190,7 @@
     .df-all-day-cell,
     .df-time-column,
     .df-time-grid-row,
+    .df-time-grid-boundary,
     .df-all-day-row,
     .df-mini-calendar {
       border-color: var(--df-color-border);
@@ -517,6 +518,46 @@
 .df-calendar-container .focus\:border-primary:focus {
   border-color: var(--df-color-primary);
 }
+.df-portal .bg-primary {
+  background-color: var(--df-color-primary);
+  color: var(--df-color-primary-foreground);
+}
+.df-portal .hover\:bg-primary\/90: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) 90%,
+    transparent
+  );
+  }
+}
+.df-portal .text-primary-foreground {
+  color: var(--df-color-primary-foreground);
+}
+.df-portal .focus\:border-primary:focus {
+  border-color: var(--df-color-primary);
+}
+.df-portal .focus\:ring-primary:focus {
+  --tw-ring-color: var(--df-color-primary);
+}
+.df-portal .bg-destructive {
+  background-color: var(--df-color-destructive);
+  color: var(--df-color-destructive-foreground);
+}
+.df-portal .hover\:bg-destructive\/90:hover {
+  background-color: var(--df-color-destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(
+    in srgb,
+    var(--df-color-destructive) 90%,
+    transparent
+  );
+  }
+}
+.df-portal .text-destructive-foreground {
+  color: var(--df-color-destructive-foreground);
+}
 .df-event-detail-panel .bg-primary,
 .df-dialog-container .bg-primary {
   background-color: var(--df-color-primary);

package/dist/styles.css

@@ -163,6 +163,7 @@
 }
 @layer theme {
   :root, :host {
+    --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-yellow-200: oklch(94.5% 0.129 101.54);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
@@ -199,6 +200,7 @@
     --spacing: 0.25rem;
     --container-sm: 24rem;
     --container-md: 28rem;
+    --container-xl: 36rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -380,6 +382,9 @@
 .z-10001 {
   z-index: 10001;
 }
+.z-\[15\] {
+  z-index: 15;
+}
 .z-\[9999\] {
   z-index: 9999;
 }
@@ -410,6 +415,9 @@
 .-mx-1 {
   margin-inline: calc(var(--spacing) * -1);
 }
+.mx-0\.5 {
+  margin-inline: calc(var(--spacing) * 0.5);
+}
 .mx-2 {
   margin-inline: calc(var(--spacing) * 2);
 }
@@ -678,6 +686,9 @@
 .max-w-sm {
   max-width: var(--container-sm);
 }
+.max-w-xl {
+  max-width: var(--container-xl);
+}
 .min-w-0 {
   min-width: calc(var(--spacing) * 0);
 }
@@ -765,6 +776,9 @@
   --tw-scale-z: 110%;
   scale: var(--tw-scale-x) var(--tw-scale-y);
 }
+.-rotate-90 {
+  rotate: calc(90deg * -1);
+}
 .rotate-45 {
   rotate: 45deg;
 }
@@ -828,6 +842,9 @@
 .flex-row {
   flex-direction: row;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .items-center {
   align-items: center;
 }
@@ -927,6 +944,9 @@
     margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
   }
 }
+.gap-y-0\.5 {
+  row-gap: calc(var(--spacing) * 0.5);
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -1719,6 +1739,11 @@
     }
   }
 }
+.last\:mb-0 {
+  &:last-child {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+}
 .last\:border-0 {
   &:last-child {
     border-style: var(--tw-border-style);
@@ -2271,6 +2296,11 @@
     color: var(--color-gray-900);
   }
 }
+.dark\:text-red-400 {
+  .dark & {
+    color: var(--color-red-400);
+  }
+}
 .dark\:text-slate-50 {
   .dark & {
     color: var(--color-slate-50);
@@ -2565,6 +2595,7 @@
 }
 .df-calendar-container,
 .df-portal {
+  --color-background: var(--df-color-background);
   --color-primary: var(--df-color-primary);
   --color-primary-foreground: var(--df-color-primary-foreground);
   --color-destructive: var(--df-color-destructive);
@@ -2789,6 +2820,7 @@
     }
   }
   .df-time-grid-row,
+  .df-time-grid-boundary,
   .df-all-day-row,
   .df-mini-calendar {
     border-color: var(--color-gray-200);
@@ -2807,6 +2839,23 @@
       background-color: var(--color-gray-800);
     }
   }
+  .df-portal .bg-destructive {
+    background-color: var(--df-color-destructive);
+    color: var(--df-color-destructive-foreground);
+  }
+  .df-portal .hover\:bg-destructive\/90:hover {
+    background-color: var(--df-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(
+      in srgb,
+      var(--df-color-destructive) 90%,
+      transparent
+    );
+    }
+  }
+  .df-portal .text-destructive-foreground {
+    color: var(--df-color-destructive-foreground);
+  }
   .df-sidebar {
     border-color: var(--color-gray-200);
     background-color: var(--color-white);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dayflow/core",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "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",