@yuva-devlab/ui 1.0.1 → 1.2.0

package/dist/preset.css

@@ -0,0 +1,8 @@
+/**
+ * @file src/styles/preset.css
+ * @description Backward compatibility bridge for @yuva-devlab/ui.
+ * Directs downstream Tailwind 4 consumers to @yuva-devlab/tokens/preset.css
+ * and imports UI component styles.
+ */
+@import "@yuva-devlab/tokens/preset.css";
+@import "./styles.css";

package/dist/root.css

@@ -0,0 +1 @@
+@import "@yuva-devlab/tokens/root.css";

package/dist/styles/common.css

@@ -0,0 +1,158 @@
+/**
+ * @file src/styles/common.css
+ * @description Shared keyframes, animations, feedback states, and surface utilities.
+ */
+
+/* ── Keyframe Animations ─────────────────────────────────────────────────── */
+@keyframes dl-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes dl-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes dl-zoom-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+@keyframes dl-zoom-out {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+}
+@keyframes dl-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes dl-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes dl-slide-in-right {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes dl-slide-out-right {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+@keyframes dl-slide-in-left {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes dl-slide-out-left {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+@keyframes dl-accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes dl-accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+@keyframes dl-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* ── Sonner Toast Semantic Feedback ──────────────────────────────────────── */
+[data-sonner-toaster] [data-sonner-toast] {
+  border-radius: var(--radius-md, 0.375rem);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="success"] {
+  border-color: color-mix(in oklch, var(--success) 35%, transparent);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="success"] [data-icon] {
+  color: var(--success);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="error"],
+[data-sonner-toaster] [data-sonner-toast][data-type="destructive"] {
+  border-color: color-mix(in oklch, var(--destructive) 35%, transparent);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="error"] [data-icon],
+[data-sonner-toaster] [data-sonner-toast][data-type="destructive"] [data-icon] {
+  color: var(--destructive);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="warning"] {
+  border-color: color-mix(in oklch, var(--warning) 35%, transparent);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="warning"] [data-icon] {
+  color: var(--warning);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="info"] {
+  border-color: color-mix(in oklch, var(--info) 35%, transparent);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="info"] [data-icon] {
+  color: var(--info);
+}
+
+/* ── Shared Glass & Surface Utilities ────────────────────────────────────── */
+.dl-glass {
+  background-color: var(
+    --surface,
+    color-mix(in oklch, var(--card) 80%, transparent)
+  );
+  backdrop-filter: blur(16px) saturate(140%);
+  -webkit-backdrop-filter: blur(16px) saturate(140%);
+  border: 1px solid var(--border);
+}