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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
- }