playbook_ui_docs 16.5.0 → 16.6.0.pre.alpha.RTEPOC15805

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

@@ -0,0 +1,56 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["text"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["variant", "textTransform"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Neutral",
+      "props": { "text": "neutral", "variant": "neutral", "textTransform": "lowercase" },
+      "children": ""
+    },
+    {
+      "name": "Primary",
+      "props": { "text": "Primary", "variant": "primary", "textTransform": "none" },
+      "children": ""
+    },
+    {
+      "name": "Success",
+      "props": { "text": "Success", "variant": "success", "textTransform": "none" },
+      "children": ""
+    },
+    {
+      "name": "Warning",
+      "props": { "text": "Warning", "variant": "warning", "textTransform": "none" },
+      "children": ""
+    },
+    {
+      "name": "Error",
+      "props": { "text": "Error", "variant": "error", "textTransform": "none" },
+      "children": ""
+    },
+    {
+      "name": "Info",
+      "props": { "text": "Info", "variant": "info", "textTransform": "none" },
+      "children": ""
+    },
+    {
+      "name": "Lowercase label",
+      "props": { "text": "draft", "variant": "neutral", "textTransform": "lowercase" },
+      "children": ""
+    },
+    {
+      "name": "Preserve casing",
+      "props": { "text": "v2.4.0", "variant": "primary", "textTransform": "none" },
+      "children": ""
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,104 @@
+{
+  "template": "<Popover{{props}}>{{children}}</Popover>",
+  "propTargets": {},
+  "defaults": {
+    "appendTo": "body",
+    "closeOnClick": "none",
+    "offset": false,
+    "show": false,
+    "shouldClosePopover": "noop"
+  },
+  "children": {
+    "editable": true,
+    "default": "Popover body"
+  },
+  "groups": [
+    {
+      "name": "Behavior",
+      "props": [
+        "placement",
+        "show",
+        "closeOnClick",
+        "reference",
+        "shouldClosePopover"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "offset",
+        "appendTo"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Open — top",
+      "props": {
+        "placement": "top",
+        "show": true
+      },
+      "children": "Popover on top"
+    },
+    {
+      "name": "Open — bottom",
+      "props": {
+        "placement": "bottom",
+        "show": true
+      },
+      "children": "Popover on bottom"
+    },
+    {
+      "name": "Open — left",
+      "props": {
+        "placement": "left",
+        "show": true
+      },
+      "children": "Popover on the left"
+    },
+    {
+      "name": "Open — right",
+      "props": {
+        "placement": "right",
+        "show": true
+      },
+      "children": "Popover on the right"
+    },
+    {
+      "name": "Closed",
+      "props": {
+        "placement": "bottom",
+        "show": false
+      },
+      "children": "Trigger content"
+    },
+    {
+      "name": "With offset",
+      "props": {
+        "placement": "bottom",
+        "show": true,
+        "offset": true
+      },
+      "children": "Extra spacing from the trigger"
+    },
+    {
+      "name": "Close on outside click",
+      "props": {
+        "placement": "bottom",
+        "show": true,
+        "closeOnClick": "outside"
+      },
+      "children": "Click outside to dismiss"
+    }
+  ],
+  "conditionals": {},
+  "hints": {
+    "show_popover": {
+      "when": {
+        "show": false
+      },
+      "message": "Set show to true in the playground to render the popover content.",
+      "type": "info"
+    }
+  }
+}

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

@@ -0,0 +1,67 @@
+{
+  "children": {
+    "default": "Popover body"
+  },
+  "groups": [
+    {
+      "name": "Behavior",
+      "props": [
+        "placement",
+        "show",
+        "closeOnClick",
+        "reference",
+        "shouldClosePopover"
+      ]
+    },
+    { "name": "Appearance", "props": ["offset", "appendTo"] }
+  ],
+  "presets": [
+    {
+      "name": "Open — top",
+      "props": { "placement": "top", "show": true },
+      "children": "Popover on top"
+    },
+    {
+      "name": "Open — bottom",
+      "props": { "placement": "bottom", "show": true },
+      "children": "Popover on bottom"
+    },
+    {
+      "name": "Open — left",
+      "props": { "placement": "left", "show": true },
+      "children": "Popover on the left"
+    },
+    {
+      "name": "Open — right",
+      "props": { "placement": "right", "show": true },
+      "children": "Popover on the right"
+    },
+    {
+      "name": "Closed",
+      "props": { "placement": "bottom", "show": false },
+      "children": "Trigger content"
+    },
+    {
+      "name": "With offset",
+      "props": { "placement": "bottom", "show": true, "offset": true },
+      "children": "Extra spacing from the trigger"
+    },
+    {
+      "name": "Close on outside click",
+      "props": {
+        "placement": "bottom",
+        "show": true,
+        "closeOnClick": "outside"
+      },
+      "children": "Click outside to dismiss"
+    }
+  ],
+  "conditionals": {},
+  "hints": {
+    "show_popover": {
+      "when": { "show": false },
+      "message": "Set show to true in the playground to render the popover content.",
+      "type": "info"
+    }
+  }
+}

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

@@ -0,0 +1,90 @@
+{
+  "template": "<ProgressPills{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "active": 0,
+    "fullWidthPill": false,
+    "steps": 3
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "title",
+        "value"
+      ]
+    },
+    {
+      "name": "Behavior",
+      "props": [
+        "steps",
+        "active"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "fullWidthPill"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Step 1 of 4",
+      "props": {
+        "steps": 4,
+        "active": 1,
+        "title": "Checkout",
+        "value": "Shipping"
+      }
+    },
+    {
+      "name": "Step 2 of 4",
+      "props": {
+        "steps": 4,
+        "active": 2,
+        "title": "Checkout",
+        "value": "Payment"
+      }
+    },
+    {
+      "name": "Mid flow (5 steps)",
+      "props": {
+        "steps": 5,
+        "active": 3,
+        "title": "Onboarding",
+        "value": "Step 3 of 5"
+      }
+    },
+    {
+      "name": "Complete",
+      "props": {
+        "steps": 4,
+        "active": 4,
+        "title": "Checkout",
+        "value": "Review"
+      }
+    },
+    {
+      "name": "Not started",
+      "props": {
+        "steps": 4,
+        "active": 0,
+        "title": "Progress",
+        "value": "No steps completed yet"
+      }
+    },
+    {
+      "name": "Full-width pills",
+      "props": {
+        "steps": 3,
+        "active": 2,
+        "fullWidthPill": true,
+        "title": "Wide layout",
+        "value": "Pills stretch to fill the row"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,51 @@
+{
+  "groups": [
+    { "name": "Content", "props": ["title", "value"] },
+    { "name": "Behavior", "props": ["steps", "active"] },
+    { "name": "Appearance", "props": ["fullWidthPill"] }
+  ],
+  "presets": [
+    {
+      "name": "Step 1 of 4",
+      "props": { "steps": 4, "active": 1, "title": "Checkout", "value": "Shipping" }
+    },
+    {
+      "name": "Step 2 of 4",
+      "props": { "steps": 4, "active": 2, "title": "Checkout", "value": "Payment" }
+    },
+    {
+      "name": "Mid flow (5 steps)",
+      "props": { "steps": 5, "active": 3, "title": "Onboarding", "value": "Step 3 of 5" }
+    },
+    {
+      "name": "Complete",
+      "props": {
+        "steps": 4,
+        "active": 4,
+        "title": "Checkout",
+        "value": "Review"
+      }
+    },
+    {
+      "name": "Not started",
+      "props": {
+        "steps": 4,
+        "active": 0,
+        "title": "Progress",
+        "value": "No steps completed yet"
+      }
+    },
+    {
+      "name": "Full-width pills",
+      "props": {
+        "steps": 3,
+        "active": 2,
+        "fullWidthPill": true,
+        "title": "Wide layout",
+        "value": "Pills stretch to fill the row"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,87 @@
+{
+  "template": "<ProgressSimple{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "align": "left",
+    "muted": false,
+    "variant": "default"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "percent",
+        "value",
+        "max"
+      ]
+    },
+    {
+      "name": "Behavior",
+      "props": [
+        "align"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "variant",
+        "muted"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "0%",
+      "props": {
+        "percent": "0"
+      }
+    },
+    {
+      "name": "25%",
+      "props": {
+        "percent": "25"
+      }
+    },
+    {
+      "name": "50%",
+      "props": {
+        "percent": "50"
+      }
+    },
+    {
+      "name": "75%",
+      "props": {
+        "percent": "75"
+      }
+    },
+    {
+      "name": "100%",
+      "props": {
+        "percent": "100"
+      }
+    },
+    {
+      "name": "Positive 75%",
+      "props": {
+        "percent": "75",
+        "variant": "positive"
+      }
+    },
+    {
+      "name": "Warning 50%",
+      "props": {
+        "percent": "50",
+        "variant": "warning"
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "percent": "60",
+        "align": "center"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,28 @@
+{
+  "groups": [
+    { "name": "Content", "props": ["percent", "value", "max"] },
+    { "name": "Behavior", "props": ["align"] },
+    { "name": "Appearance", "props": ["variant", "muted"] }
+  ],
+  "presets": [
+    { "name": "0%", "props": { "percent": "0" } },
+    { "name": "25%", "props": { "percent": "25" } },
+    { "name": "50%", "props": { "percent": "50" } },
+    { "name": "75%", "props": { "percent": "75" } },
+    { "name": "100%", "props": { "percent": "100" } },
+    {
+      "name": "Positive 75%",
+      "props": { "percent": "75", "variant": "positive" }
+    },
+    {
+      "name": "Warning 50%",
+      "props": { "percent": "50", "variant": "warning" }
+    },
+    {
+      "name": "Centered",
+      "props": { "percent": "60", "align": "center" }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,31 @@
+{
+  "template": "<ProgressStep{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "orientation": "horizontal",
+    "icon": false,
+    "showIcon": false,
+    "variant": "default",
+    "color": "primary"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "orientation",
+        "icon",
+        "showIcon",
+        "variant",
+        "color"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,83 @@
+{
+  "template": "<Radio{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "alignment": "",
+    "checked": false,
+    "customChildren": false,
+    "disabled": false,
+    "error": false,
+    "name": "radio_name",
+    "value": "radio_text",
+    "text": "Radio Text"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "label",
+        "name",
+        "value",
+        "text"
+      ]
+    },
+    {
+      "name": "State",
+      "props": [
+        "disabled",
+        "error",
+        "checked"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "alignment",
+        "customChildren"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "label": "Standard shipping",
+        "name": "shipping_method",
+        "value": "standard",
+        "text": "Standard shipping"
+      }
+    },
+    {
+      "name": "With Error",
+      "props": {
+        "label": "Express shipping",
+        "name": "shipping_method",
+        "value": "express",
+        "text": "Express shipping",
+        "error": true
+      }
+    },
+    {
+      "name": "Disabled",
+      "props": {
+        "label": "Overnight shipping",
+        "name": "shipping_method",
+        "value": "overnight",
+        "text": "Overnight shipping",
+        "disabled": true
+      }
+    },
+    {
+      "name": "Required",
+      "props": {
+        "label": "Standard shipping",
+        "name": "shipping_method",
+        "value": "standard",
+        "text": "Standard shipping",
+        "checked": true
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,59 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["label", "name", "value", "text"]
+    },
+    {
+      "name": "State",
+      "props": ["disabled", "error", "checked"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["alignment", "customChildren"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "label": "Standard shipping",
+        "name": "shipping_method",
+        "value": "standard",
+        "text": "Standard shipping"
+      }
+    },
+    {
+      "name": "With Error",
+      "props": {
+        "label": "Express shipping",
+        "name": "shipping_method",
+        "value": "express",
+        "text": "Express shipping",
+        "error": true
+      }
+    },
+    {
+      "name": "Disabled",
+      "props": {
+        "label": "Overnight shipping",
+        "name": "shipping_method",
+        "value": "overnight",
+        "text": "Overnight shipping",
+        "disabled": true
+      }
+    },
+    {
+      "name": "Required",
+      "props": {
+        "label": "Standard shipping",
+        "name": "shipping_method",
+        "value": "standard",
+        "text": "Standard shipping",
+        "checked": true
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,41 @@
+{
+  "template": "<RichTextEditor{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "advancedEditor",
+        "advancedEditorToolbar",
+        "toolbarBottom",
+        "focus",
+        "inputOptions",
+        "inline",
+        "label",
+        "extensions",
+        "name",
+        "onChange",
+        "placeholder",
+        "inputHeight",
+        "inputMinHeight",
+        "requiredIndicator",
+        "simple",
+        "sticky",
+        "template",
+        "value",
+        "maxWidth",
+        "TrixEditor",
+        "trixInstance"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}