playbook_ui_docs 16.6.0 → 16.7.0.pre.rc.0

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

@@ -0,0 +1,37 @@
+{
+  "template": "<FixedConfirmationToast{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "closeable": false,
+    "multiLine": false,
+    "navMarginTop": false,
+    "status": "neutral"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "autoClose",
+        "closeable",
+        "horizontal",
+        "icon",
+        "multiLine",
+        "navMarginTop",
+        "onClose",
+        "open",
+        "status",
+        "text",
+        "vertical",
+        "zIndex"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,133 @@
+{
+  "template": "<Flex{{props}}>{{children}}</Flex>",
+  "propTargets": {},
+  "defaults": {
+    "horizontal": "left",
+    "justify": "none",
+    "inline": false,
+    "orientation": "row",
+    "spacing": "none",
+    "reverse": false,
+    "vertical": "top",
+    "align": "none",
+    "wrap": false,
+    "alignSelf": "none"
+  },
+  "children": {
+    "editable": true,
+    "default": "<Caption text=\"A\" /><Caption text=\"B\" /><Caption text=\"C\" />"
+  },
+  "groups": [
+    {
+      "name": "Direction & flow",
+      "props": [
+        "orientation",
+        "reverse",
+        "wrap",
+        "inline"
+      ]
+    },
+    {
+      "name": "Primary axis",
+      "props": [
+        "horizontal",
+        "justify",
+        "spacing"
+      ]
+    },
+    {
+      "name": "Cross axis",
+      "props": [
+        "vertical",
+        "align",
+        "alignSelf"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Row (start)",
+      "props": {
+        "orientation": "row",
+        "justify": "none",
+        "horizontal": "left",
+        "vertical": "top"
+      },
+      "children": "<Caption text=\"A\" /><Caption text=\"B\" /><Caption text=\"C\" />"
+    },
+    {
+      "name": "Column",
+      "props": {
+        "orientation": "column",
+        "justify": "none",
+        "horizontal": "left",
+        "vertical": "top"
+      },
+      "children": "<Caption text=\"One\" /><Caption text=\"Two\" /><Caption text=\"Three\" />"
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "orientation": "row",
+        "justify": "center",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Centered\" />"
+    },
+    {
+      "name": "Space between",
+      "props": {
+        "orientation": "row",
+        "justify": "between",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Left\" /><Caption text=\"Right\" />"
+    },
+    {
+      "name": "Space around",
+      "props": {
+        "orientation": "row",
+        "justify": "around",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"A\" /><Caption text=\"B\" /><Caption text=\"C\" />"
+    },
+    {
+      "name": "End aligned",
+      "props": {
+        "orientation": "row",
+        "justify": "end",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Trailing\" />"
+    },
+    {
+      "name": "Wrap",
+      "props": {
+        "orientation": "row",
+        "wrap": true,
+        "justify": "start"
+      },
+      "children": "<Caption text=\"Item 1\" /><Caption text=\"Item 2\" /><Caption text=\"Item 3\" /><Caption text=\"Item 4\" />"
+    },
+    {
+      "name": "Inline flex",
+      "props": {
+        "inline": true,
+        "orientation": "row",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Inline\" /> <Caption text=\"chips\" />"
+    },
+    {
+      "name": "Column (center items)",
+      "props": {
+        "orientation": "column",
+        "align": "center"
+      },
+      "children": "<Caption text=\"Stacked\" /><Caption text=\"centered\" />"
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,105 @@
+{
+  "children": {
+    "default": "<Caption text=\"A\" /><Caption text=\"B\" /><Caption text=\"C\" />"
+  },
+  "groups": [
+    {
+      "name": "Direction & flow",
+      "props": ["orientation", "reverse", "wrap", "inline"]
+    },
+    {
+      "name": "Primary axis",
+      "props": ["horizontal", "justify", "spacing"]
+    },
+    {
+      "name": "Cross axis",
+      "props": ["vertical", "align", "alignSelf"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Row (start)",
+      "props": {
+        "orientation": "row",
+        "justify": "none",
+        "horizontal": "left",
+        "vertical": "top"
+      },
+      "children": "<Caption text=\"A\" /><Caption text=\"B\" /><Caption text=\"C\" />"
+    },
+    {
+      "name": "Column",
+      "props": {
+        "orientation": "column",
+        "justify": "none",
+        "horizontal": "left",
+        "vertical": "top"
+      },
+      "children": "<Caption text=\"One\" /><Caption text=\"Two\" /><Caption text=\"Three\" />"
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "orientation": "row",
+        "justify": "center",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Centered\" />"
+    },
+    {
+      "name": "Space between",
+      "props": {
+        "orientation": "row",
+        "justify": "between",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Left\" /><Caption text=\"Right\" />"
+    },
+    {
+      "name": "Space around",
+      "props": {
+        "orientation": "row",
+        "justify": "around",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"A\" /><Caption text=\"B\" /><Caption text=\"C\" />"
+    },
+    {
+      "name": "End aligned",
+      "props": {
+        "orientation": "row",
+        "justify": "end",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Trailing\" />"
+    },
+    {
+      "name": "Wrap",
+      "props": {
+        "orientation": "row",
+        "wrap": true,
+        "justify": "start"
+      },
+      "children": "<Caption text=\"Item 1\" /><Caption text=\"Item 2\" /><Caption text=\"Item 3\" /><Caption text=\"Item 4\" />"
+    },
+    {
+      "name": "Inline flex",
+      "props": {
+        "inline": true,
+        "orientation": "row",
+        "vertical": "center"
+      },
+      "children": "<Caption text=\"Inline\" /> <Caption text=\"chips\" />"
+    },
+    {
+      "name": "Column (center items)",
+      "props": {
+        "orientation": "column",
+        "align": "center"
+      },
+      "children": "<Caption text=\"Stacked\" /><Caption text=\"centered\" />"
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,13 @@
+{
+  "template": "<Form{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,23 @@
+{
+  "template": "<FormGroup{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "fullWidth": false
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "fullWidth"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,36 @@
+{
+  "template": "<FormPill{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "textTransform": "none",
+    "color": "primary",
+    "wrapped": false
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "text",
+        "name",
+        "onClick",
+        "avatar",
+        "avatarUrl",
+        "size",
+        "textTransform",
+        "color",
+        "tabIndex",
+        "icon",
+        "wrapped",
+        "closeProps"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,30 @@
+{
+  "template": "<Hashtag{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "newWindow": false,
+    "type": "default"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "dark",
+        "newWindow",
+        "rel",
+        "target",
+        "text",
+        "type",
+        "url"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,22 @@
+{
+  "template": "<Highlight{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "text",
+        "highlightedText"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,38 @@
+{
+  "template": "<HomeAddressStreet{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "preserveCase": false,
+    "emphasis": "street",
+    "newWindow": false
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "address",
+        "addressCont",
+        "city",
+        "dark",
+        "preserveCase",
+        "emphasis",
+        "homeId",
+        "houseStyle",
+        "homeUrl",
+        "target",
+        "newWindow",
+        "state",
+        "zipcode",
+        "territory"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,115 @@
+{
+  "template": "<Icon{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "border": false,
+    "fixedWidth": true,
+    "inverse": false,
+    "listItem": false,
+    "pulse": false,
+    "fontStyle": "far",
+    "spin": false
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "icon"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "size",
+        "color",
+        "fontStyle",
+        "fixedWidth"
+      ]
+    },
+    {
+      "name": "Transform",
+      "props": [
+        "flip",
+        "rotation",
+        "spin",
+        "pulse",
+        "pull",
+        "border",
+        "inverse",
+        "listItem",
+        "tabIndex"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "User",
+      "props": {
+        "icon": "user"
+      }
+    },
+    {
+      "name": "Check",
+      "props": {
+        "icon": "check",
+        "color": "primary"
+      }
+    },
+    {
+      "name": "Times",
+      "props": {
+        "icon": "times",
+        "color": "error"
+      }
+    },
+    {
+      "name": "Plus",
+      "props": {
+        "icon": "plus"
+      }
+    },
+    {
+      "name": "Search",
+      "props": {
+        "icon": "search"
+      }
+    },
+    {
+      "name": "Large",
+      "props": {
+        "icon": "user",
+        "size": "lg"
+      }
+    },
+    {
+      "name": "2x size",
+      "props": {
+        "icon": "check",
+        "size": "2x"
+      }
+    },
+    {
+      "name": "3x size",
+      "props": {
+        "icon": "search",
+        "size": "3x"
+      }
+    },
+    {
+      "name": "Solid (fas)",
+      "props": {
+        "icon": "star",
+        "fontStyle": "fas"
+      }
+    },
+    {
+      "name": "Spinning",
+      "props": {
+        "icon": "sync",
+        "spin": true
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,60 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["icon"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size", "color", "fontStyle", "fixedWidth"]
+    },
+    {
+      "name": "Transform",
+      "props": ["flip", "rotation", "spin", "pulse", "pull", "border", "inverse", "listItem", "tabIndex"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "User",
+      "props": { "icon": "user" }
+    },
+    {
+      "name": "Check",
+      "props": { "icon": "check", "color": "primary" }
+    },
+    {
+      "name": "Times",
+      "props": { "icon": "times", "color": "error" }
+    },
+    {
+      "name": "Plus",
+      "props": { "icon": "plus" }
+    },
+    {
+      "name": "Search",
+      "props": { "icon": "search" }
+    },
+    {
+      "name": "Large",
+      "props": { "icon": "user", "size": "lg" }
+    },
+    {
+      "name": "2x size",
+      "props": { "icon": "check", "size": "2x" }
+    },
+    {
+      "name": "3x size",
+      "props": { "icon": "search", "size": "3x" }
+    },
+    {
+      "name": "Solid (fas)",
+      "props": { "icon": "star", "fontStyle": "fas" }
+    },
+    {
+      "name": "Spinning",
+      "props": { "icon": "sync", "spin": true }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,33 @@
+{
+  "template": "<IconButton{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "icon": "bars",
+    "newWindow": false,
+    "size": "2x",
+    "variant": "default"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "htmlType",
+        "icon",
+        "link",
+        "newWindow",
+        "onClick",
+        "size",
+        "target",
+        "variant"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,27 @@
+{
+  "template": "<IconCircle{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "size": "md",
+    "variant": "default"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "dark",
+        "icon",
+        "size",
+        "variant"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}