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,21 @@
1
+ <%= pb_rails("fixed_confirmation_toast", props: {
2
+ text: "Error Message",
3
+ status: "error",
4
+ closeable: true
5
+ })%>
6
+
7
+ <br><br>
8
+
9
+ <%= pb_rails("fixed_confirmation_toast", props: {
10
+ text: "Items Successfully Moved",
11
+ status: "success",
12
+ closeable: true
13
+ })%>
14
+
15
+ <br><br>
16
+
17
+ <%= pb_rails("fixed_confirmation_toast", props: {
18
+ text: "Scan to Assign Selected Items",
19
+ status: "neutral",
20
+ closeable: true
21
+ })%>
@@ -0,0 +1,42 @@
1
+ import React from 'react'
2
+
3
+ import FixedConfirmationToast from '../_fixed_confirmation_toast'
4
+
5
+ const FixedConfirmationToastClose = (props) => {
6
+ return (
7
+ <div>
8
+ <div>
9
+ <FixedConfirmationToast
10
+ closeable
11
+ status="error"
12
+ text="Error Message"
13
+ {...props}
14
+ />
15
+ </div>
16
+
17
+ <br />
18
+
19
+ <div>
20
+ <FixedConfirmationToast
21
+ closeable
22
+ status="success"
23
+ text="Items Successfully Moved"
24
+ {...props}
25
+ />
26
+ </div>
27
+
28
+ <br />
29
+
30
+ <div>
31
+ <FixedConfirmationToast
32
+ closeable
33
+ status="neutral"
34
+ text="Scan to Assign Selected Items"
35
+ {...props}
36
+ />
37
+ </div>
38
+ </div>
39
+ )
40
+ }
41
+
42
+ export default FixedConfirmationToastClose
@@ -0,0 +1,19 @@
1
+ <%= pb_rails("fixed_confirmation_toast", props: {
2
+ text: "Error Message",
3
+ status: "error",
4
+ closeable: true
5
+ })%>
6
+
7
+ <br><br>
8
+
9
+ <%= pb_rails("fixed_confirmation_toast", props: {
10
+ text: "Items Successfully Moved",
11
+ status: "success"
12
+ })%>
13
+
14
+ <br><br>
15
+
16
+ <%= pb_rails("fixed_confirmation_toast", props: {
17
+ text: "Scan to Assign Selected Items",
18
+ status: "neutral"
19
+ })%>
@@ -0,0 +1,40 @@
1
+ import React from 'react'
2
+
3
+ import FixedConfirmationToast from '../_fixed_confirmation_toast'
4
+
5
+ const FixedConfirmationToastDefault = (props) => {
6
+ return (
7
+ <div>
8
+ <div>
9
+ <FixedConfirmationToast
10
+ closeable
11
+ status="error"
12
+ text="Error Message"
13
+ {...props}
14
+ />
15
+ </div>
16
+
17
+ <br />
18
+
19
+ <div>
20
+ <FixedConfirmationToast
21
+ status="success"
22
+ text="Items Successfully Moved"
23
+ {...props}
24
+ />
25
+ </div>
26
+
27
+ <br />
28
+
29
+ <div>
30
+ <FixedConfirmationToast
31
+ status="neutral"
32
+ text="Scan to Assign Selected Items"
33
+ {...props}
34
+ />
35
+ </div>
36
+ </div>
37
+ )
38
+ }
39
+
40
+ export default FixedConfirmationToastDefault
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("fixed_confirmation_toast", props: {
2
+ multi_line: true,
3
+ text: "Scan to Assign Selected Items. Click here to generate report",
4
+ status: "tip",
5
+ }) %>
@@ -0,0 +1,18 @@
1
+ import React from 'react'
2
+
3
+ import FixedConfirmationToast from '../_fixed_confirmation_toast'
4
+
5
+ const FixedConfirmationToastMultiLine = (props) => {
6
+ return (
7
+ <div>
8
+ <FixedConfirmationToast
9
+ multiLine
10
+ status="tip"
11
+ text="Scan to Assign Selected Items. Click here to generate report"
12
+ {...props}
13
+ />
14
+ </div>
15
+ )
16
+ }
17
+
18
+ export default FixedConfirmationToastMultiLine
@@ -0,0 +1,2 @@
1
+
2
+ Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.
@@ -0,0 +1,90 @@
1
+ <%= pb_rails("button", props: { text: "Top Center", variant: "secondary", data: { toast: "#toast-top-center" } }) %>
2
+ <%= pb_rails("button", props: { text: "Top Left", variant: "secondary", data: { toast: "#toast-top-left" } }) %>
3
+ <%= pb_rails("button", props: { text: "Top Right", variant: "secondary", data: { toast: "#toast-top-right" } }) %>
4
+ <%= pb_rails("button", props: { text: "Bottom Center", variant: "secondary", data: { toast: "#toast-bottom-center" } }) %>
5
+ <%= pb_rails("button", props: { text: "Bottom Left", variant: "secondary", data: { toast: "#toast-bottom-left" } }) %>
6
+ <%= pb_rails("button", props: { text: "Bottom Right", variant: "secondary", data: { toast: "#toast-bottom-right" } }) %>
7
+
8
+ <%= pb_rails("fixed_confirmation_toast", props: {
9
+ classname: "toast-to-hide",
10
+ closeable: true,
11
+ id: "toast-top-center",
12
+ text: "Top Center",
13
+ status: "neutral",
14
+ vertical: "top",
15
+ horizontal: "center"
16
+ }) %>
17
+
18
+ <%= pb_rails("fixed_confirmation_toast", props: {
19
+ classname: "toast-to-hide",
20
+ closeable: true,
21
+ id: "toast-top-left",
22
+ text: "Top Left",
23
+ status: "neutral",
24
+ vertical: "top",
25
+ horizontal: "left"
26
+ }) %>
27
+
28
+ <%= pb_rails("fixed_confirmation_toast", props: {
29
+ classname: "toast-to-hide",
30
+ closeable: true,
31
+ id: "toast-top-right",
32
+ text: "Top Right",
33
+ status: "neutral",
34
+ vertical: "top",
35
+ horizontal: "right"
36
+ }) %>
37
+
38
+ <%= pb_rails("fixed_confirmation_toast", props: {
39
+ classname: "toast-to-hide",
40
+ closeable: true,
41
+ id: "toast-bottom-center",
42
+ text: "Bottom Center",
43
+ status: "neutral",
44
+ vertical: "bottom",
45
+ horizontal: "center"
46
+ }) %>
47
+
48
+ <%= pb_rails("fixed_confirmation_toast", props: {
49
+ classname: "toast-to-hide",
50
+ closeable: true,
51
+ id: "toast-bottom-left",
52
+ text: "Bottom Left",
53
+ status: "neutral",
54
+ vertical: "bottom",
55
+ horizontal: "left"
56
+ }) %>
57
+
58
+ <%= pb_rails("fixed_confirmation_toast", props: {
59
+ classname: "toast-to-hide",
60
+ closeable: true,
61
+ id: "toast-bottom-right",
62
+ text: "Bottom Right",
63
+ status: "neutral",
64
+ vertical: "bottom",
65
+ horizontal: "right"
66
+ }) %>
67
+
68
+ <script type="text/javascript">
69
+ const toasts = document.querySelectorAll(".toast-to-hide")
70
+ const buttons = document.querySelectorAll("button[data-toast]")
71
+
72
+ const hideToasts = () => {
73
+ toasts.forEach((toast) => {
74
+ toast.style.display = "none"
75
+ })
76
+ }
77
+
78
+ hideToasts()
79
+
80
+ buttons.forEach((button) => {
81
+ button.onclick = () => {
82
+ hideToasts()
83
+ let toast = document.querySelector(button.getAttribute("data-toast"))
84
+
85
+ if (toast) {
86
+ toast.style.display = "flex"
87
+ }
88
+ }
89
+ })
90
+ </script>
@@ -0,0 +1,105 @@
1
+ import React, { useState } from 'react'
2
+
3
+ import Button from '../../pb_button/_button'
4
+ import FixedConfirmationToast from '../_fixed_confirmation_toast'
5
+
6
+ const FixedConfirmationToastPositions = (props) => {
7
+ const [state, setState] = useState({
8
+ open: false,
9
+ vertical: 'top',
10
+ horizontal: 'center',
11
+ })
12
+
13
+ const { vertical, horizontal, open } = state
14
+
15
+ const handleClick = (newState) => () => {
16
+ setState({ open: true, ...newState })
17
+ }
18
+
19
+ const handleClose = () => {
20
+ setState({ ...state, open: false })
21
+ }
22
+
23
+ return (
24
+ <div>
25
+ <Button
26
+ onClick={handleClick({
27
+ horizontal: 'center',
28
+ open: true,
29
+ vertical: 'top',
30
+ })}
31
+ text="Top Center"
32
+ variant="secondary"
33
+ {...props}
34
+ />
35
+ {' '}
36
+ <Button
37
+ onClick={handleClick({
38
+ horizontal: 'left',
39
+ open: true,
40
+ vertical: 'top',
41
+ })}
42
+ text="Top Left"
43
+ variant="secondary"
44
+ {...props}
45
+ />
46
+ {' '}
47
+ <Button
48
+ onClick={handleClick({
49
+ horizontal: 'right',
50
+ open: true,
51
+ vertical: 'top',
52
+ })}
53
+ text="Top Right"
54
+ variant="secondary"
55
+ {...props}
56
+ />
57
+ {' '}
58
+ <Button
59
+ onClick={handleClick({
60
+ horizontal: 'center',
61
+ open: true,
62
+ vertical: 'bottom',
63
+ })}
64
+ text="Bottom Center"
65
+ variant="secondary"
66
+ {...props}
67
+ />
68
+ {' '}
69
+ <Button
70
+ onClick={handleClick({
71
+ horizontal: 'left',
72
+ open: true,
73
+ vertical: 'bottom',
74
+ })}
75
+ text="Bottom Left"
76
+ variant="secondary"
77
+ {...props}
78
+ />
79
+ {' '}
80
+ <Button
81
+ onClick={handleClick({
82
+ horizontal: 'right',
83
+ open: true,
84
+ vertical: 'bottom',
85
+ })}
86
+ text="Bottom Right"
87
+ variant="secondary"
88
+ {...props}
89
+ />
90
+
91
+ <FixedConfirmationToast
92
+ closeable
93
+ horizontal={horizontal}
94
+ onClose={handleClose}
95
+ open={open}
96
+ status="neutral"
97
+ text={`${vertical} ${horizontal}`}
98
+ vertical={vertical}
99
+ {...props}
100
+ />
101
+ </div>
102
+ )
103
+ }
104
+
105
+ export default FixedConfirmationToastPositions
@@ -0,0 +1,14 @@
1
+ examples:
2
+
3
+ rails:
4
+ - fixed_confirmation_toast_default: Default
5
+ - fixed_confirmation_toast_multi_line: Multi Line
6
+ - fixed_confirmation_toast_close: Click to Close
7
+ - fixed_confirmation_toast_positions: Click to Show Positions
8
+
9
+ react:
10
+ - fixed_confirmation_toast_default: Default
11
+ - fixed_confirmation_toast_multi_line: Multi Line
12
+ - fixed_confirmation_toast_close: Click to Close
13
+ - fixed_confirmation_toast_positions: Click to Show Positions
14
+ - fixed_confirmation_toast_auto_close: Click to Show Auto Close
@@ -0,0 +1,5 @@
1
+ export { default as FixedConfirmationToastDefault } from './_fixed_confirmation_toast_default.jsx'
2
+ export { default as FixedConfirmationToastMultiLine } from './_fixed_confirmation_toast_multi_line.jsx'
3
+ export { default as FixedConfirmationToastClose } from './_fixed_confirmation_toast_close.jsx'
4
+ export { default as FixedConfirmationToastPositions } from './_fixed_confirmation_toast_positions.jsx'
5
+ export { default as FixedConfirmationToastAutoClose } from './_fixed_confirmation_toast_auto_close.jsx'
@@ -0,0 +1 @@
1
+ This kit is used to build most of the complex interfaces. The Flex Kit is used the same way flex box is used.
@@ -0,0 +1,101 @@
1
+ <%= pb_rails("title", props: {size: 4, text: "Row"}) %><br/>
2
+ <div class="flex-doc-example">
3
+ <%= pb_rails("flex", props:{ align: "start" }) do %>
4
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
5
+ <%= pb_rails("flex/flex_item", props:{padding:"none"}) do %>2<% end %>
6
+ <%= pb_rails("flex/flex_item", props:{padding:"xl"}) do %>3<% end %>
7
+ <%= pb_rails("flex/flex_item", props:{padding:"sm"}) do %>4<% end %>
8
+ <% end %>
9
+ </div>
10
+
11
+ <br/><br/>
12
+
13
+ <div class="flex-doc-example">
14
+ <%= pb_rails("flex", props:{ align: "center" }) do %>
15
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
16
+ <%= pb_rails("flex/flex_item", props:{padding:"none"}) do %>2<% end %>
17
+ <%= pb_rails("flex/flex_item", props:{padding:"xl"}) do %>3<% end %>
18
+ <%= pb_rails("flex/flex_item", props:{padding:"sm"}) do %>4<% end %>
19
+ <% end %>
20
+ </div>
21
+
22
+ <br/><br/>
23
+
24
+ <div class="flex-doc-example">
25
+ <%= pb_rails("flex", props:{ align: "end" }) do %>
26
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
27
+ <%= pb_rails("flex/flex_item", props:{padding:"none"}) do %>2<% end %>
28
+ <%= pb_rails("flex/flex_item", props:{padding:"xl"}) do %>3<% end %>
29
+ <%= pb_rails("flex/flex_item", props:{padding:"sm"}) do %>4<% end %>
30
+ <% end %>
31
+ </div>
32
+
33
+ <br/><br/>
34
+
35
+ <div class="flex-doc-example">
36
+ <%= pb_rails("flex", props:{ align: "baseline" }) do %>
37
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
38
+ <%= pb_rails("flex/flex_item", props:{padding:"none"}) do %>2<% end %>
39
+ <%= pb_rails("flex/flex_item", props:{padding:"xl"}) do %>3<% end %>
40
+ <%= pb_rails("flex/flex_item", props:{padding:"sm"}) do %>4<% end %>
41
+ <% end %>
42
+ </div>
43
+
44
+
45
+ <br/><br/>
46
+
47
+ <div class="flex-doc-example">
48
+ <%= pb_rails("flex", props:{ align: "stretch" }) do %>
49
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
50
+ <%= pb_rails("flex/flex_item", props:{padding:"none"}) do %>2<% end %>
51
+ <%= pb_rails("flex/flex_item", props:{padding:"xl"}) do %>3<% end %>
52
+ <%= pb_rails("flex/flex_item", props:{padding:"sm"}) do %>4<% end %>
53
+ <% end %>
54
+ </div>
55
+
56
+
57
+ <br/><br/>
58
+
59
+
60
+ <%= pb_rails("title", props: {size: 4, text: "Column"}) %><br/>
61
+
62
+ <div class="flex-doc-example">
63
+ <%= pb_rails("flex", props:{orientation: "column", align: "start" }) do %>
64
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
65
+ <%= pb_rails("flex/flex_item") do %>2<% end %>
66
+ <%= pb_rails("flex/flex_item") do %>3<% end %>
67
+ <%= pb_rails("flex/flex_item") do %>4<% end %>
68
+ <% end %>
69
+ </div>
70
+
71
+ <br/><br/>
72
+
73
+ <div class="flex-doc-example">
74
+ <%= pb_rails("flex", props:{orientation: "column", align: "center" }) do %>
75
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
76
+ <%= pb_rails("flex/flex_item") do %>2<% end %>
77
+ <%= pb_rails("flex/flex_item") do %>3<% end %>
78
+ <%= pb_rails("flex/flex_item") do %>4<% end %>
79
+ <% end %>
80
+ </div>
81
+
82
+ <br/><br/>
83
+ <div class="flex-doc-example">
84
+ <%= pb_rails("flex", props:{orientation: "column", align: "end" }) do %>
85
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
86
+ <%= pb_rails("flex/flex_item") do %>2<% end %>
87
+ <%= pb_rails("flex/flex_item") do %>3<% end %>
88
+ <%= pb_rails("flex/flex_item") do %>4<% end %>
89
+ <% end %>
90
+ </div>
91
+
92
+ <br/><br/>
93
+
94
+ <div class="flex-doc-example">
95
+ <%= pb_rails("flex", props:{orientation: "column", align: "stretch" }) do %>
96
+ <%= pb_rails("flex/flex_item") do %>1<% end %>
97
+ <%= pb_rails("flex/flex_item") do %>2<% end %>
98
+ <%= pb_rails("flex/flex_item") do %>3<% end %>
99
+ <%= pb_rails("flex/flex_item") do %>4<% end %>
100
+ <% end %>
101
+ </div>
@@ -0,0 +1,205 @@
1
+ import React from 'react'
2
+ import { Flex, FlexItem, Title } from '../..'
3
+
4
+ const FlexAlign = (props) => {
5
+ return (
6
+ <>
7
+
8
+ <Title
9
+ size={4}
10
+ text="row"
11
+ {...props}
12
+ />
13
+ <br />
14
+
15
+ <div className="flex-doc-example ">
16
+ <Flex
17
+ align="start"
18
+ {...props}
19
+ >
20
+ <FlexItem>
21
+ {'1'}
22
+ </FlexItem>
23
+ <FlexItem>
24
+ {'2'}
25
+ </FlexItem>
26
+ <FlexItem padding="xl">
27
+ {'3'}
28
+ </FlexItem>
29
+ <FlexItem padding="md">
30
+ {'4'}
31
+ </FlexItem>
32
+ </Flex>
33
+ </div>
34
+
35
+ <br />
36
+
37
+ <div className="flex-doc-example ">
38
+ <Flex
39
+ align="center"
40
+ {...props}
41
+ >
42
+ <FlexItem>
43
+ {'1'}
44
+ </FlexItem>
45
+ <FlexItem>
46
+ {'2'}
47
+ </FlexItem>
48
+ <FlexItem padding="xl">
49
+ {'3'}
50
+ </FlexItem>
51
+ <FlexItem padding="md">
52
+ {'4'}
53
+ </FlexItem>
54
+ </Flex>
55
+ </div>
56
+
57
+ <br />
58
+
59
+ <div className="flex-doc-example ">
60
+ <Flex
61
+ align="end"
62
+ {...props}
63
+ >
64
+ <FlexItem>
65
+ {'1'}
66
+ </FlexItem>
67
+ <FlexItem>
68
+ {'2'}
69
+ </FlexItem>
70
+ <FlexItem padding="xl">
71
+ {'3'}
72
+ </FlexItem>
73
+ <FlexItem padding="md">
74
+ {'4'}
75
+ </FlexItem>
76
+ </Flex>
77
+ </div>
78
+
79
+ <br />
80
+
81
+ <div className="flex-doc-example ">
82
+ <Flex
83
+ align="stretch"
84
+ orientation="row"
85
+ {...props}
86
+ >
87
+ <FlexItem>
88
+ {'1'}
89
+ </FlexItem>
90
+ <FlexItem>
91
+ {'2'}
92
+ </FlexItem>
93
+ <FlexItem padding="xl">
94
+ {'3'}
95
+ </FlexItem>
96
+ <FlexItem padding="md">
97
+ {'4'}
98
+ </FlexItem>
99
+ </Flex>
100
+ </div>
101
+
102
+ <br />
103
+
104
+ <Title
105
+ size={4}
106
+ text="Column"
107
+ {...props}
108
+ />
109
+ <br />
110
+
111
+ <div className="flex-doc-example ">
112
+ <Flex
113
+ align="start"
114
+ orientation="column"
115
+ {...props}
116
+ >
117
+ <FlexItem>
118
+ {'1'}
119
+ </FlexItem>
120
+ <FlexItem>
121
+ {'2'}
122
+ </FlexItem>
123
+ <FlexItem>
124
+ {'3'}
125
+ </FlexItem>
126
+ <FlexItem>
127
+ {'4'}
128
+ </FlexItem>
129
+ </Flex>
130
+ </div>
131
+
132
+ <br />
133
+
134
+ <div className="flex-doc-example ">
135
+ <Flex
136
+ align="center"
137
+ orientation="column"
138
+ {...props}
139
+ >
140
+ <FlexItem>
141
+ {'1'}
142
+ </FlexItem>
143
+ <FlexItem>
144
+ {'2'}
145
+ </FlexItem>
146
+ <FlexItem>
147
+ {'3'}
148
+ </FlexItem>
149
+ <FlexItem>
150
+ {'4'}
151
+ </FlexItem>
152
+ </Flex>
153
+ </div>
154
+
155
+ <br />
156
+
157
+ <div className="flex-doc-example ">
158
+ <Flex
159
+ align="end"
160
+ orientation="column"
161
+ {...props}
162
+ >
163
+ <FlexItem>
164
+ {'1'}
165
+ </FlexItem>
166
+ <FlexItem>
167
+ {'2'}
168
+ </FlexItem>
169
+ <FlexItem>
170
+ {'3'}
171
+ </FlexItem>
172
+ <FlexItem>
173
+ {'4'}
174
+ </FlexItem>
175
+ </Flex>
176
+ </div>
177
+
178
+ <br />
179
+
180
+ <div className="flex-doc-example ">
181
+ <Flex
182
+ align="stretch"
183
+ orientation="column"
184
+ {...props}
185
+ >
186
+ <FlexItem>
187
+ {'1'}
188
+ </FlexItem>
189
+ <FlexItem>
190
+ {'2'}
191
+ </FlexItem>
192
+ <FlexItem>
193
+ {'3'}
194
+ </FlexItem>
195
+ <FlexItem>
196
+ {'4'}
197
+ </FlexItem>
198
+ </Flex>
199
+ </div>
200
+
201
+ </>
202
+ )
203
+ }
204
+
205
+ export default FlexAlign
@@ -0,0 +1,3 @@
1
+ ##### Prop
2
+
3
+ `align` | **Type**: String | **Values**: start | center | end | stretch | baseline | none