playbook_ui_docs 16.5.0 → 16.6.0.pre.alpha.RTEPOC15805

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

@@ -0,0 +1,167 @@
+{
+  "defaults": {
+    "size": "sm",
+    "reverse": false,
+    "maxDisplayedUsers": 4,
+    "withTooltip": false,
+    "users": [
+      {
+        "name": "Anna Black",
+        "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+        "tooltip": "Anna Black · Engineer"
+      },
+      {
+        "name": "Jordan Lee",
+        "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg",
+        "tooltip": "Jordan Lee · Designer"
+      },
+      {
+        "name": "Sam Rivera",
+        "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg",
+        "tooltip": "Sam Rivera · PM"
+      },
+      {
+        "name": "Chris Patel",
+        "imageUrl": "https://randomuser.me/api/portraits/men/75.jpg",
+        "tooltip": "Chris Patel · Engineer"
+      }
+    ]
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["users", "maxDisplayedUsers", "withTooltip"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size", "reverse"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Team · sm",
+      "props": {
+        "size": "sm",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          },
+          {
+            "name": "Chris Patel",
+            "imageUrl": "https://randomuser.me/api/portraits/men/75.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Team · lg",
+      "props": {
+        "size": "lg",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Initials only",
+      "props": {
+        "size": "md",
+        "users": [
+          { "name": "Anna Black" },
+          { "name": "Jordan Lee" },
+          { "name": "Sam Rivera" }
+        ]
+      }
+    },
+    {
+      "name": "With tooltips",
+      "props": {
+        "withTooltip": true,
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg",
+            "tooltip": "Anna Black · Engineer"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg",
+            "tooltip": "Jordan Lee · Designer"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Reverse order",
+      "props": {
+        "reverse": true,
+        "size": "xs",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Overflow (+more)",
+      "props": {
+        "maxDisplayedUsers": 3,
+        "size": "sm",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          },
+          {
+            "name": "Chris Patel",
+            "imageUrl": "https://randomuser.me/api/portraits/men/75.jpg"
+          },
+          {
+            "name": "Morgan Quinn",
+            "imageUrl": "https://randomuser.me/api/portraits/women/12.jpg"
+          }
+        ]
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,145 @@
+{
+  "template": "<MultipleUsersStacked{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "size": "sm",
+    "variant": "default",
+    "users": [
+      {
+        "name": "Anna Black",
+        "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+      },
+      {
+        "name": "Jordan Lee",
+        "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+      }
+    ]
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "users"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "size",
+        "variant"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Two · default",
+      "props": {
+        "variant": "default",
+        "size": "sm",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Single",
+      "props": {
+        "variant": "default",
+        "size": "md",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Initials only",
+      "props": {
+        "variant": "default",
+        "size": "sm",
+        "users": [
+          {
+            "name": "Anna Black"
+          },
+          {
+            "name": "Jordan Lee"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Bubble · two",
+      "props": {
+        "variant": "bubble",
+        "size": "md",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Bubble · many",
+      "props": {
+        "variant": "bubble",
+        "size": "lg",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          },
+          {
+            "name": "Chris Patel",
+            "imageUrl": "https://randomuser.me/api/portraits/men/75.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Default · xl",
+      "props": {
+        "variant": "default",
+        "size": "xl",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          }
+        ]
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,131 @@
+{
+  "defaults": {
+    "size": "sm",
+    "variant": "default",
+    "users": [
+      {
+        "name": "Anna Black",
+        "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+      },
+      {
+        "name": "Jordan Lee",
+        "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+      }
+    ]
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["users"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size", "variant"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Two · default",
+      "props": {
+        "variant": "default",
+        "size": "sm",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Single",
+      "props": {
+        "variant": "default",
+        "size": "md",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Initials only",
+      "props": {
+        "variant": "default",
+        "size": "sm",
+        "users": [{ "name": "Anna Black" }, { "name": "Jordan Lee" }]
+      }
+    },
+    {
+      "name": "Bubble · two",
+      "props": {
+        "variant": "bubble",
+        "size": "md",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Bubble · many",
+      "props": {
+        "variant": "bubble",
+        "size": "lg",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          },
+          {
+            "name": "Chris Patel",
+            "imageUrl": "https://randomuser.me/api/portraits/men/75.jpg"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Default · xl",
+      "props": {
+        "variant": "default",
+        "size": "xl",
+        "users": [
+          {
+            "name": "Anna Black",
+            "imageUrl": "https://randomuser.me/api/portraits/women/44.jpg"
+          },
+          {
+            "name": "Jordan Lee",
+            "imageUrl": "https://randomuser.me/api/portraits/men/32.jpg"
+          },
+          {
+            "name": "Sam Rivera",
+            "imageUrl": "https://randomuser.me/api/portraits/women/68.jpg"
+          }
+        ]
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,65 @@
+{
+  "template": "<Nav{{props}}>{{children}}</Nav>",
+  "propTargets": {},
+  "defaults": {
+    "borderless": false,
+    "extendedUnderline": false,
+    "highlight": true,
+    "orientation": "vertical",
+    "link": "#",
+    "variant": "normal"
+  },
+  "children": {
+    "editable": true,
+    "default": "Nav content"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "title"
+      ]
+    },
+    {
+      "name": "Behavior",
+      "props": [
+        "link"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "orientation",
+        "variant",
+        "borderless",
+        "highlight",
+        "extendedUnderline",
+        "itemSpacing"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {},
+      "children": "Nav content"
+    }
+  ],
+  "conditionals": {
+    "extendedUnderline": {
+      "requires": {
+        "orientation": "horizontal",
+        "variant": "normal"
+      }
+    }
+  },
+  "hints": {
+    "extended_underline": {
+      "when": {
+        "orientation": "horizontal"
+      },
+      "message": "Extended underline applies to horizontal navigation in the normal variant.",
+      "type": "info"
+    }
+  }
+}

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

@@ -0,0 +1,45 @@
+{
+  "children": {
+    "default": "Nav content"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["title"]
+    },
+    {
+      "name": "Behavior",
+      "props": ["link"]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "orientation",
+        "variant",
+        "borderless",
+        "highlight",
+        "extendedUnderline",
+        "itemSpacing"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {},
+      "children": "Nav content"
+    }
+  ],
+  "conditionals": {
+    "extendedUnderline": {
+      "requires": { "orientation": "horizontal", "variant": "normal" }
+    }
+  },
+  "hints": {
+    "extended_underline": {
+      "when": { "orientation": "horizontal" },
+      "message": "Extended underline applies to horizontal navigation in the normal variant.",
+      "type": "info"
+    }
+  }
+}

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

@@ -0,0 +1,71 @@
+{
+  "template": "<OnlineStatus{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "status": "offline",
+    "size": "sm",
+    "noBorder": false
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "status"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "size",
+        "noBorder"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Online",
+      "props": {
+        "status": "online",
+        "size": "md"
+      }
+    },
+    {
+      "name": "Offline",
+      "props": {
+        "status": "offline",
+        "size": "md"
+      }
+    },
+    {
+      "name": "Away",
+      "props": {
+        "status": "away",
+        "size": "md"
+      }
+    },
+    {
+      "name": "Online · sm",
+      "props": {
+        "status": "online",
+        "size": "sm"
+      }
+    },
+    {
+      "name": "Online · lg",
+      "props": {
+        "status": "online",
+        "size": "lg"
+      }
+    },
+    {
+      "name": "No border",
+      "props": {
+        "status": "online",
+        "size": "md",
+        "noBorder": true
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,40 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["status"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size", "noBorder"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Online",
+      "props": { "status": "online", "size": "md" }
+    },
+    {
+      "name": "Offline",
+      "props": { "status": "offline", "size": "md" }
+    },
+    {
+      "name": "Away",
+      "props": { "status": "away", "size": "md" }
+    },
+    {
+      "name": "Online · sm",
+      "props": { "status": "online", "size": "sm" }
+    },
+    {
+      "name": "Online · lg",
+      "props": { "status": "online", "size": "lg" }
+    },
+    {
+      "name": "No border",
+      "props": { "status": "online", "size": "md", "noBorder": true }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,38 @@
+{
+  "template": "<Overlay{{props}}>{{children}}</Overlay>",
+  "propTargets": {},
+  "defaults": {
+    "color": "card_light",
+    "dynamic": false,
+    "scrollBarNone": false
+  },
+  "children": {
+    "editable": true,
+    "default": "Overlay content"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "color",
+        "dynamic",
+        "gradient",
+        "position",
+        "size",
+        "scrollBarNone",
+        "fullScreen",
+        "layout",
+        "opacity"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {},
+      "children": "Overlay content"
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}