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,62 @@
1
+ <% data = [{
2
+ name: 'Installation',
3
+ data: [1475]
4
+ }, {
5
+ name: 'Manufacturing',
6
+ data: [4434]
7
+ }, {
8
+ name: 'Sales & Distribution',
9
+ data: [3387]
10
+ }, {
11
+ name: 'Project Development',
12
+ data: [3227]
13
+ }, {
14
+ name: 'Other',
15
+ data: [1111]
16
+ }] %>
17
+
18
+ <%= pb_rails("title", props: {size: 4, text: "align | vertical_align", padding_top: "sm", padding_bottom: "sm"})%>
19
+
20
+ <%= pb_rails("bar_graph", props: {
21
+ axis_title: 'Number of Employees',
22
+ chart_data: data,
23
+ id:"legend-position-bar",
24
+ y_axis_min: 0,
25
+ x_axis_categories:['Jan'],
26
+ title: 'Alignment of Legend',
27
+ legend: true,
28
+ align: 'right',
29
+ vertical_align: 'top',
30
+ padding_bottom: "sm",
31
+ }) %>
32
+
33
+ <%= pb_rails("title", props: {size: 4, text: "layout", padding_top: "sm", padding_bottom: "sm"})%>
34
+
35
+ <%= pb_rails("bar_graph", props: {
36
+ axis_title: 'Number of Employees',
37
+ chart_data: data,
38
+ id:"legend-position-bar-1",
39
+ y_axis_min: 0,
40
+ x_axis_categories:['Jan'],
41
+ title: 'Layout of Legend',
42
+ legend: true,
43
+ layout: 'vertical',
44
+ padding_top: "sm",
45
+ padding_bottom: "sm",
46
+ }) %>
47
+
48
+ <%= pb_rails("title", props: {size: 4, text: "x | y", padding_top: "sm", padding_bottom: "sm"})%>
49
+
50
+ <%= pb_rails("bar_graph", props: {
51
+ axis_title: 'Number of Employees',
52
+ chart_data: data,
53
+ id:"legend-position-bar-2",
54
+ y_axis_min: 0,
55
+ x_axis_categories:['Jan'],
56
+ title: 'Offset of Legend',
57
+ legend: true,
58
+ layout: "vertical",
59
+ x: 100,
60
+ y: 10,
61
+ padding_top: "sm",
62
+ }) %>
@@ -0,0 +1,86 @@
1
+ import React from 'react'
2
+ import { BarGraph, Title } from '../..'
3
+
4
+ const chartData = [{
5
+ name: 'Installation',
6
+ data: [1475],
7
+ }, {
8
+ name: 'Manufacturing',
9
+ data: [4434],
10
+ }, {
11
+ name: 'Sales & Distribution',
12
+ data: [3387],
13
+ }, {
14
+ name: 'Project Development',
15
+ data: [3227],
16
+ }, {
17
+ name: 'Other',
18
+ data: [1111],
19
+ }]
20
+
21
+ const BarGraphLegendPosition = (props) => (
22
+ <div>
23
+ <Title
24
+ paddingBottom="sm"
25
+ paddingTop="sm"
26
+ size={4}
27
+ tag="h4"
28
+ text="align | verticalAlign"
29
+ />
30
+ <BarGraph
31
+ align='right'
32
+ axisTitle="Number of Employees"
33
+ chartData={chartData}
34
+ id="legend-position-bar"
35
+ legend
36
+ paddingBottom="sm"
37
+ title="Alignment of Legend"
38
+ verticalAlign="top"
39
+ xAxisCategories={['Jan']}
40
+ yAxisMin={0}
41
+ {...props}
42
+ />
43
+ <Title
44
+ paddingBottom="sm"
45
+ paddingTop="sm"
46
+ size={4}
47
+ tag="h4"
48
+ text="layout"
49
+ />
50
+ <BarGraph
51
+ axisTitle="Number of Employees"
52
+ chartData={chartData}
53
+ id="legend-position-bar-1"
54
+ layout="vertical"
55
+ legend
56
+ paddingBottom="sm"
57
+ paddingTop="sm"
58
+ title="Layout of Legend"
59
+ xAxisCategories={['Jan']}
60
+ yAxisMin={0}
61
+ {...props}
62
+ />
63
+ <Title
64
+ paddingBottom="sm"
65
+ paddingTop="sm"
66
+ size={4}
67
+ tag="h4"
68
+ text="x | y"
69
+ />
70
+ <BarGraph
71
+ axisTitle="Number of Employees"
72
+ chartData={chartData}
73
+ id="legend-position-bar-2"
74
+ layout="vertical"
75
+ legend
76
+ title="Offset of Legend"
77
+ x={100}
78
+ xAxisCategories={['Jan']}
79
+ y={10}
80
+ yAxisMin={0}
81
+ {...props}
82
+ />
83
+ </div>
84
+ )
85
+
86
+ export default BarGraphLegendPosition
@@ -0,0 +1,17 @@
1
+ ##### Prop
2
+
3
+ `align` **Type**: String | **Values**: left | center | right (defaults to center)
4
+ `verticalAlign` **Type**: String | **Values**: top | middle | bottom (defaults middle)
5
+ `layout` **Type**: String | **Values**: horizontal | vertical | proximate (defaults to horizontal)
6
+ `x` **Type**: Number (defaults to 0)
7
+ `y` **Type**: Number (defaults to 0)
8
+
9
+ -
10
+
11
+ - `layout` determines the position of the legend items
12
+ `layout: proximate` will place the legend items as close as possible to the graphs they're representing. It will also determine whether to place the legend above/below or on the side of the plot area, if the legend is in a corner.
13
+
14
+ - `x` offsets the legend relative to its horizontal alignmnet. Negative x moves it to the left, positive x moves it to the right
15
+
16
+
17
+ - `y` offsets the legend relative to its vertical alignmnet. Negative y moves it up, positive y moves it down.
@@ -0,0 +1,20 @@
1
+ <% data = [{
2
+ name: 'Number of Installations',
3
+ data: [1475,200,3000,654,656]
4
+ }, {
5
+ type: 'spline',
6
+ name: 'Trend Line',
7
+ data: [1975, 600, 2500, 924, 500],
8
+ color: '#F9BB00',
9
+ }] %>
10
+
11
+ <%= pb_rails("bar_graph", props: {
12
+ axis_title: 'Number of Employees',
13
+ chart_data: data,
14
+ id: "bar-spline",
15
+ y_axis_min: 0,
16
+ x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
17
+ subtitle: 'Source: thesolarfoundation.com',
18
+ title: 'Bar Graph with Spline',
19
+ legend: true,
20
+ }) %>
@@ -0,0 +1,30 @@
1
+ import React from 'react'
2
+
3
+ import BarGraph from '../_bar_graph'
4
+
5
+ const chartData = [{
6
+ name: 'Number of Installations',
7
+ data: [1475, 200, 3000, 654, 656],
8
+ }, {
9
+ type: 'spline',
10
+ name: 'Trend Line',
11
+ data: [1975, 600, 2500, 924, 500],
12
+ color: '#F9BB00',
13
+ }]
14
+
15
+ const BarGraphSpline = (props) => (
16
+ <div>
17
+ <BarGraph
18
+ axisTitle="Number of Employees"
19
+ chartData={chartData}
20
+ id="bar-spline"
21
+ legend
22
+ title="Bar Graph with Spline"
23
+ xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
24
+ yAxisMin={0}
25
+ {...props}
26
+ />
27
+ </div>
28
+ )
29
+
30
+ export default BarGraphSpline
@@ -0,0 +1,2 @@
1
+ A spline can be added by including a separate chart data with the `type: 'spline'` attribute.
2
+ A color can also be specified for the spline.
@@ -0,0 +1,3 @@
1
+ Bar graphs are used to compare data. Bar graphs are not typically used to show percentages. The default height of bar graph is 400px and can be changed. The default height is in pixel units, but can also use percentage string (percentage would be that of the width. For example, `height:"50%"` would mean that the height is 50% of the width). This allows for preserving the aspect ratio across responsive sizes.

