playbook_ui 7.0.0.pre.alpha9 → 7.0.1.pre.alpha5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (259) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/playbook/application_controller.rb +4 -0
  3. data/app/controllers/playbook/guides_controller.rb +11 -0
  4. data/app/controllers/playbook/pages_controller.rb +90 -0
  5. data/app/controllers/playbook/samples_controller.rb +40 -0
  6. data/app/helpers/playbook/application_helper.rb +19 -0
  7. data/app/helpers/playbook/pb_doc_helper.rb +1 -0
  8. data/app/helpers/playbook/pb_kit_helper.rb +18 -3
  9. data/app/pb_kits/playbook/_playbook.scss +0 -1
  10. data/app/pb_kits/playbook/config/_kit_example.html.erb +3 -3
  11. data/app/pb_kits/playbook/config/_kit_ui.html.erb +2 -1
  12. data/app/pb_kits/playbook/config/_pb_kit_api.html.erb +10 -12
  13. data/app/pb_kits/playbook/index.js +0 -4
  14. data/app/pb_kits/playbook/packs/application.js +55 -0
  15. data/app/pb_kits/playbook/packs/examples.js +175 -0
  16. data/app/pb_kits/playbook/packs/main.scss +12 -0
  17. data/app/pb_kits/playbook/packs/samples.js +21 -0
  18. data/app/pb_kits/playbook/packs/site_styles/_samples.scss +72 -0
  19. data/app/pb_kits/playbook/packs/site_styles/_scaffold.scss +43 -0
  20. data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +146 -0
  21. data/app/pb_kits/playbook/packs/site_styles/docs/_all.scss +10 -0
  22. data/app/pb_kits/playbook/packs/site_styles/docs/_bg_light_doc_example.scss +7 -0
  23. data/app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss +531 -0
  24. data/app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss +92 -0
  25. data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +15 -0
  26. data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +133 -0
  27. data/app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss +15 -0
  28. data/app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss +88 -0
  29. data/app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss +72 -0
  30. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +8 -3
  31. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +6 -1
  32. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +6 -1
  33. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +5 -1
  34. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +3 -1
  35. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +2 -1
  36. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +2 -1
  37. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +5 -1
  38. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +1 -9
  39. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +0 -4
  40. data/app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx +19 -1
  41. data/app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx +4 -1
  42. data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx +4 -1
  43. data/app/pb_kits/playbook/pb_badge/docs/example.yml +1 -2
  44. data/app/pb_kits/playbook/pb_badge/docs/index.js +0 -1
  45. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb +12 -1
  46. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +1 -1
  47. data/app/pb_kits/playbook/pb_body/_body.jsx +1 -1
  48. data/app/pb_kits/playbook/pb_body/_body.scss +1 -17
  49. data/app/pb_kits/playbook/pb_body/body.rb +1 -1
  50. data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +2 -2
  51. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +6 -1
  52. data/app/pb_kits/playbook/pb_body/docs/example.yml +2 -4
  53. data/app/pb_kits/playbook/pb_body/docs/index.js +0 -1
  54. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +17 -31
  55. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +2 -1
  56. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +2 -1
  57. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +5 -7
  58. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +2 -1
  59. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +4 -1
  60. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +4 -1
  61. data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx +2 -1
  62. data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -2
  63. data/app/pb_kits/playbook/pb_button/docs/index.js +0 -1
  64. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +8 -16
  65. data/app/pb_kits/playbook/pb_caption/_caption.jsx +1 -3
  66. data/app/pb_kits/playbook/pb_caption/_caption.scss +0 -3
  67. data/app/pb_kits/playbook/pb_caption/caption.rb +1 -4
  68. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +7 -2
  69. data/app/pb_kits/playbook/pb_caption/docs/example.yml +2 -6
  70. data/app/pb_kits/playbook/pb_caption/docs/index.js +0 -2
  71. data/app/pb_kits/playbook/pb_card/_card.scss +0 -3
  72. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +0 -1
  73. data/app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx +7 -4
  74. data/app/pb_kits/playbook/pb_card/docs/_card_content.jsx +3 -3
  75. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +39 -13
  76. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +13 -4
  77. data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +2 -2
  78. data/app/pb_kits/playbook/pb_card/docs/_card_padding.jsx +37 -7
  79. data/app/pb_kits/playbook/pb_card/docs/_card_selected.jsx +8 -3
  80. data/app/pb_kits/playbook/pb_card/docs/_card_separator.jsx +13 -4
  81. data/app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx +25 -5
  82. data/app/pb_kits/playbook/pb_card/docs/example.yml +0 -2
  83. data/app/pb_kits/playbook/pb_card/docs/index.js +0 -1
  84. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +6 -12
  85. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx +2 -1
  86. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx +5 -2
  87. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx +2 -1
  88. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +2 -1
  89. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +0 -4
  90. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -2
  91. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +2 -1
  92. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx +5 -1
  93. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +3 -1
  94. data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +0 -2
  95. data/app/pb_kits/playbook/pb_circle_icon_button/docs/index.js +0 -1
  96. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +6 -1
  97. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +5 -1
  98. data/app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx +4 -1
  99. data/app/pb_kits/playbook/pb_currency/docs/_currency_medium.jsx +4 -1
  100. data/app/pb_kits/playbook/pb_currency/docs/_currency_small.jsx +4 -1
  101. data/app/pb_kits/playbook/pb_currency/docs/example.yml +1 -2
  102. data/app/pb_kits/playbook/pb_currency/docs/index.js +0 -1
  103. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx +4 -1
  104. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx +4 -1
  105. data/app/pb_kits/playbook/pb_date/_date.html.erb +8 -32
  106. data/app/pb_kits/playbook/pb_date/_date.jsx +67 -76
  107. data/app/pb_kits/playbook/pb_date/_date.scss +0 -25
  108. data/app/pb_kits/playbook/pb_date/date.rb +11 -20
  109. data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +9 -1
  110. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +28 -0
  111. data/app/pb_kits/playbook/pb_date/docs/_description.md +0 -2
  112. data/app/pb_kits/playbook/pb_date/docs/example.yml +2 -6
  113. data/app/pb_kits/playbook/pb_date/docs/index.js +1 -3
  114. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.jsx +1 -1
  115. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx +1 -1
  116. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.html.erb +8 -1
  117. data/app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb +0 -7
  118. data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx +1 -1
  119. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +2 -5
  120. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +5 -1
  121. data/app/pb_kits/playbook/pb_hashtag/docs/example.yml +0 -2
  122. data/app/pb_kits/playbook/pb_hashtag/docs/index.js +0 -1
  123. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +3 -1
  124. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx +2 -1
  125. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +1 -3
  126. data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +0 -1
  127. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.html.erb +1 -3
  128. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.jsx +5 -7
  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.rb +1 -1
  131. data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +28 -6
  132. data/app/pb_kits/playbook/pb_nav/_nav.jsx +2 -7
  133. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +42 -18
  134. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +13 -4
  135. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +1 -2
  136. data/app/pb_kits/playbook/pb_online_status/docs/index.js +0 -1
  137. data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +6 -7
  138. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.jsx +0 -1
  139. data/app/pb_kits/playbook/pb_radio/_radio.scss +4 -9
  140. data/app/pb_kits/playbook/pb_select/_select.scss +4 -8
  141. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +3 -6
  142. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx +5 -9
  143. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx +5 -9
  144. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +37 -35
  145. data/app/pb_kits/playbook/pb_table/styles/_hover.scss +12 -15
  146. data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +4 -6
  147. data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +4 -6
  148. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +4 -4
  149. data/app/pb_kits/playbook/pb_time/_time.jsx +5 -7
  150. data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx +2 -0
  151. data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +3 -1
  152. data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +3 -0
  153. data/app/pb_kits/playbook/pb_time/docs/example.yml +0 -1
  154. data/app/pb_kits/playbook/pb_time/docs/index.js +0 -1
  155. data/app/pb_kits/playbook/pb_title/_title.jsx +1 -1
  156. data/app/pb_kits/playbook/pb_title/_title.scss +5 -5
  157. data/app/pb_kits/playbook/pb_title/docs/example.yml +0 -2
  158. data/app/pb_kits/playbook/pb_title/docs/index.js +0 -1
  159. data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +4 -4
  160. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +2 -4
  161. data/app/pb_kits/playbook/tokens/_colors.scss +24 -23
  162. data/app/pb_kits/playbook/tokens/_typography.scss +5 -5
  163. data/app/pb_kits/playbook/vendor.js +0 -5
  164. data/app/views/layouts/playbook/_mobile_hamburger.html.erb +2 -0
  165. data/app/views/layouts/playbook/_nav.html.erb +35 -0
  166. data/app/views/layouts/playbook/_sidebar.html.erb +51 -0
  167. data/app/views/layouts/playbook/application.html.erb +26 -0
  168. data/app/views/layouts/playbook/fullscreen.html.slim +10 -0
  169. data/app/views/layouts/playbook/grid.html.slim +10 -0
  170. data/app/views/layouts/playbook/samples.html.erb +19 -0
  171. data/app/views/playbook/guides/create_kit.html.slim +16 -0
  172. data/app/views/playbook/guides/create_kit/_file_naming.html.md +2 -0
  173. data/app/views/playbook/guides/create_kit/_generator.html.md +6 -0
  174. data/app/views/playbook/guides/create_kit/_kit_examples.html.md +2 -0
  175. data/app/views/playbook/guides/create_kit/_kit_rails.html.md +2 -0
  176. data/app/views/playbook/guides/create_kit/_kit_react.html.md +2 -0
  177. data/app/views/playbook/guides/create_kit/_layout.html.md +2 -0
  178. data/app/views/playbook/guides/create_kit/_view_objects.html.md +2 -0
  179. data/app/views/playbook/guides/create_kit/_writing_sass.md +10 -0
  180. data/app/views/playbook/guides/use_nitro.html.slim +6 -0
  181. data/app/views/playbook/guides/use_nitro/_local.html.md +2 -0
  182. data/app/views/playbook/guides/use_nitro/_nitro_components.html.md +2 -0
  183. data/app/views/playbook/guides/use_nitro/_versions.html.md +2 -0
  184. data/app/views/playbook/pages/fullscreen.html.slim +10 -0
  185. data/app/views/playbook/pages/grid.html.slim +2 -0
  186. data/app/views/playbook/pages/home.html.slim +4 -0
  187. data/app/views/playbook/pages/kit_category_show.html.erb +14 -0
  188. data/app/views/playbook/pages/kit_show.html.erb +33 -0
  189. data/app/views/playbook/pages/kits.html.erb +12 -0
  190. data/app/views/playbook/pages/principals/_getting_started.html.md +30 -0
  191. data/app/views/playbook/pages/principles.html.slim +3 -0
  192. data/app/views/playbook/pages/tokens.html.slim +15 -0
  193. data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim +61 -0
  194. data/app/views/playbook/pages/utilities.html.slim +116 -0
  195. data/app/views/playbook/pages/utilities/_pb_doc_color.html.slim +15 -0
  196. data/app/views/playbook/samples/collection_detail/index.html.erb +169 -0
  197. data/app/views/playbook/samples/collection_detail/index.jsx +372 -0
  198. data/app/views/playbook/samples/dashboards/index.html.erb +81 -0
  199. data/app/views/playbook/samples/dashboards/index.jsx +130 -0
  200. data/app/views/playbook/samples/filter_table/index.html.erb +348 -0
  201. data/app/views/playbook/samples/filter_table/index.jsx +433 -0
  202. data/app/views/playbook/samples/registration/index.html.erb +316 -0
  203. data/app/views/playbook/samples/registration/index.jsx +476 -0
  204. data/app/views/playbook/samples/sample_show.html.erb +36 -0
  205. data/lib/playbook/engine.rb +0 -1
  206. data/lib/playbook/version.rb +1 -1
  207. data/lib/tasks/pb_release.rake +0 -3
  208. metadata +64 -55
  209. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.html.erb +0 -17
  210. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.jsx +0 -21
  211. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.html.erb +0 -9
  212. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.jsx +0 -14
  213. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.html.erb +0 -15
  214. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.jsx +0 -16
  215. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.html.erb +0 -31
  216. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx +0 -33
  217. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.html.erb +0 -12
  218. data/app/pb_kits/playbook/pb_badge/docs/_badge_dark.html.erb +0 -124
  219. data/app/pb_kits/playbook/pb_badge/docs/_badge_dark.jsx +0 -160
  220. data/app/pb_kits/playbook/pb_body/docs/_body_dark.html.erb +0 -28
  221. data/app/pb_kits/playbook/pb_body/docs/_body_dark.jsx +0 -35
  222. data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.html.erb +0 -22
  223. data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx +0 -28
  224. data/app/pb_kits/playbook/pb_caption/docs/_caption_dark.html.erb +0 -3
  225. data/app/pb_kits/playbook/pb_caption/docs/_caption_dark.jsx +0 -25
  226. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb +0 -1
  227. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx +0 -16
  228. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.md +0 -3
  229. data/app/pb_kits/playbook/pb_card/docs/_card_dark.html.erb +0 -3
  230. data/app/pb_kits/playbook/pb_card/docs/_card_dark.jsx +0 -12
  231. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.html.erb +0 -4
  232. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.jsx +0 -17
  233. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.html.erb +0 -7
  234. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.jsx +0 -18
  235. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.html.erb +0 -29
  236. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.jsx +0 -38
  237. data/app/pb_kits/playbook/pb_currency/docs/_currency_dark.html.erb +0 -23
  238. data/app/pb_kits/playbook/pb_currency/docs/_currency_dark.jsx +0 -32
  239. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb +0 -24
  240. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +0 -32
  241. data/app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx +0 -20
  242. data/app/pb_kits/playbook/pb_date/docs/_date_default_react.md +0 -3
  243. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb +0 -51
  244. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md +0 -6
  245. data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb +0 -27
  246. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +0 -39
  247. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.html.erb +0 -13
  248. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx +0 -41
  249. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.html.erb +0 -12
  250. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.jsx +0 -20
  251. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb +0 -9
  252. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx +0 -28
  253. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx +0 -59
  254. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.md +0 -11
  255. data/app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb +0 -1
  256. data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx +0 -17
  257. data/app/pb_kits/playbook/pb_title/docs/_title_variants.md +0 -3
  258. data/app/pb_kits/playbook/react_rails_kits.js +0 -5
  259. data/app/pb_kits/playbook/tokens/index.scss +0 -11
