playbook_ui 12.19.0.pre.alpha.movemarkdown639 → 12.20.0.pre.alpha.title2665

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1479) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb +56 -0
  3. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +64 -0
  4. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb +6 -0
  5. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +41 -0
  6. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md +2 -0
  7. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.html.erb +6 -0
  8. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx +47 -0
  9. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.md +2 -0
  10. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb +36 -0
  11. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +53 -0
  12. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md +2 -0
  13. data/app/pb_kits/playbook/pb_avatar/docs/_description.md +2 -0
  14. data/app/pb_kits/playbook/pb_avatar/docs/_footer.md +3 -0
  15. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +11 -0
  16. data/app/pb_kits/playbook/pb_avatar/docs/index.js +4 -0
  17. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +19 -0
  18. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +26 -0
  19. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +10 -0
  20. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +17 -0
  21. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +19 -0
  22. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +16 -0
  23. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +35 -0
  24. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +42 -0
  25. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +13 -0
  26. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +15 -0
  27. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +4 -0
  28. data/app/pb_kits/playbook/pb_background/docs/_background_category.html.erb +23 -0
  29. data/app/pb_kits/playbook/pb_background/docs/_background_category.jsx +119 -0
  30. data/app/pb_kits/playbook/pb_background/docs/_background_category.md +1 -0
  31. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.html.erb +3 -0
  32. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +12 -0
  33. data/app/pb_kits/playbook/pb_background/docs/_background_image.html.erb +61 -0
  34. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +79 -0
  35. data/app/pb_kits/playbook/pb_background/docs/_background_image.md +1 -0
  36. data/app/pb_kits/playbook/pb_background/docs/_background_light.html.erb +3 -0
  37. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +12 -0
  38. data/app/pb_kits/playbook/pb_background/docs/_background_size.html.erb +5 -0
  39. data/app/pb_kits/playbook/pb_background/docs/_background_size.jsx +36 -0
  40. data/app/pb_kits/playbook/pb_background/docs/_background_size.md +3 -0
  41. data/app/pb_kits/playbook/pb_background/docs/_background_status.html.erb +25 -0
  42. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +85 -0
  43. data/app/pb_kits/playbook/pb_background/docs/_background_status.md +1 -0
  44. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.html.erb +11 -0
  45. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +44 -0
  46. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.md +1 -0
  47. data/app/pb_kits/playbook/pb_background/docs/_background_white.html.erb +3 -0
  48. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +15 -0
  49. data/app/pb_kits/playbook/pb_background/docs/_description.md +3 -0
  50. data/app/pb_kits/playbook/pb_background/docs/example.yml +21 -0
  51. data/app/pb_kits/playbook/pb_background/docs/index.js +8 -0
  52. data/app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb +106 -0
  53. data/app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx +160 -0
  54. data/app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb +16 -0
  55. data/app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx +32 -0
  56. data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb +19 -0
  57. data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx +35 -0
  58. data/app/pb_kits/playbook/pb_badge/docs/_description.md +1 -0
  59. data/app/pb_kits/playbook/pb_badge/docs/example.yml +11 -0
  60. data/app/pb_kits/playbook/pb_badge/docs/index.js +3 -0
  61. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb +26 -0
  62. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx +37 -0
  63. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md +2 -0
  64. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb +26 -0
  65. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx +37 -0
  66. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb +26 -0
  67. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx +39 -0
  68. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb +14 -0
  69. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +24 -0
  70. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb +15 -0
  71. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +25 -0
  72. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb +62 -0
  73. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +86 -0
  74. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md +17 -0
  75. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb +20 -0
  76. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx +30 -0
  77. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md +2 -0
  78. data/app/pb_kits/playbook/pb_bar_graph/docs/_description.md +3 -0
  79. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +20 -0
  80. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +7 -0
  81. data/app/pb_kits/playbook/pb_body/docs/_body_articles.html.erb +8 -0
  82. data/app/pb_kits/playbook/pb_body/docs/_body_articles.jsx +20 -0
  83. data/app/pb_kits/playbook/pb_body/docs/_body_articles.md +1 -0
  84. data/app/pb_kits/playbook/pb_body/docs/_body_block.html.erb +3 -0
  85. data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +14 -0
  86. data/app/pb_kits/playbook/pb_body/docs/_body_light.html.erb +28 -0
  87. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +40 -0
  88. data/app/pb_kits/playbook/pb_body/docs/_body_light.md +6 -0
  89. data/app/pb_kits/playbook/pb_body/docs/_body_styled.html.erb +21 -0
  90. data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +32 -0
  91. data/app/pb_kits/playbook/pb_body/docs/_body_styled.md +1 -0
  92. data/app/pb_kits/playbook/pb_body/docs/_description.md +2 -0
  93. data/app/pb_kits/playbook/pb_body/docs/_footer.md +2 -0
  94. data/app/pb_kits/playbook/pb_body/docs/example.yml +11 -0
  95. data/app/pb_kits/playbook/pb_body/docs/index.js +4 -0
  96. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.html.erb +17 -0
  97. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +56 -0
  98. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_description.md +1 -0
  99. data/app/pb_kits/playbook/pb_bread_crumbs/docs/example.yml +7 -0
  100. data/app/pb_kits/playbook/pb_bread_crumbs/docs/index.js +1 -0
  101. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb +1 -0
  102. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +17 -0
  103. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb +4 -0
  104. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +19 -0
  105. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.md +1 -0
  106. data/app/pb_kits/playbook/pb_button/docs/_button_default.html.erb +5 -0
  107. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +40 -0
  108. data/app/pb_kits/playbook/pb_button/docs/_button_default.md +1 -0
  109. data/app/pb_kits/playbook/pb_button/docs/_button_form.html.erb +1 -0
  110. data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx +15 -0
  111. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb +1 -0
  112. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +15 -0
  113. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.md +1 -0
  114. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb +2 -0
  115. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +27 -0
  116. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.md +1 -0
  117. data/app/pb_kits/playbook/pb_button/docs/_button_link.html.erb +4 -0
  118. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +47 -0
  119. data/app/pb_kits/playbook/pb_button/docs/_button_link.md +1 -0
  120. data/app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb +3 -0
  121. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +37 -0
  122. data/app/pb_kits/playbook/pb_button/docs/_button_loading.md +1 -0
  123. data/app/pb_kits/playbook/pb_button/docs/_button_options.html.erb +1 -0
  124. data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx +17 -0
  125. data/app/pb_kits/playbook/pb_button/docs/_button_size.html.erb +3 -0
  126. data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +32 -0
  127. data/app/pb_kits/playbook/pb_button/docs/_button_size.md +1 -0
  128. data/app/pb_kits/playbook/pb_button/docs/_footer.md +2 -0
  129. data/app/pb_kits/playbook/pb_button/docs/example.yml +23 -0
  130. data/app/pb_kits/playbook/pb_button/docs/index.js +10 -0
  131. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb +17 -0
  132. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +52 -0
  133. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb +18 -0
  134. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +62 -0
  135. data/app/pb_kits/playbook/pb_button_toolbar/docs/_description.md +1 -0
  136. data/app/pb_kits/playbook/pb_button_toolbar/docs/example.yml +11 -0
  137. data/app/pb_kits/playbook/pb_button_toolbar/docs/index.js +2 -0
  138. data/app/pb_kits/playbook/pb_caption/docs/_caption_block.html.erb +11 -0
  139. data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +28 -0
  140. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.html.erb +4 -0
  141. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +30 -0
  142. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.md +6 -0
  143. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb +3 -0
  144. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +25 -0
  145. data/app/pb_kits/playbook/pb_caption/docs/_description.md +1 -0
  146. data/app/pb_kits/playbook/pb_caption/docs/_footer.md +2 -0
  147. data/app/pb_kits/playbook/pb_caption/docs/example.yml +10 -0
  148. data/app/pb_kits/playbook/pb_caption/docs/index.js +3 -0
  149. data/app/pb_kits/playbook/pb_card/docs/_card_background.html.erb +44 -0
  150. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +97 -0
  151. data/app/pb_kits/playbook/pb_card/docs/_card_background.md +1 -0
  152. data/app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb +7 -0
  153. data/app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx +17 -0
  154. data/app/pb_kits/playbook/pb_card/docs/_card_border_none.md +1 -0
  155. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius.html.erb +53 -0
  156. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx +71 -0
  157. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius.md +1 -0
  158. data/app/pb_kits/playbook/pb_card/docs/_card_content.html.erb +13 -0
  159. data/app/pb_kits/playbook/pb_card/docs/_card_content.jsx +27 -0
  160. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +70 -0
  161. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +188 -0
  162. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -0
  163. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb +9 -0
  164. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +34 -0
  165. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.md +1 -0
  166. data/app/pb_kits/playbook/pb_card/docs/_card_light.html.erb +4 -0
  167. data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +12 -0
  168. data/app/pb_kits/playbook/pb_card/docs/_card_light.md +1 -0
  169. data/app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb +27 -0
  170. data/app/pb_kits/playbook/pb_card/docs/_card_padding.jsx +54 -0
  171. data/app/pb_kits/playbook/pb_card/docs/_card_selected.html.erb +9 -0
  172. data/app/pb_kits/playbook/pb_card/docs/_card_selected.jsx +19 -0
  173. data/app/pb_kits/playbook/pb_card/docs/_card_separator.html.erb +19 -0
  174. data/app/pb_kits/playbook/pb_card/docs/_card_separator.jsx +35 -0
  175. data/app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb +21 -0
  176. data/app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx +40 -0
  177. data/app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb +25 -0
  178. data/app/pb_kits/playbook/pb_card/docs/_card_tag.jsx +60 -0
  179. data/app/pb_kits/playbook/pb_card/docs/example.yml +27 -0
  180. data/app/pb_kits/playbook/pb_card/docs/index.js +12 -0
  181. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.html.erb +6 -0
  182. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx +19 -0
  183. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.html.erb +3 -0
  184. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx +35 -0
  185. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb +7 -0
  186. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx +19 -0
  187. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb +6 -0
  188. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +18 -0
  189. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +7 -0
  190. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx +74 -0
  191. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb +10 -0
  192. data/app/pb_kits/playbook/pb_checkbox/docs/_description.md +1 -0
  193. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +15 -0
  194. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +5 -0
  195. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb +26 -0
  196. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +43 -0
  197. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb +20 -0
  198. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +31 -0
  199. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.md +2 -0
  200. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb +20 -0
  201. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +31 -0
  202. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md +3 -0
  203. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +19 -0
  204. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +30 -0
  205. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb +136 -0
  206. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx +122 -0
  207. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb +86 -0
  208. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +114 -0
  209. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md +17 -0
  210. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +57 -0
  211. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb +22 -0
  212. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +32 -0
  213. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb +37 -0
  214. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx +47 -0
  215. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb +22 -0
  216. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx +32 -0
  217. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb +38 -0
  218. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx +47 -0
  219. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +28 -0
  220. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +11 -0
  221. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +15 -0
  222. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb +25 -0
  223. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx +39 -0
  224. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +12 -0
  225. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +27 -0
  226. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_description.md +1 -0
  227. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md +2 -0
  228. data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +10 -0
  229. data/app/pb_kits/playbook/pb_circle_icon_button/docs/index.js +3 -0
  230. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +38 -0
  231. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +94 -0
  232. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.html.erb +60 -0
  233. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +98 -0
  234. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md +4 -0
  235. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb +10 -0
  236. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +19 -0
  237. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb +40 -0
  238. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +68 -0
  239. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md +4 -0
  240. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +11 -0
  241. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +3 -0
  242. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb +23 -0
  243. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +35 -0
  244. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb +28 -0
  245. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +40 -0
  246. data/app/pb_kits/playbook/pb_contact/docs/_description.md +1 -0
  247. data/app/pb_kits/playbook/pb_contact/docs/example.yml +10 -0
  248. data/app/pb_kits/playbook/pb_contact/docs/index.js +2 -0
  249. data/app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb +27 -0
  250. data/app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx +44 -0
  251. data/app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb +21 -0
  252. data/app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx +34 -0
  253. data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb +24 -0
  254. data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx +38 -0
  255. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb +7 -0
  256. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx +18 -0
  257. data/app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb +21 -0
  258. data/app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx +34 -0
  259. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb +24 -0
  260. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx +37 -0
  261. data/app/pb_kits/playbook/pb_currency/docs/_description.md +2 -0
  262. data/app/pb_kits/playbook/pb_currency/docs/example.yml +17 -0
  263. data/app/pb_kits/playbook/pb_currency/docs/index.js +6 -0
  264. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.html.erb +23 -0
  265. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx +40 -0
  266. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.html.erb +28 -0
  267. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx +47 -0
  268. data/app/pb_kits/playbook/pb_dashboard_value/docs/_description.md +1 -0
  269. data/app/pb_kits/playbook/pb_dashboard_value/docs/example.yml +8 -0
  270. data/app/pb_kits/playbook/pb_dashboard_value/docs/index.js +2 -0
  271. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb +24 -0
  272. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +35 -0
  273. data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +39 -0
  274. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +59 -0
  275. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb +51 -0
  276. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md +6 -0
  277. data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb +35 -0
  278. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +53 -0
  279. data/app/pb_kits/playbook/pb_date/docs/_description.md +11 -0
  280. data/app/pb_kits/playbook/pb_date/docs/example.yml +14 -0
  281. data/app/pb_kits/playbook/pb_date/docs/index.js +3 -0
  282. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb +1 -0
  283. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx +14 -0
  284. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md +1 -0
  285. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb +23 -0
  286. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -0
  287. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx +14 -0
  288. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +23 -0
  289. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +34 -0
  290. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +5 -0
  291. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb +43 -0
  292. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx +54 -0
  293. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +4 -0
  294. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +15 -0
  295. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb +27 -0
  296. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx +47 -0
  297. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +23 -0
  298. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx +34 -0
  299. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md +1 -0
  300. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.html.erb +4 -0
  301. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.jsx +15 -0
  302. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.html.erb +37 -0
  303. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.jsx +40 -0
  304. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md +1 -0
  305. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +17 -0
  306. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx +26 -0
  307. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.html.erb +26 -0
  308. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx +37 -0
  309. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.md +5 -0
  310. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb +9 -0
  311. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx +20 -0
  312. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md +1 -0
  313. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +14 -0
  314. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx +25 -0
  315. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb +5 -0
  316. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx +18 -0
  317. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md +1 -0
  318. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +37 -0
  319. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md +3 -0
  320. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx +43 -0
  321. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md +3 -0
  322. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb +44 -0
  323. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.jsx +60 -0
  324. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md +9 -0
  325. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb +33 -0
  326. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx +67 -0
  327. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +5 -0
  328. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +16 -0
  329. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb +6 -0
  330. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx +38 -0
  331. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md +1 -0
  332. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb +5 -0
  333. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx +18 -0
  334. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md +1 -0
  335. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb +7 -0
  336. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx +18 -0
  337. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.md +1 -0
  338. data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +9 -0
  339. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +48 -0
  340. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +22 -0
  341. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +33 -0
  342. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +78 -0
  343. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +775 -0
  344. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +116 -0
  345. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss +173 -0
  346. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +68 -0
  347. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss +127 -0
  348. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +47 -0
  349. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +64 -0
  350. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss +127 -0
  351. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb +14 -0
  352. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx +59 -0
  353. data/app/pb_kits/playbook/pb_date_range_inline/docs/_description.md +1 -0
  354. data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +9 -0
  355. data/app/pb_kits/playbook/pb_date_range_inline/docs/index.js +1 -0
  356. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.html.erb +1 -0
  357. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx +14 -0
  358. data/app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml +7 -0
  359. data/app/pb_kits/playbook/pb_date_range_stacked/docs/index.js +1 -0
  360. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb +21 -0
  361. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx +59 -0
  362. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb +5 -0
  363. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx +38 -0
  364. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +5 -0
  365. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +27 -0
  366. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
  367. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx +26 -0
  368. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb +5 -0
  369. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.jsx +29 -0
  370. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.html.erb +5 -0
  371. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.jsx +22 -0
  372. data/app/pb_kits/playbook/pb_date_stacked/docs/_description.md +1 -0
  373. data/app/pb_kits/playbook/pb_date_stacked/docs/_footer.md +2 -0
  374. data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +17 -0
  375. data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +6 -0
  376. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb +17 -0
  377. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx +35 -0
  378. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.html.erb +20 -0
  379. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx +39 -0
  380. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb +26 -0
  381. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx +75 -0
  382. data/app/pb_kits/playbook/pb_date_time/docs/_description.md +1 -0
  383. data/app/pb_kits/playbook/pb_date_time/docs/example.yml +11 -0
  384. data/app/pb_kits/playbook/pb_date_time/docs/index.js +3 -0
  385. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.html.erb +8 -0
  386. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx +32 -0
  387. data/app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml +7 -0
  388. data/app/pb_kits/playbook/pb_date_time_stacked/docs/index.js +1 -0
  389. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb +5 -0
  390. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +22 -0
  391. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.md +1 -0
  392. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_description.md +1 -0
  393. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md +4 -0
  394. data/app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml +7 -0
  395. data/app/pb_kits/playbook/pb_date_year_stacked/docs/index.js +1 -0
  396. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +25 -0
  397. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +56 -0
  398. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +68 -0
  399. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +15 -0
  400. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +54 -0
  401. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md +4 -0
  402. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb +11 -0
  403. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +31 -0
  404. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md +3 -0
  405. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.html.erb +58 -0
  406. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +103 -0
  407. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md +1 -0
  408. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.html.erb +58 -0
  409. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +102 -0
  410. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.md +5 -0
  411. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb +23 -0
  412. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +51 -0
  413. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md +5 -0
  414. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +119 -0
  415. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md +2 -0
  416. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.html.erb +12 -0
  417. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +28 -0
  418. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md +2 -0
  419. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb +29 -0
  420. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +96 -0
  421. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.html.erb +49 -0
  422. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +118 -0
  423. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md +1 -0
  424. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.html.erb +96 -0
  425. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +170 -0
  426. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.md +3 -0
  427. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +24 -0
  428. data/app/pb_kits/playbook/pb_dialog/docs/index.js +10 -0
  429. data/app/pb_kits/playbook/pb_distribution_bar/docs/_description.md +1 -0
  430. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.html.erb +4 -0
  431. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx +18 -0
  432. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.md +1 -0
  433. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.html.erb +9 -0
  434. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx +26 -0
  435. data/app/pb_kits/playbook/pb_distribution_bar/docs/example.yml +11 -0
  436. data/app/pb_kits/playbook/pb_distribution_bar/docs/index.js +2 -0
  437. data/app/pb_kits/playbook/pb_docs/kit_api.html.erb +311 -0
  438. data/app/pb_kits/playbook/pb_docs/kit_api.rb +149 -0
  439. data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +45 -0
  440. data/app/pb_kits/playbook/pb_docs/kit_example.rb +71 -0
  441. data/app/pb_kits/playbook/pb_file_upload/docs/_description.md +7 -0
  442. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +40 -0
  443. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +38 -0
  444. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.md +1 -0
  445. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +40 -0
  446. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +39 -0
  447. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +71 -0
  448. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +10 -0
  449. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +5 -0
  450. data/app/pb_kits/playbook/pb_filter/docs/_description.md +7 -0
  451. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +71 -0
  452. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +130 -0
  453. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb +37 -0
  454. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +69 -0
  455. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.md +1 -0
  456. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +76 -0
  457. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +126 -0
  458. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md +1 -0
  459. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb +31 -0
  460. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +59 -0
  461. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md +1 -0
  462. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +29 -0
  463. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +56 -0
  464. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb +30 -0
  465. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +73 -0
  466. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.md +4 -0
  467. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +36 -0
  468. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +71 -0
  469. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb +11 -0
  470. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx +19 -0
  471. data/app/pb_kits/playbook/pb_filter/docs/example.yml +21 -0
  472. data/app/pb_kits/playbook/pb_filter/docs/index.js +8 -0
  473. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md +2 -0
  474. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx +68 -0
  475. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md +1 -0
  476. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb +21 -0
  477. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx +42 -0
  478. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb +19 -0
  479. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx +40 -0
  480. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +5 -0
  481. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +18 -0
  482. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md +2 -0
  483. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb +90 -0
  484. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.jsx +105 -0
  485. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +14 -0
  486. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js +5 -0
  487. data/app/pb_kits/playbook/pb_flex/docs/_description.md +1 -0
  488. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.html.erb +101 -0
  489. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx +205 -0
  490. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.md +3 -0
  491. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.html.erb +23 -0
  492. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx +64 -0
  493. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.md +3 -0
  494. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb +33 -0
  495. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +75 -0
  496. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.md +9 -0
  497. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb +23 -0
  498. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx +64 -0
  499. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.md +5 -0
  500. data/app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb +73 -0
  501. data/app/pb_kits/playbook/pb_flex/docs/_flex_item.md +14 -0
  502. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.html.erb +89 -0
  503. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +210 -0
  504. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.md +5 -0
  505. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +166 -0
  506. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md +14 -0
  507. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.html.erb +66 -0
  508. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx +157 -0
  509. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.md +3 -0
  510. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.html.erb +23 -0
  511. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx +67 -0
  512. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.md +5 -0
  513. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb +52 -0
  514. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx +118 -0
  515. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.md +3 -0
  516. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.html.erb +35 -0
  517. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx +99 -0
  518. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.md +5 -0
  519. data/app/pb_kits/playbook/pb_flex/docs/example.yml +28 -0
  520. data/app/pb_kits/playbook/pb_flex/docs/index.js +10 -0
  521. data/app/pb_kits/playbook/pb_form/docs/_description.md +6 -0
  522. data/app/pb_kits/playbook/pb_form/docs/_footer.md +2 -0
  523. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +93 -0
  524. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +34 -0
  525. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md +1 -0
  526. data/app/pb_kits/playbook/pb_form/docs/example.yml +5 -0
  527. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb +12 -0
  528. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx +42 -0
  529. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb +6 -0
  530. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx +25 -0
  531. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.html.erb +7 -0
  532. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx +28 -0
  533. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.html.erb +13 -0
  534. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.jsx +46 -0
  535. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.md +1 -0
  536. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +19 -0
  537. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +39 -0
  538. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.html.erb +21 -0
  539. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.jsx +44 -0
  540. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.html.erb +19 -0
  541. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.jsx +37 -0
  542. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.html.erb +42 -0
  543. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx +35 -0
  544. data/app/pb_kits/playbook/pb_form_group/docs/example.yml +22 -0
  545. data/app/pb_kits/playbook/pb_form_group/docs/index.js +7 -0
  546. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb +1 -0
  547. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx +17 -0
  548. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.md +1 -0
  549. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.html.erb +13 -0
  550. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx +25 -0
  551. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.html.erb +1 -0
  552. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx +17 -0
  553. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb +11 -0
  554. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx +25 -0
  555. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +14 -0
  556. data/app/pb_kits/playbook/pb_form_pill/docs/index.js +5 -0
  557. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb +12 -0
  558. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +19 -0
  559. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.md +2 -0
  560. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.html.erb +32 -0
  561. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +101 -0
  562. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.md +1 -0
  563. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb +11 -0
  564. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +18 -0
  565. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb +12 -0
  566. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +19 -0
  567. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.html.erb +14 -0
  568. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +21 -0
  569. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.html.erb +15 -0
  570. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +25 -0
  571. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +43 -0
  572. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb +15 -0
  573. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +22 -0
  574. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md +1 -0
  575. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb +27 -0
  576. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +64 -0
  577. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md +2 -0
  578. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.html.erb +14 -0
  579. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +21 -0
  580. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb +29 -0
  581. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +31 -0
  582. data/app/pb_kits/playbook/pb_gauge/docs/example.yml +27 -0
  583. data/app/pb_kits/playbook/pb_gauge/docs/index.js +11 -0
  584. data/app/pb_kits/playbook/pb_hashtag/docs/_description.md +1 -0
  585. data/app/pb_kits/playbook/pb_hashtag/docs/_footer.md +2 -0
  586. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb +13 -0
  587. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +41 -0
  588. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.html.erb +5 -0
  589. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +26 -0
  590. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.md +1 -0
  591. data/app/pb_kits/playbook/pb_hashtag/docs/example.yml +9 -0
  592. data/app/pb_kits/playbook/pb_hashtag/docs/index.js +2 -0
  593. data/app/pb_kits/playbook/pb_highlight/docs/_description.md +1 -0
  594. data/app/pb_kits/playbook/pb_highlight/docs/_footer.md +2 -0
  595. data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.html.erb +20 -0
  596. data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx +30 -0
  597. data/app/pb_kits/playbook/pb_highlight/docs/example.yml +9 -0
  598. data/app/pb_kits/playbook/pb_highlight/docs/index.js +1 -0
  599. data/app/pb_kits/playbook/pb_home_address_street/docs/_description.md +1 -0
  600. data/app/pb_kits/playbook/pb_home_address_street/docs/_footer.md +2 -0
  601. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb +11 -0
  602. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx +22 -0
  603. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.md +1 -0
  604. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb +27 -0
  605. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +39 -0
  606. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md +2 -0
  607. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb +12 -0
  608. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx +23 -0
  609. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md +1 -0
  610. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.html.erb +7 -0
  611. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx +18 -0
  612. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +14 -0
  613. data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +4 -0
  614. data/app/pb_kits/playbook/pb_icon/docs/_description.md +1 -0
  615. data/app/pb_kits/playbook/pb_icon/docs/_footer.md +2 -0
  616. data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.html.erb +3 -0
  617. data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.jsx +35 -0
  618. data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.md +1 -0
  619. data/app/pb_kits/playbook/pb_icon/docs/_icon_border.html.erb +1 -0
  620. data/app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx +19 -0
  621. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +16 -0
  622. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +34 -0
  623. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.md +19 -0
  624. data/app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb +1 -0
  625. data/app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx +17 -0
  626. data/app/pb_kits/playbook/pb_icon/docs/_icon_flip.html.erb +3 -0
  627. data/app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx +33 -0
  628. data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.html.erb +2 -0
  629. data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.jsx +26 -0
  630. data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.md +1 -0
  631. data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate.html.erb +3 -0
  632. data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate.jsx +33 -0
  633. data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes.html.erb +16 -0
  634. data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx +133 -0
  635. data/app/pb_kits/playbook/pb_icon/docs/example.yml +20 -0
  636. data/app/pb_kits/playbook/pb_icon/docs/index.js +8 -0
  637. data/app/pb_kits/playbook/pb_icon_circle/docs/_description.md +1 -0
  638. data/app/pb_kits/playbook/pb_icon_circle/docs/_footer.md +2 -0
  639. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb +35 -0
  640. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx +60 -0
  641. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md +1 -0
  642. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb +3 -0
  643. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx +17 -0
  644. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb +24 -0
  645. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +34 -0
  646. data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml +11 -0
  647. data/app/pb_kits/playbook/pb_icon_circle/docs/index.js +3 -0
  648. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +49 -0
  649. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +74 -0
  650. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.html.erb +11 -0
  651. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx +27 -0
  652. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.html.erb +20 -0
  653. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx +38 -0
  654. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.html.erb +7 -0
  655. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx +20 -0
  656. data/app/pb_kits/playbook/pb_icon_stat_value/docs/example.yml +15 -0
  657. data/app/pb_kits/playbook/pb_icon_stat_value/docs/index.js +4 -0
  658. data/app/pb_kits/playbook/pb_icon_value/docs/_description.md +1 -0
  659. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.html.erb +20 -0
  660. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx +35 -0
  661. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.html.erb +18 -0
  662. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx +33 -0
  663. data/app/pb_kits/playbook/pb_icon_value/docs/example.yml +9 -0
  664. data/app/pb_kits/playbook/pb_icon_value/docs/index.js +2 -0
  665. data/app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb +76 -0
  666. data/app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx +58 -0
  667. data/app/pb_kits/playbook/pb_image/docs/_default_image.html.erb +13 -0
  668. data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx +60 -0
  669. data/app/pb_kits/playbook/pb_image/docs/_description.md +1 -0
  670. data/app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb +17 -0
  671. data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx +58 -0
  672. data/app/pb_kits/playbook/pb_image/docs/_transition_image.html.erb +54 -0
  673. data/app/pb_kits/playbook/pb_image/docs/_transition_image.jsx +77 -0
  674. data/app/pb_kits/playbook/pb_image/docs/_transition_image.md +1 -0
  675. data/app/pb_kits/playbook/pb_image/docs/example.yml +11 -0
  676. data/app/pb_kits/playbook/pb_image/docs/index.js +4 -0
  677. data/app/pb_kits/playbook/pb_label_pill/docs/_description.md +1 -0
  678. data/app/pb_kits/playbook/pb_label_pill/docs/_footer.md +2 -0
  679. data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.html.erb +40 -0
  680. data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx +58 -0
  681. data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md +1 -0
  682. data/app/pb_kits/playbook/pb_label_pill/docs/example.yml +8 -0
  683. data/app/pb_kits/playbook/pb_label_pill/docs/index.js +1 -0
  684. data/app/pb_kits/playbook/pb_label_value/docs/_description.md +3 -0
  685. data/app/pb_kits/playbook/pb_label_value/docs/_footer.md +2 -0
  686. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb +21 -0
  687. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +35 -0
  688. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.md +1 -0
  689. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.html.erb +39 -0
  690. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx +54 -0
  691. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.md +1 -0
  692. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.html.erb +72 -0
  693. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx +103 -0
  694. data/app/pb_kits/playbook/pb_label_value/docs/example.yml +13 -0
  695. data/app/pb_kits/playbook/pb_label_value/docs/index.js +3 -0
  696. data/app/pb_kits/playbook/pb_layout/docs/_description.md +1 -0
  697. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb +54 -0
  698. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx +31 -0
  699. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.md +1 -0
  700. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.html.erb +19 -0
  701. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx +66 -0
  702. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.md +1 -0
  703. data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.html.erb +24 -0
  704. data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx +71 -0
  705. data/app/pb_kits/playbook/pb_layout/docs/_layout_content.html.erb +28 -0
  706. data/app/pb_kits/playbook/pb_layout/docs/_layout_content.jsx +45 -0
  707. data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.html.erb +140 -0
  708. data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx +1382 -0
  709. data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.html.erb +57 -0
  710. data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx +51 -0
  711. data/app/pb_kits/playbook/pb_layout/docs/_layout_masonry.html.erb +48 -0
  712. data/app/pb_kits/playbook/pb_layout/docs/_layout_masonry.jsx +64 -0
  713. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb +32 -0
  714. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx +93 -0
  715. data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb +8 -0
  716. data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx +26 -0
  717. data/app/pb_kits/playbook/pb_layout/docs/example.yml +21 -0
  718. data/app/pb_kits/playbook/pb_layout/docs/index.js +10 -0
  719. data/app/pb_kits/playbook/pb_legend/docs/_description.md +1 -0
  720. data/app/pb_kits/playbook/pb_legend/docs/_footer.md +2 -0
  721. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb +4 -0
  722. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +29 -0
  723. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.md +2 -0
  724. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.html.erb +3 -0
  725. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +24 -0
  726. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.md +1 -0
  727. data/app/pb_kits/playbook/pb_legend/docs/_legend_default.html.erb +5 -0
  728. data/app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx +22 -0
  729. data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.html.erb +1 -0
  730. data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx +15 -0
  731. data/app/pb_kits/playbook/pb_legend/docs/example.yml +13 -0
  732. data/app/pb_kits/playbook/pb_legend/docs/index.js +4 -0
  733. data/app/pb_kits/playbook/pb_lightbox/docs/_description.md +1 -0
  734. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +74 -0
  735. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.md +1 -0
  736. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +121 -0
  737. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.md +1 -0
  738. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +95 -0
  739. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.md +1 -0
  740. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +64 -0
  741. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.md +1 -0
  742. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +92 -0
  743. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.md +2 -0
  744. data/app/pb_kits/playbook/pb_lightbox/docs/example.yml +8 -0
  745. data/app/pb_kits/playbook/pb_lightbox/docs/index.js +5 -0
  746. data/app/pb_kits/playbook/pb_line_graph/docs/_description.md +3 -0
  747. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb +26 -0
  748. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx +37 -0
  749. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md +2 -0
  750. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb +26 -0
  751. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +37 -0
  752. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb +26 -0
  753. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +38 -0
  754. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb +15 -0
  755. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +24 -0
  756. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb +16 -0
  757. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +24 -0
  758. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb +62 -0
  759. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +83 -0
  760. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md +17 -0
  761. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +18 -0
  762. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +6 -0
  763. data/app/pb_kits/playbook/pb_list/docs/_description.md +9 -0
  764. data/app/pb_kits/playbook/pb_list/docs/_list_borderless.html.erb +7 -0
  765. data/app/pb_kits/playbook/pb_list/docs/_list_borderless.jsx +23 -0
  766. data/app/pb_kits/playbook/pb_list/docs/_list_default.html.erb +7 -0
  767. data/app/pb_kits/playbook/pb_list/docs/_list_default.jsx +18 -0
  768. data/app/pb_kits/playbook/pb_list/docs/_list_layout_left.html.erb +8 -0
  769. data/app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx +89 -0
  770. data/app/pb_kits/playbook/pb_list/docs/_list_layout_right.html.erb +8 -0
  771. data/app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx +88 -0
  772. data/app/pb_kits/playbook/pb_list/docs/_list_lg.html.erb +7 -0
  773. data/app/pb_kits/playbook/pb_list/docs/_list_lg.jsx +23 -0
  774. data/app/pb_kits/playbook/pb_list/docs/_list_ordered.html.erb +7 -0
  775. data/app/pb_kits/playbook/pb_list/docs/_list_ordered.jsx +23 -0
  776. data/app/pb_kits/playbook/pb_list/docs/_list_xpadding.html.erb +7 -0
  777. data/app/pb_kits/playbook/pb_list/docs/_list_xpadding.jsx +23 -0
  778. data/app/pb_kits/playbook/pb_list/docs/example.yml +18 -0
  779. data/app/pb_kits/playbook/pb_list/docs/index.js +7 -0
  780. data/app/pb_kits/playbook/pb_loading_inline/docs/_description.md +1 -0
  781. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.html.erb +9 -0
  782. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx +23 -0
  783. data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +9 -0
  784. data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +1 -0
  785. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +74 -0
  786. data/app/pb_kits/playbook/pb_map/docs/_map_default.md +13 -0
  787. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +88 -0
  788. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.md +8 -0
  789. data/app/pb_kits/playbook/pb_map/docs/example.yml +6 -0
  790. data/app/pb_kits/playbook/pb_map/docs/index.js +2 -0
  791. data/app/pb_kits/playbook/pb_message/docs/_description.md +1 -0
  792. data/app/pb_kits/playbook/pb_message/docs/_footer.md +2 -0
  793. data/app/pb_kits/playbook/pb_message/docs/_message_default.html.erb +76 -0
  794. data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +100 -0
  795. data/app/pb_kits/playbook/pb_message/docs/_message_default.md +1 -0
  796. data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb +18 -0
  797. data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx +32 -0
  798. data/app/pb_kits/playbook/pb_message/docs/example.yml +11 -0
  799. data/app/pb_kits/playbook/pb_message/docs/index.js +2 -0
  800. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +1 -2
  801. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +22 -7
  802. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +72 -0
  803. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +86 -0
  804. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +5 -0
  805. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +71 -0
  806. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +87 -0
  807. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md +3 -0
  808. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +9 -0
  809. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +2 -0
  810. data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +32 -5
  811. data/app/pb_kits/playbook/pb_multiple_users/docs/_description.md +1 -0
  812. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb +39 -0
  813. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +52 -0
  814. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb +41 -0
  815. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +54 -0
  816. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb +95 -0
  817. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +108 -0
  818. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md +1 -0
  819. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +12 -0
  820. data/app/pb_kits/playbook/pb_multiple_users/docs/index.js +3 -0
  821. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md +1 -0
  822. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb +50 -0
  823. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx +63 -0
  824. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +8 -0
  825. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +1 -0
  826. data/app/pb_kits/playbook/pb_nav/docs/_block_nav.html.erb +42 -0
  827. data/app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx +66 -0
  828. data/app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.html.erb +7 -0
  829. data/app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx +47 -0
  830. data/app/pb_kits/playbook/pb_nav/docs/_bold_horizontal_nav.html.erb +6 -0
  831. data/app/pb_kits/playbook/pb_nav/docs/_bold_horizontal_nav.jsx +39 -0
  832. data/app/pb_kits/playbook/pb_nav/docs/_bold_vertical_nav.html.erb +6 -0
  833. data/app/pb_kits/playbook/pb_nav/docs/_bold_vertical_nav.jsx +39 -0
  834. data/app/pb_kits/playbook/pb_nav/docs/_borderless_nav.html.erb +6 -0
  835. data/app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx +34 -0
  836. data/app/pb_kits/playbook/pb_nav/docs/_default_nav.html.erb +6 -0
  837. data/app/pb_kits/playbook/pb_nav/docs/_default_nav.jsx +37 -0
  838. data/app/pb_kits/playbook/pb_nav/docs/_description.md +1 -0
  839. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb +6 -0
  840. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx +38 -0
  841. data/app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb +6 -0
  842. data/app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx +40 -0
  843. data/app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.html.erb +6 -0
  844. data/app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx +34 -0
  845. data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb +6 -0
  846. data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx +39 -0
  847. data/app/pb_kits/playbook/pb_nav/docs/_subtle_nav.html.erb +8 -0
  848. data/app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx +44 -0
  849. data/app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.html.erb +5 -0
  850. data/app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.jsx +33 -0
  851. data/app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.html.erb +9 -0
  852. data/app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx +58 -0
  853. data/app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb +7 -0
  854. data/app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx +49 -0
  855. data/app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb +7 -0
  856. data/app/pb_kits/playbook/pb_nav/docs/_with_img_nav.jsx +49 -0
  857. data/app/pb_kits/playbook/pb_nav/docs/_with_img_nav.md +1 -0
  858. data/app/pb_kits/playbook/pb_nav/docs/example.yml +34 -0
  859. data/app/pb_kits/playbook/pb_nav/docs/index.js +15 -0
  860. data/app/pb_kits/playbook/pb_online_status/docs/_description.md +1 -0
  861. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb +9 -0
  862. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +29 -0
  863. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +8 -0
  864. data/app/pb_kits/playbook/pb_online_status/docs/index.js +1 -0
  865. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +1 -0
  866. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.md +6 -0
  867. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +6 -0
  868. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb +145 -0
  869. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +149 -0
  870. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.md +12 -0
  871. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.html.erb +136 -0
  872. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +117 -0
  873. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.md +5 -0
  874. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.html.erb +51 -0
  875. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx +39 -0
  876. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.html.erb +1 -0
  877. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.jsx +19 -0
  878. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.html.erb +16 -0
  879. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.jsx +57 -0
  880. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.md +1 -0
  881. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb +323 -0
  882. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +157 -0
  883. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md +15 -0
  884. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb +123 -0
  885. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +112 -0
  886. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.md +7 -0
  887. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_tips.html.erb +26 -0
  888. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_tips.jsx +55 -0
  889. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_tips.md +1 -0
  890. data/app/pb_kits/playbook/pb_passphrase/docs/example.yml +21 -0
  891. data/app/pb_kits/playbook/pb_passphrase/docs/index.js +8 -0
  892. data/app/pb_kits/playbook/pb_person/docs/_description.md +1 -0
  893. data/app/pb_kits/playbook/pb_person/docs/_footer.md +3 -0
  894. data/app/pb_kits/playbook/pb_person/docs/_person_default.html.erb +5 -0
  895. data/app/pb_kits/playbook/pb_person/docs/_person_default.jsx +15 -0
  896. data/app/pb_kits/playbook/pb_person/docs/_person_default.md +1 -0
  897. data/app/pb_kits/playbook/pb_person/docs/example.yml +9 -0
  898. data/app/pb_kits/playbook/pb_person/docs/index.js +1 -0
  899. data/app/pb_kits/playbook/pb_person_contact/docs/_description.md +1 -0
  900. data/app/pb_kits/playbook/pb_person_contact/docs/_footer.md +3 -0
  901. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.html.erb +17 -0
  902. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.jsx +30 -0
  903. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_multiple.html.erb +27 -0
  904. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_multiple.jsx +40 -0
  905. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_detail.html.erb +19 -0
  906. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_detail.jsx +32 -0
  907. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.html.erb +21 -0
  908. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.jsx +35 -0
  909. data/app/pb_kits/playbook/pb_person_contact/docs/example.yml +14 -0
  910. data/app/pb_kits/playbook/pb_person_contact/docs/index.js +4 -0
  911. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb +3 -0
  912. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +12 -0
  913. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md +1 -0
  914. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb +3 -0
  915. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx +14 -0
  916. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md +1 -0
  917. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.html.erb +4 -0
  918. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +14 -0
  919. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.md +1 -0
  920. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb +4 -0
  921. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx +14 -0
  922. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md +1 -0
  923. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +13 -0
  924. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +4 -0
  925. data/app/pb_kits/playbook/pb_pill/docs/_description.md +1 -0
  926. data/app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb +1 -0
  927. data/app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx +15 -0
  928. data/app/pb_kits/playbook/pb_pill/docs/_pill_example.html.erb +1 -0
  929. data/app/pb_kits/playbook/pb_pill/docs/_pill_example.jsx +17 -0
  930. data/app/pb_kits/playbook/pb_pill/docs/_pill_example.md +1 -0
  931. data/app/pb_kits/playbook/pb_pill/docs/_pill_variants.html.erb +6 -0
  932. data/app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx +45 -0
  933. data/app/pb_kits/playbook/pb_pill/docs/example.yml +13 -0
  934. data/app/pb_kits/playbook/pb_pill/docs/index.js +3 -0
  935. data/app/pb_kits/playbook/pb_popover/docs/_description.md +13 -0
  936. data/app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb +42 -0
  937. data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +102 -0
  938. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb +21 -0
  939. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +44 -0
  940. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +35 -0
  941. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +58 -0
  942. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.md +1 -0
  943. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.html.erb +24 -0
  944. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +62 -0
  945. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.html.erb +14 -0
  946. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +53 -0
  947. data/app/pb_kits/playbook/pb_popover/docs/example.yml +15 -0
  948. data/app/pb_kits/playbook/pb_popover/docs/index.js +5 -0
  949. data/app/pb_kits/playbook/pb_progress_pills/docs/_description.md +3 -0
  950. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -0
  951. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +17 -0
  952. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb +1 -0
  953. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx +19 -0
  954. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +11 -0
  955. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +2 -0
  956. data/app/pb_kits/playbook/pb_progress_simple/docs/_description.md +1 -0
  957. data/app/pb_kits/playbook/pb_progress_simple/docs/_footer.md +2 -0
  958. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.html.erb +5 -0
  959. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx +28 -0
  960. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.html.erb +1 -0
  961. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx +12 -0
  962. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.html.erb +1 -0
  963. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx +15 -0
  964. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.html.erb +5 -0
  965. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx +20 -0
  966. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.html.erb +14 -0
  967. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +33 -0
  968. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.md +1 -0
  969. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.html.erb +1 -0
  970. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx +15 -0
  971. data/app/pb_kits/playbook/pb_progress_simple/docs/example.yml +20 -0
  972. data/app/pb_kits/playbook/pb_progress_simple/docs/index.js +7 -0
  973. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +5 -0
  974. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb +12 -0
  975. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +45 -0
  976. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +31 -0
  977. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb +59 -0
  978. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb +27 -0
  979. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx +42 -0
  980. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx +52 -0
  981. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +39 -0
  982. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx +48 -0
  983. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +13 -0
  984. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +4 -0
  985. data/app/pb_kits/playbook/pb_radio/docs/_description.md +1 -0
  986. data/app/pb_kits/playbook/pb_radio/docs/_footer.md +2 -0
  987. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.html.erb +27 -0
  988. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +36 -0
  989. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb +21 -0
  990. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx +66 -0
  991. data/app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb +24 -0
  992. data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx +34 -0
  993. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb +6 -0
  994. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +16 -0
  995. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.md +1 -0
  996. data/app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb +9 -0
  997. data/app/pb_kits/playbook/pb_radio/docs/example.yml +14 -0
  998. data/app/pb_kits/playbook/pb_radio/docs/index.js +4 -0
  999. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_description.md +1 -0
  1000. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx +36 -0
  1001. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.md +4 -0
  1002. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb +5 -0
  1003. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +15 -0
  1004. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb +1 -0
  1005. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +19 -0
  1006. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +3 -0
  1007. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +17 -0
  1008. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb +6 -0
  1009. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +16 -0
  1010. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +25 -0
  1011. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +46 -0
  1012. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +1 -0
  1013. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +13 -0
  1014. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +1 -0
  1015. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +15 -0
  1016. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb +115 -0
  1017. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +41 -0
  1018. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb +4 -0
  1019. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +14 -0
  1020. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +24 -0
  1021. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +10 -0
  1022. data/app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js +75 -0
  1023. data/app/pb_kits/playbook/pb_section_separator/docs/_description.md +1 -0
  1024. data/app/pb_kits/playbook/pb_section_separator/docs/_footer.md +2 -0
  1025. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb +1 -0
  1026. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx +14 -0
  1027. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb +1 -0
  1028. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +13 -0
  1029. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.html.erb +13 -0
  1030. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx +35 -0
  1031. data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +12 -0
  1032. data/app/pb_kits/playbook/pb_section_separator/docs/index.js +3 -0
  1033. data/app/pb_kits/playbook/pb_select/docs/_description.md +1 -0
  1034. data/app/pb_kits/playbook/pb_select/docs/_footer.md +2 -0
  1035. data/app/pb_kits/playbook/pb_select/docs/_select_blank.html.erb +19 -0
  1036. data/app/pb_kits/playbook/pb_select/docs/_select_blank.jsx +26 -0
  1037. data/app/pb_kits/playbook/pb_select/docs/_select_custom_select.html.erb +8 -0
  1038. data/app/pb_kits/playbook/pb_select/docs/_select_custom_select.jsx +27 -0
  1039. data/app/pb_kits/playbook/pb_select/docs/_select_default.html.erb +23 -0
  1040. data/app/pb_kits/playbook/pb_select/docs/_select_default.jsx +33 -0
  1041. data/app/pb_kits/playbook/pb_select/docs/_select_disabled.html.erb +19 -0
  1042. data/app/pb_kits/playbook/pb_select/docs/_select_disabled.jsx +26 -0
  1043. data/app/pb_kits/playbook/pb_select/docs/_select_disabled_options.html.erb +33 -0
  1044. data/app/pb_kits/playbook/pb_select/docs/_select_disabled_options.jsx +48 -0
  1045. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +24 -0
  1046. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +39 -0
  1047. data/app/pb_kits/playbook/pb_select/docs/_select_error.md +1 -0
  1048. data/app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb +23 -0
  1049. data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +37 -0
  1050. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb +24 -0
  1051. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +38 -0
  1052. data/app/pb_kits/playbook/pb_select/docs/_select_required.html.erb +17 -0
  1053. data/app/pb_kits/playbook/pb_select/docs/_select_required.jsx +26 -0
  1054. data/app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb +18 -0
  1055. data/app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx +25 -0
  1056. data/app/pb_kits/playbook/pb_select/docs/example.yml +27 -0
  1057. data/app/pb_kits/playbook/pb_select/docs/index.js +10 -0
  1058. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +9 -4
  1059. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +5 -3
  1060. data/app/pb_kits/playbook/pb_selectable_card/docs/_description.md +1 -0
  1061. data/app/pb_kits/playbook/pb_selectable_card/docs/_footer.md +2 -0
  1062. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.html.erb +25 -0
  1063. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.jsx +56 -0
  1064. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.md +1 -0
  1065. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb +39 -0
  1066. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx +63 -0
  1067. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md +1 -0
  1068. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.html.erb +36 -0
  1069. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx +58 -0
  1070. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb +27 -0
  1071. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx +54 -0
  1072. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md +1 -0
  1073. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.html.erb +105 -0
  1074. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.jsx +167 -0
  1075. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.md +1 -0
  1076. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_options.html.erb +16 -0
  1077. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.html.erb +30 -0
  1078. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx +53 -0
  1079. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.md +2 -0
  1080. data/app/pb_kits/playbook/pb_selectable_card/docs/example.yml +19 -0
  1081. data/app/pb_kits/playbook/pb_selectable_card/docs/index.js +6 -0
  1082. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +2 -1
  1083. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb +29 -0
  1084. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx +45 -0
  1085. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb +26 -0
  1086. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx +41 -0
  1087. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_options.html.erb +16 -0
  1088. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb +27 -0
  1089. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx +44 -0
  1090. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml +14 -0
  1091. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js +3 -0
  1092. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb +23 -0
  1093. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +40 -0
  1094. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_options.html.erb +15 -0
  1095. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb +27 -0
  1096. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +47 -0
  1097. data/app/pb_kits/playbook/pb_selectable_icon/docs/example.yml +11 -0
  1098. data/app/pb_kits/playbook/pb_selectable_icon/docs/index.js +2 -0
  1099. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb +27 -0
  1100. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +32 -0
  1101. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb +27 -0
  1102. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +32 -0
  1103. data/app/pb_kits/playbook/pb_selectable_list/docs/example.yml +12 -0
  1104. data/app/pb_kits/playbook/pb_selectable_list/docs/index.js +2 -0
  1105. data/app/pb_kits/playbook/pb_source/docs/_description.md +1 -0
  1106. data/app/pb_kits/playbook/pb_source/docs/_source_default.html.erb +25 -0
  1107. data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx +41 -0
  1108. data/app/pb_kits/playbook/pb_source/docs/_source_noicon.html.erb +26 -0
  1109. data/app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx +44 -0
  1110. data/app/pb_kits/playbook/pb_source/docs/_source_types.html.erb +63 -0
  1111. data/app/pb_kits/playbook/pb_source/docs/_source_types.jsx +94 -0
  1112. data/app/pb_kits/playbook/pb_source/docs/example.yml +12 -0
  1113. data/app/pb_kits/playbook/pb_source/docs/index.js +5 -0
  1114. data/app/pb_kits/playbook/pb_star_rating/docs/_description.md +1 -0
  1115. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb +13 -0
  1116. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +32 -0
  1117. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb +1 -0
  1118. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +15 -0
  1119. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +9 -0
  1120. data/app/pb_kits/playbook/pb_star_rating/docs/index.js +3 -0
  1121. data/app/pb_kits/playbook/pb_stat_change/docs/_description.md +1 -0
  1122. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb +18 -0
  1123. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +32 -0
  1124. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb +17 -0
  1125. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +31 -0
  1126. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb +20 -0
  1127. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +34 -0
  1128. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md +1 -0
  1129. data/app/pb_kits/playbook/pb_stat_change/docs/example.yml +11 -0
  1130. data/app/pb_kits/playbook/pb_stat_change/docs/index.js +3 -0
  1131. data/app/pb_kits/playbook/pb_stat_value/docs/_description.md +1 -0
  1132. data/app/pb_kits/playbook/pb_stat_value/docs/_footer.md +2 -0
  1133. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.html.erb +3 -0
  1134. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx +22 -0
  1135. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.md +1 -0
  1136. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.html.erb +3 -0
  1137. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.md +2 -0
  1138. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.html.erb +1 -0
  1139. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.jsx +14 -0
  1140. data/app/pb_kits/playbook/pb_stat_value/docs/example.yml +11 -0
  1141. data/app/pb_kits/playbook/pb_stat_value/docs/index.js +2 -0
  1142. data/app/pb_kits/playbook/pb_table/docs/_description.md +2 -0
  1143. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb +34 -0
  1144. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx +75 -0
  1145. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.md +2 -0
  1146. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.html.erb +34 -0
  1147. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +46 -0
  1148. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md +2 -0
  1149. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.html.erb +34 -0
  1150. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +46 -0
  1151. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md +2 -0
  1152. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb +63 -0
  1153. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +79 -0
  1154. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md +2 -0
  1155. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +52 -0
  1156. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +64 -0
  1157. data/app/pb_kits/playbook/pb_table/docs/_table_container.html.erb +34 -0
  1158. data/app/pb_kits/playbook/pb_table/docs/_table_container.jsx +48 -0
  1159. data/app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb +48 -0
  1160. data/app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx +47 -0
  1161. data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb +34 -0
  1162. data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx +48 -0
  1163. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb +61 -0
  1164. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx +111 -0
  1165. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.md +1 -0
  1166. data/app/pb_kits/playbook/pb_table/docs/_table_lg.html.erb +34 -0
  1167. data/app/pb_kits/playbook/pb_table/docs/_table_lg.jsx +47 -0
  1168. data/app/pb_kits/playbook/pb_table/docs/_table_lg.md +1 -0
  1169. data/app/pb_kits/playbook/pb_table/docs/_table_md.html.erb +34 -0
  1170. data/app/pb_kits/playbook/pb_table/docs/_table_md.jsx +47 -0
  1171. data/app/pb_kits/playbook/pb_table/docs/_table_md.md +1 -0
  1172. data/app/pb_kits/playbook/pb_table/docs/_table_multiline.html.erb +34 -0
  1173. data/app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx +77 -0
  1174. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb +34 -0
  1175. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx +75 -0
  1176. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.md +2 -0
  1177. data/app/pb_kits/playbook/pb_table/docs/_table_responsive_table.html.erb +99 -0
  1178. data/app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx +131 -0
  1179. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.html.erb +129 -0
  1180. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +187 -0
  1181. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.md +3 -0
  1182. data/app/pb_kits/playbook/pb_table/docs/_table_single_line.html.erb +48 -0
  1183. data/app/pb_kits/playbook/pb_table/docs/_table_single_line.jsx +78 -0
  1184. data/app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb +34 -0
  1185. data/app/pb_kits/playbook/pb_table/docs/_table_sm.jsx +47 -0
  1186. data/app/pb_kits/playbook/pb_table/docs/_table_sm.md +3 -0
  1187. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb +83 -0
  1188. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx +94 -0
  1189. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.md +10 -0
  1190. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb +43 -0
  1191. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx +90 -0
  1192. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.md +1 -0
  1193. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb +34 -0
  1194. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx +70 -0
  1195. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.md +1 -0
  1196. data/app/pb_kits/playbook/pb_table/docs/_table_vertical_border.html.erb +34 -0
  1197. data/app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx +48 -0
  1198. data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb +41 -0
  1199. data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx +62 -0
  1200. data/app/pb_kits/playbook/pb_table/docs/example.yml +48 -0
  1201. data/app/pb_kits/playbook/pb_table/docs/index.js +22 -0
  1202. data/app/pb_kits/playbook/pb_table/styles/_alignment.scss +32 -0
  1203. data/app/pb_kits/playbook/pb_table/styles/_all.scss +19 -0
  1204. data/app/pb_kits/playbook/pb_table/styles/_content.scss +13 -0
  1205. data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +125 -0
  1206. data/app/pb_kits/playbook/pb_table/styles/_headers.scss +16 -0
  1207. data/app/pb_kits/playbook/pb_table/styles/_hover.scss +74 -0
  1208. data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +125 -0
  1209. data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +125 -0
  1210. data/app/pb_kits/playbook/pb_table/styles/_reset.scss +17 -0
  1211. data/app/pb_kits/playbook/pb_table/styles/_side_highlight.scss +24 -0
  1212. data/app/pb_kits/playbook/pb_table/styles/_single-line.scss +34 -0
  1213. data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +23 -0
  1214. data/app/pb_kits/playbook/pb_table/styles/_structure.scss +50 -0
  1215. data/app/pb_kits/playbook/pb_table/styles/_table-card.scss +62 -0
  1216. data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +100 -0
  1217. data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +125 -0
  1218. data/app/pb_kits/playbook/pb_table/styles/_variables.scss +26 -0
  1219. data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +16 -0
  1220. data/app/pb_kits/playbook/pb_text_input/docs/_description.md +2 -0
  1221. data/app/pb_kits/playbook/pb_text_input/docs/_footer.md +2 -0
  1222. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb +25 -0
  1223. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +83 -0
  1224. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb +3 -0
  1225. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx +29 -0
  1226. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb +31 -0
  1227. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +102 -0
  1228. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb +1 -0
  1229. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx +20 -0
  1230. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +21 -0
  1231. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +35 -0
  1232. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md +1 -0
  1233. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb +5 -0
  1234. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx +23 -0
  1235. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb +4 -0
  1236. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx +23 -0
  1237. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +17 -0
  1238. data/app/pb_kits/playbook/pb_text_input/docs/index.js +7 -0
  1239. data/app/pb_kits/playbook/pb_textarea/docs/_description.md +1 -0
  1240. data/app/pb_kits/playbook/pb_textarea/docs/_footer.md +2 -0
  1241. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.html.erb +68 -0
  1242. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.jsx +88 -0
  1243. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.html.erb +3 -0
  1244. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx +24 -0
  1245. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb +9 -0
  1246. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx +41 -0
  1247. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +1 -0
  1248. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +25 -0
  1249. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.md +1 -0
  1250. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_inline.html.erb +6 -0
  1251. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_inline.jsx +24 -0
  1252. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.html.erb +13 -0
  1253. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx +45 -0
  1254. data/app/pb_kits/playbook/pb_textarea/docs/example.yml +17 -0
  1255. data/app/pb_kits/playbook/pb_textarea/docs/index.js +6 -0
  1256. data/app/pb_kits/playbook/pb_time/docs/_description.md +1 -0
  1257. data/app/pb_kits/playbook/pb_time/docs/_footer.md +2 -0
  1258. data/app/pb_kits/playbook/pb_time/docs/_time_align.html.erb +18 -0
  1259. data/app/pb_kits/playbook/pb_time/docs/_time_align.jsx +30 -0
  1260. data/app/pb_kits/playbook/pb_time/docs/_time_default.html.erb +62 -0
  1261. data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +67 -0
  1262. data/app/pb_kits/playbook/pb_time/docs/_time_default.md +1 -0
  1263. data/app/pb_kits/playbook/pb_time/docs/_time_sizes.html.erb +11 -0
  1264. data/app/pb_kits/playbook/pb_time/docs/_time_sizes.jsx +22 -0
  1265. data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb +18 -0
  1266. data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +24 -0
  1267. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb +38 -0
  1268. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx +62 -0
  1269. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.md +11 -0
  1270. data/app/pb_kits/playbook/pb_time/docs/example.yml +15 -0
  1271. data/app/pb_kits/playbook/pb_time/docs/index.js +5 -0
  1272. data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.html.erb +64 -0
  1273. data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx +81 -0
  1274. data/app/pb_kits/playbook/pb_time_range_inline/docs/example.yml +8 -0
  1275. data/app/pb_kits/playbook/pb_time_range_inline/docs/index.js +1 -0
  1276. data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.html.erb +18 -0
  1277. data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.jsx +30 -0
  1278. data/app/pb_kits/playbook/pb_time_stacked/docs/example.yml +8 -0
  1279. data/app/pb_kits/playbook/pb_time_stacked/docs/index.js +1 -0
  1280. data/app/pb_kits/playbook/pb_timeline/docs/_description.md +3 -0
  1281. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb +43 -0
  1282. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx +87 -0
  1283. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb +43 -0
  1284. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx +87 -0
  1285. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb +67 -0
  1286. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx +147 -0
  1287. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md +1 -0
  1288. data/app/pb_kits/playbook/pb_timeline/docs/example.yml +13 -0
  1289. data/app/pb_kits/playbook/pb_timeline/docs/index.js +3 -0
  1290. data/app/pb_kits/playbook/pb_timestamp/docs/_description.md +1 -0
  1291. data/app/pb_kits/playbook/pb_timestamp/docs/_footer.md +2 -0
  1292. data/app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md +1 -0
  1293. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb +93 -0
  1294. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx +128 -0
  1295. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +29 -0
  1296. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +54 -0
  1297. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +23 -0
  1298. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +45 -0
  1299. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb +79 -0
  1300. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx +106 -0
  1301. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb +14 -0
  1302. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx +29 -0
  1303. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +15 -0
  1304. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +5 -0
  1305. data/app/pb_kits/playbook/pb_title/_title.scss +1 -0
  1306. data/app/pb_kits/playbook/pb_title/docs/_description.md +2 -0
  1307. data/app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb +4 -0
  1308. data/app/pb_kits/playbook/pb_title/docs/_title_colors.jsx +37 -0
  1309. data/app/pb_kits/playbook/pb_title/docs/_title_colors.md +6 -0
  1310. data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +11 -0
  1311. data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +41 -0
  1312. data/app/pb_kits/playbook/pb_title/docs/_title_default.md +3 -0
  1313. data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb +1 -0
  1314. data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx +19 -0
  1315. data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.md +4 -0
  1316. data/app/pb_kits/playbook/pb_title/docs/example.yml +10 -0
  1317. data/app/pb_kits/playbook/pb_title/docs/index.js +3 -0
  1318. data/app/pb_kits/playbook/pb_title_count/docs/_description.md +1 -0
  1319. data/app/pb_kits/playbook/pb_title_count/docs/_footer.md +2 -0
  1320. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb +20 -0
  1321. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx +35 -0
  1322. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_default.html.erb +20 -0
  1323. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx +35 -0
  1324. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md +1 -0
  1325. data/app/pb_kits/playbook/pb_title_count/docs/example.yml +8 -0
  1326. data/app/pb_kits/playbook/pb_title_count/docs/index.js +2 -0
  1327. data/app/pb_kits/playbook/pb_title_detail/docs/_description.md +1 -0
  1328. data/app/pb_kits/playbook/pb_title_detail/docs/_footer.md +2 -0
  1329. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb +16 -0
  1330. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx +30 -0
  1331. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md +1 -0
  1332. data/app/pb_kits/playbook/pb_title_detail/docs/example.yml +7 -0
  1333. data/app/pb_kits/playbook/pb_title_detail/docs/index.js +1 -0
  1334. data/app/pb_kits/playbook/pb_toggle/docs/_description.md +1 -0
  1335. data/app/pb_kits/playbook/pb_toggle/docs/_footer.md +3 -0
  1336. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.html.erb +3 -0
  1337. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +31 -0
  1338. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.html.erb +22 -0
  1339. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +72 -0
  1340. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb +9 -0
  1341. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +20 -0
  1342. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb +21 -0
  1343. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +57 -0
  1344. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb +10 -0
  1345. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +15 -0
  1346. data/app/pb_kits/playbook/pb_toggle/docs/index.js +4 -0
  1347. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +46 -0
  1348. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +60 -0
  1349. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md +5 -0
  1350. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +56 -0
  1351. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md +5 -0
  1352. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb +10 -0
  1353. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx +52 -0
  1354. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md +1 -0
  1355. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +40 -0
  1356. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md +1 -0
  1357. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +39 -0
  1358. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.md +3 -0
  1359. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb +17 -0
  1360. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md +3 -0
  1361. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb +9 -0
  1362. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +13 -0
  1363. data/app/pb_kits/playbook/pb_tooltip/docs/index.js +5 -0
  1364. data/app/pb_kits/playbook/pb_treemap_chart/docs/_description.md +5 -0
  1365. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb +37 -0
  1366. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx +48 -0
  1367. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md +2 -0
  1368. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb +37 -0
  1369. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx +47 -0
  1370. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md +3 -0
  1371. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb +79 -0
  1372. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx +90 -0
  1373. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md +1 -0
  1374. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb +54 -0
  1375. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx +65 -0
  1376. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md +3 -0
  1377. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb +37 -0
  1378. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx +48 -0
  1379. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md +3 -0
  1380. data/app/pb_kits/playbook/pb_treemap_chart/docs/example.yml +15 -0
  1381. data/app/pb_kits/playbook/pb_treemap_chart/docs/index.js +5 -0
  1382. data/app/pb_kits/playbook/pb_typeahead/{_typeahead.jsx → _typeahead.tsx} +24 -12
  1383. data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx +18 -0
  1384. data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +28 -0
  1385. data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.tsx +11 -0
  1386. data/app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx +10 -0
  1387. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +66 -0
  1388. data/app/pb_kits/playbook/pb_typeahead/components/Option.tsx +37 -0
  1389. data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx +26 -0
  1390. data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx +11 -0
  1391. data/app/pb_kits/playbook/pb_typeahead/docs/_description.md +1 -0
  1392. data/app/pb_kits/playbook/pb_typeahead/docs/_footer.md +2 -0
  1393. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +58 -0
  1394. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +25 -0
  1395. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb +63 -0
  1396. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx +24 -0
  1397. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +19 -0
  1398. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +39 -0
  1399. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md +1 -0
  1400. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb +36 -0
  1401. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx +44 -0
  1402. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb +35 -0
  1403. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx +45 -0
  1404. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb +59 -0
  1405. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +98 -0
  1406. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb +31 -0
  1407. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +27 -0
  1408. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.md +24 -0
  1409. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb +46 -0
  1410. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +101 -0
  1411. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md +19 -0
  1412. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +111 -0
  1413. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.md +1 -0
  1414. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb +25 -0
  1415. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +103 -0
  1416. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md +1 -0
  1417. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb +30 -0
  1418. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.md +1 -0
  1419. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +24 -0
  1420. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +11 -0
  1421. data/app/pb_kits/playbook/pb_typeahead/{index.js → index.ts} +37 -29
  1422. data/app/pb_kits/playbook/pb_typeahead/types.d.ts +2 -0
  1423. data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
  1424. data/app/pb_kits/playbook/pb_user/docs/_description.md +1 -0
  1425. data/app/pb_kits/playbook/pb_user/docs/_footer.md +0 -0
  1426. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_rails.html.erb +36 -0
  1427. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_rails.md +1 -0
  1428. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx +56 -0
  1429. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.md +1 -0
  1430. data/app/pb_kits/playbook/pb_user/docs/_user_default.html.erb +38 -0
  1431. data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx +55 -0
  1432. data/app/pb_kits/playbook/pb_user/docs/_user_size.html.erb +32 -0
  1433. data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx +34 -0
  1434. data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.html.erb +23 -0
  1435. data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx +33 -0
  1436. data/app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb +17 -0
  1437. data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx +26 -0
  1438. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb +30 -0
  1439. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx +42 -0
  1440. data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.html.erb +40 -0
  1441. data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx +61 -0
  1442. data/app/pb_kits/playbook/pb_user/docs/example.yml +19 -0
  1443. data/app/pb_kits/playbook/pb_user/docs/index.js +7 -0
  1444. data/app/pb_kits/playbook/pb_user_badge/docs/_description.md +1 -0
  1445. data/app/pb_kits/playbook/pb_user_badge/docs/_footer.md +2 -0
  1446. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.html.erb +11 -0
  1447. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx +26 -0
  1448. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.md +1 -0
  1449. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.html.erb +18 -0
  1450. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx +34 -0
  1451. data/app/pb_kits/playbook/pb_user_badge/docs/example.yml +9 -0
  1452. data/app/pb_kits/playbook/pb_user_badge/docs/index.js +2 -0
  1453. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +68 -0
  1454. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +70 -0
  1455. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +109 -0
  1456. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +75 -0
  1457. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +75 -0
  1458. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +75 -0
  1459. data/app/pb_kits/playbook/pb_walkthrough/docs/example.yml +10 -0
  1460. data/app/pb_kits/playbook/pb_walkthrough/docs/index.js +6 -0
  1461. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb +3 -0
  1462. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx +27 -0
  1463. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.html.erb +3 -0
  1464. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.jsx +22 -0
  1465. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.html.erb +3 -0
  1466. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx +24 -0
  1467. data/app/pb_kits/playbook/pb_weekday_stacked/docs/example.yml +12 -0
  1468. data/app/pb_kits/playbook/pb_weekday_stacked/docs/index.js +3 -0
  1469. data/app/pb_kits/playbook/utilities/_positioning.scss +14 -0
  1470. data/app/pb_kits/playbook/utilities/globalProps.ts +16 -4
  1471. data/dist/menu.yml +110 -0
  1472. data/lib/playbook/markdown/helper.rb +132 -0
  1473. data/lib/playbook/markdown.rb +3 -0
  1474. data/lib/playbook/pb_doc_helper.rb +100 -0
  1475. data/lib/playbook/version.rb +2 -2
  1476. data/lib/playbook/z_index.rb +20 -7
  1477. data/lib/playbook.rb +2 -0
  1478. metadata +1495 -9
  1479. data/dist/playbook-rails.js +0 -51