2
+
3
+ For more information, see: <a href="https://api.highcharts.com/highcharts/chart.height" target="_blank"> highcharts/chart.height</a>.
@@ -0,0 +1,20 @@
1
+ examples:
2
+
3
+ rails:
4
+ - bar_graph_default: Default
5
+ - bar_graph_legend: Legend
6
+ - bar_graph_legend_position: Legend Position
7
+ - bar_graph_legend_non_clickable: Legend Non Clickable
8
+ - bar_graph_height: Height
9
+ - bar_graph_spline: Spline
10
+ - bar_graph_colors: Color Overrides
11
+
12
+
13
+ react:
14
+ - bar_graph_default: Default
15
+ - bar_graph_legend: Legend
16
+ - bar_graph_legend_position: Legend Position
17
+ - bar_graph_legend_non_clickable: Legend Non Clickable
18
+ - bar_graph_height: Height
19
+ - bar_graph_spline: Spline
20
+ - bar_graph_colors: Color Overrides
@@ -0,0 +1,7 @@
1
+ export { default as BarGraphDefault } from './_bar_graph_default.jsx'
2
+ export { default as BarGraphLegend } from './_bar_graph_legend.jsx'
3
+ export { default as BarGraphLegendPosition } from './_bar_graph_legend_position.jsx'
4
+ export { default as BarGraphLegendNonClickable } from './_bar_graph_legend_non_clickable.jsx'
5
+ export { default as BarGraphHeight } from './_bar_graph_height.jsx'
6
+ export { default as BarGraphSpline } from './_bar_graph_spline.jsx'
7
+ export { default as BarGraphColors } from './_bar_graph_colors.jsx'
@@ -0,0 +1,8 @@
1
+ <%= pb_rails("body", props: {
2
+ line_height: "loose",
3
+ max_width: "md"
4
+ }) do %>
5
+ <p>Infuse your life with action. Don't wait for it to happen. Make it happen. Make your own future. Make your own hope. Make your own love. And whatever your beliefs, honor your creator, not by passively waiting for grace to come down from upon high, but by doing what you can to make grace happen... yourself, right now, right down here on Earth.</p>
6
+ <br />
7
+ <p>- Bradley Whitford</p>
8
+ <% end %>
@@ -0,0 +1,20 @@
1
+ import React from 'react'
2
+ import { Body } from '../..'
3
+
4
+ const BodyBlock = (props) => {
5
+ return (
6
+ <>
7
+ <Body
8
+ lineHeight='loose'
9
+ maxWidth='md'
10
+ {...props}
11
+ >
12
+ <p>{`Infuse your life with action. Don't wait for it to happen. Make it happen. Make your own future. Make your own hope. Make your own love. And whatever your beliefs, honor your creator, not by passively waiting for grace to come down from upon high, but by doing what you can to make grace happen... yourself, right now, right down here on Earth.`}</p>
13
+ <br />
14
+ <p>{`- Bradley Whitford`}</p>
15
+ </Body>
16
+ </>
17
+ )
18
+ }
19
+
20
+ export default BodyBlock
@@ -0,0 +1 @@
1
+ Using two global props can greatly improve the readability of articles and even forms. Set Max Width to `md`, and Line Height to `loose`.
@@ -0,0 +1,3 @@
1
+ <%= pb_rails("body") do %>
2
+ I am body kit
3
+ <% end %>
@@ -0,0 +1,14 @@
1
+ import React from 'react'
2
+ import { Body } from '../../'
3
+
4
+ const BodyBlock = (props) => {
5
+ return (
6
+ <div>
7
+ <Body {...props}>
8
+ {'I am a body kit'}
9
+ </Body>
10
+ </div>
11
+ )
12
+ }
13
+
14
+ export default BodyBlock
@@ -0,0 +1,28 @@
1
+ <%= pb_rails("body", props: {
2
+ text: "I am a body kit"
3
+ }) %>
4
+
5
+ <%= pb_rails("body", props: {
6
+ text: "I am a body kit (Light)",
7
+ color: "light"
8
+ }) %>
9
+
10
+ <%= pb_rails("body", props: {
11
+ text: "I am a body kit (Lighter)",
12
+ color: "lighter"
13
+ }) %>
14
+
15
+ <%= pb_rails("body", props: {
16
+ text: "I am a body kit (Link)",
17
+ color: "link"
18
+ }) %>
19
+
20
+ <%= pb_rails("body", props: {
21
+ text: "I am a body kit (Error)",
22
+ color: "error"
23
+ }) %>
24
+
25
+ <%= pb_rails("body", props: {
26
+ text: "I am a body kit (Success)",
27
+ color: "success"
28
+ }) %>
@@ -0,0 +1,40 @@
1
+ import React from 'react'
2
+ import { Body } from '../../'
3
+
4
+ const BodyLight = (props) => {
5
+ return (
6
+ <div>
7
+ <Body
8
+ text="I am a body kit (Default)"
9
+ {...props}
10
+ />
11
+ <Body
12
+ color="light"
13
+ text="I am a body kit (Light)"
14
+ {...props}
15
+ />
16
+ <Body
17
+ color="lighter"
18
+ text="I am a body kit (Lighter)"
19
+ {...props}
20
+ />
21
+ <Body
22
+ color="link"
23
+ text="I am a body kit (Link)"
24
+ {...props}
25
+ />
26
+ <Body
27
+ color="error"
28
+ text="I am a body kit (Error)"
29
+ {...props}
30
+ />
31
+ <Body
32
+ color="success"
33
+ text="I am a body kit (Success)"
34
+ {...props}
35
+ />
36
+ </div>
37
+ )
38
+ }
39
+
40
+ export default BodyLight
@@ -0,0 +1,6 @@
1
+ ##### Prop
2
+ This kit uses `default` color by default, and can be replaced with colors below:
3
+
4
+ * `light` `lighter` `success` `error` `link`
5
+
6
+ - These colors are not for standard usage. You can use the color prop to make fixes if colors are not appearing properly, but consult your UX team members if you are deciding to implement it
@@ -0,0 +1,21 @@
1
+ <%= pb_rails("body") do %>
2
+ <b>This text is using the <%="<b>"%> tag</b>
3
+ <br />
4
+ <br />
5
+ <strong>This text is using the <%="<strong>"%> tag</strong>
6
+ <br />
7
+ <br />
8
+ <a href="#">This text is using the <%="<a>"%> tag</a>
9
+ <br />
10
+ <br />
11
+ <i>This text is using an <%="<i>"%> tag</i>
12
+ <br />
13
+ <br />
14
+ This <em>word</em> is using an <%="<em>"%> tag.
15
+ <br />
16
+ <br />
17
+ <small>This text is using a <%="<small>"%> tag.</small>
18
+ <br />
19
+ <br />
20
+ <u>This text is using a <%="<u>"%> tag.</u>
21
+ <% end %>
@@ -0,0 +1,32 @@
1
+ import React from 'react'
2
+ import { Body } from '../..'
3
+
4
+ const BodyStyled = (props) => {
5
+ return (
6
+ <>
7
+ <Body {...props}>
8
+ <b>{"This text is using the <b> tag"}</b>
9
+ <br />
10
+ <br />
11
+ <strong>{"This text is using the <strong> tag"}</strong>
12
+ <br />
13
+ <br />
14
+ <a href="#">{"This text is using the <a> tag"}</a>
15
+ <br />
16
+ <br />
17
+ <i>{"This text is using an <i> tag"}</i>
18
+ <br />
19
+ <br />
20
+ {"This "}<em>word</em>{" is using an <em> tag."}
21
+ <br />
22
+ <br />
23
+ <small>{"This text is using a <small> tag."}</small>
24
+ <br />
25
+ <br />
26
+ <u>{"This text is using a <u> tag."}</u>
27
+ </Body>
28
+ </>
29
+ )
30
+ }
31
+
32
+ export default BodyStyled
@@ -0,0 +1 @@
1
+ Playbook styles the `b`, `strong`, `a`. `i`, `em`, `small` and `u` tags within the body kit to match Playbook's design system.
@@ -0,0 +1,2 @@
1
+ Default text style for paragraphs. Follow hiearchy when using "light" or "lighter" variants to deemphasize text — default style should be followed by "light" followed by "lighter".
2
+ Use "success" and "error" for status. View footer notes for things to avoid.
@@ -0,0 +1,2 @@
1
+ ### Things to Avoid
2
+ Do not use positive and negative variants with each other. Use <a href="https://playbook.powerapp.cloud/kits/pill">Pill Kit</a> to show status if the text is short. Otherwise, use positive and negative variants and use them sparingly.
@@ -0,0 +1,11 @@
1
+ examples:
2
+ rails:
3
+ - body_light: Default
4
+ - body_block: Block
5
+ - body_articles: Best settings for articles
6
+ - body_styled: Styled tags
7
+ react:
8
+ - body_light: Default
9
+ - body_block: Block
10
+ - body_articles: Best settings for articles
11
+ - body_styled: Styled tags
@@ -0,0 +1,4 @@
1
+ export { default as BodyLight } from './_body_light.jsx'
2
+ export { default as BodyBlock } from './_body_block.jsx'
3
+ export { default as BodyStyled } from './_body_styled.jsx'
4
+ export { default as BodyArticles } from './_body_articles.jsx'
@@ -0,0 +1,17 @@
1
+
2
+ <div>
3
+ <%= pb_rails("bread_crumbs", props: { aria: { label: "Breadcrumb Navigation" } }) do%>
4
+ <%= pb_rails("icon", props: { icon: "home"}) %>
5
+ <%= pb_rails("bread_crumbs/bread_crumb_item", props: { link: "/" }) do %>
6
+ <%= pb_rails("title", props: { size: 4, text: "Home", tag: "span" }) %>
7
+ <%end%>
8
+ <%= pb_rails("icon", props: { icon: 'users'}) %>
9
+ <%= pb_rails("bread_crumbs/bread_crumb_item", props: { link: "/users" }) do %>
10
+ <%= pb_rails("title", props: { size: 4, text: "Users", tag: "span" }) %>
11
+ <%end%>
12
+ <%= pb_rails("icon", props: { icon: "user"}) %>
13
+ <%= pb_rails("bread_crumbs/bread_crumb_item") do %>
14
+ <%= pb_rails("title", props: { size: 4, text: "User", tag: "span" }) %>
15
+ <%end%>
16
+ <%end%>
17
+ </div>
@@ -0,0 +1,56 @@
1
+ import React from 'react'
2
+ import BreadCrumbs from '../_bread_crumbs'
3
+ import { Icon, Title } from '../../'
4
+ import BreadCrumbItem from '../_bread_crumb_item'
5
+
6
+ const Link = (props) => <BreadCrumbItem {...props} />
7
+ const BreadCrumbsDefault = (props) => {
8
+ return (
9
+ <BreadCrumbs
10
+ text="+1"
11
+ {...props}
12
+ >
13
+ <Icon
14
+ icon="home"
15
+ size="1x"
16
+ />
17
+ <BreadCrumbItem
18
+ {...props}
19
+ href="/home"
20
+ >
21
+ <Title
22
+ size="4"
23
+ tag="span"
24
+ text="Home"
25
+ />
26
+ </BreadCrumbItem>
27
+ <Icon
28
+ icon="users"
29
+ size="1x"
30
+ />
31
+ <Link
32
+ {...props}
33
+ href="/users"
34
+ >
35
+ <Title
36
+ size="4"
37
+ tag="span"
38
+ text="Users"
39
+ />
40
+ </Link>
41
+ <Icon
42
+ icon="user"
43
+ size="1x"
44
+ />
45
+ <Link {...props}>
46
+ <Title
47
+ size="4"
48
+ tag="span"
49
+ text="User"
50
+ />
51
+ </Link>
52
+ </BreadCrumbs>
53
+ )
54
+ }
55
+
56
+ export default BreadCrumbsDefault
@@ -0,0 +1 @@
1
+ BreadCrumbs can be used for keeping a user aware of their route location.
@@ -0,0 +1,7 @@
1
+ examples:
2
+ rails:
3
+ - bread_crumbs_default: Default
4
+
5
+ react:
6
+ - bread_crumbs_default: Default
7
+
@@ -0,0 +1 @@
1
+ export { default as BreadCrumbsDefault } from './_bread_crumbs_default.jsx'
@@ -0,0 +1 @@
1
+ <%= pb_rails("button", props: { text: "Button with ARIA", aria: {label: "Go to Google"}, tag: "a", link: "http://google.com"}) %>
@@ -0,0 +1,17 @@
1
+ import React from 'react'
2
+ import { Button } from '../../'
3
+
4
+ const ButtonAccessibility = (props) => (
5
+ <div>
6
+ <Button
7
+ aria={{ label: 'Go to Google' }}
8
+ link="https://google.com"
9
+ tabIndex={0}
10
+ tag="a"
11
+ text="Button with ARIA"
12
+ {...props}
13
+ />
14
+ </div>
15
+ )
16
+
17
+ export default ButtonAccessibility
@@ -0,0 +1,4 @@
1
+ <%= pb_rails("button") do %>
2
+ <%= pb_rails("pill", props: { text:"5", fixed_width: true, margin_right: "xs", variant:"info" }) %>
3
+ <span>Button with Block Content</span>
4
+ <% end %>
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import { Button, Pill } from "../../";
3
+
4
+ const ButtonBlockContent = (props) => (
5
+ <div>
6
+ <Button fixedWidth
7
+ {...props}
8
+ tabIndex={0}
9
+ >
10
+ <Pill marginRight="xs"
11
+ text="5"
12
+ variant="info"
13
+ />
14
+ <span>Button with Block Content</span>
15
+ </Button>
16
+ </div>
17
+ );
18
+
19
+ export default ButtonBlockContent;
@@ -0,0 +1 @@
1
+ Used when the user wants to display custom content within a button instead of passing in text or props to the kit itself. In this example the button is using the Pill kit and a `<span>` element inside the button.
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("button", props: { text: "Button Primary", margin_right: "lg" }) %>
2
+ <%= pb_rails("button", props: { text: "Button Secondary", variant: "secondary", margin_right: "lg" }) %>
3
+ <%= pb_rails("button", props: { text: "Button Link", variant: "link", margin_right: "lg" }) %>
4
+ <%= pb_rails("button", props: { text: "Button Disabled", disabled: true, margin_right: "lg" }) %>
5
+