playbook_ui_docs 16.5.0 → 16.6.0.pre.alpha.RTEPOC15805

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

@@ -0,0 +1,69 @@
+{
+  "template": "<Pagination{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "current": 1,
+    "range": 5,
+    "total": 10
+  },
+  "groups": [
+    {
+      "name": "Paging",
+      "props": [
+        "current",
+        "total",
+        "range"
+      ]
+    },
+    {
+      "name": "Events",
+      "props": [
+        "onChange"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "current": 1,
+        "total": 10,
+        "range": 5
+      }
+    },
+    {
+      "name": "Few pages",
+      "props": {
+        "current": 2,
+        "total": 4,
+        "range": 5
+      }
+    },
+    {
+      "name": "Middle of many",
+      "props": {
+        "current": 10,
+        "total": 24,
+        "range": 5
+      }
+    },
+    {
+      "name": "Last page",
+      "props": {
+        "current": 12,
+        "total": 12,
+        "range": 5
+      }
+    },
+    {
+      "name": "Wide window",
+      "props": {
+        "current": 25,
+        "total": 50,
+        "range": 9
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,61 @@
+{
+  "defaults": {
+    "current": 1,
+    "range": 5,
+    "total": 10
+  },
+  "groups": [
+    {
+      "name": "Paging",
+      "props": ["current", "total", "range"]
+    },
+    {
+      "name": "Events",
+      "props": ["onChange"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "current": 1,
+        "total": 10,
+        "range": 5
+      }
+    },
+    {
+      "name": "Few pages",
+      "props": {
+        "current": 2,
+        "total": 4,
+        "range": 5
+      }
+    },
+    {
+      "name": "Middle of many",
+      "props": {
+        "current": 10,
+        "total": 24,
+        "range": 5
+      }
+    },
+    {
+      "name": "Last page",
+      "props": {
+        "current": 12,
+        "total": 12,
+        "range": 5
+      }
+    },
+    {
+      "name": "Wide window",
+      "props": {
+        "current": 25,
+        "total": 50,
+        "range": 9
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,34 @@
+{
+  "template": "<Passphrase{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "confirmation": false,
+    "requiredIndicator": false,
+    "showTipsBelow": "always"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "confirmation",
+        "dark",
+        "inputProps",
+        "label",
+        "onChange",
+        "requiredIndicator",
+        "showTipsBelow",
+        "tips",
+        "uncontrolled",
+        "value"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,21 @@
+{
+  "template": "<PbBarGraph{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "options"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,21 @@
+{
+  "template": "<PbCircleChart{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "options"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,21 @@
+{
+  "template": "<PbGaugeChart{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "options"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,21 @@
+{
+  "template": "<PbLineGraph{{props}} />",
+  "propTargets": {},
+  "defaults": {},
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "options"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,42 @@
+{
+  "template": "<Person{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "firstName": "Anna",
+    "lastName": "Black"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "firstName",
+        "lastName"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Full name",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black"
+      }
+    },
+    {
+      "name": "First name only",
+      "props": {
+        "firstName": "Anna",
+        "lastName": ""
+      }
+    },
+    {
+      "name": "Hyphenated last name",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black-Smith"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,28 @@
+{
+  "defaults": {
+    "firstName": "Anna",
+    "lastName": "Black"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["firstName", "lastName"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Full name",
+      "props": { "firstName": "Anna", "lastName": "Black" }
+    },
+    {
+      "name": "First name only",
+      "props": { "firstName": "Anna", "lastName": "" }
+    },
+    {
+      "name": "Hyphenated last name",
+      "props": { "firstName": "Anna", "lastName": "Black-Smith" }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,98 @@
+{
+  "template": "<PersonContact{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "firstName": "Anna",
+    "lastName": "Black",
+    "contacts": [
+      {
+        "contactType": "email",
+        "contactValue": "anna.black@example.com",
+        "contactDetail": "work"
+      },
+      {
+        "contactType": "work",
+        "contactValue": "2155550100",
+        "contactDetail": "ext. 42"
+      }
+    ]
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "firstName",
+        "lastName",
+        "contacts"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Email & phone",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "email",
+            "contactValue": "anna.black@example.com",
+            "contactDetail": "work"
+          },
+          {
+            "contactType": "cell",
+            "contactValue": "2155550199",
+            "contactDetail": "mobile"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Email only",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "email",
+            "contactValue": "anna.black@example.com"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Work & home",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "work",
+            "contactValue": "2155550100",
+            "contactDetail": "desk"
+          },
+          {
+            "contactType": "home",
+            "contactValue": "2155550188"
+          }
+        ]
+      }
+    },
+    {
+      "name": "International",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "international",
+            "contactValue": "+44 7700 900461",
+            "contactDetail": "UK"
+          }
+        ]
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,92 @@
+{
+  "defaults": {
+    "firstName": "Anna",
+    "lastName": "Black",
+    "contacts": [
+      {
+        "contactType": "email",
+        "contactValue": "anna.black@example.com",
+        "contactDetail": "work"
+      },
+      {
+        "contactType": "work",
+        "contactValue": "2155550100",
+        "contactDetail": "ext. 42"
+      }
+    ]
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["firstName", "lastName", "contacts"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Email & phone",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "email",
+            "contactValue": "anna.black@example.com",
+            "contactDetail": "work"
+          },
+          {
+            "contactType": "cell",
+            "contactValue": "2155550199",
+            "contactDetail": "mobile"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Email only",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "email",
+            "contactValue": "anna.black@example.com"
+          }
+        ]
+      }
+    },
+    {
+      "name": "Work & home",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "work",
+            "contactValue": "2155550100",
+            "contactDetail": "desk"
+          },
+          {
+            "contactType": "home",
+            "contactValue": "2155550188"
+          }
+        ]
+      }
+    },
+    {
+      "name": "International",
+      "props": {
+        "firstName": "Anna",
+        "lastName": "Black",
+        "contacts": [
+          {
+            "contactType": "international",
+            "contactValue": "+44 7700 900461",
+            "contactDetail": "UK"
+          }
+        ]
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,52 @@
+{
+  "template": "<PhoneNumberInput{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "disabled": false,
+    "error": "",
+    "hiddenInputs": false,
+    "initialCountry": "",
+    "label": "",
+    "name": "",
+    "required": false,
+    "requiredIndicator": false,
+    "value": "",
+    "formatAsYouType": false,
+    "strictMode": false,
+    "countrySearch": false
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "dark",
+        "disabled",
+        "error",
+        "hiddenInputs",
+        "initialCountry",
+        "isValid",
+        "label",
+        "name",
+        "onChange",
+        "onValidate",
+        "onlyCountries",
+        "excludeCountries",
+        "preferredCountries",
+        "required",
+        "requiredIndicator",
+        "value",
+        "formatAsYouType",
+        "strictMode",
+        "countrySearch"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

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

@@ -0,0 +1,106 @@
+{
+  "template": "<Pill{{props}}>{{children}}</Pill>",
+  "propTargets": {},
+  "defaults": {
+    "variant": "neutral",
+    "textTransform": "lowercase"
+  },
+  "children": {
+    "editable": true,
+    "default": "Pill content",
+    "hideWhenPropSet": [
+      "text"
+    ]
+  },
+  "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": {}
+}