playbook_ui 7.1.1.pre.alpha1 → 7.3.0.pre.alpha2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (300) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -1
  3. data/app/controllers/playbook/application_controller.rb +2 -0
  4. data/app/controllers/playbook/guides_controller.rb +11 -0
  5. data/app/controllers/playbook/pages_controller.rb +99 -0
  6. data/app/controllers/playbook/samples_controller.rb +40 -0
  7. data/app/pb_kits/playbook/_playbook.scss +1 -2
  8. data/app/pb_kits/playbook/data/menu.yml +5 -5
  9. data/app/pb_kits/playbook/index.js +1 -5
  10. data/app/pb_kits/playbook/packs/application.js +55 -0
  11. data/app/pb_kits/playbook/packs/examples.js +182 -0
  12. data/app/pb_kits/playbook/packs/main.scss +12 -0
  13. data/app/pb_kits/playbook/packs/samples.js +21 -0
  14. data/app/pb_kits/playbook/packs/site_styles/_samples.scss +72 -0
  15. data/app/pb_kits/playbook/packs/site_styles/_scaffold.scss +43 -0
  16. data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +146 -0
  17. data/app/pb_kits/playbook/packs/site_styles/docs/_all.scss +10 -0
  18. data/app/pb_kits/playbook/packs/site_styles/docs/_bg_light_doc_example.scss +7 -0
  19. data/app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss +531 -0
  20. data/app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss +92 -0
  21. data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +15 -0
  22. data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +148 -0
  23. data/app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss +15 -0
  24. data/app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss +88 -0
  25. data/app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss +72 -0
  26. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +1 -5
  27. data/app/pb_kits/playbook/pb_badge/_badge.jsx +2 -4
  28. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb +12 -1
  29. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +1 -1
  31. data/app/pb_kits/playbook/pb_button/_button.jsx +1 -5
  32. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +0 -1
  33. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx +3 -7
  34. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +90 -82
  35. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb +2 -4
  36. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb +7 -17
  37. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +9 -32
  38. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb +7 -18
  39. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +9 -37
  40. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.html.erb +11 -0
  41. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.jsx +29 -0
  42. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.html.erb +11 -0
  43. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.jsx +34 -0
  44. data/app/pb_kits/playbook/pb_button_toolbar/docs/example.yml +7 -3
  45. data/app/pb_kits/playbook/pb_button_toolbar/docs/index.js +2 -0
  46. data/app/pb_kits/playbook/pb_caption/_caption.jsx +2 -2
  47. data/app/pb_kits/playbook/pb_checkbox/_checkbox.jsx +2 -5
  48. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +1 -3
  49. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +0 -1
  50. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +1 -5
  51. data/app/pb_kits/playbook/pb_collapsible/_collapsible.html.erb +9 -0
  52. data/app/pb_kits/playbook/pb_collapsible/_collapsible.jsx +142 -0
  53. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +17 -0
  54. data/app/pb_kits/playbook/pb_collapsible/child_kits/_collapsible_content.html.erb +7 -0
  55. data/app/pb_kits/playbook/pb_collapsible/child_kits/_collapsible_main.html.erb +16 -0
  56. data/app/pb_kits/playbook/pb_collapsible/collapsible.rb +15 -0
  57. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.rb +21 -0
  58. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +24 -0
  59. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_dark.html.erb +10 -0
  60. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_dark.jsx +17 -0
  61. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb +10 -0
  62. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +17 -0
  63. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +9 -0
  64. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +2 -0
  65. data/app/pb_kits/playbook/pb_collapsible/index.js +82 -0
  66. data/app/pb_kits/playbook/pb_contact/_contact.jsx +1 -5
  67. data/app/pb_kits/playbook/pb_currency/_currency.jsx +1 -5
  68. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx +1 -5
  69. data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb +2 -1
  70. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +5 -3
  71. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +2 -3
  72. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +31 -37
  73. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb +4 -0
  74. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx +13 -0
  75. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md +1 -0
  76. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb +4 -0
  77. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx +13 -0
  78. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +2 -1
  79. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +2 -1
  80. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +0 -4
  81. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx +0 -4
  82. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.html.erb +9 -9
  83. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx +8 -8
  84. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.md +1 -3
  85. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +0 -1
  86. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +0 -1
  87. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -1
  88. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +2 -1
  89. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb +14 -8
  90. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx +39 -122
  91. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +2 -33
  92. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb +9 -44
  93. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb +1 -14
  94. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx +1 -45
  95. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx +1 -5
  96. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx +2 -2
  97. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +1 -5
  98. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.html.erb +8 -1
  99. data/app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb +0 -7
  100. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.html.erb +2 -3
  101. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx +17 -31
  102. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +0 -10
  103. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb +1 -2
  104. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx +2 -1
  105. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +1 -1
  106. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +1 -1
  107. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.html.erb +1 -1
  108. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.jsx +1 -1
  109. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +0 -2
  110. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js +0 -1
  111. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb +1 -7
  112. data/app/pb_kits/playbook/pb_flex/_flex.jsx +2 -2
  113. data/app/pb_kits/playbook/pb_flex/_flex_item.jsx +1 -1
  114. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -10
  115. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
  116. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +3 -3
  117. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +3 -3
  118. data/app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb +2 -7
  119. data/app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb +0 -1
  120. data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +2 -3
  121. data/app/pb_kits/playbook/pb_gauge/_gauge.jsx +1 -1
  122. data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +1 -1
  123. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx +2 -2
  124. data/app/pb_kits/playbook/pb_icon/_icon.jsx +2 -2
  125. data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx +1 -5
  126. data/app/pb_kits/playbook/pb_image/_image.jsx +1 -5
  127. data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +1 -5
  128. data/app/pb_kits/playbook/pb_layout/_layout.jsx +4 -4
  129. data/app/pb_kits/playbook/pb_line_graph/_line_graph.html.erb +13 -1
  130. data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +1 -1
  131. data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +1 -1
  132. data/app/pb_kits/playbook/pb_list/_list.jsx +2 -3
  133. data/app/pb_kits/playbook/pb_list/_list_item.jsx +2 -3
  134. data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +1 -5
  135. data/app/pb_kits/playbook/pb_message/_message.jsx +1 -5
  136. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx +2 -5
  137. data/app/pb_kits/playbook/pb_nav/_nav.jsx +2 -2
  138. data/app/pb_kits/playbook/pb_person/_person.jsx +1 -5
  139. data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +7 -12
  140. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.jsx +0 -1
  141. data/app/pb_kits/playbook/pb_popover/_popover.jsx +1 -5
  142. data/app/pb_kits/playbook/pb_popover/_popover.scss +4 -6
  143. data/app/pb_kits/playbook/pb_popover/index.js +1 -3
  144. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx +4 -4
  145. data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +1 -4
  146. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +33 -168
  147. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +1 -3
  148. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +8 -10
  149. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +1 -1
  150. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +16 -14
  151. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +3 -6
  152. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb +1 -17
  153. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx +1 -17
  154. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx +3 -10
  155. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +1 -11
  156. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +1 -1
  157. data/app/pb_kits/playbook/pb_radio/_radio.html.erb +1 -1
  158. data/app/pb_kits/playbook/pb_radio/docs/example.yml +0 -1
  159. data/app/pb_kits/playbook/pb_radio/radio.rb +4 -2
  160. data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx +1 -1
  161. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  162. data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +2 -2
  163. data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +3 -3
  164. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx +1 -6
  165. data/app/pb_kits/playbook/pb_table/_table.jsx +2 -2
  166. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -12
  167. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -6
  168. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +1 -1
  169. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +1 -1
  170. data/app/pb_kits/playbook/pb_time/_time.jsx +2 -2
  171. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb +1 -2
  172. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx +1 -1
  173. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +5 -5
  174. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx +3 -3
  175. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +1 -1
  176. data/app/pb_kits/playbook/pb_title/_title.jsx +1 -5
  177. data/app/pb_kits/playbook/pb_title_count/_title_count.jsx +1 -5
  178. data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +5 -5
  179. data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +3 -3
  180. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +43 -41
  181. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb +11 -0
  182. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx +44 -0
  183. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +2 -1
  184. data/app/pb_kits/playbook/pb_toggle/docs/index.js +1 -0
  185. data/app/pb_kits/playbook/pb_toggle/toggle.rb +2 -5
  186. data/app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb +20 -24
  187. data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +1 -19
  188. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx +1 -8
  189. data/app/pb_kits/playbook/pb_typeahead/components/Option.jsx +13 -21
  190. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb +1 -1
  191. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb +1 -1
  192. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +3 -0
  193. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx +45 -0
  194. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +3 -0
  195. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx +27 -0
  196. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -3
  197. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -24
  198. data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx +2 -5
  199. data/app/pb_kits/playbook/tokens/_colors.scss +23 -22
  200. data/app/pb_kits/playbook/tokens/_typography.scss +4 -4
  201. data/app/pb_kits/playbook/vendor.js +3 -8
  202. data/app/views/layouts/playbook/_mobile_hamburger.html.erb +2 -0
  203. data/app/views/layouts/playbook/_nav.html.erb +37 -0
  204. data/app/views/layouts/playbook/_sidebar.html.erb +51 -0
  205. data/app/views/layouts/playbook/application.html.erb +26 -0
  206. data/app/views/layouts/playbook/fullscreen.html.slim +10 -0
  207. data/app/views/layouts/playbook/grid.html.slim +10 -0
  208. data/app/views/layouts/playbook/samples.html.erb +19 -0
  209. data/app/views/playbook/guides/create_kit.html.slim +16 -0
  210. data/app/views/playbook/guides/create_kit/_file_naming.html.md +2 -0
  211. data/app/views/playbook/guides/create_kit/_generator.html.md +6 -0
  212. data/app/views/playbook/guides/create_kit/_kit_examples.html.md +2 -0
  213. data/app/views/playbook/guides/create_kit/_kit_rails.html.md +2 -0
  214. data/app/views/playbook/guides/create_kit/_kit_react.html.md +2 -0
  215. data/app/views/playbook/guides/create_kit/_layout.html.md +2 -0
  216. data/app/views/playbook/guides/create_kit/_view_objects.html.md +2 -0
  217. data/app/views/playbook/guides/create_kit/_writing_sass.md +10 -0
  218. data/app/views/playbook/guides/use_nitro.html.slim +6 -0
  219. data/app/views/playbook/guides/use_nitro/_local.html.md +2 -0
  220. data/app/views/playbook/guides/use_nitro/_nitro_components.html.md +2 -0
  221. data/app/views/playbook/guides/use_nitro/_versions.html.md +2 -0
  222. data/app/views/playbook/pages/fullscreen.html.slim +10 -0
  223. data/app/views/playbook/pages/grid.html.slim +2 -0
  224. data/app/views/playbook/pages/home.html.slim +4 -0
  225. data/app/views/playbook/pages/kit_category_show.html.erb +14 -0
  226. data/app/views/playbook/pages/kit_show.html.erb +33 -0
  227. data/app/views/playbook/pages/kits.html.erb +12 -0
  228. data/app/views/playbook/pages/principals/_getting_started.html.md +30 -0
  229. data/app/views/playbook/pages/principles.html.slim +3 -0
  230. data/app/views/playbook/pages/tokens.html.slim +15 -0
  231. data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim +61 -0
  232. data/app/views/playbook/pages/utilities.html.slim +116 -0
  233. data/app/views/playbook/pages/utilities/_pb_doc_color.html.slim +15 -0
  234. data/app/views/playbook/samples/collection_detail/index.html.erb +169 -0
  235. data/app/views/playbook/samples/collection_detail/index.jsx +372 -0
  236. data/app/views/playbook/samples/dashboards/index.html.erb +81 -0
  237. data/app/views/playbook/samples/dashboards/index.jsx +130 -0
  238. data/app/views/playbook/samples/filter_table/index.html.erb +348 -0
  239. data/app/views/playbook/samples/filter_table/index.jsx +433 -0
  240. data/app/views/playbook/samples/registration/index.html.erb +316 -0
  241. data/app/views/playbook/samples/registration/index.jsx +476 -0
  242. data/app/views/playbook/samples/sample_show.html.erb +36 -0
  243. data/lib/generators/kit/USAGE +5 -0
  244. data/lib/generators/kit/kit_generator.rb +95 -0
  245. data/lib/generators/kit/templates/kit_example_rails.erb.tt +1 -0
  246. data/lib/generators/kit/templates/kit_example_react.erb.tt +10 -0
  247. data/lib/generators/kit/templates/kit_example_yml.erb.tt +9 -0
  248. data/lib/generators/kit/templates/kit_html.erb.tt +7 -0
  249. data/lib/generators/kit/templates/kit_js.erb.tt +1 -0
  250. data/lib/generators/kit/templates/kit_jsx.erb.tt +68 -0
  251. data/lib/generators/kit/templates/kit_ruby.erb.tt +11 -0
  252. data/lib/generators/kit/templates/kit_ruby_spec.erb.tt +11 -0
  253. data/lib/generators/kit/templates/kit_scss.erb +3 -0
  254. data/lib/playbook/engine.rb +0 -1
  255. data/lib/playbook/version.rb +1 -1
  256. data/lib/tasks/pb_release.rake +77 -0
  257. data/lib/tasks/playbook_tasks.rake +26 -0
  258. metadata +103 -44
  259. data/app/pb_kits/playbook/pb_background/_background.html.erb +0 -14
  260. data/app/pb_kits/playbook/pb_background/_background.jsx +0 -64
  261. data/app/pb_kits/playbook/pb_background/_background.scss +0 -15
  262. data/app/pb_kits/playbook/pb_background/background.rb +0 -36
  263. data/app/pb_kits/playbook/pb_background/docs/_background_default.html.erb +0 -41
  264. data/app/pb_kits/playbook/pb_background/docs/_background_default.jsx +0 -75
  265. data/app/pb_kits/playbook/pb_background/docs/example.yml +0 -8
  266. data/app/pb_kits/playbook/pb_background/docs/index.js +0 -1
  267. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss +0 -57
  268. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss +0 -27
  269. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb +0 -10
  270. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +0 -1
  271. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +0 -34
  272. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md +0 -3
  273. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb +0 -21
  274. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx +0 -38
  275. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js +0 -18
  276. data/app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb +0 -9
  277. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb +0 -34
  278. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx +0 -68
  279. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.md +0 -2
  280. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb +0 -61
  281. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx +0 -89
  282. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.md +0 -1
  283. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb +0 -34
  284. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx +0 -68
  285. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.md +0 -2
  286. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb +0 -43
  287. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx +0 -80
  288. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.md +0 -1
  289. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb +0 -34
  290. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx +0 -63
  291. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.md +0 -1
  292. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb +0 -10
  293. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb +0 -25
  294. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.md +0 -8
  295. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb +0 -30
  296. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md +0 -11
  297. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb +0 -25
  298. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md +0 -1
  299. data/app/pb_kits/playbook/react_rails_kits.js +0 -6
  300. data/app/pb_kits/playbook/tokens/index.scss +0 -11
