playbook_ui 9.19.0.pre.alpha.pre.fonts2 → 9.19.0.pre.alphafonts

Sign up to get free protection for your applications and to get access to all the features.
Files changed (356) hide show
  1. checksums.yaml +4 -4
  2. data/Rakefile +9 -5
  3. data/app/assets/images/clark.jpg +0 -0
  4. data/app/assets/images/full_page_samples.svg +7 -0
  5. data/app/assets/images/giant.jpg +0 -0
  6. data/app/assets/images/github-brands.svg +1 -0
  7. data/app/assets/images/landing-background.svg +36 -0
  8. data/app/assets/images/landing-image.svg +203 -0
  9. data/app/assets/images/pb-caret.svg +1 -0
  10. data/app/assets/images/pb-check.svg +11 -0
  11. data/app/assets/images/pb-logo.svg +28 -0
  12. data/app/assets/images/pb-white-logo.svg +15 -0
  13. data/app/assets/images/pb.logo.svg +28 -0
  14. data/app/pb_kits/playbook/index.js +107 -107
  15. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +2 -3
  16. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx +2 -3
  17. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +1 -2
  18. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +1 -2
  19. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +1 -2
  20. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +1 -2
  21. data/app/pb_kits/playbook/pb_badge/_badge.jsx +2 -3
  22. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +1 -2
  23. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx +1 -2
  24. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx +1 -2
  25. data/app/pb_kits/playbook/pb_body/_body.jsx +2 -4
  26. data/app/pb_kits/playbook/pb_card/docs/_card_content.jsx +1 -2
  27. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +1 -4
  28. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +1 -2
  29. data/app/pb_kits/playbook/pb_card/docs/_card_padding.jsx +1 -2
  30. data/app/pb_kits/playbook/pb_card/docs/_card_separator.jsx +2 -3
  31. data/app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx +1 -2
  32. data/app/pb_kits/playbook/pb_card/docs/_card_tag.jsx +1 -2
  33. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx +1 -2
  34. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx +1 -2
  35. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx +1 -2
  36. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx +2 -2
  37. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +1 -3
  38. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +1 -2
  39. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +1 -2
  40. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx +1 -2
  41. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +1 -3
  42. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +1 -2
  43. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx +1 -2
  44. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx +1 -2
  45. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx +1 -2
  46. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +5 -4
  47. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx +1 -2
  48. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +1 -2
  49. data/app/pb_kits/playbook/pb_collapsible/_collapsible.jsx +3 -5
  50. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.jsx +1 -1
  51. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx +3 -4
  52. data/app/pb_kits/playbook/pb_contact/_contact.jsx +2 -5
  53. data/app/pb_kits/playbook/pb_currency/_currency.jsx +1 -4
  54. data/app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx +1 -2
  55. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx +1 -2
  56. data/app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx +1 -2
  57. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx +1 -2
  58. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx +5 -4
  59. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx +1 -2
  60. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx +1 -2
  61. data/app/pb_kits/playbook/pb_date/_date.jsx +3 -8
  62. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +3 -7
  63. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx +1 -2
  64. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +1 -2
  65. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx +1 -2
  66. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +1 -2
  67. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx +1 -4
  68. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx +1 -2
  69. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.jsx +1 -2
  70. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.jsx +1 -2
  71. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx +1 -2
  72. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx +1 -2
  73. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx +1 -2
  74. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +1 -2
  75. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx +1 -2
  76. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +1 -2
  77. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx +3 -7
  78. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx +2 -7
  79. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx +3 -7
  80. data/app/pb_kits/playbook/pb_date_time/_date_time.jsx +2 -6
  81. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx +2 -7
  82. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx +4 -2
  83. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +3 -5
  84. data/app/pb_kits/playbook/pb_dialog/_close_icon.jsx +1 -1
  85. data/app/pb_kits/playbook/pb_dialog/_dialog.jsx +2 -4
  86. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.jsx +1 -4
  87. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.jsx +1 -3
  88. data/app/pb_kits/playbook/pb_enhanced_element/index.js +1 -2
  89. data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx +4 -5
  90. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx +1 -4
  91. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx +1 -3
  92. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +1 -3
  93. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +1 -2
  94. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +1 -3
  95. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx +1 -3
  96. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +1 -6
  97. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +1 -7
  98. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx +1 -2
  99. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx +2 -5
  100. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx +1 -2
  101. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx +1 -2
  102. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +1 -2
  103. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx +1 -4
  104. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx +1 -5
  105. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx +1 -3
  106. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.jsx +1 -4
  107. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +1 -5
  108. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.jsx +1 -3
  109. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.jsx +1 -3
  110. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx +1 -5
  111. data/app/pb_kits/playbook/pb_gauge/_gauge.jsx +7 -3
  112. data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx +2 -3
  113. data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx +1 -3
  114. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx +2 -5
  115. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx +1 -2
  116. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +1 -2
  117. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx +1 -2
  118. data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.jsx +1 -2
  119. data/app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx +1 -2
  120. data/app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx +1 -2
  121. data/app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx +1 -2
  122. data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.jsx +1 -2
  123. data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate.jsx +1 -2
  124. data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx +1 -2
  125. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx +2 -3
  126. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx +1 -2
  127. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx +1 -2
  128. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx +1 -7
  129. data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx +2 -3
  130. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx +1 -2
  131. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx +1 -2
  132. data/app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx +1 -4
  133. data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx +1 -2
  134. data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx +1 -2
  135. data/app/pb_kits/playbook/pb_kit/dateTime.js +2 -2
  136. data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +1 -2
  137. data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx +1 -2
  138. data/app/pb_kits/playbook/pb_label_value/_label_value.jsx +2 -7
  139. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx +1 -4
  140. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx +1 -7
  141. data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx +1 -4
  142. data/app/pb_kits/playbook/pb_layout/docs/_layout_content.jsx +1 -4
  143. data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx +12 -11
  144. data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx +1 -5
  145. data/app/pb_kits/playbook/pb_layout/docs/_layout_masonry.jsx +1 -4
  146. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx +1 -2
  147. data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx +1 -2
  148. data/app/pb_kits/playbook/pb_legend/_legend.jsx +2 -4
  149. data/app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx +1 -2
  150. data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +1 -2
  151. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +1 -2
  152. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +1 -1
  153. data/app/pb_kits/playbook/pb_list/docs/_list_borderless.jsx +1 -2
  154. data/app/pb_kits/playbook/pb_list/docs/_list_default.jsx +1 -2
  155. data/app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx +1 -4
  156. data/app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx +1 -5
  157. data/app/pb_kits/playbook/pb_list/docs/_list_lg.jsx +1 -2
  158. data/app/pb_kits/playbook/pb_list/docs/_list_ordered.jsx +1 -2
  159. data/app/pb_kits/playbook/pb_list/docs/_list_xpadding.jsx +1 -2
  160. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx +2 -3
  161. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx +1 -2
  162. data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +2 -7
  163. data/app/pb_kits/playbook/pb_message/_message.jsx +2 -8
  164. data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +1 -2
  165. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx +1 -3
  166. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx +2 -4
  167. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx +1 -2
  168. data/app/pb_kits/playbook/pb_nav/_item.jsx +2 -5
  169. data/app/pb_kits/playbook/pb_nav/_nav.jsx +2 -4
  170. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +2 -2
  171. data/app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx +2 -4
  172. data/app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx +2 -3
  173. data/app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx +2 -3
  174. data/app/pb_kits/playbook/pb_nav/docs/_default_nav.jsx +2 -3
  175. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx +2 -3
  176. data/app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx +2 -3
  177. data/app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx +2 -3
  178. data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx +2 -3
  179. data/app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx +2 -3
  180. data/app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.jsx +2 -3
  181. data/app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx +2 -3
  182. data/app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx +2 -3
  183. data/app/pb_kits/playbook/pb_nav/docs/_with_img_nav.jsx +2 -3
  184. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +1 -2
  185. data/app/pb_kits/playbook/pb_passphrase/_passphrase.jsx +2 -11
  186. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +1 -2
  187. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +1 -3
  188. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.jsx +1 -2
  189. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.jsx +1 -2
  190. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -4
  191. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +1 -4
  192. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_tips.jsx +1 -2
  193. data/app/pb_kits/playbook/pb_person/_person.jsx +2 -3
  194. data/app/pb_kits/playbook/pb_person/docs/_person_default.jsx +1 -2
  195. data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +8 -5
  196. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.jsx +1 -2
  197. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_multiple.jsx +1 -2
  198. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_detail.jsx +1 -2
  199. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.jsx +1 -2
  200. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx +7 -4
  201. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +1 -3
  202. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +0 -1
  203. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx +2 -5
  204. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx +2 -6
  205. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx +0 -1
  206. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx +1 -2
  207. data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx +1 -2
  208. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx +8 -10
  209. data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx +2 -4
  210. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx +1 -5
  211. data/app/pb_kits/playbook/pb_select/_select.jsx +13 -6
  212. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  213. data/app/pb_kits/playbook/pb_select/docs/_select_blank.jsx +1 -2
  214. data/app/pb_kits/playbook/pb_select/docs/_select_custom_select.jsx +1 -2
  215. data/app/pb_kits/playbook/pb_select/docs/_select_default.jsx +1 -2
  216. data/app/pb_kits/playbook/pb_select/docs/_select_disabled.jsx +1 -2
  217. data/app/pb_kits/playbook/pb_select/docs/_select_disabled_options.jsx +1 -2
  218. data/app/pb_kits/playbook/pb_select/docs/_select_required.jsx +1 -2
  219. data/app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx +1 -2
  220. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx +3 -6
  221. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.jsx +1 -5
  222. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx +5 -4
  223. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.jsx +5 -4
  224. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx +2 -5
  225. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx +1 -2
  226. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx +1 -2
  227. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx +1 -2
  228. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx +2 -3
  229. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +1 -2
  230. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +1 -2
  231. data/app/pb_kits/playbook/pb_selectable_list/_item.jsx +2 -7
  232. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx +2 -4
  233. data/app/pb_kits/playbook/pb_source/_source.jsx +13 -8
  234. data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx +1 -2
  235. data/app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx +1 -2
  236. data/app/pb_kits/playbook/pb_source/docs/_source_types.jsx +1 -2
  237. data/app/pb_kits/playbook/pb_star_rating/_star_rating.jsx +7 -2
  238. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +1 -2
  239. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +1 -2
  240. data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +2 -4
  241. data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +2 -3
  242. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx +1 -2
  243. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx +2 -3
  244. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +1 -2
  245. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +1 -2
  246. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +1 -2
  247. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +1 -2
  248. data/app/pb_kits/playbook/pb_table/docs/_table_container.jsx +1 -2
  249. data/app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx +1 -2
  250. data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx +1 -2
  251. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx +2 -6
  252. data/app/pb_kits/playbook/pb_table/docs/_table_lg.jsx +1 -2
  253. data/app/pb_kits/playbook/pb_table/docs/_table_md.jsx +1 -2
  254. data/app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx +1 -2
  255. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx +2 -3
  256. data/app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx +1 -3
  257. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +1 -3
  258. data/app/pb_kits/playbook/pb_table/docs/_table_single_line.jsx +1 -2
  259. data/app/pb_kits/playbook/pb_table/docs/_table_sm.jsx +1 -2
  260. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx +2 -3
  261. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx +2 -3
  262. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +2 -7
  263. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
  264. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +1 -2
  265. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx +1 -2
  266. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +5 -4
  267. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx +1 -2
  268. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx +1 -2
  269. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +3 -9
  270. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +3 -3
  271. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.jsx +1 -2
  272. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx +1 -2
  273. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx +1 -2
  274. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx +1 -2
  275. data/app/pb_kits/playbook/pb_time/_time.jsx +1 -3
  276. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx +3 -7
  277. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx +2 -3
  278. data/app/pb_kits/playbook/pb_timeline/_item.jsx +1 -4
  279. data/app/pb_kits/playbook/pb_timeline/_timeline.jsx +1 -3
  280. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx +2 -4
  281. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx +2 -4
  282. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx +2 -3
  283. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +3 -5
  284. data/app/pb_kits/playbook/pb_title/_title.scss +1 -1
  285. data/app/pb_kits/playbook/pb_title/_title_mixin.scss +40 -1
  286. data/app/pb_kits/playbook/pb_title/docs/_title_light.jsx +1 -2
  287. data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx +1 -2
  288. data/app/pb_kits/playbook/pb_title_count/_title_count.jsx +2 -3
  289. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx +1 -2
  290. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx +1 -2
  291. data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +3 -4
  292. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx +1 -2
  293. data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +15 -19
  294. data/app/pb_kits/playbook/pb_typeahead/components/Control.jsx +4 -2
  295. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx +1 -2
  296. data/app/pb_kits/playbook/pb_typeahead/components/Option.jsx +3 -1
  297. data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.jsx +1 -3
  298. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx +1 -2
  299. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx +1 -2
  300. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx +1 -2
  301. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -1
  302. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
  303. data/app/pb_kits/playbook/pb_user/_user.jsx +2 -6
  304. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx +1 -2
  305. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx +1 -2
  306. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx +5 -6
  307. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx +3 -2
  308. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.jsx +3 -2
  309. data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx +3 -2
  310. data/app/pb_kits/playbook/plugins/pb_chart.js +4 -6
  311. data/app/pb_kits/playbook/react_rails_kits.js +13 -0
  312. data/app/pb_kits/playbook/tokens/_colors.scss +0 -4
  313. data/app/pb_kits/playbook/tokens/_fonts.scss +28 -14
  314. data/app/pb_kits/playbook/utilities/_colors.scss +4 -0
  315. data/app/pb_kits/playbook/utilities/accessibility.js +22 -0
  316. data/app/pb_kits/playbook/{playbook-rails.js → vendor.js} +5 -1
  317. data/dist/reset.css +0 -1
  318. data/fonts/ProximaNova-Black.woff +0 -0
  319. data/fonts/ProximaNova-Black.woff2 +0 -0
  320. data/fonts/ProximaNova-BlackIt.woff +0 -0
  321. data/fonts/ProximaNova-BlackIt.woff2 +0 -0
  322. data/fonts/ProximaNova-Bold.woff +0 -0
  323. data/fonts/ProximaNova-Bold.woff2 +0 -0
  324. data/fonts/ProximaNova-BoldIt.woff +0 -0
  325. data/fonts/ProximaNova-BoldIt.woff2 +0 -0
  326. data/fonts/ProximaNova-Extrabld.woff +0 -0
  327. data/fonts/ProximaNova-Extrabld.woff2 +0 -0
  328. data/fonts/ProximaNova-ExtrabldIt.woff +0 -0
  329. data/fonts/ProximaNova-ExtrabldIt.woff2 +0 -0
  330. data/fonts/ProximaNova-Light.woff +0 -0
  331. data/fonts/ProximaNova-Light.woff2 +0 -0
  332. data/fonts/ProximaNova-LightIt.woff +0 -0
  333. data/fonts/ProximaNova-LightIt.woff2 +0 -0
  334. data/fonts/ProximaNova-Regular.woff +0 -0
  335. data/fonts/ProximaNova-Regular.woff2 +0 -0
  336. data/fonts/ProximaNova-RegularIt.woff +0 -0
  337. data/fonts/ProximaNova-RegularIt.woff2 +0 -0
  338. data/fonts/ProximaNova-Semibold.woff +0 -0
  339. data/fonts/ProximaNova-Semibold.woff2 +0 -0
  340. data/fonts/ProximaNova-SemiboldIt.woff +0 -0
  341. data/fonts/ProximaNova-SemiboldIt.woff2 +0 -0
  342. data/fonts/ProximaNova-Thin.woff +0 -0
  343. data/fonts/ProximaNova-Thin.woff2 +0 -0
  344. data/fonts/ProximaNova-ThinIt.woff +0 -0
  345. data/fonts/ProximaNova-ThinIt.woff2 +0 -0
  346. data/lib/playbook/engine.rb +21 -11
  347. data/lib/playbook/props/nested_props.rb +1 -1
  348. data/lib/playbook/version.rb +2 -2
  349. data/lib/playbook.rb +15 -1
  350. metadata +161 -20
  351. data/app/pb_kits/playbook/_reset.scss +0 -42
  352. data/app/pb_kits/playbook/pb_collapsible/context.js +0 -5
  353. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +0 -58
  354. data/app/pb_kits/playbook/playbook-doc.js +0 -195
  355. data/app/pb_kits/playbook/playbook-rails-react-bindings.js +0 -35
  356. data/app/pb_kits/playbook/tokens/_titles.scss +0 -38
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: 9.19.0.pre.alpha.pre.fonts2
4
+ version: 9.19.0.pre.alphafonts
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: 2021-06-25 00:00:00.000000000 Z
12
+ date: 2021-06-16 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -113,6 +113,48 @@ dependencies:
113
113
  - - "~>"
