playbook_ui_docs 13.30.0.pre.alpha.play1367contenttagnoninputkits3159 → 13.30.0.pre.alpha.20240515remotebuildkitconversion3150

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3e5b4bbd6b84f93a1ad58d9a4d7f6a7e7731af60fdaf0f5195469ca43c4c8335
-  data.tar.gz: 7b8784e03ceea5d1aafc16d3ec09a00e79f21816f60ac9cd1aae1039ed761c1f
+  metadata.gz: 6cceb594cd31b390837b3358b6eca62a416027b0344fb09dffe7ba18e026dbc2
+  data.tar.gz: dcb581e8619d51cab0a93d3d7cf0fc07e1210aa0d9d50105d4730080f5ba2830
 SHA512:
-  metadata.gz: 186e294ec92cfd83d388e2edb2b73197cccac711f6a8b220bc1de8d11f5a82162b4c0586c1435f9a14a8270aeccd96e548fb288b087c3a946de9ff98e9c88840
-  data.tar.gz: 4eda2d541dd003126d66f1a20e00679aab0582364529e16095de617f260add46aeeb922d024f0821a311065ed17b90e1ce0984c900ae425c6db1956c7bb670cf
+  metadata.gz: 4831824bba5a5ae835508c73147d2e3158fc659ea9961851177aef285f2b92e9c0d279b20348724e010ef41928bf787baaf62b4e027e0e18b031ac5b67f0915f
+  data.tar.gz: 8cddbc6e8e59f9c0174d74a7b9c583825d3462b35990f921662b55b384012c355d2c887f1f7889141ed7977422c04dcea01e880e24bbf8847a9a6df18b7b3fa9

data/app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb

@@ -1 +1,6 @@
-<%= pb_rails("icon", props: { icon: "user", fixed_width: true }) %>
+<%= pb_rails("icon", props: { icon: "angles-down", fixed_width: true }) %>
+<%= pb_rails("icon", props: { icon: "circle-arrow-right", fixed_width: true }) %>
+<%= pb_rails("icon", props: { icon: "arrow-circle-right", fixed_width: true }) %>
+
+<%= pb_rails("caption", props: { text: "Font Awesome (no alias & not in our Playbook-icons lib)", margin_y: "md" }) %>
+<%= pb_rails("icon", props: { icon: "elephant", fixed_width: true }) %>

data/app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx

@@ -1,12 +1,29 @@
 import React from "react"
+
 import Icon from "../_icon"
+import {Caption} from "../.."
 
 const IconDefault = (props) => {
   return (
     <div>
-      <Icon
-          fixedWidth
-          icon="user"
+      <Icon fixedWidth
+          icon='angles-down'
+          {...props}
+      />
+      <Icon fixedWidth
+          icon='circle-arrow-right'
+          {...props}
+      />
+      <Icon fixedWidth
+          icon='arrow-circle-right'
+          {...props}
+      />
+      <Caption
+          marginY='md'
+          text='Font Awesome (no alias & not in our Playbook-icons lib)'
+      />
+      <Icon fixedWidth
+          icon='elephant'
           {...props}
       />
     </div>