@@ -0,0 +1,36 @@
1
+ <div class="pb--kit-show sample-nav">
2
+ <div class="sample-actions">
3
+ <div class="items">
4
+ <a href="/">
5
+ <%= pb_rails("circle_icon_button", props: {variant: "primary", icon: "angle-left", dark: true}) %>
6
+ </a>
7
+ </div>
8
+ </div>
9
+ <div class="pb--kit-type-nav sample">
10
+ <%= pb_rails("nav", props: { orientation: "horizontal", classname: "code-controls"}) do %>
11
+ <%= pb_rails("nav/item", props: { text: "Rails", link: "#{sample_show_rails_path(@sample)}", active: action_name == 'sample_show_rails' }) %>
12
+ <%= pb_rails("nav/item", props: { text: "React", link: "#{sample_show_reacts_path(@sample)}", active: action_name == 'sample_show_react' }) %>
13
+ <% end %>
14
+ </div>
15
+ <div class="sample-actions-right">
16
+ <div class="items">
17
+ <%= pb_rails("circle_icon_button", props: { classname:"toggle-button", variant: "secondary", icon: "code", dark: true}) %>
18
+ </div>
19
+ <div class="items">
20
+ <%= pb_rails("circle_icon_button", props:{ classname: "expand", variant: "secondary", icon: "expand", dark: true}) %>
21
+ </div>
22
+ </div>
23
+ </div>
24
+ <%= pb_rails("circle_icon_button", props:{ classname: "compress", variant: "link", icon: "compress"}) %>
25
+
26
+ <%= render_sample_ui(@sample, @type) %>
27
+
28
+ <div class="pb--kit-show">
29
+ <div class="pb--doc light_ui">
30
+ <div class="pb--codeCopy close" >
31
+ <a class="pb--close-toggle copy-clipboard" href="#">Copy to Clipboard</a>
32
+ <div class="hiddenCodeforCopy"><%= get_raw_code(@sample, @type) %></div>
33
+ <pre class="highlight"><%= get_sample_code_content(@sample, @type) %></pre>
34
+ </div>
35
+ </div>
36
+ </div>
@@ -0,0 +1,5 @@
1
+ Description:
2
+ Create a new Playbook kit
3
+
4
+ Example:
5
+ rails g kit "button"
@@ -0,0 +1,95 @@
1
+ # frozen_string_literal: true
2
+
3
+ class KitGenerator < Rails::Generators::NamedBase
4
+ desc "This generator creates a new Playbook Kit"
5
+ source_root File.expand_path("templates", __dir__)
6
+ class_option :props, type: :array, default: []
7
+
8
+ def create_templates
9
+ kit_name = name.strip.downcase
10
+ @kit_name_uppercase = kit_name.upcase
11
+ @kit_name_lowercase = kit_name
12
+ @kit_name_capitalize = kit_name.capitalize
13
+ @kit_name_underscore = kit_name.parameterize.underscore
14
+ @kit_name_pascal = kit_name.titleize.gsub(/\s+/, "")
15
+
16
+ kit_props = options[:props].concat(%w[id:string classname:string data:object aria:object])
17
+ @kit_props = kit_props.map { |hash| [hash.partition(":").first, hash.partition(":").last] }.to_h
18
+ @kit_props = @kit_props.sort.to_h
19
+ @unique_props = @kit_props.symbolize_keys.without(:id, :classname, :data, :aria)
20
+
21
+ @kit_class_init = []
22
+ @kit_props.each do |key, _val|
23
+ @kit_class_init.push("#{key.parameterize.underscore}: default_configuration".to_sym)
24
+ end
25
+
26
+ @kit_class_val = []
27
+ @kit_props.each do |key, _value|
28
+ @kit_class_val.push("self.configured_#{key.parameterize.underscore} = #{key.parameterize.underscore}")
29
+ end
30
+
31
+ full_kit_directory = "app/pb_kits/playbook/pb_#{@kit_name_underscore}"
32
+
33
+ # Check if kit already exists =======================
34
+ if File.directory?(full_kit_directory)
35
+ say_status "#{@kit_name_capitalize} kit already exists.",
36
+ "Please choose another name or manually make changes to the existing kit.",
37
+ :red
38
+ return
39
+ else
40
+ # Add kit to Playbook menu ==========================
41
+ open("app/pb_kits/playbook/data/menu.yml", "a") do |f|
42
+ f.puts " - #{@kit_name_underscore}"
43
+ end
44
+ say_status "complete",
45
+ "#{@kit_name_capitalize} kit added to Playbook menu.",
46
+ :green
47
+
48
+ # Generate SCSS files ==============================
49
+ template "kit_scss.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.scss"
50
+ open("app/pb_kits/playbook/_playbook.scss", "a") do |f|
51
+ f.puts "\n@" + "import " + "\'" + "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" + "\';"
52
+ end
53
+ say_status "complete",
54
+ "#{@kit_name_capitalize} kit stylesheet successfully created and imported.",
55
+ :green
56
+
57
+ # Ask user if Rails version should be generated ======
58
+ if yes?("Create RAILS #{@kit_name_underscore} kit? (y/N)")
59
+ @rails_kit = true
60
+ template "kit_ruby.erb", "#{full_kit_directory}/#{@kit_name_underscore}.rb"
61
+ template "kit_html.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.html.erb"
62
+ template "kit_example_rails.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.html.erb"
63
+ template "kit_ruby_spec.erb", "spec/pb_kits/playbook/kits/#{@kit_name_underscore}_spec.rb"
64
+ say_status "complete",
65
+ "#{@kit_name_capitalize} rails kit successfully created.",
66
+ :green
67
+ end
68
+
69
+ # Ask user if React version should be generated ======
70
+ if yes?("Create REACT #{@kit_name_pascal} kit? (y/N)")
71
+ @react_kit = true
72
+ template "kit_jsx.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.jsx"
73
+ template "kit_example_react.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.jsx"
74
+ template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
75
+
76
+ # Import kit examples ===========================
77
+ append_to_file("app/pb_kits/playbook/packs/examples.js") do
78
+ "import * as #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/docs'\nWebpackerReact.setup(#{@kit_name_pascal})\n"
79
+ end
80
+ append_to_file("app/pb_kits/playbook/index.js") do
81
+ "\nexport #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.jsx'"
82
+ end
83
+
84
+ say_status "complete",
85
+ "#{@kit_name_capitalize} react kit successfully created.",
86
+ :green
87
+ end
88
+
89
+ # Create kit example.yml
90
+ template "kit_example_yml.erb", "#{full_kit_directory}/docs/example.yml"
91
+
92
+ `rubocop --safe-auto-correct #{full_kit_directory}`
93
+ end
94
+ end
95
+ end
@@ -0,0 +1 @@
1
+ <%%= pb_rails("<%= @kit_name_underscore %>") %>
@@ -0,0 +1,10 @@
1
+ import React from 'react'
2
+ import { <%= @kit_name_pascal %> } from '../../'
3
+
4
+ const <%= @kit_name_pascal %>Default = () => (
5
+ <div>
6
+ <<%= @kit_name_pascal %> />
7
+ </div>
8
+ )
9
+
10
+ export default <%= @kit_name_pascal %>Default
@@ -0,0 +1,9 @@
1
+ examples:
2
+ <% if @rails_kit %>
3
+ rails:
4
+ - <%= @kit_name_underscore %>_default: Default
5
+ <% end %>
6
+ <% if @react_kit %>
7
+ react:
8
+ - <%= @kit_name_underscore %>_default: Default
9
+ <% end %>
@@ -0,0 +1,7 @@
1
+ <%%= content_tag(:div,
2
+ aria: object.aria,
3
+ class: object.classname,
4
+ data: object.data,
5
+ id: object.id) do %>
6
+ <span><%= @kit_name_uppercase %> CONTENT</span>
7
+ <%% end %>
@@ -0,0 +1 @@
1
+ export { default as <%= @kit_name_pascal %>Default } from './_<%= @kit_name_underscore %>_default.jsx'
@@ -0,0 +1,68 @@
1
+ <%
2
+ break_lines = lambda do |list, spaces = 2, separator = ","|
3
+ list.join("#{separator}\n#{" " * spaces}") + separator
4
+ end
5
+
6
+ type_name = "#{@kit_name_pascal}Props"
7
+
8
+ props_types = @kit_props.map do |key, val|
9
+ prop_name = key == "classname" ? "className" : key.camelize(:lower)
10
+ prop_type = case val
11
+ when "enum", "one_of" then "'option_1' | 'option_2'"
12
+ when "boolean", "bool" then "boolean"
13
+ when "object", "obj" then "object"
14
+ else "string"
15
+ end
16
+
17
+ "#{prop_name}?: #{prop_type}"
18
+ end
19
+ puts props_types.inspect
20
+
21
+ props_names = @kit_props.keys.map do |key|
22
+ case key
23
+ when "classname" || "className"
24
+ "className"
25
+ when "aria"
26
+ "aria = {}"
27
+ when "data"
28
+ "data = {}"
29
+ else
30
+ key
31
+ end
32
+ end
33
+
34
+ %>
35
+
36
+ /* @flow */
37
+
38
+ import React from 'react'
39
+ import classnames from 'classnames'
40
+ import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
41
+ import { globalProps } from '../utilities/globalProps.js'
42
+
43
+ type <%= type_name %> = {
44
+ <%= break_lines.call(props_types) %>
45
+ }
46
+
47
+ const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
48
+ const {
49
+ <%= break_lines.call(props_names) %>
50
+ } = props
51
+
52
+ const ariaProps = buildAriaProps(aria)
53
+ const dataProps = buildDataProps(data)
54
+ const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), className, globalProps(props))
55
+
56
+ return (
57
+ <div
58
+ {...ariaProps}
59
+ {...dataProps}
60
+ className={classes}
61
+ id={id}
62
+ >
63
+ {className}
64
+ </div>
65
+ )
66
+ }
67
+
68
+ export default <%= @kit_name_pascal %>
@@ -0,0 +1,11 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Pb<%= @kit_name_pascal %>
5
+ class <%= @kit_name_pascal %>
6
+ include Playbook::Props
7
+
8
+ partial "<%= "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" %>"
9
+ end
10
+ end
11
+ end
@@ -0,0 +1,11 @@
1
+ # frozen_string_literal: true
2
+
3
+ require_relative "../../../../app/pb_kits/playbook/pb_<%= @kit_name_underscore %>/<%= @kit_name_underscore %>"
4
+
5
+ RSpec.describe Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> do
6
+ subject { Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> }
7
+
8
+ it { is_expected.to define_partial }
9
+
10
+ # Do not leave this file blank. Use other spec files for example tests.
11
+ end
@@ -0,0 +1,3 @@
1
+ <%= ".pb_#{@kit_name_underscore}" %> {
2
+
3
+ }
@@ -21,7 +21,6 @@ module Playbook
21
21
  initializer "playbook_ui.add_view_paths", after: :add_view_paths do |_app|