114
114
  - !ruby/object:Gem::Version
115
115
  version: '3.15'
116
+ - !ruby/object:Gem::Dependency
117
+ name: sassc-rails
118
+ requirement: !ruby/object:Gem::Requirement
119
+ requirements:
120
+ - - "~>"
121
+ - !ruby/object:Gem::Version
122
+ version: '1.3'
123
+ type: :runtime
124
+ prerelease: false
125
+ version_requirements: !ruby/object:Gem::Requirement
126
+ requirements:
127
+ - - "~>"
128
+ - !ruby/object:Gem::Version
129
+ version: '1.3'
130
+ - !ruby/object:Gem::Dependency
131
+ name: slim-rails
132
+ requirement: !ruby/object:Gem::Requirement
133
+ requirements:
134
+ - - "~>"
135
+ - !ruby/object:Gem::Version
136
+ version: '3.2'
137
+ type: :runtime
138
+ prerelease: false
139
+ version_requirements: !ruby/object:Gem::Requirement
140
+ requirements:
141
+ - - "~>"
142
+ - !ruby/object:Gem::Version
143
+ version: '3.2'
144
+ - !ruby/object:Gem::Dependency
145
+ name: sprockets-rails
146
+ requirement: !ruby/object:Gem::Requirement
147
+ requirements:
148
+ - - "~>"
149
+ - !ruby/object:Gem::Version
150
+ version: '2.3'
151
+ type: :runtime
152
+ prerelease: false
153
+ version_requirements: !ruby/object:Gem::Requirement
154
+ requirements:
155
+ - - "~>"
156
+ - !ruby/object:Gem::Version
157
+ version: '2.3'
116
158
  - !ruby/object:Gem::Dependency
