playbook_ui_docs 12.29.0.pre.alpha.play716popoverkitcloseonclickissue893 → 12.30.0.pre.alpha.PLAY906multilevelselectedidsprop902

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2e789156f94ae954cd02fd69d7604306f6d645b40e1b9fb9c10b250fe663b658
-  data.tar.gz: 7ed006f7b8b2dcf930ef8e457c664fa7de11ff0ad71d9bb897549f205e91d1a9
+  metadata.gz: 49f8528cad25cd05f84832e0f25109c8b883ebd39f8c6f13aa280edf970d35a1
+  data.tar.gz: a4d864044835a928ae62f6eb273e6badd6bdb0fad224411fee47e640710fb8e0
 SHA512:
-  metadata.gz: 58e09483e4cac927a5cf69b8ea766e33b0883a202e9ab10f6a5f0af9f31a60ee83426d4eaeea17faacc87a2df048d4fa2ad6a5f6597870e867ec42683bf1380b
-  data.tar.gz: 389de65e49bff2d7658209c15cb65b4f1de556bfa7b8994df4fa7112a216e9ae8f1b19184aa0daa57b0a9ec07bbc005fada4c962f9c2623fec55e6b3f5297133
+  metadata.gz: 7dd8e13f209aa88239bcd8346cebb5283f5059f3af871b422d7945a3ce192166cb30f0ccd9a2be1d8e7dbc8ca947f5134f77daae95b9ee95f0259f3a3d40d965
+  data.tar.gz: 060abc1612777aa6f33655c1b1e4e97904b88951a33867e9581e22ecef7e55148c3f2d1e1e36f3da27cdfe458a655f24397c3e38b75058d26931cc7802128f4d

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb

@@ -1,35 +1,41 @@
 <%= pb_rails("icon_circle", props: {
-  icon: "comment",
+  icon: "rocket",
   variant: "royal",
   size: "sm"
 }) %>
+<br />
 <%= pb_rails("icon_circle", props: {
-  icon: "archive",
+  icon: "rocket",
   variant: "orange",
   size: "sm"
 }) %>
+<br />
 <%= pb_rails("icon_circle", props: {
-  icon: "arrow-alt-right",
+  icon: "rocket",
   variant: "purple",
   size: "sm"
 }) %>
+<br />
 <%= pb_rails("icon_circle", props: {
-  icon: "cloud",
+  icon: "rocket",
   variant: "teal",
   size: "sm"
 }) %>
+<br />
 <%= pb_rails("icon_circle", props: {
-  icon: "award",
+  icon: "rocket",
   variant: "red",
   size: "sm"
 }) %>
+<br />
 <%= pb_rails("icon_circle", props: {
-  icon: "bolt",
+  icon: "rocket",
   variant: "yellow",
   size: "sm"
 }) %>
+<br />
 <%= pb_rails("icon_circle", props: {
-  icon: "calendar",
+  icon: "rocket",
   variant: "green",
   size: "sm"
 }) %>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb

@@ -1,3 +1,3 @@
 <%= pb_rails("icon_circle", props: {
-  icon: "user"
+  icon: "rocket"
 }) %>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.html.erb

@@ -0,0 +1,16 @@
+<%= pb_rails("icon_circle", props: {
+  icon: "😁",
+  size:"sm"
+}) %>
+<br />
+<%= pb_rails("icon_circle", props: {
+  icon: "&#128525;",
+  size:"md",
+  variant: "red"
+}) %>
+<br />
+<%= pb_rails("icon_circle", props: {
+  icon: '&#x1F389;',
+  size: "lg",
+  variant: "teal"
+}) %>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.jsx

@@ -0,0 +1,31 @@
+import React from 'react'
+
+import IconCircle from '../_icon_circle'
+
+const IconCircleEmoji = (props) => {
+  return (
+    <div>
+      <IconCircle
+          icon="😁"
+          size="sm"
+          {...props}
+      />
+      <br/>
+      <IconCircle
+          icon="&#128525;"
+          size="md"
+          variant="red"
+          {...props}
+      />
+      <br/>
+      <IconCircle
+          icon="&#x1F389;"
+          size="lg"
+          variant="teal"
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default IconCircleEmoji

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.md

@@ -0,0 +1 @@
+The Icon Circle also allows you to pass in an HTML emoji in place of an icon if needed. To do so, pass any emoji or its hexa/decimal ref (see [here](https://www.w3schools.com/charsets/ref_emoji.asp)) as a string to the `icon` prop as shown in the code snippet below.

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb

@@ -1,24 +1,24 @@
 <%= pb_rails("icon_circle", props: {
-  icon: "comment",
+  icon: "rocket",
   size: "xs"
 }) %>
 <br />
 <%= pb_rails("icon_circle", props: {
-  icon: "comment",
+  icon: "rocket",
   size: "sm"
 }) %>
 <br />
 <%= pb_rails("icon_circle", props: {
-  icon: "comment",
+  icon: "rocket",
   size: "md"
 }) %>
 <br />
 <%= pb_rails("icon_circle", props: {
-  icon: "comment",
+  icon: "rocket",
   size: "lg"
 }) %>
 <br />
 <%= pb_rails("icon_circle", props: {
-  icon: "comment",
+  icon: "rocket",
   size: "xl"
 }) %>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx

@@ -4,6 +4,12 @@ import { IconCircle } from '../..'
 const IconCircleSizes = (props) => {
   return (
     <div>
+      <IconCircle
+          icon="rocket"
+          size="xs"
+          {...props}
+      />
+      <br />
       <IconCircle
           icon="rocket"
           size="sm"

data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml

@@ -4,8 +4,11 @@ examples:
   - icon_circle_default: Default
   - icon_circle_sizes: Size
   - icon_circle_color: Color
+  - icon_circle_emoji: With Emoji
+
 
   react:
   - icon_circle_default: Default
   - icon_circle_sizes: Size
   - icon_circle_color: Color
+  - icon_circle_emoji: With Emoji

data/app/pb_kits/playbook/pb_icon_circle/docs/index.js

@@ -1,3 +1,4 @@
 export { default as IconCircleColor } from './_icon_circle_color.jsx'
 export { default as IconCircleDefault } from './_icon_circle_default.jsx'
 export { default as IconCircleSizes } from './_icon_circle_sizes.jsx'
+export { default as IconCircleEmoji } from './_icon_circle_emoji.jsx'

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md

@@ -1,3 +1,5 @@
 The `returnAllSelected` or `return_all_selected` prop can be used when users want data on all checked nodes from the dropdown, irrespective of whether it is a parent or child node. 
 
-__NOTE__ :This variant also does not automatically uncheck the parent when any of the child nodes are unchecked. `returnAllSelected` is set to false by default. 
+__NOTE__: This variant also does not automatically uncheck the parent when any of the child nodes are unchecked. `returnAllSelected` is set to false by default. 
+
+__NOTE__: For larger trees that may return many pill selections, you can optionally set `input_display: "none"`(for Rails) or `inputDisplay = "none"`(for React) to hide all pills within the input.

data/app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb

@@ -30,19 +30,5 @@
       <td>Value 4</td>
       <td>Value 5</td>
     </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
   </tbody>
 <% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_data_table.md

@@ -0,0 +1 @@
+Tighter spacing in first- and last-child cells of each row for data-heavy tables.