@dayflow/core 3.3.0 → 3.3.1

package/dist/styles.components.css

@@ -517,6 +517,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;
@@ -678,6 +680,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);
 }
@@ -2271,6 +2276,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 +2575,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);
@@ -2807,6 +2818,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.1",
   "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",