@@ -1,13 +0,0 @@
1
- <%= pb_rails("hashtag", props: {text: "470297", url: "https://google.com", type: "project", dark: true}) %>
2
-
3
- <br/><br/>
4
-
5
- <%= pb_rails("hashtag", props: {text: "123456", url: "https://google.com", type: "home", dark: true}) %>
6
-
7
- <br/><br/>
8
-
9
- <%= pb_rails("hashtag", props: {text: "345678", url: "https://google.com", type: "appointment", dark: true}) %>
10
-
11
- <br/><br/>
12
-
13
- <%= pb_rails("hashtag", props: {text: "123456", url: "https://google.com", type: "default", dark: true}) %>
@@ -1,41 +0,0 @@
1
- import React from 'react'
2
- import { Hashtag } from '../../'
3
-
4
- const HashtagDark = () => {
5
- return (
6
- <div>
7
- <Hashtag
8
- dark
9
- text="470297"
10
- type="project"
11
- url="https://google.com"
12
- />
13
- <br />
14
- <br />
15
- <Hashtag
16
- dark
17
- text="123456"
18
- type="home"
19
- url="https://google.com"
20
- />
21
- <br />
22
- <br />
23
- <Hashtag
24
- dark
25
- text="456789"
26
- type="appointment"
27
- url="https://google.com"
28
- />
29
- <br />
30
- <br />
31
- <Hashtag
32
- dark
33
- text="654321"
34
- type="default"
35
- url="https://google.com"
36
- />
37
- </div>
38
- )
39
- }
40
-
41
- export default HashtagDark
@@ -1,12 +0,0 @@
1
- <%= pb_rails("home_address_street", props: {
2
- address: "70 Prospect Ave",
3
- address_cont: "Apt M18",
4
- city: "West Chester",
5
- home_id: 8250263,
6
- home_url: "https://powerhrg.com/",
7
- house_style: "Colonial",
8
- state: "PA",
9
- zipcode: "19382",
10
- territory: "PHL",
11
- dark: true,
12
- }) %>
@@ -1,20 +0,0 @@
1
- import React from 'react'
2
- import { HomeAddressStreet } from '../../'
3
-
4
- const HomeAddressStreetDark = () => {
5
- return (
6
- <HomeAddressStreet
7
- address="70 Prospect Ave"
8
- addressCont="Apt M18"
9
- city="West Chester"
10
- dark
11
- homeId={8250263}
12
- homeUrl="https://powerhrg.com/"
13
- state="PA"
14
- territory="PHL"
15
- zipcode="19382"
16
- />
17
- )
18
- }
19
-
20
- export default HomeAddressStreetDark
@@ -1,9 +0,0 @@
1
- <%= pb_rails("online_status", props: { dark: true, status: "offline" }) %>
2
-
3
- <br>
4
-
5
- <%= pb_rails("online_status", props: { dark: true, status: "online" }) %>
6
-
7
- <br>
8
-
9
- <%= pb_rails("online_status", props: { dark: true, status: "away" }) %>
@@ -1,28 +0,0 @@
1
- import React from 'react'
2
- import { OnlineStatus } from '../../'
3
-
4
- const OnlineStatusDark = () => (
5
- <>
6
- <OnlineStatus
7
- dark
8
- status="offline"
9
- />
10
-
11
- <br />
12
-
13
- <OnlineStatus
14
- dark
15
- status="online"
16
- />
17
-
18
- <br />
19
-
20
- <OnlineStatus
21
- dark
22
- status="away"
23
- />
24
-
25
- </>
26
- )
27
-
28
- export default OnlineStatusDark
@@ -1,59 +0,0 @@
1
- import React from 'react'
2
- import Time from '../_time.jsx'
3
-
4
- const TimeTimeZone = () => {
5
- const zones = {
6
- east: 'America/New_York',
7
- central: 'America/Chicago',
8
- mountain: 'America/Denver',
9
- west: 'America/Los_Angeles',
10
- asia: 'Asia/Tokyo',
11
- }
12
- return (
13
- <div>
14
- <h4>{'East Coast'}</h4>
15
- <Time
16
- date={new Date().toLocaleString('en-US', { timeZone: zones.east })}
17
- size="lg"
18
- timeZone={zones.east}
19
- />
20
- <br />
21
- <br />
22
- <h4>{'Central'}</h4>
23
- <Time
24
- date={new Date().toLocaleString('en-US', { timeZone: zones.central })}
25
- size="sm"
26
- timeZone={zones.central}
27
- />
28
- <br />
29
- <br />
30
- <h4>{'Mountain'}</h4>
31
- <Time
32
- date={new Date().toLocaleString('en-US', { timeZone: zones.mountain })}
33
- size="sm"
34
- timeZone={zones.mountain}
35
- />
36
-
37
- <br />
38
- <br />
39
- <h4>{'West Coast'}</h4>
40
- <Time
41
- date={new Date().toLocaleString('en-US', { timeZone: zones.west })}
42
- size="sm"
43
- timeZone={zones.west}
44
- />
45
-
46
- <br />
47
- <br />
48
- <h4>{'Tokyo, Japan'}</h4>
49
- <Time
50
- date={new Date('2012-08-02T09:49:29Z').toLocaleString('en-US', { timeZone: zones.asia })}
51
- size="sm"
52
- timeZone={zones.asia}
53
- />
54
-
55
- </div>
56
- )
57
- }
58
-
59
- export default TimeTimeZone
@@ -1,11 +0,0 @@
1
- Simply enter the timezone you would like to use and it will appear.
2
-
3
- The list of supported timezones is exhaustive and we're most likely to only use timezones from the Americas so we've highlighted those in the examples.
4
-
5
- However, if you need to support another timezone you should be able to Google a specific list, otherwise you can follow the string pattern and try entering a continent and a city.
6
-
7
- Remember, this is just labeling the timezone, please verify the actual time for a specified timezone is rendering properly.
8
-
9
- Format: `<Continent>/<Large_City_Name>`
10
-
11
- Continent Options: ` America | Europe | Asia | Africa | Pacific | India | Atlantic | Australia `
@@ -1 +0,0 @@
1
- <%= pb_rails("title", props: { text: "Title 4 (link)", tag: "h4", size: 4, variant: "link" }) %>
@@ -1,17 +0,0 @@
1
- import React from 'react'
2
- import { Title } from '../../'
3
-
4
- const TitleVariants = () => {
5
- return (
6
- <div>
7
- <Title
8
- size={4}
9
- tag="h4"
10
- text="Title 4 (link)"
11
- variant="link"
12
- />
13
- </div>
14
- )
15
- }
16
-
17
- export default TitleVariants
@@ -1,3 +0,0 @@
1
- Wrap anchor tags around the kit to make it clickable.
2
-
3
- Link variant can only be applied to size `4`.
@@ -1,5 +0,0 @@
1
- // React-Rendered Rails Kit Exports =====
2
- export { default as BarGraph } from './pb_bar_graph/_bar_graph.jsx'
3
- export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar.jsx'
4
- export { default as Legend } from './pb_legend/_legend.jsx'
5
- export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
@@ -1,11 +0,0 @@
1
- @import "animation-curves";
2
- @import "border_radius";
3
- @import "colors";
4
- @import "line_height";
5
- @import "opacity";
6
- @import "positioning";
7
- @import "screen_sizes";
8
- @import "shadows";
9
- @import "spacing";
10
- @import "transition";
11
- @import "typography";