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,9 @@
1
+ examples:
2
+
3
+ rails:
4
+ - hashtag_default: Hashtag Types
5
+ - hashtag_link: Hashtag Links
6
+
7
+ react:
8
+ - hashtag_default: Hashtag Types
9
+ - hashtag_link: Hashtag Links
@@ -0,0 +1,2 @@
1
+ export { default as HashtagDefault } from './_hashtag_default.jsx'
2
+ export { default as HashtagLink } from './_hashtag_link.jsx'
@@ -0,0 +1 @@
1
+ Highlight is used to pick out or emphasize content.
@@ -0,0 +1,2 @@
1
+ ### Things to Avoid
2
+ Avoid highlighting words that don’t apply or whole content areas.
@@ -0,0 +1,20 @@
1
+
2
+ <%= pb_rails("highlight", props: {text: "Highlight Kit"})%>
3
+ <br>
4
+ <br>
5
+ <%= pb_rails("title", props: {text: "Kit wrapping",size: 4})%>
6
+ <br>
7
+ <%= pb_rails("body") do%>
8
+ This an example<%= pb_rails("highlight") do%>Highlight Example<% end %>around.
9
+ <% end %>
10
+ <br>
11
+ <br>
12
+ <%= pb_rails("title", props: {text: "Search",size: 4})%>
13
+ <br>
14
+ <%= pb_rails("body", props: {text: "hello helpers are great even highlighting this", highlighting: true, highlighted_text: ["hello","great"]})%>
15
+
16
+ <br>
17
+ <br>
18
+ <%= pb_rails("caption", props: {size: "xs", text: "To enable highlighting make sure the [highlighting] flag is set to true. "}) %>
19
+ <br>
20
+ <br>
@@ -0,0 +1,30 @@
1
+ import React from 'react'
2
+
3
+ import Highlight from '../_highlight'
4
+ import Body from '../../pb_body/_body'
5
+
6
+ const HighlightDefault = (props) => (
7
+ <div>
8
+ <Highlight
9
+ highlightedText={['highlight kit']}
10
+ text="This is the Highlight Kit"
11
+ {...props}
12
+ />
13
+ <br />
14
+ <Body>
15
+ {' '}
16
+ {'Hello this is a'}
17
+ {' '}
18
+ <Highlight text=" highlight wrapped"/>
19
+ </Body>
20
+ <br />
21
+ <Body
22
+ highlightedText={['highlighted', 'Body Kit ']}
23
+ highlighting
24
+ text="This is text highlighted in the Body Kit using the text prop."
25
+ {...props}
26
+ />
27
+ </div>
28
+ )
29
+
30
+ export default HighlightDefault
@@ -0,0 +1,9 @@
1
+ examples:
2
+
3
+ rails:
4
+ - highlight_default: Default
5
+
6
+
7
+ react:
8
+ - highlight_default: Default
9
+
@@ -0,0 +1 @@
1
+ export { default as HighlightDefault } from './_highlight_default.jsx'
@@ -0,0 +1 @@
1
+ This kit can be used to display the address for a homeowner/project. It contains street address, APT format, City, state and zip. A Project hashtag can be used as a prop to link back to a project.
@@ -0,0 +1,2 @@
1
+ ## Things To Avoid
2
+ Don’t change the design format (Bold fonts and light fonts), and keep the text stacked. Do not use on a singe line.
@@ -0,0 +1,11 @@
1
+ <%= pb_rails("home_address_street", props: {
2
+ address: "70 Prospect Ave",
3
+ address_cont: "Apt M18",
4
+ city: "West Chester",
5
+ home_id: 8250263,
6
+ home_url: "https://powerhrg.com/",
7
+ house_style: "Colonial",
8
+ state: "PA",
9
+ zipcode: "19382",
10
+ territory: "PHL",
11
+ }) %>
@@ -0,0 +1,22 @@
1
+ import React from 'react'
2
+
3
+ import HomeAddressStreet from '../_home_address_street'
4
+
5
+ const HomeAddressStreetDefault = (props) => {
6
+ return (
7
+ <HomeAddressStreet
8
+ address="70 Prospect Ave"
9
+ addressCont="Apt M18"
10
+ city="West Chester"
11
+ homeId="8250263"
12
+ homeUrl="https://powerhrg.com/"
13
+ houseStyle="Colonial"
14
+ state="PA"
15
+ territory="PHL"
16
+ zipcode="19382"
17
+ {...props}
18
+ />
19
+ )
20
+ }
21
+
22
+ export default HomeAddressStreetDefault
@@ -0,0 +1 @@
1
+ Use this kit on tables, card displays, or on modals. It's versatile for displaying in the most condensed areas.
@@ -0,0 +1,27 @@
1
+ <%= pb_rails("home_address_street", props: {
2
+ address: "70 Prospect Ave",
3
+ address_cont: "Apt M18",
4
+ city: "West Chester",
5
+ home_id: 8250263,
6
+ home_url: "https://powerhrg.com/",
7
+ house_style: "Colonial",
8
+ state: "PA",
9
+ zipcode: "19382",
10
+ territory: "PHL",
11
+ }) %>
12
+
13
+ <br>
14
+ <br>
15
+
16
+ <%= pb_rails("home_address_street", props: {
17
+ address: "70 Prospect Ave",
18
+ address_cont: "Apt M18",
19
+ city: "West Chester",
20
+ emphasis: "city",
21
+ home_id: 8250263,
22
+ home_url: "https://powerhrg.com/",
23
+ house_style: "Colonial",
24
+ state: "PA",
25
+ zipcode: "19382",
26
+ territory: "PHL",
27
+ }) %>
@@ -0,0 +1,39 @@
1
+ import React from 'react'
2
+
3
+ import HomeAddressStreet from '../_home_address_street'
4
+
5
+ const HomeAddressStreetEmphasis = (props) => {
6
+ return (
7
+ <div>
8
+ <HomeAddressStreet
9
+ address="70 Prospect Ave"
10
+ addressCont="Apt M18"
11
+ city="West Chester"
12
+ homeId="8250263"
13
+ homeUrl="https://powerhrg.com/"
14
+ houseStyle="Colonial"
15
+ state="PA"
16
+ territory="PHL"
17
+ zipcode="19382"
18
+ {...props}
19
+ />
20
+ <br />
21
+ <br />
22
+ <HomeAddressStreet
23
+ address="70 Prospect Ave"
24
+ addressCont="Apt M18"
25
+ city="West Chester"
26
+ emphasis="city"
27
+ homeId="8250263"
28
+ homeUrl="https://powerhrg.com/"
29
+ houseStyle="Colonial"
30
+ state="PA"
31
+ territory="PHL"
32
+ zipcode="19382"
33
+ {...props}
34
+ />
35
+ </div>
36
+ )
37
+ }
38
+
39
+ export default HomeAddressStreetEmphasis
@@ -0,0 +1,2 @@
1
+ Emphasis on street happens by default. (no prop needed)
2
+ Emphasis on "city" makes the city emphasized, rather than the street.
@@ -0,0 +1,12 @@
1
+ <%= pb_rails("home_address_street", props: {
2
+ address: "70 Prospect Ave",
3
+ address_cont: "Apt M18",
4
+ city: "West Chester",
5
+ home_id: 8250263,
6
+ home_url: "https://powerhrg.com/",
7
+ house_style: "Colonial",
8
+ new_window: true,
9
+ state: "PA",
10
+ zipcode: "19382",
11
+ territory: "PHL",
12
+ }) %>
@@ -0,0 +1,23 @@
1
+ import React from 'react'
2
+
3
+ import HomeAddressStreet from '../_home_address_street'
4
+
5
+ const HomeAddressStreetLink= (props) => {
6
+ return (
7
+ <HomeAddressStreet
8
+ address="70 Prospect Ave"
9
+ addressCont="Apt M18"
10
+ city="West Chester"
11
+ homeId={8250263}
12
+ homeUrl="https://powerhrg.com/"
13
+ houseStyle="Colonial"
14
+ newWindow
15
+ state="PA"
16
+ territory="PHL"
17
+ zipcode="19382"
18
+ {...props}
19
+ />
20
+ )
21
+ }
22
+
23
+ export default HomeAddressStreetLink
@@ -0,0 +1 @@
1
+ Use the `newWindow` / `new_window` prop to control whether the link opens on the same page or a new tab (same page is the default behavior)
@@ -0,0 +1,7 @@
1
+ <%= pb_rails("home_address_street", props: {
2
+ address: "70 Prospect Ave",
3
+ city: "West Chester",
4
+ state: "PA",
5
+ zipcode: "19382",
6
+ territory: "PHL",
7
+ }) %>
@@ -0,0 +1,18 @@
1
+ import React from 'react'
2
+
3
+ import HomeAddressStreet from '../_home_address_street'
4
+
5
+ const HomeAddressStreetModified = (props) => {
6
+ return (
7
+ <HomeAddressStreet
8
+ address="70 Prospect Ave"
9
+ city="West Chester"
10
+ state="PA"
11
+ territory="PHL"
12
+ zipcode="19382"
13
+ {...props}
14
+ />
15
+ )
16
+ }
17
+
18
+ export default HomeAddressStreetModified
@@ -0,0 +1,14 @@
1
+ examples:
2
+
3
+ rails:
4
+ - home_address_street_default: Default
5
+ - home_address_street_emphasis: Emphasis
6
+ - home_address_street_modified: Modified
7
+ - home_address_street_link: Link
8
+
9
+ react:
10
+ - home_address_street_default: Default
11
+ - home_address_street_emphasis: Emphasis
12
+ - home_address_street_modified: Modified
13
+ - home_address_street_link: Link
14
+
@@ -0,0 +1,4 @@
1
+ export { default as HomeAddressStreetDefault } from './_home_address_street_default.jsx'
2
+ export { default as HomeAddressStreetEmphasis } from './_home_address_street_emphasis.jsx'
3
+ export { default as HomeAddressStreetModified } from './_home_address_street_modified.jsx'
4
+ export { default as HomeAddressStreetLink } from './_home_address_street_link.jsx'
@@ -0,0 +1 @@
1
+ An icon is a graphic symbol that represents an object (ie a file) or a function. They can be used to give the user feedback.
@@ -0,0 +1,2 @@
1
+ ### Things to Avoid
2
+ Be careful of use cases where there should be a clickable area around the icon. Icon Circle Button may need to be used instead.
@@ -0,0 +1,3 @@
1
+ <p><%= pb_rails("icon", props: { icon: "spinner", spin: true, fixed_width: true, size: "2x" }) %> <span>Spin</span></p>
2
+ <br/>
3
+ <p><%= pb_rails("icon", props: { icon: "spinner", pulse: true, fixed_width: true, size: "2x" }) %> <span>Pulse</span></p>
@@ -0,0 +1,35 @@
1
+ import React from 'react'
2
+
3
+ import Icon from '../_icon'
4
+
5
+ const IconAnimate = (props) => {
6
+ return (
7
+ <div>
8
+ <p>
9
+ <Icon
10
+ fixedWidth
11
+ icon="spinner"
12
+ size="2x"
13
+ spin
14
+ {...props}
15
+ />
16
+ {' '}
17
+ <span>{'Spin'}</span>
18
+ </p>
19
+ <br />
20
+ <p>
21
+ <Icon
22
+ fixedWidth
23
+ icon="spinner"
24
+ pulse
25
+ size="2x"
26
+ {...props}
27
+ />
28
+ {' '}
29
+ <span>{'Pulse'}</span>
30
+ </p>
31
+ </div>
32
+ )
33
+ }
34
+
35
+ export default IconAnimate
@@ -0,0 +1 @@
1
+ A spinner icon can show a user that something is loading or saving.
@@ -0,0 +1 @@
1
+ <%= pb_rails("icon", props: { icon: "user", border: true, fixed_width: true, size: "2x" }) %>
@@ -0,0 +1,19 @@
1
+ import React from 'react'
2
+
3
+ import Icon from '../_icon'
4
+
5
+ const IconBorder = (props) => {
6
+ return (
7
+ <div>
8
+ <Icon
9
+ border
10
+ fixedWidth
11
+ icon="user"
12
+ size="2x"
13
+ {...props}
14
+ />
15
+ </div>
16
+ )
17
+ }
18
+
19
+ export default IconBorder
@@ -0,0 +1,16 @@
1
+ <%# SVG fill color inherited from css color property %>
2
+ <div class="icon-wrapper">
3
+
4
+ <% svg_url = "https://upload.wikimedia.org/wikipedia/commons/3/3b/Wrench_font_awesome.svg" %>
5
+ <p><%= pb_rails("icon", props: { custom_icon: svg_url } ) %></p>
6
+ <p><%= pb_rails("icon", props: { rotation: 90, custom_icon: svg_url, size: "2x" } ) %></p>
7
+ <p><%= pb_rails("icon", props: { spin: true, custom_icon: svg_url, size: "3x" } ) %></p>
8
+ <p><%= pb_rails("icon", props: { size: "5x", custom_icon: svg_url } ) %></p>
9
+ <p><%= pb_rails("icon", props: { flip: "horizontal", size: "5x", custom_icon: svg_url } ) %></p>
10
+
11
+ <%= pb_rails("body", props: {
12
+ text: "Custom icons are compatible with other icon props (size, rotation,
13
+ spin, flip, etc). Their SVG fill colors will be inherited from
14
+ parent element's css color properties."
15
+ } ) %>
16
+ </div>
@@ -0,0 +1,34 @@
1
+ import React from 'react'
2
+ import { Icon } from '../../'
3
+
4
+ // import Icons as config from 'power-icons'
5
+ const config = {
6
+ moon: (
7
+ <svg
8
+ ariaHidden="true"
9
+ focusable="false"
10
+ role="img"
11
+ viewBox="0 0 512 512"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ >
14
+ <path
15
+ d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM336 184h-56v-56c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v56h-56c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h56v56c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16v-56h56c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16z"
16
+ fill="currentColor"
17
+ />
18
+ </svg>
19
+ ),
20
+ }
21
+
22
+ const IconCustom = (props) => {
23
+ return (
24
+ <div>
25
+ <Icon
26
+ customIcon={config.moon}
27
+ size="7x"
28
+ {...props}
29
+ />
30
+ </div>
31
+ )
32
+ }
33
+
34
+ export default IconCustom
@@ -0,0 +1,19 @@
1
+ # Tips for Custom Icons
2
+
3
+ When using custom icons it is important to introduce a "clean" SVG. In order to ensure these custom icons perform as intended within your kit(s), ensure these things have been modified from the original SVG markup:
4
+
5
+ Attributes must be React compatible e.g. <code>xmlns:xlink</code> should be <code>xmlnsXlink</code> and so on. <strong>There should be no hyphenated attributes and no semi-colons!.</strong>
6
+
7
+ Fill colors with regards to <code>g</code> or <code>path</code> nodes, e.g. <code>fill="black"</code>, should be replaced with <code>currentColor</code> ala <code>fill="currentColor"</code>. Your mileage may vary depending on the complexity of your SVG.
8
+
9
+ Pay attention to your custom icon's dimensions and `viewBox` attribute. It is best to use a `viewBox="0 0 512 512"` starting point __when designing instead of trying to retrofit the viewbox afterwards__!
10
+
11
+ You must source *your own SVG into component/view* you are working on. This can easily be done in programmatic and maintainable ways.
12
+
13
+ ### React
14
+
15
+ So long as you have a valid React `<SVG>` node, you can send it as the `customIcon` prop and the kit will take care of the rest.
16
+
17
+ ### Rails
18
+
19
+ Some Rails applications use only webpack(er) which means using `image_url` will be successful over `image_path` in most cases especially development where Webpack Dev Server is serving assets over HTTP. Rails applications still using Asset Pipeline may use `image_path` or `image_url`. Of course, YMMV depending on any custom configurations in your Rails application.
@@ -0,0 +1 @@
1
+ <%= pb_rails("icon", props: { icon: "user", fixed_width: true }) %>
@@ -0,0 +1,17 @@
1
+ import React from 'react'
2
+
3
+ import Icon from '../_icon'
4
+
5
+ const IconDefault = (props) => {
6
+ return (
7
+ <div>
8
+ <Icon
9
+ fixedWidth
10
+ icon="user"
11
+ {...props}
12
+ />
13
+ </div>
14
+ )
15
+ }
16
+
17
+ export default IconDefault
@@ -0,0 +1,3 @@
1
+ <%= pb_rails("icon", props: { icon: "question-circle", fixed_width: true, flip: "horizontal", size: "2x" }) %>
2
+ <%= pb_rails("icon", props: { icon: "question-circle", fixed_width: true, flip: "vertical", size: "2x" }) %>
3
+ <%= pb_rails("icon", props: { icon: "question-circle", fixed_width: true, flip: "both", size: "2x" }) %>
@@ -0,0 +1,33 @@
1
+ import React from 'react'
2
+
3
+ import Icon from '../_icon'
4
+
5
+ const IconFlip = (props) => {
6
+ return (
7
+ <div>
8
+ <Icon
9
+ fixedWidth
10
+ flip="horizontal"
11
+ icon="question-circle"
12
+ size="2x"
13
+ {...props}
14
+ />
15
+ <Icon
16
+ fixedWidth
17
+ flip="vertical"
18
+ icon="question-circle"
19
+ size="2x"
20
+ {...props}
21
+ />
22
+ <Icon
23
+ fixedWidth
24
+ flip="both"
25
+ icon="question-circle"
26
+ size="2x"
27
+ {...props}
28
+ />
29
+ </div>
30
+ )
31
+ }
32
+
33
+ export default IconFlip
@@ -0,0 +1,2 @@
1
+ <%= pb_rails("icon", props: { icon: "arrow-left", pull: "left", fixed_width: true, size: "2x" }) %>
2
+ <%= pb_rails("icon", props: { icon: "arrow-right", pull: "right", fixed_width: true, size: "2x" }) %>
@@ -0,0 +1,26 @@
1
+ import React from 'react'
2
+
3
+ import Icon from '../_icon'
4
+
5
+ const IconPull = (props) => {
6
+ return (
7
+ <div>
8
+ <Icon
9
+ fixedWidth
10
+ icon="arrow-left"
11
+ pull="left"
12
+ size="2x"
13
+ {...props}
14
+ />
15
+ <Icon
16
+ fixedWidth
17
+ icon="arrow-right"
18
+ pull="right"
19
+ size="2x"
20
+ {...props}
21
+ />
22
+ </div>
23
+ )
24
+ }
25
+
26
+ export default IconPull
@@ -0,0 +1 @@
1
+ Icon Pull can be used to indicate that the user can perform a pull action.
@@ -0,0 +1,3 @@
1
+ <%= pb_rails("icon", props: { icon: "user", fixed_width: true, rotation: 90, size: "2x" }) %>
2
+ <%= pb_rails("icon", props: { icon: "user", fixed_width: true, rotation: 180, size: "2x" }) %>
3
+ <%= pb_rails("icon", props: { icon: "user", fixed_width: true, rotation: 270, size: "2x" }) %>
@@ -0,0 +1,33 @@
1
+ import React from 'react'
2
+
3
+ import Icon from '../_icon'
4
+
5
+ const IconRotate = (props) => {
6
+ return (
7
+ <div>
8
+ <Icon
9
+ fixedWidth
10
+ icon="user"
11
+ rotation={90}
12
+ size="2x"
13
+ {...props}
14
+ />
15
+ <Icon
16
+ fixedWidth
17
+ icon="user"
18
+ rotation={180}
19
+ size="2x"
20
+ {...props}
21
+ />
22
+ <Icon
23
+ fixedWidth
24
+ icon="user"
25
+ rotation={270}
26
+ size="2x"
27
+ {...props}
28
+ />
29
+ </div>
30
+ )
31
+ }
32
+
33
+ export default IconRotate
@@ -0,0 +1,16 @@
1
+ <p><%= pb_rails("icon", props: { icon: "user", size: "lg" }) %> <span>Large</span></p>
2
+ <p><%= pb_rails("icon", props: { icon: "user", size: "sm" }) %> <span>Small</span></p>
3
+ <p><%= pb_rails("icon", props: { icon: "user", size: "xs" }) %> <span>XSmall</span></p>
4
+
5
+ <br/><br/>
6
+
7
+ <p><%= pb_rails("icon", props: { icon: "user", size: "1x" }) %> <span>1x</span></p>
8
+ <p><%= pb_rails("icon", props: { icon: "user", size: "2x" }) %> <span>2x</span></p>
9
+ <p><%= pb_rails("icon", props: { icon: "user", size: "3x" }) %> <span>3x</span></p>
10
+ <p><%= pb_rails("icon", props: { icon: "user", size: "4x" }) %> <span>4x</span></p>
11
+ <p><%= pb_rails("icon", props: { icon: "user", size: "5x" }) %> <span>5x</span></p>
12
+ <p><%= pb_rails("icon", props: { icon: "user", size: "6x" }) %> <span>6x</span></p>
13
+ <p><%= pb_rails("icon", props: { icon: "user", size: "7x" }) %> <span>7x</span></p>
14
+ <p><%= pb_rails("icon", props: { icon: "user", size: "8x" }) %> <span>8x</span></p>
15
+ <p><%= pb_rails("icon", props: { icon: "user", size: "9x" }) %> <span>9x</span></p>
16
+ <p><%= pb_rails("icon", props: { icon: "user", size: "10x" }) %> <span>10x</span></p>