@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/patterns/layout/testimonials-grid.json

@@ -29,15 +29,13 @@
     {
       "id": "root",
       "component": "Grid",
-      "attrs": {
-        "columns": 3,
-        "gap": "lg"
-      },
       "children": [
         "t1-card",
         "t2-card",
         "t3-card"
-      ]
+      ],
+      "columns": 3,
+      "gap": "lg"
     },
     {
       "id": "t1-card",
@@ -59,66 +57,54 @@
       "id": "t1-icon",
       "component": "Icon",
       "attrs": {
-        "name": "quote",
-        "size": "lg",
         "muted": true
-      }
+      },
+      "name": "quote",
+      "size": "lg"
     },
     {
       "id": "t1-quote",
       "component": "Text",
-      "attrs": {
-        "variant": "body"
-      },
-      "content": "This tool completely transformed our workflow. We shipped our redesign in half the time we expected."
+      "variant": "body",
+      "textContent": "This tool completely transformed our workflow. We shipped our redesign in half the time we expected."
     },
     {
       "id": "t1-author",
       "component": "Row",
-      "attrs": {
-        "gap": "sm",
-        "align": "center"
-      },
       "children": [
         "t1-avatar",
         "t1-info"
-      ]
+      ],
+      "gap": "sm",
+      "align": "center"
     },
     {
       "id": "t1-avatar",
       "component": "Avatar",
-      "attrs": {
-        "src": "/avatars/sarah.jpg",
-        "alt": "Sarah Chen"
-      }
+      "src": "/avatars/sarah.jpg",
+      "text": "Sarah Chen"
     },
     {
       "id": "t1-info",
       "component": "Column",
-      "attrs": {
-        "gap": "xs"
-      },
       "children": [
         "t1-name",
         "t1-role"
-      ]
+      ],
+      "gap": "xs"
     },
     {
       "id": "t1-name",
       "component": "Text",
-      "attrs": {
-        "variant": "label"
-      },
-      "content": "Sarah Chen"
+      "variant": "label",
+      "textContent": "Sarah Chen"
     },
     {
       "id": "t1-role",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "VP of Engineering, Acme Corp"
+      "variant": "caption",
+      "textContent": "VP of Engineering, Acme Corp",
+      "color": "muted"
     },
     {
       "id": "t2-card",
@@ -140,66 +126,54 @@
       "id": "t2-icon",
       "component": "Icon",
       "attrs": {
-        "name": "quote",
-        "size": "lg",
         "muted": true
-      }
+      },
+      "name": "quote",
+      "size": "lg"
     },
     {
       "id": "t2-quote",
       "component": "Text",
-      "attrs": {
-        "variant": "body"
-      },
-      "content": "The pre-built patterns saved us hundreds of hours. Our design system finally feels consistent."
+      "variant": "body",
+      "textContent": "The pre-built patterns saved us hundreds of hours. Our design system finally feels consistent."
     },
     {
       "id": "t2-author",
       "component": "Row",
-      "attrs": {
-        "gap": "sm",
-        "align": "center"
-      },
       "children": [
         "t2-avatar",
         "t2-info"
-      ]
+      ],
+      "gap": "sm",
+      "align": "center"
     },
     {
       "id": "t2-avatar",
       "component": "Avatar",
-      "attrs": {
-        "src": "/avatars/james.jpg",
-        "alt": "James Park"
-      }
+      "src": "/avatars/james.jpg",
+      "text": "James Park"
     },
     {
       "id": "t2-info",
       "component": "Column",
-      "attrs": {
-        "gap": "xs"
-      },
       "children": [
         "t2-name",
         "t2-role"
-      ]
+      ],
+      "gap": "xs"
     },
     {
       "id": "t2-name",
       "component": "Text",
-      "attrs": {
-        "variant": "label"
-      },
-      "content": "James Park"
+      "variant": "label",
+      "textContent": "James Park"
     },
     {
       "id": "t2-role",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "Lead Designer, StartupXYZ"
+      "variant": "caption",
+      "textContent": "Lead Designer, StartupXYZ",
+      "color": "muted"
     },
     {
       "id": "t3-card",
@@ -221,66 +195,54 @@
       "id": "t3-icon",
       "component": "Icon",
       "attrs": {
-        "name": "quote",
-        "size": "lg",
         "muted": true
-      }
+      },
+      "name": "quote",
+      "size": "lg"
     },
     {
       "id": "t3-quote",
       "component": "Text",
-      "attrs": {
-        "variant": "body"
-      },
-      "content": "Best component library I've used. The accessibility defaults alone justify the switch from our old setup."
+      "variant": "body",
+      "textContent": "Best component library I've used. The accessibility defaults alone justify the switch from our old setup."
     },
     {
       "id": "t3-author",
       "component": "Row",
-      "attrs": {
-        "gap": "sm",
-        "align": "center"
-      },
       "children": [
         "t3-avatar",
         "t3-info"
-      ]
+      ],
+      "gap": "sm",
+      "align": "center"
     },
     {
       "id": "t3-avatar",
       "component": "Avatar",
-      "attrs": {
-        "src": "/avatars/maria.jpg",
-        "alt": "Maria Lopez"
-      }
+      "src": "/avatars/maria.jpg",
+      "text": "Maria Lopez"
     },
     {
       "id": "t3-info",
       "component": "Column",
-      "attrs": {
-        "gap": "xs"
-      },
       "children": [
         "t3-name",
         "t3-role"
-      ]
+      ],
+      "gap": "xs"
     },
     {
       "id": "t3-name",
       "component": "Text",
-      "attrs": {
-        "variant": "label"
-      },
-      "content": "Maria Lopez"
+      "variant": "label",
+      "textContent": "Maria Lopez"
     },
     {
       "id": "t3-role",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "CTO, DevTools Inc"
+      "variant": "caption",
+      "textContent": "CTO, DevTools Inc",
+      "color": "muted"
     }
   ]
 }