@@ -0,0 +1,98 @@
1
+ /* eslint-disable react/no-danger */
2
+ /* eslint-disable react/no-multi-comp */
3
+ /* @flow */
4
+
5
+ import React, { useState } from 'react'
6
+ import { components, OptionProps } from 'react-select'
7
+
8
+ import {
9
+ Avatar,
10
+ Body,
11
+ Flex,
12
+ FlexItem,
13
+ Title,
14
+ Typeahead,
15
+ } from '../..'
16
+
17
+ const USERS = [
18
+ {
19
+ name: "Wade Winningham",
20
+ title: "Nitro Principal Developer",
21
+ territory: "PHL",
22
+ },
23
+ {
24
+ name: "Jason Cypret",
25
+ title: "Vice President of User Experience",
26
+ territory: "PHL",
27
+ },
28
+ {
29
+ name: "Stephen Marshall",
30
+ title: "Senior User Experience Engineer",
31
+ territory: "PHL",
32
+ },
33
+ {
34
+ name: "Jasper Furniss",
35
+ title: "Senior User Experience Engineer",
36
+ territory: "PHL",
37
+ },
38
+ ];
39
+
40
+ const TypeaheadWithHighlight = (props) => {
41
+ const [selectedUser, setSelectedUser] = useState()
42
+
43
+ const formatOptionLabel = ({name, territory, title}, {inputValue}) => {
44
+
45
+ const highlighted = (text: string) => {
46
+ if (!inputValue.length) return text
47
+ return text.replace(
48
+ new RegExp(inputValue, 'gi'),
49
+ highlighted => `<mark>${highlighted}</mark>`
50
+ )
51
+ }
52
+ return (
53
+ <Flex>
54
+ <FlexItem>
55
+ <Avatar
56
+ marginRight="sm"
57
+ name={name}
58
+ size="sm"
59
+ />
60
+ </FlexItem>
61
+ <FlexItem>
62
+ <Title size={4}><span dangerouslySetInnerHTML={{ __html: highlighted(name) }} /></Title>
63
+ <Body color="light">
64
+ <span dangerouslySetInnerHTML={{ __html: highlighted(title) }} />{" • "}
65
+ {territory}
66
+ </Body>
67
+ </FlexItem>
68
+ </Flex>
69
+ )
70
+ }
71
+
72
+ const customComponents = {
73
+ Option: (props: OptionProps) => (
74
+ <components.Option {...props}/>
75
+ ),
76
+ SingleValue: ({ data }: any) => (
77
+ <span>{data.name}</span>
78
+ )
79
+ }
80
+
81
+ return (
82
+ <React.Fragment>
83
+ <Typeahead
84
+ components={customComponents}
85
+ formatOptionLabel={formatOptionLabel}
86
+ getOptionLabel={(option) => option.name}
87
+ getOptionValue={({name, title}) => `${name} ${title}`}
88
+ label="Users"
89
+ onChange={(user) => setSelectedUser(user)}
90
+ options={USERS.filter((option) => option.name != selectedUser?.name)}
91
+ placeholder="type the name of a user"
92
+ {...props}
93
+ />
94
+ </React.Fragment>
95
+ )
96
+ }
97
+
98
+ export default TypeaheadWithHighlight
@@ -0,0 +1,31 @@
1
+ <%
2
+ options = [
3
+ { label: 'Windows', value: '#FFA500' },
4
+ { label: 'Siding', value: '#FF0000' },
5
+ { label: 'Doors', value: '#00FF00' },
6
+ { label: 'Roofs', value: '#0000FF' },
7
+ ]
8
+ %>
9
+
10
+ <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", default_options: [options.first], options: options, label: "Colors", name: :foo, pills: true }) %>
11
+
12
+ <%= pb_rails("button", props: {id: "clear-pills", text: "Clear All Options", variant: "secondary"}) %>
13
+
14
+ <!-- This section is an example of the available JavaScript event hooks -->
15
+ <%= javascript_tag defer: "defer" do %>
16
+ document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-option-select", function(event) {
17
+ console.log('Option selected')
18
+ console.dir(event.detail)
19
+ })
20
+ document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-option-remove", function(event) {
21
+ console.log('Option removed')
22
+ console.dir(event.detail)
23
+ })
24
+ document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-clear", function() {
25
+ console.log('All options cleared')
26
+ })
27
+
28
+ document.querySelector('#clear-pills').addEventListener('click', function() {
29
+ document.dispatchEvent(new CustomEvent('pb-typeahead-kit-typeahead-pills-example1:clear'))
30
+ })
31
+ <% end %>
@@ -0,0 +1,27 @@
1
+ /* @flow */
2
+
3
+ import React from 'react'
4
+ import { Typeahead } from '../..'
5
+
6
+ const options = [
7
+ { label: 'Windows', value: '#FFA500' },
8
+ { label: 'Siding', value: '#FF0000' },
9
+ { label: 'Doors', value: '#00FF00' },
10
+ { label: 'Roofs', value: '#0000FF' },
11
+ ]
12
+
13
+ const TypeaheadWithPills = (props) => {
14
+ return (
15
+ <>
16
+ <Typeahead
17
+ isMulti
18
+ label="Colors"
19
+ options={options}
20
+ placeholder=""
21
+ {...props}
22
+ />
23
+ </>
24
+ )
25
+ }
26
+
27
+ export default TypeaheadWithPills
@@ -0,0 +1,24 @@
1
+ Typeahead kit is data-driven. The minimum default fields are `label` and `value`.
2
+
3
+ This is an example of an option: `{ label: 'Windows', value: '#FFA500' }`
4
+
5
+ #### Rails: Default Options
6
+
7
+ You can also pass `default_options` which will populate the initial pill selections:
8
+
9
+ `default_options: [{ label: 'Windows', value: '#FFA500' }]`
10
+
11
+ #### Rails: Subscribing to JS Events
12
+
13
+ JavaScript events are triggered based on actions you take within the kit such as selection, removal and clearing.
14
+ This kit utilizes a default `id` prop named `react-select-input`. It is **highly advised** to send your own unique `id` prop when using this kit to ensure these events do not unintentionally affect other instances of the kit in the same view. The examples below will use the unique `id` prop named `typeahead-pills-example1`:
15
+
16
+ `pb-typeahead-kit-typeahead-pills-example1-result-option-select` event to perform custom work when an option is clicked.
17
+ `pb-typeahead-kit-typeahead-pills-example1-result-option-remove` event to perform custom work when a pill is clicked.
18
+ `pb-typeahead-kit-typeahead-pills-example1-result-option-clear` event to perform custom work when all pills are removed upon clicking the X.
19
+
20
+ #### Rails: Publishing JS Events
21
+
22
+ The same rule regarding the `id` prop applies to publishing JS events. The examples below will use the unique `id` prop named `typeahead-pills-example1`:
23
+
24
+ `pb-typeahead-kit-typeahead-pills-example1:clear` event to clear all options.
@@ -0,0 +1,46 @@
1
+ <%= pb_rails("typeahead", props: {
2
+ async: true,
3
+ get_option_label: 'getOptionLabel',
4
+ get_option_value: 'getOptionValue',
5
+ load_options: 'asyncPillsPromiseOptions',
6
+ label: "Github Users",
7
+ name: :foo,
8
+ pills: true,
9
+ placeholder: "type the name of a Github user"
10
+ }) %>
11
+
12
+ <!-- This section is an example of how to provide load_options prop for using dynamic options -->
13
+ <%= javascript_tag defer: "defer" do %>
14
+ // Simple filter function, providing a list of results in the expected data format
15
+
16
+ const filterResults = function(results) {
17
+ return results.items.map(function(result) {
18
+ return {
19
+ name: result.login,
20
+ id: result.id,
21
+ }
22
+ })
23
+ }
24
+
25
+ /* Note: Make sure you assign this to window or a namespace within window
26
+ or it will not be accessible to the kit! */
27
+
28
+ window.asyncPillsPromiseOptions = function(inputValue) {
29
+ return new Promise(function(resolve) {
30
+ if (inputValue) {
31
+ fetch(`https://api.github.com/search/users?q=${inputValue}`)
32
+ .then(function(response) { return response.json() })
33
+ .then(function(results) { resolve(filterResults(results))})
34
+ } else {
35
+ resolve([])
36
+ }
37
+ })
38
+ }
39
+
40
+ window.getOptionLabel = function(option) {
41
+ return option.name;
42
+ }
43
+ window.getOptionValue = function(option) {
44
+ return option.id;
45
+ }
46
+ <% end %>
@@ -0,0 +1,101 @@
1
+ /* @flow */
2
+
3
+ import React, { useState } from 'react'
4
+
5
+ import {
6
+ Caption,
7
+ Typeahead,
8
+ User,
9
+ } from '../..'
10
+
11
+ /**
12
+ *
13
+ * @const filterResults
14
+ * @ignore
15
+ * @returns {[Object]} - a custom mapping of objects, minimally containing
16
+ * `value` and `label` among other possible fields
17
+ * @summary - for doc example purposes only
18
+ */
19
+
20
+ const filterResults = (results) =>
21
+ results.items.map((result) => {
22
+ return {
23
+ name: result.login,
24
+ id: result.id,
25
+ }
26
+ })
27
+
28
+ /**
29
+ *
30
+ * @const promiseOptions
31
+ * @ignore
32
+ * @returns {Promise} - fetch API data results from Typeahead input text
33
+ * @see - https://react-select.com/home#async
34
+ * @summary - for doc example purposes only
35
+ */
36
+
37
+ const promiseOptions = (inputValue) =>
38
+ new Promise((resolve) => {
39
+ if (inputValue) {
40
+ fetch(`https://api.github.com/search/users?q=${inputValue}`)
41
+ .then((response) => response.json())
42
+ .then((results) => resolve(filterResults(results)))
43
+ } else {
44
+ resolve([])
45
+ }
46
+ })
47
+
48
+ const TypeaheadWithPillsAsync = (props) => {
49
+ const [users, setUsers] = useState([])
50
+ const handleOnChange = (value) => setUsers(formatUsers(value))
51
+ const formatValue = (users) => formatUsers(users)
52
+ const formatUsers = (users) => {
53
+ const results = () => (users.map((user) => {
54
+ if (Object.keys(user)[0] === 'name' || Object.keys(user)[1] === 'id'){
55
+ return ({ label: user.name, value: user.id })
56
+ } else {
57
+ return user
58
+ }
59
+ }))
60
+ return results()
61
+ }
62
+
63
+ return (
64
+ <>
65
+ <If condition={users && users.length > 0}>
66
+ <Caption
67
+ marginBottom="xs"
68
+ text="State (Users)"
69
+ {...props}
70
+ />
71
+ <For
72
+ each="user"
73
+ of={users}
74
+ >
75
+ <User
76
+ align="left"
77
+ key={user.value}
78
+ marginBottom="md"
79
+ name={user.label}
80
+ orientation="horizontal"
81
+ {...props}
82
+ />
83
+ </For>
84
+ </If>
85
+ <Typeahead
86
+ async
87
+ getOptionLabel={(option) => option.name}
88
+ getOptionValue={(option) => option.id}
89
+ isMulti
90
+ label="Github Users"
91
+ loadOptions={promiseOptions}
92
+ onChange={handleOnChange}
93
+ placeholder="type the name of a Github user"
94
+ value={formatValue(users)}
95
+ {...props}
96
+ />
97
+ </>
98
+ )
99
+ }
100
+
101
+ export default TypeaheadWithPillsAsync
@@ -0,0 +1,19 @@
1
+ #### Rails: Providing the `load_options` Promise
2
+
3
+ **Additional required props: ** `async: true`, `pills: true`
4
+
5
+ The prop `load_options`, when used in conjunction with `async: true` and `pills: true`, points to a JavaScript function located within the global window namespace. This function should return a `Promise` which resolves with the list of formatted options as described in prior examples above. This function is identical to the function provided to the React version of this kit. See the code example for more details.
6
+
7
+ #### React
8
+
9
+ ##### `loadOptions`
10
+
11
+ **Additional required props: ** `async: true`
12
+
13
+ [As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
14
+
15
+ ##### `getOptionLabel` + `getOptionValue`
16
+
17
+ If your server returns data that requires differing field names other than `label` and `value`
18
+
19
+ See `react-select` docs for more information: https://react-select.com/advanced#replacing-builtins
@@ -0,0 +1,111 @@
1
+ /* @flow */
2
+
3
+ import React, { useState } from 'react'
4
+
5
+ import {
6
+ Caption,
7
+ Typeahead,
8
+ User,
9
+ } from '../..'
10
+
11
+ /**
12
+ *
13
+ * @const filterResults
14
+ * @ignore
15
+ * @returns {[Object]} - a custom mapping of objects, minimally containing
16
+ * `value` and `label` among other possible fields
17
+ * @summary - for doc example purposes only
18
+ */
19
+
20
+ type UserProps = {
21
+ imageUrl?: String,
22
+ label?: String,
23
+ territory?: String,
24
+ type?: String,
25
+ }
26
+
27
+ const filterResults = (results) =>
28
+ results.items.map((result) => {
29
+ return {
30
+ imageUrl: result.avatar_url, //add the custom field
31
+ label: result.login,
32
+ value: result.id,
33
+ territory: 'PHL',
34
+ type: result.type,
35
+ }
36
+ })
37
+
38
+ const promiseOptions = (inputValue) =>
39
+ new Promise((resolve) => {
40
+ if (inputValue) {
41
+ fetch(`https://api.github.com/search/users?q=${inputValue}`)
42
+ .then((response) => response.json())
43
+ .then((results) => resolve(filterResults(results)))
44
+ } else {
45
+ resolve([])
46
+ }
47
+ })
48
+
49
+ const TypeaheadWithPillsAsyncCustomOptions = (props) => {
50
+ const [users, setUsers] = useState([])
51
+ const handleOnChange = (value) => setUsers(value)
52
+
53
+ /**
54
+ *
55
+ * @const handleOnMultiValueClick {function} - a custom callback for the MultiValue click
56
+ * @ignore
57
+ * @returns {null}
58
+ * @summary - for doc example purposes only
59
+ */
60
+ const handleOnMultiValueClick = (value) => {
61
+ alert(`You removed the user: "${value.label}"`)
62
+ }
63
+
64
+ return (
65
+ <>
66
+ <If condition={users && users.length > 0}>
67
+ <Caption
68
+ marginBottom="xs"
69
+ text="State (Users)"
70
+ {...props}
71
+ />
72
+ <For
73
+ each="user"
74
+ of={users}
75
+ >
76
+ <User
77
+ align="left"
78
+ avatar
79
+ avatarUrl={user.imageUrl}
80
+ key={user.value}
81
+ marginBottom="md"
82
+ name={user.label}
83
+ orientation="horizontal"
84
+ {...props}
85
+ />
86
+ </For>
87
+ </If>
88
+ <Typeahead
89
+ async
90
+ isMulti
91
+ label="Github Users"
92
+ loadOptions={promiseOptions}
93
+ onChange={handleOnChange}
94
+ onMultiValueClick={handleOnMultiValueClick}
95
+ placeholder="type the name of a Github user"
96
+ valueComponent={(props: UserProps) => (
97
+ <User
98
+ avatar
99
+ avatarUrl={props.imageUrl}
100
+ name={props.label}
101
+ territory={props.territory}
102
+ title={props.type}
103
+ />
104
+ )}
105
+ {...props}
106
+ />
107
+ </>
108
+ )
109
+ }
110
+
111
+ export default TypeaheadWithPillsAsyncCustomOptions
@@ -0,0 +1 @@
1
+ Use `valueComponent` props to pass your desire custom options. `valueComponent` will be displayed if present.
@@ -0,0 +1,25 @@
1
+ <%= pb_rails("typeahead", props: { async: true, load_options: 'asyncPillsPromiseOptionsUsers', label: "Github Users", name: :foo, pills: true, placeholder: "type the name of a Github user" }) %>
2
+
3
+ <%= javascript_tag defer: "defer" do %>
4
+ const filterUserResults = function(results) {
5
+ return results.items.map(function(result) {
6
+ return {
7
+ imageUrl: result.avatar_url,
8
+ label: result.login,
9
+ value: result.id,
10
+ }
11
+ })
12
+ }
13
+
14
+ window.asyncPillsPromiseOptionsUsers = function(inputValue) {
15
+ return new Promise(function(resolve) {
16
+ if (inputValue) {
17
+ fetch(`https://api.github.com/search/users?q=${inputValue}`)
18
+ .then(function(response) { return response.json() })
19
+ .then(function(results) { resolve(filterUserResults(results))})
20
+ } else {
21
+ resolve([])
22
+ }
23
+ })
24
+ }
25
+ <% end %>
@@ -0,0 +1,103 @@
1
+ /* @flow */
2
+
3
+ import React, { useState } from 'react'
4
+
5
+ import {
6
+ Caption,
7
+ Typeahead,
8
+ User,
9
+ } from '../..'
10
+
11
+ /**
12
+ *
13
+ * @const filterResults
14
+ * @ignore
15
+ * @returns {[Object]} - a custom mapping of objects, minimally containing
16
+ * `value` and `label` among other possible fields
17
+ * @summary - for doc example purposes only
18
+ */
19
+
20
+ const filterResults = (results) =>
21
+ results.items.map((result) => {
22
+ return {
23
+ imageUrl: result.avatar_url, //add the custom field
24
+ label: result.login,
25
+ value: result.id,
26
+ }
27
+ })
28
+
29
+ /**
30
+ *
31
+ * @const promiseOptions
32
+ * @ignore
33
+ * @returns {Promise} - fetch API data results from Typeahead input text
34
+ * @see - https://react-select.com/home#async
35
+ * @summary - for doc example purposes only
36
+ */
37
+
38
+ const promiseOptions = (inputValue) =>
39
+ new Promise((resolve) => {
40
+ if (inputValue) {
41
+ fetch(`https://api.github.com/search/users?q=${inputValue}`)
42
+ .then((response) => response.json())
43
+ .then((results) => resolve(filterResults(results)))
44
+ } else {
45
+ resolve([])
46
+ }
47
+ })
48
+
49
+ const TypeaheadWithPillsAsyncUsers = (props) => {
50
+ const [users, setUsers] = useState([])
51
+ const handleOnChange = (value) => setUsers(value)
52
+
53
+ /**
54
+ *
55
+ * @const handleOnMultiValueClick {function} - a custom callback for the MultiValue click
56
+ * @ignore
57
+ * @returns {null}
58
+ * @summary - for doc example purposes only
59
+ */
60
+ const handleOnMultiValueClick = (value) => {
61
+ alert(`You removed the user: "${value.label}"`)
62
+ }
63
+
64
+ return (
65
+ <>
66
+ <If condition={users && users.length > 0}>
67
+ <Caption
68
+ marginBottom="xs"
69
+ text="State (Users)"
70
+ {...props}
71
+ />
72
+ <For
73
+ each="user"
74
+ of={users}
75
+ >
76
+ <User
77
+ align="left"
78
+ avatar
79
+ avatarUrl={user.imageUrl}
80
+ key={user.value}
81
+ marginBottom="md"
82
+ name={user.label}
83
+ orientation="horizontal"
84
+ {...props}
85
+ />
86
+ </For>
87
+ </If>
88
+ <Typeahead
89
+ async
90
+ isMulti
91
+ label="Github Users"
92
+ loadOptions={promiseOptions}
93
+ noOptionsMessage={() => 'Type to Search'}
94
+ onChange={handleOnChange}
95
+ onMultiValueClick={handleOnMultiValueClick}
96
+ placeholder="type the name of a Github user"
97
+ {...props}
98
+ />
99
+ </>
100
+ )
101
+ }
102
+
103
+ export default TypeaheadWithPillsAsyncUsers
@@ -0,0 +1 @@
1
+ If the data field `imageUrl` is present, FormPill will receive that field as a prop and display the image.
@@ -0,0 +1,30 @@
1
+ <%
2
+ options = [
3
+ { label: 'Windows', value: '#FFA500' },
4
+ { label: 'Siding', value: '#FF0000' },
5
+ { label: 'Doors', value: '#00FF00' },
6
+ { label: 'Roofs', value: '#0000FF' },
7
+ ]
8
+ %>
9
+
10
+ <%= pb_rails("typeahead", props: {
11
+ id: "typeahead-without-pills-example1",
12
+ placeholder: "All Colors",
13
+ options: options,
14
+ label: "Colors",
15
+ name: :foo,
16
+ is_multi: false
17
+ })
18
+ %>
19
+
20
+ <!-- This section is an example of the available JavaScript event hooks -->
21
+ <%= javascript_tag defer: "defer" do %>
22
+ document.addEventListener("pb-typeahead-kit-typeahead-without-pills-example1-result-option-select", function(event) {
23
+ console.log('Single Option selected')
24
+ console.dir(event.detail)
25
+ })
26
+ document.addEventListener("pb-typeahead-kit-typeahead-without-pills-example1-result-clear", function() {
27
+ console.log('All options cleared')
28
+ })
29
+
30
+ <% end %>
@@ -0,0 +1 @@
1
+ Passing `is_multi: false` will allow the user to only select one option from the drop down. Note: this will disable `pills` prop.
@@ -0,0 +1,24 @@
1
+ examples:
2
+ rails:
3
+ - typeahead_default: Default
4
+ - typeahead_with_context: With Context
5
+ - typeahead_with_pills: With Pills
6
+ - typeahead_without_pills: Without Pills (Single Select)
7
+ - typeahead_with_pills_async: With Pills (Async Data)
8
+ - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
9
+ - typeahead_inline: Inline
10
+ - typeahead_multi_kit: Multi Kit Options
11
+ - typeahead_error_state: Error State
12
+
13
+ react:
14
+ - typeahead_default: Default
15
+ - typeahead_with_highlight: With Highlight
16
+ - typeahead_with_pills: With Pills
17
+ - typeahead_with_pills_async: With Pills (Async Data)
18
+ - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
19
+ - typeahead_with_pills_async_custom_options: With Pills (Async Data w/ Custom Options)
20
+ - typeahead_inline: Inline
21
+ - typeahead_multi_kit: Multi Kit Options
22
+ - typeahead_createable: Createable
23
+ - typeahead_async_createable: Createable (+ Async Data)
24
+ - typeahead_error_state: Error State
@@ -0,0 +1,11 @@
1
+ export { default as TypeaheadDefault } from './_typeahead_default.jsx'
2
+ export { default as TypeaheadWithHighlight } from './_typeahead_with_highlight.jsx'
3
+ export { default as TypeaheadWithPills } from './_typeahead_with_pills.jsx'
4
+ export { default as TypeaheadWithPillsAsync } from './_typeahead_with_pills_async.jsx'
5
+ export { default as TypeaheadWithPillsAsyncUsers } from './_typeahead_with_pills_async_users.jsx'
6
+ export { default as TypeaheadWithPillsAsyncCustomOptions } from './_typeahead_with_pills_async_custom_options.jsx'
7
+ export { default as TypeaheadInline } from './_typeahead_inline.jsx'
8
+ export { default as TypeaheadMultiKit } from './_typeahead_multi_kit.jsx'
9
+ export { default as TypeaheadCreateable } from './_typeahead_createable.jsx'
10
+ export { default as TypeaheadAsyncCreateable } from './_typeahead_async_createable.jsx'
11
+ export { default as TypeaheadErrorState } from './_typeahead_error_state.jsx'