22
22
  ActiveSupport.on_load(:action_controller) do
23
23
  append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"
24
- append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook/config"
25
24
  end
26
25
  end
27
26
 
@@ -1,4 +1,4 @@
1
1
  # frozen_string_literal: true
2
2
  module Playbook
3
- VERSION = "7.1.1.pre.alpha1"
3
+ VERSION = "7.3.0.pre.alpha2"
4
4
  end
@@ -0,0 +1,77 @@
1
+ # frozen_string_literal: true
2
+
3
+ namespace :pb_release do
4
+ desc "Update the version number in preparation to release"
5
+ task version: :environment do
6
+ puts "\n"
7
+ puts "*" * 20 + " Create New Playbook Release " + "*" * 20
8
+ ack = "\nFirst, before creating a new version please make sure you are familiar with SemVer guidlines: "
9
+ ack += "\nhttps://semver.org/#semantic-versioning-specification-semver. "
10
+ ack += "\n\nDoing so will ensure the proper version is selected for the release. "
11
+ ack += "\nSee also: https://github.com/powerhome/playbook/wiki/Releasing-a-New-Version#determining-the-version."
12
+ ack += "\n\nReady to start? y/N"
13
+ STDOUT.puts ack
14
+ agreed = STDIN.gets.chomp.downcase
15
+
16
+ if agreed == "y"
17
+ old_version = Playbook::VERSION
18
+ STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
19
+ new_version = STDIN.gets.chomp
20
+ puts "Ok great, let's make version #{new_version}"
21
+ puts "\n\n"
22
+
23
+ # Update package.json
24
+ package = File.read("package.json")
25
+ new_package = package.gsub(/"version": "#{old_version}",/, "\"version\": \"#{new_version}\",")
26
+ File.open("package.json", "w") { |file| file.puts new_package }
27
+ puts "Updated package.json"
28
+
29
+ # Update version.rb
30
+ version_rb = File.read("lib/playbook/version.rb")
31
+ new_version_rb = version_rb.gsub(/VERSION = "#{old_version}".freeze/, "VERSION = \"#{new_version}\".freeze")
32
+ File.open("lib/playbook/version.rb", "w") { |file| file.puts new_version_rb }
33
+ puts "Updated lib/playbook/version.rb"
34
+
35
+ # Update gemfile.lock
36
+ gemfile = File.read("Gemfile.lock")
37
+ new_gemfile = gemfile.gsub(/playbook_ui \(#{Regexp.escape(old_version)}\)/, "playbook_ui (#{new_version})")
38
+ File.open("Gemfile.lock", "w") { |file| file.puts new_gemfile }
39
+ puts "Updated Gemfile.lock"
40
+ puts "\n\n"
41
+
42
+ puts "Commit your changes and create a PR to merge to master"
43
+ end
44
+ end
45
+
46
+ desc "Publish to RubyGems, NPM, and Create a Tag"
47
+ task push: :environment do
48
+ version = Playbook::VERSION
49
+ puts "You about to release version #{version}. Is that correct? (y/N)"
50
+ input = STDIN.gets.chomp
51
+ raise Nope unless input.downcase == "y"
52
+
53
+ # RubyGems
54
+ puts "\nCreating Gem..."
55
+ `gem build playbook_ui.gemspec`
56
+ puts "\nPushing to RubyGems..."
57
+ `gem push playbook_ui-#{version}.gem`
58
+ puts "\nPushed to RubyGems. Now lets clean up..."
59
+ `rm -rf playbook_ui-#{version}.gem`
60
+
61
+ # NPM
62
+ puts "\nPushing to NPM..."
63
+ `npm publish`
64
+
65
+ # Tags
66
+ puts "\nPushed to NPM. Now lets create a tag..."
67
+ puts "\nWrite a brief tag release description. You can edit this later on GitHub."
68
+ description = STDIN.gets.chomp
69
+ puts "\nCreating Tag..."
70
+ `git tag -a #{version} -m "#{description}"`
71
+ puts "\nPushing Tag to GitHub..."
72
+ `git push origin #{version}`
73
+
74
+ puts "\n\n"
75
+ puts "Complete! Don't forget to add your release notes https://github.com/powerhome/playbook/releases/tag/#{version}"
76
+ end
77
+ end
@@ -0,0 +1,26 @@
1
+ # frozen_string_literal: true
2
+
3
+ require "webpacker"
4
+
5
+ namespace :playbook do
6
+ namespace :webpacker do
7
+ desc "Install deps with yarn"
8
+ task :yarn_install do
9
+ Dir.chdir(File.join(__dir__, "../..")) do
10
+ system "yarn install --no-progress --production"
11
+ end
12
+ end
13
+
14
+ desc "Compile JavaScript packs using webpack for production with digests"
15
+ task compile: %i[yarn_install environment] do
16
+ ::Webpacker.with_node_env("production") do
17
+ if Playbook.webpacker.commands.compile
18
+ # Successful compilation!
19
+ else
20
+ # Failed compilation
21
+ exit!
22
+ end
23
+ end
24
+ end
25
+ end
26
+ end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 7.1.1.pre.alpha1
4
+ version: 7.3.0.pre.alpha2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-10-12 00:00:00.000000000 Z
12
+ date: 2020-10-20 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -401,6 +401,9 @@ files:
401
401
  - app/assets/images/pb-check.svg
402
402
  - app/assets/images/pb.logo.svg
403
403
  - app/controllers/playbook/application_controller.rb
404
+ - app/controllers/playbook/guides_controller.rb
405
+ - app/controllers/playbook/pages_controller.rb
406
+ - app/controllers/playbook/samples_controller.rb
404
407
  - app/helpers/playbook/application_helper.rb
405
408
  - app/helpers/playbook/layout_helper.rb
406
409
  - app/helpers/playbook/pb_doc_helper.rb
@@ -414,6 +417,22 @@ files:
414
417
  - app/pb_kits/playbook/config/_pb_kit_api.html.erb
415
418
  - app/pb_kits/playbook/data/menu.yml
416
419
  - app/pb_kits/playbook/index.js
420
+ - app/pb_kits/playbook/packs/application.js
421
+ - app/pb_kits/playbook/packs/examples.js
422
+ - app/pb_kits/playbook/packs/main.scss
423
+ - app/pb_kits/playbook/packs/samples.js
424
+ - app/pb_kits/playbook/packs/site_styles/_samples.scss
425
+ - app/pb_kits/playbook/packs/site_styles/_scaffold.scss
426
+ - app/pb_kits/playbook/packs/site_styles/_site-style.scss
427
+ - app/pb_kits/playbook/packs/site_styles/docs/_all.scss
428
+ - app/pb_kits/playbook/packs/site_styles/docs/_bg_light_doc_example.scss
429
+ - app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss
430
+ - app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss
431
+ - app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss
432
+ - app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss
433
+ - app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss
434
+ - app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss
435
+ - app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss
417
436
  - app/pb_kits/playbook/pb_avatar/_avatar.html.erb
418
437
  - app/pb_kits/playbook/pb_avatar/_avatar.jsx
419
438
  - app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -445,14 +464,6 @@ files:
445
464
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
446
465
  - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
447
466
  - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
448
- - app/pb_kits/playbook/pb_background/_background.html.erb
449
- - app/pb_kits/playbook/pb_background/_background.jsx
450
- - app/pb_kits/playbook/pb_background/_background.scss
451
- - app/pb_kits/playbook/pb_background/background.rb
452
- - app/pb_kits/playbook/pb_background/docs/_background_default.html.erb
453
- - app/pb_kits/playbook/pb_background/docs/_background_default.jsx
454
- - app/pb_kits/playbook/pb_background/docs/example.yml
455
- - app/pb_kits/playbook/pb_background/docs/index.js
456
467
  - app/pb_kits/playbook/pb_badge/_badge.html.erb
457
468
  - app/pb_kits/playbook/pb_badge/_badge.jsx
458
469
  - app/pb_kits/playbook/pb_badge/_badge.scss
@@ -523,13 +534,15 @@ files:
523
534
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.html.erb
524
535
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
525
536
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
526
- - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
527
- - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss
528
537
  - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
529
538
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
530
539
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
531
540
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
532
541
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
542
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.html.erb
543
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.jsx
544
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.html.erb
545
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.jsx
533
546
  - app/pb_kits/playbook/pb_button_toolbar/docs/_description.md
534
547
  - app/pb_kits/playbook/pb_button_toolbar/docs/example.yml
535
548
  - app/pb_kits/playbook/pb_button_toolbar/docs/index.js
@@ -591,7 +604,6 @@ files:
591
604
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
592
605
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
593
606
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
594
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
595
607
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
596
608
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
597
609
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -631,6 +643,21 @@ files:
631
643
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
632
644
  - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
633
645
  - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
646
+ - app/pb_kits/playbook/pb_collapsible/_collapsible.html.erb
647
+ - app/pb_kits/playbook/pb_collapsible/_collapsible.jsx
648
+ - app/pb_kits/playbook/pb_collapsible/_collapsible.scss
649
+ - app/pb_kits/playbook/pb_collapsible/child_kits/_collapsible_content.html.erb
650
+ - app/pb_kits/playbook/pb_collapsible/child_kits/_collapsible_main.html.erb
651
+ - app/pb_kits/playbook/pb_collapsible/collapsible.rb
652
+ - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
653
+ - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
654
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_dark.html.erb
655
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_dark.jsx
656
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
657
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
658
+ - app/pb_kits/playbook/pb_collapsible/docs/example.yml
659
+ - app/pb_kits/playbook/pb_collapsible/docs/index.js
660
+ - app/pb_kits/playbook/pb_collapsible/index.js
634
661
  - app/pb_kits/playbook/pb_contact/_contact.html.erb
635
662
  - app/pb_kits/playbook/pb_contact/_contact.jsx
636
663
  - app/pb_kits/playbook/pb_contact/_contact.scss
@@ -686,11 +713,15 @@ files:
686
713
  - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
687
714
  - app/pb_kits/playbook/pb_date_picker/date_picker.rb
688
715
  - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
716
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb
717
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx
718
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md
719
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb
720
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx
689
721
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
690
722
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
691
723
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
692
724
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
693
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md
694
725
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb
695
726
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
696
727
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
@@ -711,8 +742,6 @@ files:
711
742
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
712
743
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
713
744
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
714
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
715
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
716
745
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
717
746
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
718
747
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb
@@ -838,8 +867,6 @@ files:
838
867
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx
839
868
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
840
869
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
841
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
842
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
843
870
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb
844
871
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx
845
872
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
@@ -852,7 +879,6 @@ files:
852
879
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
853
880
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
854
881
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
855
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js
856
882
  - app/pb_kits/playbook/pb_flex/_flex.html.erb
857
883
  - app/pb_kits/playbook/pb_flex/_flex.jsx
858
884
  - app/pb_kits/playbook/pb_flex/_flex.scss
@@ -1375,7 +1401,6 @@ files:
1375
1401
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb
1376
1402
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx
1377
1403
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.md
1378
- - app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb
1379
1404
  - app/pb_kits/playbook/pb_radio/docs/example.yml
1380
1405
  - app/pb_kits/playbook/pb_radio/docs/index.js
1381
1406
  - app/pb_kits/playbook/pb_radio/radio.rb
@@ -1511,18 +1536,12 @@ files:
1511
1536
  - app/pb_kits/playbook/pb_table/_table_row.html.erb
1512
1537
  - app/pb_kits/playbook/pb_table/_table_row.jsx
1513
1538
  - app/pb_kits/playbook/pb_table/docs/_description.md
1514
- - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
1515
- - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
1516
- - app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
1517
1539
  - app/pb_kits/playbook/pb_table/docs/_table_container.html.erb
1518
1540
  - app/pb_kits/playbook/pb_table/docs/_table_container.jsx
1519
1541
  - app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb
1520
1542
  - app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx
1521
1543
  - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb
1522
1544
  - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx
1523
- - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb
1524
- - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx
1525
- - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.md
1526
1545
  - app/pb_kits/playbook/pb_table/docs/_table_lg.html.erb
1527
1546
  - app/pb_kits/playbook/pb_table/docs/_table_lg.jsx
1528
1547
  - app/pb_kits/playbook/pb_table/docs/_table_lg.md
@@ -1531,9 +1550,6 @@ files:
1531
1550
  - app/pb_kits/playbook/pb_table/docs/_table_md.md
1532
1551
  - app/pb_kits/playbook/pb_table/docs/_table_multiline.html.erb
1533
1552
  - app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx
1534
- - app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb
1535
- - app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx
1536
- - app/pb_kits/playbook/pb_table/docs/_table_one_action.md
1537
1553
  - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.html.erb
1538
1554
  - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx
1539
1555
  - app/pb_kits/playbook/pb_table/docs/_table_side_highlight.html.erb
@@ -1544,12 +1560,6 @@ files:
1544
1560
  - app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb
1545
1561
  - app/pb_kits/playbook/pb_table/docs/_table_sm.jsx
1546
1562
  - app/pb_kits/playbook/pb_table/docs/_table_sm.md
1547
- - app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb
1548
- - app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx
1549
- - app/pb_kits/playbook/pb_table/docs/_table_two_actions.md
1550
- - app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb
1551
- - app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx
1552
- - app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.md
1553
1563
  - app/pb_kits/playbook/pb_table/docs/example.yml
1554
1564
  - app/pb_kits/playbook/pb_table/docs/index.js
1555
1565
  - app/pb_kits/playbook/pb_table/index.js
@@ -1719,7 +1729,8 @@ files:
1719
1729
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
1720
1730
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
1721
1731
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
1722
- - app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb
1732
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb
1733
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx
1723
1734
  - app/pb_kits/playbook/pb_toggle/docs/example.yml
1724
1735
  - app/pb_kits/playbook/pb_toggle/docs/index.js
1725
1736
  - app/pb_kits/playbook/pb_toggle/toggle.rb
@@ -1745,15 +1756,11 @@ files:
1745
1756
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
1746
1757
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
1747
1758
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb
1748
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
1749
1759
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
1750
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.md
1751
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb
1752
1760
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx
1753
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md
1754
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb
1761
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx
1755
1762
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
1756
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md
1763
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx
1757
1764
  - app/pb_kits/playbook/pb_typeahead/docs/example.yml
1758
1765
  - app/pb_kits/playbook/pb_typeahead/docs/index.js
1759
1766
  - app/pb_kits/playbook/pb_typeahead/index.js
@@ -1820,7 +1827,6 @@ files:
1820
1827
  - app/pb_kits/playbook/props/percentage.rb
1821
1828
  - app/pb_kits/playbook/props/proc.rb
1822
1829
  - app/pb_kits/playbook/props/string.rb
1823
- - app/pb_kits/playbook/react_rails_kits.js
1824
1830
  - app/pb_kits/playbook/tokens/_animation-curves.scss
1825
1831
  - app/pb_kits/playbook/tokens/_border_radius.scss
1826
1832
  - app/pb_kits/playbook/tokens/_colors.scss
@@ -1833,7 +1839,6 @@ files:
1833
1839
  - app/pb_kits/playbook/tokens/_spacing.scss
1834
1840
  - app/pb_kits/playbook/tokens/_transition.scss
1835
1841
  - app/pb_kits/playbook/tokens/_typography.scss
1836
- - app/pb_kits/playbook/tokens/index.scss
1837
1842
  - app/pb_kits/playbook/types.js
1838
1843
  - app/pb_kits/playbook/utilities/_background_colors.scss
1839
1844
  - app/pb_kits/playbook/utilities/_colors.scss
@@ -1842,12 +1847,66 @@ files:
1842
1847
  - app/pb_kits/playbook/utilities/props.js
1843
1848
  - app/pb_kits/playbook/utilities/text.js
1844
1849
  - app/pb_kits/playbook/vendor.js
1850
+ - app/views/layouts/playbook/_mobile_hamburger.html.erb
1851
+ - app/views/layouts/playbook/_nav.html.erb
1852
+ - app/views/layouts/playbook/_sidebar.html.erb
1853
+ - app/views/layouts/playbook/application.html.erb
1854
+ - app/views/layouts/playbook/fullscreen.html.slim
1855
+ - app/views/layouts/playbook/grid.html.slim
1856
+ - app/views/layouts/playbook/samples.html.erb
1857
+ - app/views/playbook/guides/create_kit.html.slim
1858
+ - app/views/playbook/guides/create_kit/_file_naming.html.md
1859
+ - app/views/playbook/guides/create_kit/_generator.html.md
1860
+ - app/views/playbook/guides/create_kit/_kit_examples.html.md
1861
+ - app/views/playbook/guides/create_kit/_kit_rails.html.md
1862
+ - app/views/playbook/guides/create_kit/_kit_react.html.md
1863
+ - app/views/playbook/guides/create_kit/_layout.html.md
1864
+ - app/views/playbook/guides/create_kit/_view_objects.html.md
1865
+ - app/views/playbook/guides/create_kit/_writing_sass.md
1866
+ - app/views/playbook/guides/use_nitro.html.slim
1867
+ - app/views/playbook/guides/use_nitro/_local.html.md
1868
+ - app/views/playbook/guides/use_nitro/_nitro_components.html.md
1869
+ - app/views/playbook/guides/use_nitro/_versions.html.md
1870
+ - app/views/playbook/pages/fullscreen.html.slim
1871
+ - app/views/playbook/pages/grid.html.slim
1872
+ - app/views/playbook/pages/home.html.slim
1873
+ - app/views/playbook/pages/kit_category_show.html.erb
1874
+ - app/views/playbook/pages/kit_show.html.erb
1875
+ - app/views/playbook/pages/kits.html.erb
1876
+ - app/views/playbook/pages/principals/_getting_started.html.md
1877
+ - app/views/playbook/pages/principles.html.slim
1878
+ - app/views/playbook/pages/tokens.html.slim
1879
+ - app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim
1880
+ - app/views/playbook/pages/utilities.html.slim
1881
+ - app/views/playbook/pages/utilities/_pb_doc_color.html.slim
1882
+ - app/views/playbook/samples/collection_detail/index.html.erb
1883
+ - app/views/playbook/samples/collection_detail/index.jsx
1884
+ - app/views/playbook/samples/dashboards/index.html.erb
1885
+ - app/views/playbook/samples/dashboards/index.jsx
1886
+ - app/views/playbook/samples/filter_table/index.html.erb
1887
+ - app/views/playbook/samples/filter_table/index.jsx
1888
+ - app/views/playbook/samples/registration/index.html.erb
1889
+ - app/views/playbook/samples/registration/index.jsx
1890
+ - app/views/playbook/samples/sample_show.html.erb
1845
1891
  - fonts/fontawesome-min.js
1846
1892
  - fonts/regular-min.js
1893
+ - lib/generators/kit/USAGE
1894
+ - lib/generators/kit/kit_generator.rb
1895
+ - lib/generators/kit/templates/kit_example_rails.erb.tt
1896
+ - lib/generators/kit/templates/kit_example_react.erb.tt
1897
+ - lib/generators/kit/templates/kit_example_yml.erb.tt
1898
+ - lib/generators/kit/templates/kit_html.erb.tt
1899
+ - lib/generators/kit/templates/kit_js.erb.tt
1900
+ - lib/generators/kit/templates/kit_jsx.erb.tt
1901
+ - lib/generators/kit/templates/kit_ruby.erb.tt
1902
+ - lib/generators/kit/templates/kit_ruby_spec.erb.tt
1903
+ - lib/generators/kit/templates/kit_scss.erb
1847
1904
  - lib/playbook.rb
1848
1905
  - lib/playbook/engine.rb
1849
1906
  - lib/playbook/version.rb
1850
1907
  - lib/playbook_ui.rb
1908
+ - lib/tasks/pb_release.rake
1909
+ - lib/tasks/playbook_tasks.rake
1851
1910
  homepage: http://playbook.powerapp.cloud
1852
1911
  licenses:
1853
1912
  - MIT