117
159
  name: view_component
118
160
  requirement: !ruby/object:Gem::Requirement
@@ -127,6 +169,20 @@ dependencies:
127
169
  - - "~>"
128
170
  - !ruby/object:Gem::Version
129
171
  version: '2.23'
172
+ - !ruby/object:Gem::Dependency
173
+ name: webpacker
174
+ requirement: !ruby/object:Gem::Requirement
175
+ requirements:
176
+ - - "~>"
177
+ - !ruby/object:Gem::Version
178
+ version: '4.3'
179
+ type: :runtime
180
+ prerelease: false
181
+ version_requirements: !ruby/object:Gem::Requirement
182
+ requirements:
183
+ - - "~>"
184
+ - !ruby/object:Gem::Version
185
+ version: '4.3'
130
186
  - !ruby/object:Gem::Dependency
131
187
  name: webpacker-react
132
188
  requirement: !ruby/object:Gem::Requirement
@@ -141,6 +197,34 @@ dependencies:
141
197
  - - "~>"
142
198
  - !ruby/object:Gem::Version
143
199
  version: 0.3.2
200
+ - !ruby/object:Gem::Dependency
201
+ name: better_errors
202
+ requirement: !ruby/object:Gem::Requirement
203
+ requirements:
204
+ - - '='
205
+ - !ruby/object:Gem::Version
206
+ version: 2.5.1
207
+ type: :development
208
+ prerelease: false
209
+ version_requirements: !ruby/object:Gem::Requirement
210
+ requirements:
211
+ - - '='
212
+ - !ruby/object:Gem::Version
213
+ version: 2.5.1
214
+ - !ruby/object:Gem::Dependency
215
+ name: binding_of_caller
216
+ requirement: !ruby/object:Gem::Requirement
217
+ requirements:
218
+ - - '='
219
+ - !ruby/object:Gem::Version
220
+ version: 0.8.0
221
+ type: :development
222
+ prerelease: false
223
+ version_requirements: !ruby/object:Gem::Requirement
224
+ requirements:
225
+ - - '='
226
+ - !ruby/object:Gem::Version
227
+ version: 0.8.0
144
228
  - !ruby/object:Gem::Dependency
