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,36 @@
1
+ import React from 'react'
2
+ import { Flex, Radio } from '../../'
3
+
4
+ const RadioAlignment = () => {
5
+ return (
6
+ <Flex>
7
+ <Radio
8
+ alignment="vertical"
9
+ label="Power"
10
+ marginRight="sm"
11
+ name="Group2"
12
+ tabIndex={0}
13
+ value="Power"
14
+ />
15
+ <br />
16
+ <Radio
17
+ alignment="vertical"
18
+ defaultChecked={false}
19
+ label="Nitro"
20
+ marginRight="sm"
21
+ name="Group2"
22
+ value="Nitro"
23
+ />
24
+ <br />
25
+ <Radio
26
+ alignment="vertical"
27
+ defaultChecked={false}
28
+ label="Google"
29
+ name="Group2"
30
+ value="Google"
31
+ />
32
+ </Flex>
33
+ )
34
+ }
35
+
36
+ export default RadioAlignment
@@ -0,0 +1,21 @@
1
+ <%= pb_rails("radio", props: {
2
+ text: "Power"
3
+ }) do %>
4
+ <input type="radio" name="group 3" value="power" >
5
+ <% end %>
6
+
7
+ <br>
8
+
9
+ <%= pb_rails("radio", props: {
10
+ text: "Nitro"
11
+ }) do %>
12
+ <input type="radio" name="group 3" value="nitro" checked>
13
+ <% end %>
14
+
15
+ <br>
16
+
17
+ <%= pb_rails("radio", props: {
18
+ text: "Google"
19
+ }) do %>
20
+ <input type="radio"name="group 3" value="google">
21
+ <% end %>
@@ -0,0 +1,66 @@
1
+ import React, { useState } from 'react'
2
+
3
+ import Radio from '../_radio'
4
+
5
+ const RadioCustom = (props) => {
6
+ const [choice, setChoice] = useState('power')
7
+
8
+ const handleOnChange = ({ target }) => {
9
+ setChoice(target.value)
10
+ }
11
+
12
+ return (
13
+ <div>
14
+ <p>
15
+ {'Your choice is: '}
16
+ <code>{choice}</code>
17
+ </p>
18
+ <br />
19
+ <Radio
20
+ className="my_custom_class"
21
+ label="Custom Power"
22
+ {...props}
23
+ >
24
+ <input
25
+ checked={choice === 'power'}
26
+ name="custom"
27
+ onChange={handleOnChange}
28
+ type="radio"
29
+ value="power"
30
+ {...props}
31
+ />
32
+ </Radio>
33
+ <br />
34
+ <Radio
35
+ className="my_custom_class"
36
+ label="Custom Nitro"
37
+ {...props}
38
+ >
39
+ <input
40
+ checked={choice === 'nitro'}
41
+ name="custom"
42
+ onChange={handleOnChange}
43
+ type="radio"
44
+ value="nitro"
45
+ {...props}
46
+ />
47
+ </Radio>
48
+ <br />
49
+ <Radio
50
+ className="my_custom_class"
51
+ label="Custom Google"
52
+ {...props}
53
+ >
54
+ <input
55
+ checked={choice === 'google'}
56
+ name="custom"
57
+ onChange={handleOnChange}
58
+ type="radio"
59
+ value="google"
60
+ {...props}
61
+ />
62
+ </Radio>
63
+ </div>
64
+ )
65
+ }
66
+ export default RadioCustom
@@ -0,0 +1,24 @@
1
+ <%= pb_rails("radio", props: {
2
+ text: "Power",
3
+ input_options: {
4
+ tabindex: 0
5
+ },
6
+ name: "group 1",
7
+ value: "Power"
8
+ }) %>
9
+
10
+ <br>
11
+
12
+ <%= pb_rails("radio", props: {
13
+ text: "Nitro",
14
+ name: "group 1",
15
+ value: "Nitro"
16
+ }) %>
17
+
18
+ <br>
19
+
20
+ <%= pb_rails("radio", props: {
21
+ text: "Google",
22
+ name: "group 1",
23
+ value: "Google"
24
+ }) %>
@@ -0,0 +1,34 @@
1
+ import React from 'react'
2
+
3
+ import Radio from '../_radio'
4
+
5
+ const RadioDefault = () => {
6
+ const ref = React.createRef()
7
+
8
+ return (
9
+ <div>
10
+ <Radio
11
+ label="Power"
12
+ name="Group2"
13
+ ref={ref}
14
+ tabIndex={0}
15
+ value="Power"
16
+ />
17
+ <br />
18
+ <Radio
19
+ defaultChecked={false}
20
+ label="Nitro"
21
+ name="Group2"
22
+ value="Nitro"
23
+ />
24
+ <br />
25
+ <Radio
26
+ defaultChecked={false}
27
+ label="Google"
28
+ name="Group2"
29
+ value="Google"
30
+ />
31
+ </div>
32
+ )
33
+ }
34
+ export default RadioDefault
@@ -0,0 +1,6 @@
1
+ <%= pb_rails("radio", props: {
2
+ error: true,
3
+ text: "Power",
4
+ name: "group 1",
5
+ value: "Power"
6
+ }) %>
@@ -0,0 +1,16 @@
1
+ import React from 'react'
2
+ import { Radio } from '../..'
3
+
4
+ const RadioError = () => {
5
+ return (
6
+ <div>
7
+ <Radio
8
+ error
9
+ label="Power"
10
+ name="Group2"
11
+ value="Power"
12
+ />
13
+ </div>
14
+ )
15
+ }
16
+ export default RadioError
@@ -0,0 +1 @@
1
+ Error shows that the radio option must be selected or is invalid (ie when used in a form it signals a user to fix an error).
@@ -0,0 +1,9 @@
1
+ <%= pb_rails("radio", props: {
2
+ text: "Radio with Options",
3
+ input_options: {
4
+ id: "radio-id",
5
+ name: "radio-name",
6
+ value: "radio-value",
7
+ class: "radio-class",
8
+ }
9
+ }) %>
@@ -0,0 +1,14 @@
1
+ examples:
2
+
3
+ rails:
4
+ - radio_default: Default
5
+ - radio_custom: Custom
6
+ - radio_error: With Error
7
+ - radio_options: With Options
8
+ - radio_alignment: Alignment
9
+
10
+ react:
11
+ - radio_default: Default
12
+ - radio_custom: Custom
13
+ - radio_error: With Error
14
+ - radio_alignment: Alignment
@@ -0,0 +1,4 @@
1
+ export { default as RadioDefault } from './_radio_default.jsx'
2
+ export { default as RadioCustom } from './_radio_custom.jsx'
3
+ export { default as RadioError } from './_radio_error.jsx'
4
+ export { default as RadioAlignment } from './_radio_alignment.jsx'
@@ -0,0 +1 @@
1
+ NOTE: All editors have a default max-width of "md". Use our [Max Width global prop](https://playbook.powerapp.cloud/visual_guidelines/max_width) to override this default, as necessary.
@@ -0,0 +1,36 @@
1
+ import React from 'react'
2
+ import { RichTextEditor } from '../..'
3
+ import { useEditor, EditorContent } from "@tiptap/react"
4
+ import StarterKit from "@tiptap/starter-kit"
5
+ import Link from '@tiptap/extension-link'
6
+
7
+
8
+ const RichTextEditorAdvancedDefault = (props) => {
9
+
10
+ const editor = useEditor({
11
+ extensions: [
12
+ StarterKit,
13
+ Link
14
+ ],
15
+ content:"Add your text here. You can format your text, add links, quotes, and bullets."
16
+ })
17
+ if (!editor) {
18
+ return null
19
+ }
20
+
21
+
22
+
23
+
24
+ return (
25
+ <div>
26
+ <RichTextEditor
27
+ advancedEditor={editor}
28
+ {...props}
29
+ >
30
+ <EditorContent editor={editor}/>
31
+ </RichTextEditor>
32
+ </div>
33
+ )
34
+ }
35
+
36
+ export default RichTextEditorAdvancedDefault
@@ -0,0 +1,4 @@
1
+ The advanced variant leverages Tiptap to unlock additional UI options (e.g., consolidated nav toolbar, styling, etc.) as well as several extensions (see [Tiptap docs](https://tiptap.dev/extensions) for more). To leverage this variant, Tiptap __must be installed__ in your project. Complete docs for using the library can be found [here](https://tiptap.dev/). To get started with this variant, see the Code Example below for required imports as well as the basic setup.
2
+
3
+
4
+ NOTE: Once the Tiptap editor is initialized as shown below, you must pass that instance to the kit via the `advancedEditor` prop.
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("rich_text_editor", props: {
2
+ aria: { label: "rich-textarea" },
3
+ data: { key: "value", key2: "value2" },
4
+ name: "textarea-label",
5
+ }) %>
@@ -0,0 +1,15 @@
1
+ import React from 'react'
2
+ import { RichTextEditor } from '../../'
3
+
4
+ const RichTextEditorAttributes = (props) => (
5
+ <div>
6
+ <RichTextEditor
7
+ aria={{ label: 'rich textarea' }}
8
+ data={{ key: 'value', key2: 'value2' }}
9
+ name="name-attribute"
10
+ {...props}
11
+ />
12
+ </div>
13
+ )
14
+
15
+ export default RichTextEditorAttributes
@@ -0,0 +1 @@
1
+ <%= pb_rails("rich_text_editor", props: {id: "default", value: "Add your text here. You can format your text, add links, quotes, and bullets."}) %>
@@ -0,0 +1,19 @@
1
+ import React, { useState } from 'react'
2
+ import { RichTextEditor } from '../../'
3
+
4
+ const RichTextEditorDefault = (props) => {
5
+ const [value, setValue] = useState('Add your text here. You can format your text, add links, quotes, and bullets.'),
6
+ handleOnChange = (html) => setValue(html)
7
+
8
+ return (
9
+ <div>
10
+ <RichTextEditor
11
+ onChange={handleOnChange}
12
+ value={value}
13
+ {...props}
14
+ />
15
+ </div>
16
+ )
17
+ }
18
+
19
+ export default RichTextEditorDefault
@@ -0,0 +1,3 @@
1
+ <%= pb_rails("rich_text_editor", props: {focus: true}) %>
2
+ <br>
3
+ <%= pb_rails("rich_text_editor", props: {focus: true}) %>
@@ -0,0 +1,17 @@
1
+ import React from 'react'
2
+ import { RichTextEditor } from '../../'
3
+
4
+ const RichTextEditorFocus = (props) => (
5
+ <>
6
+ <RichTextEditor
7
+ focus
8
+ {...props}
9
+ />
10
+ <br />
11
+ <RichTextEditor
12
+ focus
13
+ {...props}
14
+ />
15
+ </>
16
+ )
17
+ export default RichTextEditorFocus
@@ -0,0 +1,6 @@
1
+ <%= pb_rails("rich_text_editor", props: {
2
+ id: "inline",
3
+ inline: true,
4
+ toolbar_bottom: true,
5
+ value: "Try hovering over this text. Then try modifying it or adding more of your own text."
6
+ }) %>
@@ -0,0 +1,16 @@
1
+ import React from 'react'
2
+ import { RichTextEditor } from '../../'
3
+
4
+ const RichTextEditorInline = (props) => (
5
+ <div>
6
+ <RichTextEditor
7
+ id="inline"
8
+ inline
9
+ toolbarBottom
10
+ value="Try hovering over this text. Then try modifying it or adding more of your own text."
11
+ {...props}
12
+ />
13
+ </div>
14
+ )
15
+
16
+ export default RichTextEditorInline
@@ -0,0 +1,25 @@
1
+
2
+ <%= pb_rails("rich_text_editor", props: { id: "content-preview-editor" }) %>
3
+ <div id="card-obfuscation" style="display:none">
4
+ <%= pb_rails("card", props: { margin_top: "md" }) do %>
5
+ <div id="content-preview" class="trix-content">
6
+ </div>
7
+ <% end %>
8
+ </div>
9
+ <%= pb_rails("button", props: { id: "preview-button", variant: "secondary", margin_top: "md" }) do %>
10
+ <span>Preview Output</span>
11
+ <% end %>
12
+
13
+ <script>
14
+ // Button event handler
15
+ const button = document.getElementById('preview-button');
16
+ button.addEventListener('click', function() {
17
+ const content = document.getElementById('content-preview-editor');
18
+ const previewArea = document.getElementById('content-preview');
19
+ const cardDiv = document.getElementById('card-obfuscation');
20
+
21
+ previewArea.innerHTML = content.value;
22
+ cardDiv.classList.add('mt_md');
23
+ cardDiv.style.display = 'block';
24
+ });
25
+ </script>
@@ -0,0 +1,46 @@
1
+ import React, { useState } from 'react'
2
+ import {
3
+ Button,
4
+ Card,
5
+ RichTextEditor,
6
+ } from '../../'
7
+
8
+ const RichTextEditorPreview = (props) => {
9
+ const [showPreview, setShowPreview] = useState(false)
10
+ const [previewText, setPreviewText] = useState(<div />)
11
+
12
+ const handleChange = (event) => setPreviewText(event)
13
+ const handleClick = () => {
14
+ setShowPreview(true)
15
+ }
16
+
17
+ return (
18
+ <div>
19
+ <RichTextEditor
20
+ id="content-preview-editor"
21
+ onChange={handleChange}
22
+ {...props}
23
+ />
24
+ <If condition={showPreview}>
25
+ <Card marginTop="md">
26
+ <div
27
+ className="trix-content"
28
+ // eslint-disable-next-line react/no-danger
29
+ dangerouslySetInnerHTML={{ __html: previewText }}
30
+ id="preview-content"
31
+ />
32
+ </Card>
33
+ <Else />
34
+ <div />
35
+ </If>
36
+ <Button
37
+ id="preview-button"
38
+ marginTop="md"
39
+ onClick={handleClick}
40
+ text="Preview Output"
41
+ variant="secondary"
42
+ />
43
+ </div>
44
+ )
45
+ }
46
+ export default RichTextEditorPreview
@@ -0,0 +1 @@
1
+ <%= pb_rails("rich_text_editor", props: {simple: true, id: "simple"}) %>
@@ -0,0 +1,13 @@
1
+ import React from 'react'
2
+ import { RichTextEditor } from '../../'
3
+
4
+ const RichTextEditorSimple = (props) => (
5
+ <div>
6
+ <RichTextEditor
7
+ simple
8
+ {...props}
9
+ />
10
+ </div>
11
+ )
12
+
13
+ export default RichTextEditorSimple
@@ -0,0 +1 @@
1
+ <%= pb_rails("rich_text_editor", props: {id: "sticky", sticky: true, value: "In this example, when you scroll down, the rich text editor's toolbar will scroll along with the page and it will no longer be visible at the top of the page. Dummy text to enable scroll.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis."}) %>
@@ -0,0 +1,15 @@
1
+ import React from 'react'
2
+ import { RichTextEditor } from '../../'
3
+
4
+ const RichTextEditorSticky = (props) => (
5
+ <div>
6
+ <RichTextEditor
7
+ id="sticky"
8
+ sticky
9
+ value="In this example, when you scroll down, the rich text editor's toolbar will scroll along with the page and it will no longer be visible at the top of the page. Dummy text to enable scroll.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lorem ut pellentesque tempor. Vivamus ut ex vestibulum velit rich text editor eleifend fringilla. Sed non metus dictum, elementum mauris wysiwyg html editor non, sagittis odio. Nullam pellentesque leo sit amet ante suscipit wysiwyg html editor sagittis. Donec tempus vulputate suscipit. Ut non felis rich text editor ac dolor pulvinar lacinia eu eget urna. Sed tincidunt sapien vulputate tellus fringilla sodales. Morbi accumsan dui wysiwyg html editor sed massa pellentesque, quis vestibulum lectus scelerisque. Nulla ultrices mi id felis luctus aliquet. Donec nec ligula wysiwyg html editor pretium sapien semper dictum eu id quam. Etiam ut sollicitudin nibh. Quisque eu ultrices dui. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus rich text editor mi eu consequat. Nullam tincidunt erat et placerat mattis. Nunc rich text editor congue, enim vitae dictum dignissim, libero nisl sagittis augue, non aliquet nibh tortor sit amet ex. Aliquam cursus maximus mi eu consequat. Nullam tincidunt erat et placerat mattis."
10
+ {...props}
11
+ />
12
+ </div>
13
+ )
14
+
15
+ export default RichTextEditorSticky
@@ -0,0 +1,115 @@
1
+ <% changelog = "<div>
2
+ <strong>Changelog:<br></strong>
3
+ [INSERT LINK]<br><br>
4
+ You can test the normal spots of Playbook rails and react on
5
+ dev docs plus the following:
6
+ </div>
7
+ <div>
8
+ <br>
9
+ </div>" %>
10
+
11
+ <% release = "<div>
12
+ <div>
13
+ <strong>Story Background</strong>
14
+ </div>
15
+ <div>
16
+ Follow the{' '}
17
+ <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
18
+ release process
19
+ </a>{' '}
20
+ to create a new version, create a gem, and package. Create a Ninja testing
21
+ plan, then update Nitro with the new version.
22
+ </div>
23
+ <div>
24
+ <br />
25
+ </div>
26
+ <div>
27
+ <strong>Timeline / Due Date</strong>
28
+ </div>
29
+ <div>
30
+ <em>Release End of business Thursday</em>
31
+ </div>
32
+ <div>
33
+ <em>Testing on Nitro End of business Friday</em>
34
+ </div>
35
+ <div>
36
+ <br />
37
+ </div>
38
+ <div>
39
+ <strong>Definition of done</strong>
40
+ </div>
41
+ <ol>
42
+ <li>Merge all PR’s</li>
43
+ <li>Update the final CHANGELOG</li>
44
+ <li>Version up and generate NPM, and RubyGem</li>
45
+ <li>Create next version branch and milestone</li>
46
+ <li>Update default branch and branch protection rules&nbsp;</li>
47
+ <li>Notify Everyone of new version</li>
48
+ <li>
49
+ Generate testing plan and pages to test for Ninjas (update runway
50
+ ticket)
51
+ </li>
52
+ <li>Update version on Nitro and get on Demo</li>
53
+ <li>Send Ninjas demo and runway ticket for testing</li>
54
+ <li>Ninja Approved + PR Approved</li>
55
+ </ol>
56
+ <div>
57
+ <br />
58
+ </div>
59
+ <div>
60
+ <strong>Stakeholders / Sign-off</strong>
61
+ </div>
62
+ <ul>
63
+ <li>Code Owners</li>
64
+ </ul>
65
+ <div>
66
+ <br />
67
+ <strong>Cadence</strong>
68
+ <br />
69
+ Jason, Jon, Stephen, Jasper, Brendan, Cole
70
+ </div>
71
+ </div>" %>
72
+
73
+ <%= pb_rails("select", props: {
74
+ id: "rails-select-dropdown",
75
+ label: "",
76
+ name: "",
77
+ blank_selection: "Select a template",
78
+ options: [
79
+ {
80
+ value: release,
81
+ value_text: "Playbook Release",
82
+ },
83
+ {
84
+ value: changelog,
85
+ value_text: "Changelog",
86
+ },
87
+ ]
88
+ }) %>
89
+
90
+
91
+
92
+
93
+
94
+ <%= pb_rails("rich_text_editor", props: {classname: 'template-test', id: "template", template: '' }) %>
95
+
96
+
97
+ <script>
98
+ const updateContent = (template) => {
99
+ const trix = document.querySelector('.template-test trix-editor');
100
+ const editor = trix.editor;
101
+ console.log(editor)
102
+ editor.loadHTML("")
103
+ editor.setSelectedRange([0, 0])
104
+ editor.insertHTML(template)
105
+ }
106
+
107
+ window.addEventListener('DOMContentLoaded', () => {
108
+ const editor = document.querySelector("#rails-select-dropdown")
109
+ editor.addEventListener('change', function() {
110
+ console.log('You selected: ', this.value);
111
+ const template = this.value
112
+ updateContent(template);
113
+ });
114
+ });
115
+ </script>