@limpiolux/ui-styles 1.0.14 → 1.0.15

package/components.css

@@ -260,6 +260,71 @@
     transform: translateY(0);
   }
 
+  .portal-home-grid {
+    @apply mt-10 grid gap-5 lg:grid-cols-3;
+  }
+
+  .portal-home-card {
+    @apply rounded-[28px] border border-white/10 bg-white/[0.045] p-5 shadow-2xl shadow-black/30 backdrop-blur-xl;
+  }
+
+  .portal-home-header {
+    @apply flex items-start gap-4;
+  }
+
+  .portal-home-icon {
+    @apply inline-flex h-12 w-12 items-center justify-center rounded-2xl border;
+    border-color: rgba(var(--color-brand) / 0.2);
+    background: rgba(var(--color-brand) / 0.1);
+    color: rgb(var(--color-brand-soft));
+  }
+
+  .portal-home-kicker {
+    @apply text-[11px] font-medium uppercase tracking-[0.18em];
+    color: #71717a;
+  }
+
+  .portal-home-title {
+    @apply mt-2 text-lg font-semibold tracking-tight;
+    color: #f4f4f5;
+  }
+
+  .portal-home-copy {
+    @apply mt-2 text-sm leading-6;
+    color: #a1a1aa;
+  }
+
+  .portal-home-list {
+    @apply mt-5 space-y-3;
+  }
+
+  .portal-home-item {
+    @apply rounded-2xl border p-4 transition duration-200;
+    border-color: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
+  }
+
+  .portal-home-item:hover {
+    border-color: rgba(var(--color-brand) / 0.18);
+    background: rgba(255, 255, 255, 0.05);
+    transform: translateY(-1px);
+  }
+
+  .portal-home-item-title {
+    @apply text-sm font-medium;
+    color: #f4f4f5;
+  }
+
+  .portal-home-item-copy {
+    @apply mt-1 text-sm leading-6;
+    color: #a1a1aa;
+  }
+
+  .portal-home-item-meta {
+    @apply mt-3 inline-flex items-center gap-2 text-xs font-medium uppercase tracking-[0.16em];
+    color: rgb(var(--color-brand-soft));
+  }
+
   .auth-hero-panel {
     @apply relative overflow-hidden p-8 md:p-10;
   }

package/light.css

@@ -509,6 +509,45 @@
   color: #0369a1;
 }
 
+.light .portal-home-card {
+  border-color: rgba(212, 212, 216, 0.92);
+  background: rgba(255, 255, 255, 0.84);
+}
+
+.light .portal-home-icon {
+  border-color: rgba(186, 230, 253, 0.92);
+  background: rgba(240, 249, 255, 0.92);
+  color: rgb(var(--color-brand-strong));
+}
+
+.light .portal-home-kicker {
+  color: #52525b;
+}
+
+.light .portal-home-title,
+.light .portal-home-item-title {
+  color: #18181b;
+}
+
+.light .portal-home-copy,
+.light .portal-home-item-copy {
+  color: #52525b;
+}
+
+.light .portal-home-item {
+  border-color: rgba(212, 212, 216, 0.92);
+  background: rgba(255, 255, 255, 0.9);
+}
+
+.light .portal-home-item:hover {
+  border-color: rgba(186, 230, 253, 0.92);
+  background: #ffffff;
+}
+
+.light .portal-home-item-meta {
+  color: rgb(var(--color-brand-strong));
+}
+
 .light .portal-title {
   color: #18181b;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limpiolux/ui-styles",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "Shared design system — Limpiolux liquid glass theme with auth, portal and dark/light mode support",
   "type": "module",
   "exports": {