@invisibleloop/pulse 0.20.5 → 0.20.7

package/examples/retrowheels.css

@@ -335,6 +335,29 @@ h1, h2, h3, h4, h5, h6,
   padding-top: var(--ui-space-3);
 }
 
+/* Review cards — replaces the removed testimonial() component */
+.rw-review-stars {
+  display: flex;
+  gap: 2px;
+  color: var(--rw-orange-dark);
+  margin-bottom: var(--ui-space-3);
+}
+
+.rw-review-quote {
+  font-style: italic;
+  color: var(--ui-text);
+}
+
+.rw-review-name {
+  font-family: var(--ui-font-display);
+  font-weight: 900;
+}
+
+.rw-review-role {
+  font-size: var(--ui-text-sm);
+  color: var(--ui-muted);
+}
+
 /* --------------------------------------------------------------------------
    Visit section — hours + booking card
    -------------------------------------------------------------------------- */

package/examples/retrowheels.js

@@ -3,7 +3,7 @@
  *
  * Demonstrates:
  *   - Retro/vintage light-theme branding (1970s enamel-sign aesthetic)
- *   - stat(), testimonial(), cta(), card(), badge() layout components
+ *   - stat(), cta(), card(), badge() layout components
  *   - Icon imports: iconMapPin, iconPhone, iconClock, iconSend, iconStar
  *   - Async action with onStart / run / onSuccess / onError lifecycle
  *   - State-driven form (idle → sending → sent) with disabled submit
@@ -11,14 +11,14 @@
  *   - System web fonts (Rockwell + Courier New) — zero extra HTTP requests
  *   - Full-bleed hero with background image + gradient overlay
  *   - Stat strip with inverted navy background
- *   - Drop cap typography for editorial prose section
+ *   - Reviews rendered with card() (quote + name/role + star rating)
  *   - Opening hours list with Courier monospace styling
  *
  * Run: node examples/dev.server.js  →  http://localhost:3001/retrowheels
  */
 
 import {
-  nav, footer, button, input, stat, testimonial, cta, card, badge,
+  nav, footer, button, input, stat, cta, card, badge,
 } from '../src/ui/index.js'
 import { iconMapPin, iconPhone, iconClock, iconSend, iconStar } from '../src/ui/icons.js'
 
@@ -119,6 +119,19 @@ const renderHourRow = (h) => `
   </li>
 `
 
+// Review card — replaces the removed testimonial() component with card()
+const renderReview = (r) => card({
+  content: `
+    <div class="rw-review-stars" aria-hidden="true">${iconStar({ size: 14 }).repeat(r.rating || 0)}</div>
+    <p class="rw-review-quote">&ldquo;${r.quote}&rdquo;</p>
+  `,
+  footer: `
+    <p class="rw-review-name">${r.name}</p>
+    <p class="rw-review-role">${r.role}</p>
+  `,
+  class: 'rw-review',
+})
+
 // ---------------------------------------------------------------------------
 // Spec
 // ---------------------------------------------------------------------------
@@ -225,7 +238,7 @@ export default {
           <h2 class="rw-section-title">What folks have been saying.</h2>
           <p class="rw-section-deck">Reviews collected from customers, riders, and the occasional postcard pinned to the workshop wall.</p>
           <div class="rw-service-grid">
-            ${REVIEWS.map(r => testimonial(r)).join('')}
+            ${REVIEWS.map(renderReview).join('')}
           </div>
         </div>
       </section>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invisibleloop/pulse",
-  "version": "0.20.5",
+  "version": "0.20.7",
   "type": "module",
   "description": "AI-first frontend framework. The spec is the source of truth.",
   "license": "MIT",
@@ -45,6 +45,10 @@
       "types": "./types/ui.d.ts",
       "default": "./src/ui/index.js"
     },
+    "./charts": {
+      "types": "./types/charts.d.ts",
+      "default": "./src/ui/charts.js"
+    },
     "./testing": {
       "types": "./types/testing.d.ts",
       "default": "./src/testing/index.js"

package/public/.pulse-ui-version

@@ -1 +1 @@
-0.20.5
+0.20.7