@dayflow/core 3.2.0 → 3.2.2

package/dist/styles.css

@@ -227,6 +227,7 @@
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
+    --blur-sm: 8px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-geist-sans);
@@ -431,6 +432,9 @@
 .mt-3 {
   margin-top: calc(var(--spacing) * 3);
 }
+.mt-4 {
+  margin-top: calc(var(--spacing) * 4);
+}
 .mt-6 {
   margin-top: calc(var(--spacing) * 6);
 }
@@ -750,6 +754,12 @@
   --tw-scale-z: 100%;
   scale: var(--tw-scale-x) var(--tw-scale-y);
 }
+.scale-110 {
+  --tw-scale-x: 110%;
+  --tw-scale-y: 110%;
+  --tw-scale-z: 110%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
+}
 .rotate-45 {
   rotate: 45deg;
 }
@@ -864,9 +874,6 @@
 .gap-4 {
   gap: calc(var(--spacing) * 4);
 }
-.gap-6 {
-  gap: calc(var(--spacing) * 6);
-}
 .space-y-1 {
   :where(& > :not(:last-child)) {
     --tw-space-y-reverse: 0;
@@ -1083,6 +1090,12 @@
     background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
   }
 }
+.bg-black\/40 {
+  background-color: color-mix(in srgb, #000 40%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+  }
+}
 .bg-black\/50 {
   background-color: color-mix(in srgb, #000 50%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1251,6 +1264,9 @@
 .pt-2 {
   padding-top: calc(var(--spacing) * 2);
 }
+.pt-3 {
+  padding-top: calc(var(--spacing) * 3);
+}
 .pr-1 {
   padding-right: calc(var(--spacing) * 1);
 }
@@ -1344,6 +1360,10 @@
 .text-\[12px\] {
   font-size: 12px;
 }
+.leading-\[16px\] {
+  --tw-leading: 16px;
+  line-height: 16px;
+}
 .leading-none {
   --tw-leading: 1;
   line-height: 1;
@@ -1569,6 +1589,10 @@
 .filter {
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
 }
+.backdrop-blur-sm {
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+}
 .transition {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1803,10 +1827,10 @@
     }
   }
 }
-.hover\:bg-slate-100 {
+.hover\:bg-slate-50 {
   &:hover {
     @media (hover: hover) {
-      background-color: var(--color-slate-100);
+      background-color: var(--color-slate-50);
     }
   }
 }
@@ -1904,11 +1928,6 @@
     background-color: var(--df-color-primary);
   }
 }
-.focus\:bg-slate-100 {
-  &:focus {
-    background-color: var(--color-slate-100);
-  }
-}
 .focus\:text-destructive-foreground {
   &:focus {
     color: var(--df-color-destructive-foreground);
@@ -2229,6 +2248,11 @@
     color: var(--color-slate-200);
   }
 }
+.dark\:text-slate-300 {
+  .dark & {
+    color: var(--color-slate-300);
+  }
+}
 .dark\:text-white {
   .dark & {
     color: var(--color-white);
@@ -2435,13 +2459,6 @@
     }
   }
 }
-.dark\:focus\:bg-slate-800 {
-  .dark & {
-    &:focus {
-      background-color: var(--color-slate-800);
-    }
-  }
-}
 .dark\:focus\:text-white {
   .dark & {
     &:focus {
@@ -3063,6 +3080,42 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -3124,6 +3177,15 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
     }

package/package.json

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