145
229
  name: byebug
146
230
  requirement: !ruby/object:Gem::Requirement
@@ -184,25 +268,19 @@ dependencies:
184
268
  - !ruby/object:Gem::Version
185
269
  version: 0.49.0
186
270
  - !ruby/object:Gem::Dependency
187
- name: rails
271
+ name: rainbow
188
272
  requirement: !ruby/object:Gem::Requirement
189
273
  requirements:
190
- - - ">="
191
- - !ruby/object:Gem::Version
192
- version: 5.2.4.5
193
- - - "<"
274
+ - - '='
194
275
  - !ruby/object:Gem::Version
195
- version: '7.0'
276
+ version: 2.2.2
196
277
  type: :development
197
278
  prerelease: false
198
279
  version_requirements: !ruby/object:Gem::Requirement
199
280
  requirements:
200
- - - ">="
201
- - !ruby/object:Gem::Version
202
- version: 5.2.4.5
203
- - - "<"
281
+ - - '='
204
282
  - !ruby/object:Gem::Version
205
- version: '7.0'
283
+ version: 2.2.2
206
284
  - !ruby/object:Gem::Dependency
207
285
  name: rspec-html-matchers
208
286
  requirement: !ruby/object:Gem::Requirement
@@ -293,6 +371,34 @@ dependencies:
293
371
  - - '='
