playbook_ui_docs 16.6.0 → 16.7.0.pre.rc.0

data/app/pb_kits/playbook/pb_user/docs/_playground.json

@@ -0,0 +1,110 @@
+{
+  "template": "<User{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "align": "left",
+    "avatar": true,
+    "bold": true,
+    "avatarGrayscale": false,
+    "nameStyle": "title",
+    "orientation": "horizontal",
+    "size": "md",
+    "titleStyle": "body",
+    "name": "Anna Black",
+    "title": "Engineer",
+    "subtitle": "Product team",
+    "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "name",
+        "title",
+        "subtitle",
+        "territory",
+        "avatar",
+        "avatarUrl"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "size",
+        "orientation",
+        "align",
+        "nameStyle",
+        "titleStyle",
+        "bold",
+        "avatarGrayscale"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "With avatar",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "size": "md",
+        "orientation": "horizontal"
+      }
+    },
+    {
+      "name": "Text only",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": false,
+        "avatarUrl": "",
+        "size": "sm"
+      }
+    },
+    {
+      "name": "Large",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "subtitle": "San Francisco",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "size": "lg"
+      }
+    },
+    {
+      "name": "Small",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "size": "sm"
+      }
+    },
+    {
+      "name": "Vertical",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "orientation": "vertical",
+        "size": "md"
+      }
+    },
+    {
+      "name": "With territory",
+      "props": {
+        "name": "Anna Black",
+        "territory": "West",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_user/docs/_playground.overrides.json

@@ -0,0 +1,89 @@
+{
+  "defaults": {
+    "name": "Anna Black",
+    "title": "Engineer",
+    "subtitle": "Product team",
+    "avatar": true,
+    "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+    "size": "md",
+    "orientation": "horizontal",
+    "align": "left"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["name", "title", "subtitle", "territory", "avatar", "avatarUrl"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size", "orientation", "align", "nameStyle", "titleStyle", "bold", "avatarGrayscale"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "With avatar",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "size": "md",
+        "orientation": "horizontal"
+      }
+    },
+    {
+      "name": "Text only",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": false,
+        "avatarUrl": "",
+        "size": "sm"
+      }
+    },
+    {
+      "name": "Large",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "subtitle": "San Francisco",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "size": "lg"
+      }
+    },
+    {
+      "name": "Small",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "size": "sm"
+      }
+    },
+    {
+      "name": "Vertical",
+      "props": {
+        "name": "Anna Black",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "orientation": "vertical",
+        "size": "md"
+      }
+    },
+    {
+      "name": "With territory",
+      "props": {
+        "name": "Anna Black",
+        "territory": "West",
+        "title": "Engineer",
+        "avatar": true,
+        "avatarUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_user_badge/docs/_playground.json

@@ -0,0 +1,61 @@
+{
+  "template": "<UserBadge{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "badge": "million-dollar",
+    "size": "md"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "badge"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "size"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Million dollar · md",
+      "props": {
+        "badge": "million-dollar",
+        "size": "md"
+      }
+    },
+    {
+      "name": "Million dollar · sm",
+      "props": {
+        "badge": "million-dollar",
+        "size": "sm"
+      }
+    },
+    {
+      "name": "Million dollar · lg",
+      "props": {
+        "badge": "million-dollar",
+        "size": "lg"
+      }
+    },
+    {
+      "name": "Veteran · md",
+      "props": {
+        "badge": "veteran",
+        "size": "md"
+      }
+    },
+    {
+      "name": "Veteran · sm",
+      "props": {
+        "badge": "veteran",
+        "size": "sm"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_user_badge/docs/_playground.overrides.json

@@ -0,0 +1,36 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["badge"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Million dollar · md",
+      "props": { "badge": "million-dollar", "size": "md" }
+    },
+    {
+      "name": "Million dollar · sm",
+      "props": { "badge": "million-dollar", "size": "sm" }
+    },
+    {
+      "name": "Million dollar · lg",
+      "props": { "badge": "million-dollar", "size": "lg" }
+    },
+    {
+      "name": "Veteran · md",
+      "props": { "badge": "veteran", "size": "md" }
+    },
+    {
+      "name": "Veteran · sm",
+      "props": { "badge": "veteran", "size": "sm" }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_playground.json

@@ -0,0 +1,64 @@
+{
+  "template": "<WeekdayStacked{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "align": "left",
+    "variant": "month_day",
+    "compact": false
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "date",
+        "variant",
+        "compact"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "align"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z"
+      }
+    },
+    {
+      "name": "Day only",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z",
+        "variant": "day_only"
+      }
+    },
+    {
+      "name": "Expanded",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z",
+        "variant": "expanded"
+      }
+    },
+    {
+      "name": "Compact weekday",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z",
+        "compact": true
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "date": "2026-08-15T12:00:00.000Z",
+        "align": "center",
+        "variant": "month_day"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_playground.overrides.json

@@ -0,0 +1,51 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["date", "variant", "compact"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["align"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z"
+      }
+    },
+    {
+      "name": "Day only",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z",
+        "variant": "day_only"
+      }
+    },
+    {
+      "name": "Expanded",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z",
+        "variant": "expanded"
+      }
+    },
+    {
+      "name": "Compact weekday",
+      "props": {
+        "date": "2026-04-09T12:00:00.000Z",
+        "compact": true
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "date": "2026-08-15T12:00:00.000Z",
+        "align": "center",
+        "variant": "month_day"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}