@limpiolux/ui-styles 1.0.11 → 1.0.13

package/components.css

@@ -43,7 +43,7 @@
   }
 
   .theme-icon-button {
-    @apply inline-flex h-11 w-11 items-center justify-center rounded-2xl border border-white/10 bg-white/5 text-zinc-200;
+    @apply inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-white/10 bg-white/5 text-zinc-200;
     transition:
       transform 220ms ease,
       background-color 220ms ease,
@@ -186,7 +186,7 @@
   }
 
   .portal-launchpad-card {
-    @apply rounded-[28px] border border-white/10 bg-white/[0.04] p-5 text-left shadow-2xl shadow-black/30 backdrop-blur-xl transition duration-300;
+    @apply rounded-[28px] border border-white/10 bg-white/[0.04] p-5 text-center shadow-2xl shadow-black/30 backdrop-blur-xl transition duration-300;
   }
 
   .portal-launchpad-card:hover {
@@ -201,7 +201,7 @@
   }
 
   .portal-launchpad-icon {
-    @apply inline-flex h-20 w-20 items-center justify-center rounded-[26px] border;
+    @apply inline-flex h-24 w-24 items-center justify-center rounded-[28px] border;
     border-color: rgba(var(--color-brand) / 0.2);
     background:
       radial-gradient(circle at top left, rgba(255, 255, 255, 0.24), transparent 56%),
@@ -223,7 +223,12 @@
   }
 
   .portal-launchpad-meta {
-    @apply mt-4 flex items-center justify-between gap-3;
+    @apply mt-3 flex items-center justify-center gap-3;
+    opacity: 0;
+    transform: translateY(6px);
+    transition:
+      opacity 220ms ease,
+      transform 220ms ease;
   }
 
   .portal-launchpad-role {
@@ -233,6 +238,12 @@
     color: #d7f1fb;
   }
 
+  .portal-launchpad-card:hover .portal-launchpad-meta,
+  .portal-launchpad-card:focus-visible .portal-launchpad-meta {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
   .auth-hero-panel {
     @apply relative overflow-hidden p-8 md:p-10;
   }
@@ -588,11 +599,19 @@
   }
 
   .portal-stat-card {
-    @apply rounded-2xl border px-4 py-3 text-right;
+    @apply flex h-14 items-center rounded-2xl border px-4;
     border-color: rgba(255, 255, 255, 0.1);
     background: rgba(255, 255, 255, 0.05);
   }
 
+  .portal-toolbar {
+    @apply flex flex-wrap items-center justify-end gap-3;
+  }
+
+  .portal-toolbar-button {
+    @apply h-14 rounded-2xl px-5;
+  }
+
   .portal-card {
     @apply relative overflow-hidden p-5 transition duration-300;
   }

package/package.json

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