294
372
  - !ruby/object:Gem::Version
295
373
  version: 1.2018.9
374
+ - !ruby/object:Gem::Dependency
375
+ name: uglifier
376
+ requirement: !ruby/object:Gem::Requirement
377
+ requirements:
378
+ - - '='
379
+ - !ruby/object:Gem::Version
380
+ version: 4.1.20
381
+ type: :development
382
+ prerelease: false
383
+ version_requirements: !ruby/object:Gem::Requirement
384
+ requirements:
385
+ - - '='
386
+ - !ruby/object:Gem::Version
387
+ version: 4.1.20
388
+ - !ruby/object:Gem::Dependency
389
+ name: web-console
390
+ requirement: !ruby/object:Gem::Requirement
391
+ requirements:
392
+ - - '='
393
+ - !ruby/object:Gem::Version
394
+ version: 3.7.0
395
+ type: :development
396
+ prerelease: false
397
+ version_requirements: !ruby/object:Gem::Requirement
398
+ requirements:
399
+ - - '='
400
+ - !ruby/object:Gem::Version
401
+ version: 3.7.0
296
402
  description: Playbook Design System. Built for Nitro, but powering all.
297
403
  email:
298
404
  - nitroux@powerhrg.com
@@ -303,8 +409,18 @@ extra_rdoc_files: []
303
409
  files:
304
410
  - README.md
305
411
  - Rakefile
412
+ - app/assets/images/clark.jpg
413
+ - app/assets/images/full_page_samples.svg
414
+ - app/assets/images/giant.jpg
415
+ - app/assets/images/github-brands.svg
416
+ - app/assets/images/landing-background.svg
417
+ - app/assets/images/landing-image.svg
418
+ - app/assets/images/pb-caret.svg
419
+ - app/assets/images/pb-check.svg
420
+ - app/assets/images/pb-logo.svg
421
+ - app/assets/images/pb-white-logo.svg
422
+ - app/assets/images/pb.logo.svg
306
423
  - app/pb_kits/playbook/_playbook.scss
307
- - app/pb_kits/playbook/_reset.scss
308
424
  - app/pb_kits/playbook/data/menu.yml
309
425
  - app/pb_kits/playbook/index.js
310
426
  - app/pb_kits/playbook/pb_avatar/_avatar.jsx
@@ -574,7 +690,6 @@ files:
574
690
  - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
575
691
  - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
576
692
  - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
577
- - app/pb_kits/playbook/pb_collapsible/context.js
578
693
  - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
579
694
  - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
580
695
  - app/pb_kits/playbook/pb_collapsible/docs/example.yml
@@ -1895,7 +2010,6 @@ files:
1895
2010
  - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.jsx
1896
2011
  - app/pb_kits/playbook/pb_typeahead/docs/_description.md
1897
2012
  - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
1898
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
1899
2013
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
1900
2014
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
1901
2015
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
@@ -1965,10 +2079,8 @@ files:
1965
2079
  - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
1966
2080
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
1967
2081
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
1968
- - app/pb_kits/playbook/playbook-doc.js
1969
- - app/pb_kits/playbook/playbook-rails-react-bindings.js
1970
- - app/pb_kits/playbook/playbook-rails.js
1971
2082
  - app/pb_kits/playbook/plugins/pb_chart.js
2083
+ - app/pb_kits/playbook/react_rails_kits.js
1972
2084
  - app/pb_kits/playbook/tokens/_animation-curves.scss
1973
2085
  - app/pb_kits/playbook/tokens/_border_radius.scss
1974
2086
  - app/pb_kits/playbook/tokens/_colors.scss
@@ -1979,7 +2091,6 @@ files:
1979
2091
  - app/pb_kits/playbook/tokens/_screen_sizes.scss
1980
2092
  - app/pb_kits/playbook/tokens/_shadows.scss
1981
2093
  - app/pb_kits/playbook/tokens/_spacing.scss
1982
- - app/pb_kits/playbook/tokens/_titles.scss
1983
2094
  - app/pb_kits/playbook/tokens/_transition.scss
1984
2095
  - app/pb_kits/playbook/tokens/_typography.scss
1985
2096
  - app/pb_kits/playbook/tokens/exports/_border_radius.scss
@@ -1998,11 +2109,41 @@ files:
1998
2109
  - app/pb_kits/playbook/utilities/_max_width.scss
1999
2110
  - app/pb_kits/playbook/utilities/_positioning.scss
2000
2111
  - app/pb_kits/playbook/utilities/_spacing.scss
2112
+ - app/pb_kits/playbook/utilities/accessibility.js
2001
2113
  - app/pb_kits/playbook/utilities/globalProps.js
2002
2114
  - app/pb_kits/playbook/utilities/props.js
2003
2115
  - app/pb_kits/playbook/utilities/test-utils.js
2004
2116
  - app/pb_kits/playbook/utilities/text.js
2117
+ - app/pb_kits/playbook/vendor.js
2005
2118
  - dist/reset.css
