npm - @jaimevalasek/aioson - Versions diffs - 1.30.1 → 1.30.2 - Mend

@jaimevalasek/aioson 1.30.1 → 1.30.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/docs/design-previews/index.html CHANGED Viewed

@@ -358,16 +358,20 @@
       border: 1px solid rgba(255,255,255,0.07);
     }
-    .card-links {
-      display: flex;
-      gap: 8px;
-    }
-    .card-link {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
+    .card-links {
+      display: flex;
+      gap: 8px;
+    }
+    .card-links.multi {
+      flex-wrap: wrap;
+    }
+    .card-link {
+      flex: 1 1 130px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
       padding: 10px 14px;
       background: rgba(255,255,255,0.04);
       border: 1px solid rgba(255,255,255,0.08);
@@ -438,18 +442,62 @@
       border-radius: 0;
       pointer-events: none;
     }
-    .hybrid-badge {
-      display: inline-flex; align-items: center; gap: 6px;
-      font-family: 'JetBrains Mono', monospace;
-      font-size: 9.5px; font-weight: 600;
-      letter-spacing: 0.10em; text-transform: uppercase;
+    .hybrid-badge {
+      display: inline-flex; align-items: center; gap: 6px;
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 9.5px; font-weight: 600;
+      letter-spacing: 0.10em; text-transform: uppercase;
       padding: 3px 10px; border-radius: 9999px;
       background: linear-gradient(135deg, rgba(0,200,232,0.15), rgba(124,58,237,0.15));
-      border: 1px solid rgba(0,200,232,0.25);
-      color: #00C8E8;
-    }
-  </style>
-</head>
+      border: 1px solid rgba(0,200,232,0.25);
+      color: #00C8E8;
+    }
+    @media (max-width: 760px) {
+      .header {
+        height: auto;
+        min-height: 64px;
+        padding: 14px 20px;
+        align-items: flex-start;
+        gap: 8px;
+        flex-direction: column;
+      }
+      .header-badge {
+        max-width: 100%;
+        white-space: normal;
+        line-height: 1.45;
+      }
+      .hero {
+        padding: 64px 20px 52px;
+      }
+      .hero h1 {
+        font-size: clamp(42px, 13vw, 56px);
+      }
+      .hero-meta {
+        gap: 18px;
+        flex-wrap: wrap;
+      }
+      .gallery {
+        padding: 0 20px 72px;
+        grid-template-columns: 1fr;
+      }
+      .card-header,
+      .card-links {
+        gap: 10px;
+      }
+      .card-header {
+        flex-wrap: wrap;
+      }
+    }
+  </style>
+</head>
 <body>
   <header class="header">
@@ -464,11 +512,11 @@
     <p class="hero-label">Visual Identity System</p>
     <h1>Choose your <span>design skill</span></h1>
     <p>Each skill is a complete visual system — colors, typography, components, and patterns. Pick one and your app gets a coherent, intentional identity from the start.</p>
-    <div class="hero-meta">
-      <span><span class="dot"></span> 9 design skills</span>
-      <span><span class="dot" style="background:#E07A5F"></span> App + landing page previews</span>
-      <span><span class="dot" style="background:#FF4D2A"></span> Stack-agnostic</span>
-    </div>
+    <div class="hero-meta">
+      <span><span class="dot"></span> 9 design skills</span>
+      <span><span class="dot" style="background:#E07A5F"></span> 22 visual previews</span>
+      <span><span class="dot" style="background:#FF4D2A"></span> Stack-agnostic</span>
+    </div>
   </section>
   <div class="gallery">
@@ -603,17 +651,21 @@
           <span class="card-name accent-cognitive">Cognitive Core UI</span>
           <span class="card-tag">Dark default</span>
         </div>
-        <p class="card-description">Military-grade dashboard meets refined SaaS. Teal/cyan accent with glow, 3 depth levels, monospace metadata rails, large numeric stat readouts. Mission control feel.</p>
+        <p class="card-description">Dense command surfaces for AI operations. The refreshed examples stress-test responsive shells, list/detail workflows, Kanban boards, auth, controls, and product landing pages.</p>
         <div class="card-meta">
           <span class="meta-pill">Command centers</span>
           <span class="meta-pill">Analytics</span>
           <span class="meta-pill">Dev tools</span>
           <span class="meta-pill">AI platforms</span>
         </div>
-        <div class="card-links">
-          <a class="card-link" href="cognitive-core-ui.html" target="_blank"><span>App preview</span><span>→</span></a>
-          <a class="card-link" href="cognitive-core-ui-website.html" target="_blank"><span>Landing page</span><span>→</span></a>
-        </div>
+        <div class="card-links multi">
+          <a class="card-link" href="cognitive-core-ui.html" target="_blank"><span>Cockpit</span><span>→</span></a>
+          <a class="card-link" href="cognitive-core-ui-website.html" target="_blank"><span>Website</span><span>→</span></a>
+          <a class="card-link" href="cognitive-core-ui-list-detail.html" target="_blank"><span>List/detail</span><span>→</span></a>
+          <a class="card-link" href="cognitive-core-ui-kanban.html" target="_blank"><span>Kanban</span><span>→</span></a>
+          <a class="card-link" href="cognitive-core-ui-settings.html" target="_blank"><span>Controls</span><span>→</span></a>
+          <a class="card-link" href="cognitive-core-ui-auth.html" target="_blank"><span>Auth</span><span>→</span></a>
+        </div>
       </div>
     </div>
@@ -692,7 +744,7 @@
   </div>
   <footer class="footer">
-    <p>AIOSON Design Skills · 9 visual systems · 1 hybrid · Each skill is a complete, standalone package</p>
+    <p>AIOSON Design Skills · 9 visual systems · 1 hybrid · 22 preview pages · Each skill is a complete, standalone package</p>
   </footer>
 </body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jaimevalasek/aioson",
-  "version": "1.30.1",
+  "version": "1.30.2",
   "description": "AI operating framework for hyper-personalized software.",
   "keywords": [
     "ai",