RubyGems - playbook_ui - Versions diffs - 16.5.0 → 16.6.0.pre.alpha.RTEPOC15801 - Mend

playbook_ui 16.5.0 → 16.6.0.pre.alpha.RTEPOC15801

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

data/app/pb_kits/playbook/pb_badge/kit.schema.json ADDED Viewed

@@ -0,0 +1,73 @@
+{
+  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
+  "name": "Badge",
+  "description": "Badge component",
+  "platforms": [
+    "react",
+    "rails"
+  ],
+  "props": {
+    "removeIcon": {
+      "type": "boolean",
+      "platforms": [
+        "react"
+      ]
+    },
+    "removeOnClick": {
+      "type": "ReactNode",
+      "platforms": [
+        "react"
+      ]
+    },
+    "rounded": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "tabIndex": {
+      "type": "number",
+      "platforms": [
+        "react"
+      ]
+    },
+    "text": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "variant": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "error",
+        "info",
+        "neutral",
+        "notification",
+        "notificationError",
+        "primary",
+        "success",
+        "warning"
+      ],
+      "default": "neutral"
+    }
+  },
+  "globalProps": true,
+  "usage": {
+    "react": {
+      "import": "import { Badge } from 'playbook-ui'",
+      "example": "<Badge variant=\"error\"></Badge>"
+    },
+    "rails": {
+      "import": null,
+      "example": "<%= pb_rails(\"badge\", props: { variant: \"error\" }) %>"
+    }
+  }
+}

data/app/pb_kits/playbook/pb_body/kit.schema.json ADDED Viewed

@@ -0,0 +1,101 @@
+{
+  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
+  "name": "Body",
+  "description": "Body component",
+  "platforms": [
+    "react",
+    "rails"
+  ],
+  "props": {
+    "color": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "default",
+        "light",
+        "lighter",
+        "link",
+        "error",
+        "success"
+      ],
+      "default": "default"
+    },
+    "highlightedText": {
+      "type": "array",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "highlighting": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "status": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "neutral",
+        "negative",
+        "positive"
+      ],
+      "default": "neutral"
+    },
+    "tag": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "p",
+        "span",
+        "div"
+      ],
+      "default": "div"
+    },
+    "text": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "variant": {
+      "type": "enum",
+      "platforms": [
+        "react"
+      ],
+      "values": [
+        "link"
+      ]
+    }
+  },
+  "globalProps": true,
+  "usage": {
+    "react": {
+      "import": "import { Body } from 'playbook-ui'",
+      "example": "<Body color=\"default\" status=\"neutral\"></Body>"
+    },
+    "rails": {
+      "import": null,
+      "example": "<%= pb_rails(\"body\", props: { color: \"default\", status: \"neutral\" }) %>"
+    }
+  }
+}

data/app/pb_kits/playbook/pb_bread_crumbs/kit.schema.json ADDED Viewed

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
+  "name": "BreadCrumbs",
+  "description": "BreadCrumbs component",
+  "platforms": [
+    "react",
+    "rails"
+  ],
+  "props": {
+    "text": {
+      "type": "string",
+      "platforms": [
+        "react"
+      ]
+    }
+  },
+  "globalProps": true,
+  "usage": {
+    "react": {
+      "import": "import { BreadCrumbs } from 'playbook-ui'",
+      "example": "<BreadCrumbs></BreadCrumbs>"
+    },
+    "rails": {
+      "import": null,
+      "example": "<%= pb_rails(\"bread_crumbs\", props: { text: \"Example\" }) %>"
+    }
+  }
+}

data/app/pb_kits/playbook/pb_button/docs/{_button_loading.html.erb → _button_loading_rails.html.erb} RENAMED Viewed

@@ -1,7 +1,7 @@
 <%= pb_rails("caption", props: { margin_y: "md", text: "Button variants with loading" }) %>
-<%= pb_rails("button", props: { aria: { label: "Loading" }, loading: true, margin_right: "lg" }) %>
-<%= pb_rails("button", props: { aria: { label: "Loading" }, variant: "secondary", loading: true, margin_right: "lg" }) %>
-<%= pb_rails("button", props: { aria: { label: "Loading" }, variant: "link", loading: true, margin_right: "lg" }) %>
+<%= pb_rails("button", props: { aria: { label: "Loading" }, loading: true, text: "Loading", margin_right: "lg" }) %>
+<%= pb_rails("button", props: { aria: { label: "Loading" }, variant: "secondary", loading: true, text: "Loading", margin_right: "lg" }) %>
+<%= pb_rails("button", props: { aria: { label: "Loading" }, variant: "link", loading: true, text: "Loading", margin_right: "lg" }) %>
 <%= pb_rails("caption", props: { margin_y: "md", text: "Button sizes with loading" }) %>