2119
+ - fonts/ProximaNova-Black.woff
2120
+ - fonts/ProximaNova-Black.woff2
2121
+ - fonts/ProximaNova-BlackIt.woff
2122
+ - fonts/ProximaNova-BlackIt.woff2
2123
+ - fonts/ProximaNova-Bold.woff
2124
+ - fonts/ProximaNova-Bold.woff2
2125
+ - fonts/ProximaNova-BoldIt.woff
2126
+ - fonts/ProximaNova-BoldIt.woff2
2127
+ - fonts/ProximaNova-Extrabld.woff
2128
+ - fonts/ProximaNova-Extrabld.woff2
2129
+ - fonts/ProximaNova-ExtrabldIt.woff
2130
+ - fonts/ProximaNova-ExtrabldIt.woff2
2131
+ - fonts/ProximaNova-Light.woff
2132
+ - fonts/ProximaNova-Light.woff2
2133
+ - fonts/ProximaNova-LightIt.woff
2134
+ - fonts/ProximaNova-LightIt.woff2
2135
+ - fonts/ProximaNova-Regular.woff
2136
+ - fonts/ProximaNova-Regular.woff2
2137
+ - fonts/ProximaNova-RegularIt.woff
2138
+ - fonts/ProximaNova-RegularIt.woff2
2139
+ - fonts/ProximaNova-Semibold.woff
2140
+ - fonts/ProximaNova-Semibold.woff2
2141
+ - fonts/ProximaNova-SemiboldIt.woff
2142
+ - fonts/ProximaNova-SemiboldIt.woff2
2143
+ - fonts/ProximaNova-Thin.woff
2144
+ - fonts/ProximaNova-Thin.woff2
2145
+ - fonts/ProximaNova-ThinIt.woff
2146
+ - fonts/ProximaNova-ThinIt.woff2
2006
2147
  - fonts/fontawesome-min.js
2007
2148
  - fonts/regular-min.js
2008
2149
  - lib/playbook.rb