package/patterns/layout/toolbar-buttons.json

@@ -35,145 +35,117 @@
     {
       "id": "root",
       "component": "Toolbar",
-      "attrs": {
-        "aria-label": "Text formatting"
-      },
       "children": [
         "format-group",
         "div1",
         "align-group",
         "div2",
         "history-group"
-      ]
+      ],
+      "aria-label": "Text formatting"
     },
     {
       "id": "format-group",
       "component": "Row",
-      "attrs": {
-        "gap": "xs"
-      },
       "children": [
         "btn-bold",
         "btn-italic",
         "btn-underline"
-      ]
+      ],
+      "gap": "xs"
     },
     {
       "id": "btn-bold",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "bold",
-        "aria-label": "Bold",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "bold",
+      "aria-label": "Bold",
+      "size": "sm"
     },
     {
       "id": "btn-italic",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "italic",
-        "aria-label": "Italic",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "italic",
+      "aria-label": "Italic",
+      "size": "sm"
     },
     {
       "id": "btn-underline",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "underline",
-        "aria-label": "Underline",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "underline",
+      "aria-label": "Underline",
+      "size": "sm"
     },
     {
       "id": "div1",
       "component": "Divider",
-      "attrs": {
-        "orientation": "vertical"
-      }
+      "vertical": true
     },
     {
       "id": "align-group",
       "component": "Row",
-      "attrs": {
-        "gap": "xs"
-      },
       "children": [
         "btn-align-left",
         "btn-align-center",
         "btn-align-right"
-      ]
+      ],
+      "gap": "xs"
     },
     {
       "id": "btn-align-left",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "align-left",
-        "aria-label": "Align left",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "align-left",
+      "aria-label": "Align left",
+      "size": "sm"
     },
     {
       "id": "btn-align-center",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "align-center",
-        "aria-label": "Align center",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "align-center",
+      "aria-label": "Align center",
+      "size": "sm"
     },
     {
       "id": "btn-align-right",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "align-right",
-        "aria-label": "Align right",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "align-right",
+      "aria-label": "Align right",
+      "size": "sm"
     },
     {
       "id": "div2",
       "component": "Divider",
-      "attrs": {
-        "orientation": "vertical"
-      }
+      "vertical": true
     },
     {
       "id": "history-group",
       "component": "Row",
-      "attrs": {
-        "gap": "xs"
-      },
       "children": [
         "btn-undo",
         "btn-redo"
-      ]
+      ],
+      "gap": "xs"
     },
     {
       "id": "btn-undo",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "undo",
-        "aria-label": "Undo",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "undo",
+      "aria-label": "Undo",
+      "size": "sm"
     },
     {
       "id": "btn-redo",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "redo",
-        "aria-label": "Redo",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "redo",
+      "aria-label": "Redo",
+      "size": "sm"
     }
   ]
 }

package/patterns/layout/tooltip-buttons.json

@@ -33,95 +33,77 @@
     {
       "id": "root",
       "component": "Row",
-      "attrs": {
-        "gap": "sm"
-      },
       "children": [
         "tip-edit",
         "tip-duplicate",
         "tip-share",
         "tip-delete"
-      ]
+      ],
+      "gap": "sm"
     },
     {
       "id": "tip-edit",
       "component": "Tooltip",
-      "attrs": {
-        "content": "Edit item"
-      },
       "children": [
         "btn-edit"
-      ]
+      ],
+      "text": "Edit item"
     },
     {
       "id": "btn-edit",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "edit",
-        "aria-label": "Edit",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "edit",
+      "aria-label": "Edit",
+      "size": "sm"
     },
     {
       "id": "tip-duplicate",
       "component": "Tooltip",
-      "attrs": {
-        "content": "Duplicate item"
-      },
       "children": [
         "btn-duplicate"
-      ]
+      ],
+      "text": "Duplicate item"
     },
     {
       "id": "btn-duplicate",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "copy",
-        "aria-label": "Duplicate",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "copy",
+      "aria-label": "Duplicate",
+      "size": "sm"
     },
     {
       "id": "tip-share",
       "component": "Tooltip",
-      "attrs": {
-        "content": "Share item"
-      },
       "children": [
         "btn-share"
-      ]
+      ],
+      "text": "Share item"
     },
     {
       "id": "btn-share",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "share",
-        "aria-label": "Share",
-        "size": "sm"
-      }
+      "variant": "ghost",
+      "icon": "share",
+      "aria-label": "Share",
+      "size": "sm"
     },
     {
       "id": "tip-delete",
       "component": "Tooltip",
-      "attrs": {
-        "content": "Delete item"
-      },
       "children": [
         "btn-delete"
-      ]
+      ],
+      "text": "Delete item"
     },
     {
       "id": "btn-delete",
       "component": "Button",
-      "attrs": {
-        "variant": "danger",
-        "icon": "trash",
-        "aria-label": "Delete",
-        "size": "sm"
-      }
+      "variant": "danger",
+      "icon": "trash",
+      "aria-label": "Delete",
+      "size": "sm"
     }
   ]
 }