-<%= pb_rails("button", props: { aria: { label: "Loading" }, loading: true, size: "sm", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { aria: { label: "Loading" }, loading: true, size: "lg", margin_right: "lg" }) %>
+<%= pb_rails("button", props: { aria: { label: "Loading" }, loading: true, size: "sm", text: "Loading", margin_right: "lg" }) %>
+<%= pb_rails("button", props: { aria: { label: "Loading" }, loading: true, size: "lg", text: "Loading", margin_right: "lg" }) %>

data/app/pb_kits/playbook/pb_button/docs/_button_loading_rails.md ADDED Viewed

@@ -0,0 +1,3 @@
+Used when a button will take a little while to load. The spinner lets the user know that the button has worked and it is in the process of loading.
+**NOTE**: In Rails, both the button text and loading spinner are rendered at the same time, and visibility is toggled between them. Even though the text prop is not required, providing it ensures the button maintains its correct shape during loading.

data/app/pb_kits/playbook/pb_button/docs/example.yml CHANGED Viewed

@@ -4,7 +4,7 @@ examples:
   - button_reaction: Reaction Button
   - button_full_width: Button Full Width
   - button_link: Button Links
-  - button_loading: Button Loading
+  - button_loading_rails: Button Loading
   - button_block_content: Button Block Content
   - button_icon_options: Button Icon Options
   - button_accessibility: Button Accessibility Options

data/app/pb_kits/playbook/pb_button/kit.schema.json ADDED Viewed

@@ -0,0 +1,207 @@
+{
+  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
+  "name": "Button",
+  "description": "Button component",
+  "platforms": [
+    "react",
+    "rails"
+  ],
+  "props": {
+    "count": {
+      "type": "number",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "disabled": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "fixedWidth": {
+      "type": "boolean",
+      "platforms": [
+        "react"
+      ]
+    },
+    "form": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": null
+    },
+    "fullWidth": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "highlight": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "icon": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "iconRight": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "link": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "loading": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "newWindow": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "onClick": {
+      "type": "function",
+      "platforms": [
+        "react"
+      ]
+    },
+    "tabIndex": {
+      "type": "number",
+      "platforms": [
+        "react"
+      ]
+    },
+    "size": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "default": null
+    },
+    "target": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "text": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "type": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "inline"
+      ],
+      "default": "inline"
+    },
+    "htmlType": {
+      "type": "enum",
+      "platforms": [
+        "react"
+      ],
+      "values": [
+        "submit",
+        "reset",
+        "button"
+      ]
+    },
+    "value": {
+      "type": "string | null",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "variant": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "primary",
+        "secondary",
+        "link",
+        "danger",
+        "reaction"
+      ],
+      "default": "primary"
+    },
+    "wrapperClass": {
+      "type": "string",
+      "platforms": [
+        "react"
+      ]
+    },
+    "iconFontFamily": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "enum",
+      "values": [
+        "far",
+        "fas",
+        "fab",
+        "fak"
+      ],
+      "default": "far"
+    }
+  },
+  "globalProps": true,
+  "usage": {
+    "react": {
+      "import": "import { Button } from 'playbook-ui'",
+      "example": "<Button size=\"sm\" type=\"inline\"></Button>"
+    },
+    "rails": {
+      "import": null,
+      "example": "<%= pb_rails(\"button\", props: { size: \"sm\", type: \"inline\" }) %>"
+    }
+  }
+}

data/app/pb_kits/playbook/pb_button_toolbar/kit.schema.json ADDED Viewed

@@ -0,0 +1,67 @@
+{
+  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
+  "name": "ButtonToolbar",
+  "description": "ButtonToolbar component",
+  "platforms": [
+    "react",
+    "rails"
+  ],
+  "props": {
+    "connected": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
+    "onClick": {
+      "type": "ReactNode",
+      "platforms": [
+        "react"
+      ]
+    },
+    "orientation": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "horizontal",
+        "vertical"
+      ],
+      "default": "horizontal"
+    },
+    "text": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "variant": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "primary",
+        "secondary"
+      ],
+      "default": "primary"
+    }
+  },
+  "globalProps": true,
+  "usage": {
+    "react": {
+      "import": "import { ButtonToolbar } from 'playbook-ui'",
+      "example": "<ButtonToolbar orientation=\"horizontal\" variant=\"primary\"></ButtonToolbar>"
+    },
+    "rails": {
+      "import": null,
+      "example": "<%= pb_rails(\"button_toolbar\", props: { orientation: \"horizontal\", variant: \"primary\" }) %>"
+    }
+  }
+}

data/app/pb_kits/playbook/pb_caption/kit.schema.json ADDED Viewed

@@ -0,0 +1,91 @@
+{
+  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
+  "name": "Caption",
+  "description": "Caption component",
+  "platforms": [
+    "react",
+    "rails"
+  ],
+  "props": {
+    "color": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "default",
+        "light",
+        "lighter",
+        "success",
+        "error",
+        "link"
+      ],
+      "default": null
+    },
+    "size": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl"
+      ],
+      "default": "md"
+    },
+    "tag": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "p",
+        "span",
+        "div",
+        "caption"
+      ],
+      "default": "div"
+    },
+    "text": {
+      "type": "string",
+      "platforms": [
+        "react",
+        "rails"
+      ]
+    },
+    "variant": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "link"
+      ],
+      "default": null
+    }
+  },
+  "globalProps": true,
+  "usage": {
+    "react": {
+      "import": "import { Caption } from 'playbook-ui'",
+      "example": "<Caption color=\"default\" size=\"xs\"></Caption>"
+    },
+    "rails": {
+      "import": null,
+      "example": "<%= pb_rails(\"caption\", props: { color: \"default\", size: \"xs\" }) %>"
+    }
+  }
+}