@@ -1,42 +0,0 @@
1
- @import "./tokens/typography";
2
- @import "./tokens/colors";
3
-
4
- * {
5
- box-sizing: border-box;
6
- margin: 0;
7
- padding: 0;
8
- &:before,
9
- &:after {
10
- box-sizing: border-box;
11
- }
12
- }
13
-
14
- html {
15
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16
- height: 100vh;
17
- overflow-x: hidden;
18
- }
19
-
20
- body {
21
- font-family: $font_family_base;
22
- font-size: $font_base;
23
- line-height: 1.5;
24
- background-color: $bg-light;
25
- height: 100%;
26
- letter-spacing: $lspace_normal;
27
- font-weight: $regular;
28
- font-style: normal;
29
- text-rendering: optimizeLegibility;
30
- -moz-font-feature-settings: "liga" on;
31
- color: $charcoal;
32
- margin: 0 !important;
33
- padding: 0 !important;
34
- box-sizing: border-box;
35
- min-height: 100vh;
36
- padding: 50px; // REMOVE AFTER STYLED
37
- }
38
-
39
- a {
40
- text-decoration: none;
41
- color: $primary;
42
- }
@@ -1,5 +0,0 @@
1
- import { createContext } from 'react'
2
-
3
- const CollapsibleContext = createContext({})
4
-
5
- export default CollapsibleContext
@@ -1,58 +0,0 @@
1
- // @flow
2
-
3
- import React from 'react'
4
- import { Typeahead } from '../..'
5
-
6
- /**
7
- *
8
- * @const filterResults
9
- * @ignore
10
- * @returns {[Object]} - a custom mapping of objects, minimally containing
11
- * `value` and `label` among other possible fields
12
- * @summary - for doc example purposes only
13
- */
14
-
15
- const filterResults = (results) =>
16
- results.items.map((result) => {
17
- return {
18
- label: result.login,
19
- value: result.id,
20
- }
21
- })
22
-
23
- /**
24
- *
25
- * @const promiseOptions
26
- * @ignore
27
- * @returns {Promise} - fetch API data results from Typeahead input text
28
- * @see - https://react-select.com/home#async
29
- * @summary - for doc example purposes only
30
- */
31
-
32
- const promiseOptions = (inputValue) =>
33
- new Promise((resolve) => {
34
- if (inputValue) {
35
- fetch(`https://api.github.com/search/users?q=${inputValue}`)
36
- .then((response) => response.json())
37
- .then((results) => {
38
- resolve(results.items ? filterResults(results) : [])
39
- })
40
- } else {
41
- resolve([])
42
- }
43
- })
44
-
45
- const TypeaheadAsyncCreateable = (props) => {
46
- return (
47
- <Typeahead
48
- async
49
- createable
50
- isMulti
51
- label="Existing or User Created Options"
52
- loadOptions={promiseOptions}
53
- {...props}
54
- />
55
- )
56
- }
57
-
58
- export default TypeaheadAsyncCreateable
@@ -1,195 +0,0 @@
1
- // !!! IMPORTANT: This file is autogenerated. Please do not edit.!!!
2
- import WebpackerReact from 'webpacker-react'
3
- import ujs from 'webpacker-react/ujs'
4
-
5
- // KIT EXAMPLES
6
- import 'pb_form/pb_form_validation'
7
- import * as Avatar from 'pb_avatar/docs'
8
- import * as AvatarActionButton from 'pb_avatar_action_button/docs'
9
- import * as Background from 'pb_background/docs'
10
- import * as Badge from 'pb_badge/docs'
11
- import * as BarGraphDocs from 'pb_bar_graph/docs'
12
- import * as Body from 'pb_body/docs'
13
- import * as BreadCrumbs from 'pb_bread_crumbs/docs'
14
- import * as Button from 'pb_button/docs'
15
- import * as ButtonToolbar from 'pb_button_toolbar/docs'
16
- import * as Caption from 'pb_caption/docs'
17
- import * as Card from 'pb_card/docs'
18
- import * as Checkbox from 'pb_checkbox/docs'
19
- import * as CircleChart from 'pb_circle_chart/docs'
20
- import * as CircleIconButton from 'pb_circle_icon_button/docs'
21
- import * as Collapsible from 'pb_collapsible/docs'
22
- import * as Contact from 'pb_contact/docs'
23
- import * as Currency from 'pb_currency/docs'
24
- import * as DashboardValue from 'pb_dashboard_value/docs'
25
- import * as Date from 'pb_date/docs'
26
- import * as DatePicker from 'pb_date_picker/docs'
27
- import * as DateRangeInline from 'pb_date_range_inline/docs'
28
- import * as DateRangeStacked from 'pb_date_range_stacked/docs'
29
- import * as DateStacked from 'pb_date_stacked/docs'
30
- import * as DateTime from 'pb_date_time/docs'
31
- import * as DateTimeStacked from 'pb_date_time_stacked/docs'
32
- import * as DateYearStacked from 'pb_date_year_stacked/docs'
33
- import * as Dialog from 'pb_dialog/docs'
34
- import * as DistributionBarDocs from 'pb_distribution_bar/docs'
35
- import * as FileUpload from 'pb_file_upload/docs'
36
- import * as Filter from 'pb_filter/docs'
37
- import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
38
- import * as Flex from 'pb_flex/docs'
39
- import * as FormGroup from 'pb_form_group/docs'
40
- import * as FormPill from 'pb_form_pill/docs'
41
- import * as Gauge from 'pb_gauge/docs'
42
- import * as Hashtag from 'pb_hashtag/docs'
43
- import * as Highlight from 'pb_highlight/docs'
44
- import * as HomeAddressStreet from 'pb_home_address_street/docs'
45
- import * as Icon from 'pb_icon/docs'
46
- import * as IconCircle from 'pb_icon_circle/docs'
47
- import * as IconStatValue from 'pb_icon_stat_value/docs'
48
- import * as IconValue from 'pb_icon_value/docs'
49
- import * as Image from 'pb_image/docs'
50
- import * as LabelPill from 'pb_label_pill/docs'
51
- import * as LabelValue from 'pb_label_value/docs'
52
- import * as Layout from 'pb_layout/docs'
53
- import * as LegendDocs from 'pb_legend/docs'
54
- import * as LineGraphDocs from 'pb_line_graph/docs'
55
- import * as List from 'pb_list/docs'
56
- import * as LoadingInline from 'pb_loading_inline/docs'
57
- import * as Message from 'pb_message/docs'
58
- import * as MultipleUsers from 'pb_multiple_users/docs'
59
- import * as MultipleUsersStacked from 'pb_multiple_users_stacked/docs'
60
- import * as Nav from 'pb_nav/docs'
61
- import * as OnlineStatus from 'pb_online_status/docs'
62
- import * as Passphrase from 'pb_passphrase/docs'
63
- import * as PbReactPopover from 'pb_popover/docs'
64
- import * as Person from 'pb_person/docs'
65
- import * as PersonContact from 'pb_person_contact/docs'
66
- import * as Pill from 'pb_pill/docs'
67
- import * as ProgressPills from 'pb_progress_pills/docs'
68
- import * as ProgressSimple from 'pb_progress_simple/docs'
69
- import * as ProgressStep from 'pb_progress_step/docs'
70
- import * as Radio from 'pb_radio/docs'
71
- import * as RichTextEditor from 'pb_rich_text_editor/docs'
72
- import * as SectionSeparator from 'pb_section_separator/docs'
73
- import * as Select from 'pb_select/docs'
74
- import * as SelectableCard from 'pb_selectable_card/docs'
75
- import * as SelectableCardIcon from 'pb_selectable_card_icon/docs'
76
- import * as SelectableIcon from 'pb_selectable_icon/docs'
77
- import * as SelectableList from 'pb_selectable_list/docs'
78
- import * as Source from 'pb_source/docs'
79
- import * as StarRating from 'pb_star_rating/docs'
80
- import * as StatChange from 'pb_stat_change/docs'
81
- import * as StatValue from 'pb_stat_value/docs'
82
- import * as Table from 'pb_table/docs'
83
- import * as TextInput from 'pb_text_input/docs'
84
- import * as Textarea from 'pb_textarea/docs'
85
- import * as Time from 'pb_time/docs'
86
- import * as TimeRangeInline from 'pb_time_range_inline/docs'
87
- import * as TimeStacked from 'pb_time_stacked/docs'
88
- import * as Timeline from 'pb_timeline/docs'
89
- import * as Timestamp from 'pb_timestamp/docs'
90
- import * as Title from 'pb_title/docs'
91
- import * as TitleCount from 'pb_title_count/docs'
92
- import * as TitleDetail from 'pb_title_detail/docs'
93
- import * as Toggle from 'pb_toggle/docs'
94
- import * as Typeahead from 'pb_typeahead/docs'
95
- import * as User from 'pb_user/docs'
96
- import * as UserBadge from 'pb_user_badge/docs'
97
- import * as WeekdayStacked from 'pb_weekday_stacked/docs'
98
-
99
- WebpackerReact.registerComponents({
100
- ...Avatar,
101
- ...AvatarActionButton,
102
- ...Background,
103
- ...Badge,
104
- ...BarGraphDocs,
105
- ...Body,
106
- ...BreadCrumbs,
107
- ...Button,
108
- ...ButtonToolbar,
109
- ...Caption,
110
- ...Card,
111
- ...Checkbox,
112
- ...CircleChart,
113
- ...CircleIconButton,
114
- ...Collapsible,
115
- ...Contact,
116
- ...Currency,
117
- ...DashboardValue,
118
- ...Date,
119
- ...DatePicker,
120
- ...DateRangeInline,
121
- ...DateRangeStacked,
122
- ...DateStacked,
123
- ...DateTime,
124
- ...DateTimeStacked,
125
- ...DateYearStacked,
126
- ...Dialog,
127
- ...DistributionBarDocs,
128
- ...FileUpload,
129
- ...Filter,
130
- ...FixedConfirmationToast,
131
- ...Flex,
132
- ...FormGroup,
133
- ...FormPill,
134
- ...Gauge,
135
- ...Hashtag,
136
- ...Highlight,
137
- ...HomeAddressStreet,
138
- ...Icon,
139
- ...IconCircle,
140
- ...IconStatValue,
141
- ...IconValue,
142
- ...Image,
143
- ...LabelPill,
144
- ...LabelValue,
145
- ...Layout,
146
- ...LegendDocs,
147
- ...LineGraphDocs,
148
- ...List,
149
- ...LoadingInline,
150
- ...Message,
151
- ...MultipleUsers,
152
- ...MultipleUsersStacked,
153
- ...Nav,
154
- ...OnlineStatus,
155
- ...Passphrase,
156
- ...PbReactPopover,
157
- ...Person,
158
- ...PersonContact,
159
- ...Pill,
160
- ...ProgressPills,
161
- ...ProgressSimple,
162
- ...ProgressStep,
163
- ...Radio,
164
- ...RichTextEditor,
165
- ...SectionSeparator,
166
- ...Select,
167
- ...SelectableCard,
168
- ...SelectableCardIcon,
169
- ...SelectableIcon,
170
- ...SelectableList,
171
- ...Source,
172
- ...StarRating,
173
- ...StatChange,
174
- ...StatValue,
175
- ...Table,
176
- ...TextInput,
177
- ...Textarea,
178
- ...Time,
179
- ...TimeRangeInline,
180
- ...TimeStacked,
181
- ...Timeline,
182
- ...Timestamp,
183
- ...Title,
184
- ...TitleCount,
185
- ...TitleDetail,
186
- ...Toggle,
187
- ...Typeahead,
188
- ...User,
189
- ...UserBadge,
190
- ...WeekdayStacked,
191
- })
192
- ujs.setup(
193
- () => WebpackerReact.mountComponents(),
194
- () => WebpackerReact.unmountComponents()
195
- )
@@ -1,35 +0,0 @@
1
- // React-Rendered Rails Kit Exports =====
2
-
3
- import WebpackerReact from 'webpacker-react'
4
- import ujs from 'webpacker-react/ujs'
5
-
6
- import BarGraph from './pb_bar_graph/_bar_graph'
7
- import Dialog from './pb_dialog/_dialog'
8
- import DialogBody from './pb_dialog/child_kits/_dialog_body'
9
- import DialogFooter from './pb_dialog/child_kits/_dialog_footer'
10
- import DialogHeader from './pb_dialog/child_kits/_dialog_header'
11
- import DistributionBar from './pb_distribution_bar/_distribution_bar'
12
- import Legend from './pb_legend/_legend'
13
- import LineGraph from './pb_line_graph/_line_graph'
14
- import Passphrase from './pb_passphrase/_passphrase'
15
- import RichTextEditor from './pb_rich_text_editor/_rich_text_editor'
16
- import Typeahead from './pb_typeahead/_typeahead'
17
-
18
- WebpackerReact.registerComponents({
19
- BarGraph,
20
- Dialog,
21
- DialogBody,
22
- DialogFooter,
23
- DialogHeader,
24
- DistributionBar,
25
- Legend,
26
- LineGraph,
27
- Passphrase,
28
- RichTextEditor,
29
- Typeahead,
30
- })
31
-
32
- ujs.setup(
33
- () => WebpackerReact.mountComponents(),
34
- () => WebpackerReact.unmountComponents()
35
- )
@@ -1,38 +0,0 @@
1
- @import "./colors";
2
- @import "./typography";
3
- @import "./line_height";
4
-
5
- @mixin pb_title(
6
- $fontSize: $heading_1,
7
- $fontWeight: $lighter,
8
- $lineHeight: $lh_tighter
9
- ){
10
- font-size: $fontSize;
11
- letter-spacing: $lspace_tight;
12
- font-weight: $fontWeight;
13
- color: $text_lt_default;
14
- margin: 0;
15
- line-height: $lineHeight;
16
- font-family: $font_family_base;
17
- }
18
-
19
- @mixin pb_title_1 {
20
- @include pb_title($heading_1);
21
- letter-spacing: -0.03em;
22
- }
23
-
24
- @mixin pb_title_2 {
25
- @include pb_title($heading_2, $lighter, 0.96);
26
- }
27
-
28
- @mixin pb_title_3 {
29
- @include pb_title($heading_3);
30
- }
31
-
32
- @mixin pb_title_4 {
33
- @include pb_title($heading_4, $bolder);
34
- }
35
-
36
- @mixin pb_title_dark {
37
- color: $text_dk_default;
38
- }