playbook_ui_docs 14.15.0.pre.rc.3 → 14.16.0.pre.alpha.PBNTR924reacttablecustomheaders6846

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 (448) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +3 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx +8 -1
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +50 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +102 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md +4 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +2 -2
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +1 -1
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +1 -1
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb +39 -0
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +3 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx +1 -1
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb +33 -0
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx +1 -1
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +1 -0
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +6 -0
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -1
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -1
  31. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json +152002 -0
  33. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +4 -1
  34. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -1
  35. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +1 -1
  36. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +1 -1
  37. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +1 -1
  41. data/app/pb_kits/playbook/pb_background/docs/_background_category.jsx +2 -2
  42. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +1 -1
  43. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +6 -2
  44. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +1 -1
  45. data/app/pb_kits/playbook/pb_background/docs/_background_size.jsx +1 -1
  46. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +2 -2
  47. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +2 -2
  48. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
  49. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +1 -1
  50. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +1 -1
  51. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +3 -1
  52. data/app/pb_kits/playbook/pb_body/docs/_body_articles.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +1 -1
  54. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +1 -1
  55. data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +1 -1
  56. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +2 -1
  57. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +2 -1
  59. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +1 -1
  60. data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx +1 -1
  61. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +1 -1
  62. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +1 -1
  63. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +1 -1
  64. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +1 -1
  65. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +1 -1
  66. data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx +1 -1
  67. data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +1 -1
  68. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +3 -1
  69. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +2 -1
  70. data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +1 -1
  71. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +1 -1
  72. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +1 -1
  73. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
  74. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +1 -1
  75. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx +2 -1
  76. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +4 -1
  77. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  78. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +1 -1
  79. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +1 -1
  80. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +7 -1
  81. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx +7 -1
  82. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
  83. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx +1 -1
  84. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_no_icon.jsx +1 -1
  85. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +1 -1
  86. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_state.jsx +4 -1
  87. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +1 -1
  88. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +1 -1
  89. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +3 -1
  90. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +5 -1
  91. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx +1 -1
  92. data/app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.jsx +3 -1
  93. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -1
  94. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +4 -1
  95. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +4 -1
  96. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +2 -1
  97. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md +3 -1
  98. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb +39 -0
  99. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +3 -1
  100. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb +39 -0
  101. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx +3 -1
  102. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  103. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx +1 -1
  104. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +1 -1
  105. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +1 -1
  106. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +1 -1
  107. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +1 -1
  108. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +1 -1
  109. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +7 -8
  110. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +3 -1
  111. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +8 -9
  112. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +8 -9
  113. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +2 -1
  114. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +2 -1
  115. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +3 -1
  116. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +2 -1
  117. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +3 -1
  118. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +3 -1
  119. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +4 -1
  120. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +6 -1
  121. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx +184 -0
  122. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md +5 -0
  123. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx +97 -0
  124. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md +1 -0
  125. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +11 -12
  126. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +9 -10
  127. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx +4 -1
  128. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx +3 -1
  129. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +6 -1
  130. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +4 -1
  131. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +7 -4
  132. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +3 -0
  133. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +21 -37
  134. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +4 -1
  135. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +12 -7
  136. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +5 -1
  137. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +4 -1
  138. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +2 -0
  139. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +1 -1
  140. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +3 -1
  141. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +1 -1
  142. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +1 -1
  143. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +1 -1
  144. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx +1 -1
  145. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +1 -1
  146. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx +1 -1
  147. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +5 -1
  148. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +7 -1
  149. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +7 -1
  150. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +7 -1
  151. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +1 -1
  152. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +7 -1
  153. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +5 -1
  154. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +8 -1
  155. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +1 -1
  156. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +38 -0
  157. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +17 -0
  158. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +21 -0
  159. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +35 -0
  160. data/app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg +21 -0
  161. data/app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx +118 -0
  162. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +8 -0
  163. data/app/pb_kits/playbook/pb_empty_state/docs/index.js +4 -0
  164. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +4 -5
  165. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +3 -1
  166. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +3 -5
  167. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +3 -5
  168. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +5 -6
  169. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +6 -1
  170. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx +5 -1
  171. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +5 -1
  172. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +6 -1
  173. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +5 -1
  174. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +5 -1
  175. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +6 -1
  176. data/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx +5 -1
  177. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx +3 -1
  178. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx +3 -1
  179. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +2 -1
  180. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx +3 -1
  181. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +3 -1
  182. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +3 -1
  183. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx +3 -1
  184. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx +3 -1
  185. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx +3 -1
  186. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx +4 -1
  187. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +68 -1
  188. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +69 -2
  189. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx +3 -1
  190. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +5 -1
  191. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb +40 -0
  192. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +50 -0
  193. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md +3 -0
  194. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -0
  195. data/app/pb_kits/playbook/pb_form_pill/docs/index.js +1 -0
  196. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +1 -1
  197. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +1 -1
  198. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +9 -10
  199. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +1 -1
  200. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +1 -1
  201. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +1 -1
  202. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +1 -1
  203. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +3 -1
  204. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +1 -1
  205. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +4 -1
  206. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +1 -1
  207. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +1 -1
  208. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +1 -1
  209. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +1 -1
  210. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.html.erb +10 -4
  211. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.jsx +49 -24
  212. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +1 -1
  213. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_click.jsx +13 -0
  214. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +1 -1
  215. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +3 -1
  216. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +1 -0
  217. data/app/pb_kits/playbook/pb_icon_button/docs/index.js +1 -0
  218. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +1 -1
  219. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +1 -1
  220. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx +1 -1
  221. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx +1 -1
  222. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx +1 -1
  223. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +1 -1
  224. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx +1 -1
  225. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx +3 -1
  226. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +1 -1
  227. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +1 -1
  228. data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx +1 -1
  229. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +2 -1
  230. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +6 -1
  231. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +4 -1
  232. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +2 -1
  233. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +2 -1
  234. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +1 -1
  235. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +1 -1
  236. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +2 -1
  237. data/app/pb_kits/playbook/pb_link/docs/_link_color.jsx +1 -1
  238. data/app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx +1 -1
  239. data/app/pb_kits/playbook/pb_link/docs/_link_icon.jsx +1 -1
  240. data/app/pb_kits/playbook/pb_link/docs/_link_tag.jsx +1 -1
  241. data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +1 -1
  242. data/app/pb_kits/playbook/pb_link/docs/_link_underline.jsx +1 -1
  243. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +2 -1
  244. data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +5 -1
  245. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +2 -1
  246. data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx +1 -1
  247. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +72 -0
  248. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +91 -0
  249. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +76 -0
  250. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +94 -0
  251. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md +1 -0
  252. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +75 -0
  253. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +93 -0
  254. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md +3 -0
  255. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +75 -0
  256. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +93 -0
  257. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md +3 -0
  258. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +74 -0
  259. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +92 -0
  260. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md +3 -0
  261. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb +72 -0
  262. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx +97 -0
  263. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb +71 -0
  264. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx +91 -0
  265. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +91 -0
  266. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md +1 -0
  267. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +15 -1
  268. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +8 -0
  269. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +1 -1
  270. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +1 -1
  271. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +2 -1
  272. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +2 -1
  273. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +4 -1
  274. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx +2 -1
  275. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.jsx +2 -1
  276. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_with_all_options.jsx +2 -1
  277. data/app/pb_kits/playbook/pb_nav/docs/_nav_with_font_control.jsx +2 -1
  278. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx +4 -4
  279. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb +11 -0
  280. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx +36 -0
  281. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md +1 -0
  282. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md +1 -0
  283. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx +4 -6
  284. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx +4 -1
  285. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +4 -6
  286. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +2 -0
  287. data/app/pb_kits/playbook/pb_overlay/docs/index.js +1 -0
  288. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +2 -1
  289. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +3 -1
  290. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +4 -1
  291. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx +2 -1
  292. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +6 -1
  293. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +5 -1
  294. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.jsx +3 -1
  295. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx +3 -1
  296. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb +1 -1
  297. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -1
  298. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx +3 -1
  299. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb +5 -0
  300. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md +1 -0
  301. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx +1 -1
  302. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +1 -1
  303. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx +1 -1
  304. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +4 -1
  305. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +3 -1
  306. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +6 -7
  307. data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +4 -5
  308. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +5 -6
  309. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +7 -8
  310. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +5 -6
  311. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +4 -5
  312. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx +1 -1
  313. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx +1 -1
  314. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx +3 -1
  315. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx +1 -1
  316. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx +1 -1
  317. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +1 -1
  318. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx +1 -1
  319. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +3 -1
  320. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +1 -1
  321. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +60 -0
  322. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md +1 -0
  323. data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -1
  324. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  325. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx +1 -1
  326. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +3 -1
  327. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +1 -1
  328. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +1 -1
  329. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +1 -1
  330. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +1 -1
  331. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx +1 -1
  332. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +3 -5
  333. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +1 -1
  334. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +1 -1
  335. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +2 -1
  336. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +1 -1
  337. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx +1 -1
  338. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +3 -1
  339. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +4 -1
  340. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx +1 -1
  341. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx +1 -1
  342. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +1 -1
  343. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +2 -1
  344. data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +2 -1
  345. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +2 -1
  346. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +2 -1
  347. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +58 -0
  348. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.md +1 -0
  349. data/app/pb_kits/playbook/pb_select/docs/example.yml +1 -0
  350. data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
  351. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx +4 -1
  352. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +1 -1
  353. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +1 -1
  354. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx +2 -1
  355. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx +2 -1
  356. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx +1 -2
  357. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +8 -1
  358. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +2 -1
  359. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx +1 -2
  360. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +5 -1
  361. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
  362. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +1 -1
  363. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +1 -1
  364. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +2 -1
  365. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +4 -1
  366. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +4 -1
  367. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +7 -1
  368. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +4 -1
  369. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +5 -1
  370. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx +50 -0
  371. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_react.md +1 -0
  372. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.jsx +59 -0
  373. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md +1 -0
  374. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +5 -1
  375. data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
  376. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
  377. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +1 -1
  378. data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx +1 -1
  379. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx +3 -1
  380. data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +1 -2
  381. data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +1 -1
  382. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb +7 -0
  383. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx +54 -0
  384. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.md +1 -0
  385. data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -0
  386. data/app/pb_kits/playbook/pb_title/docs/index.js +1 -0
  387. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +1 -1
  388. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +3 -1
  389. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +1 -1
  390. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +1 -1
  391. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +3 -1
  392. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +3 -1
  393. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +4 -1
  394. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx +3 -1
  395. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb +22 -0
  396. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +4 -1
  397. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +3 -1
  398. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +5 -1
  399. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb +22 -0
  400. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +69 -0
  401. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md +3 -0
  402. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +3 -1
  403. data/app/pb_kits/playbook/pb_tooltip/docs/index.js +1 -0
  404. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +1 -1
  405. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +1 -1
  406. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +1 -3
  407. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.html.erb +19 -0
  408. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.jsx +23 -0
  409. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb +45 -0
  410. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md +5 -0
  411. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb +33 -0
  412. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md +3 -0
  413. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +66 -0
  414. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md +1 -0
  415. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
  416. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +6 -8
  417. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -1
  418. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +3 -5
  419. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +4 -6
  420. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +4 -6
  421. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
  422. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +5 -0
  423. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +2 -0
  424. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx +6 -1
  425. data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx +1 -1
  426. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.html.erb +22 -0
  427. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +40 -0
  428. data/app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md +5 -0
  429. data/app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md +5 -0
  430. data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx +1 -1
  431. data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx +1 -1
  432. data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx +1 -1
  433. data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx +1 -1
  434. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx +1 -1
  435. data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx +1 -1
  436. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  437. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  438. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +2 -1
  439. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +2 -1
  440. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +2 -1
  441. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +2 -1
  442. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +2 -1
  443. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +2 -1
  444. data/dist/playbook-doc.js +1 -1
  445. metadata +83 -5
  446. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb +0 -10
  447. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.md → _advanced_table_selectable_rows_no_subrows_react.md} +0 -0
  448. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.md → _advanced_table_selectable_rows_react.md} +0 -0
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
- import { Nav, NavItem } from 'playbook-ui'
2
+ import Nav from '../../pb_nav/_nav'
3
+ import NavItem from '../../pb_nav/_item'
3
4
 
4
5
  const CollapsibleNavItemSpacing = (props) => {
5
6
  return (
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
- import { Nav, NavItem } from 'playbook-ui'
2
+ import Nav from '../../pb_nav/_nav'
3
+ import NavItem from '../../pb_nav/_item'
3
4
 
4
5
  const CollapsibleNavNoIcon = (props) => {
5
6
  return (
@@ -1,5 +1,6 @@
1
1
  import React from "react"
2
- import { Nav, NavItem } from "playbook-ui"
2
+ import Nav from '../../pb_nav/_nav'
3
+ import NavItem from '../../pb_nav/_item'
3
4
 
4
5
  const CollapsibleNavWithAllOptions = (props) => {
5
6
  const navItems = ["Overview", "Albums", "Similar Artists"]
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
- import { Nav, NavItem } from 'playbook-ui'
2
+ import Nav from '../../pb_nav/_nav'
3
+ import NavItem from '../../pb_nav/_item'
3
4
 
4
5
  const NavWithFontControl = (props) => {
5
6
  return (
@@ -1,8 +1,8 @@
1
1
  import React from 'react'
2
- import {
3
- Overlay,
4
- Table,
5
- } from 'playbook-ui'
2
+
3
+ import Overlay from '../../pb_overlay/_overlay'
4
+ import Table from '../../pb_table/_table'
5
+
6
6
 
7
7
  const TableExample = () => {
8
8
  return (
@@ -0,0 +1,11 @@
1
+ <%= pb_rails("overlay", props: { layout: { "x": "xl" }, color: "card_light", scroll_bar_none: true }) do %>
2
+ <%= pb_rails("flex", props: { column_gap: "lg", orientation: "row", overflow_x: "auto" }) do %>
3
+ <% 15.times do %>
4
+ <%= pb_rails("flex/flex_item") do %>
5
+ <%= pb_rails("card") do %>
6
+ Card content
7
+ <% end %>
8
+ <% end %>
9
+ <% end %>
10
+ <% end %>
11
+ <% end %>
@@ -0,0 +1,36 @@
1
+ import React from 'react'
2
+
3
+ import Overlay from '../../pb_overlay/_overlay'
4
+ import Card from '../../pb_card/_card'
5
+ import Flex from '../../pb_flex/_flex'
6
+ import FlexItem from '../../pb_flex/_flex_item'
7
+
8
+ const InlineCardsExample = () => {
9
+ return (
10
+ <Flex
11
+ columnGap="lg"
12
+ orientation="row"
13
+ overflowX="auto"
14
+ >
15
+ {Array.from({ length: 15 }, (_, index) => (
16
+ <FlexItem key={index}>
17
+ <Card>{"Card Content"}</Card>
18
+ </FlexItem>
19
+ ))}
20
+ </Flex>
21
+ )
22
+ }
23
+
24
+ const OverlayHideScrollBar = () => (
25
+ <>
26
+ <Overlay
27
+ color="card_light"
28
+ layout={{"x": "xl"}}
29
+ scrollBarNone
30
+ >
31
+ <InlineCardsExample />
32
+ </Overlay>
33
+ </>
34
+ )
35
+
36
+ export default OverlayHideScrollBar
@@ -0,0 +1 @@
1
+ Pass the `scroll_bar_none` prop to hide the scrollbar from view. This is particularly helpful for small containers where the scrollbar may occupy too much space.
@@ -0,0 +1 @@
1
+ Pass the `scrollBarNone` prop to hide the scrollbar from view. This is particularly helpful for small containers where the scrollbar may occupy too much space.
@@ -1,10 +1,8 @@
1
1
  import React from 'react'
2
- import {
3
- Overlay,
4
- Card,
5
- Flex,
6
- FlexItem,
7
- } from 'playbook-ui'
2
+ import Overlay from '../../pb_overlay/_overlay'
3
+ import Card from '../../pb_card/_card'
4
+ import Flex from '../../pb_flex/_flex'
5
+ import FlexItem from '../../pb_flex/_flex_item'
8
6
 
9
7
  const InlineCardsExample = () => {
10
8
  return (
@@ -1,6 +1,9 @@
1
1
  /* eslint-disable react/no-multi-comp */
2
2
  import React, { useState } from "react";
3
- import { Overlay, Table, Button } from "playbook-ui";
3
+
4
+ import Overlay from '../../pb_overlay/_overlay'
5
+ import Button from '../../pb_button/_button'
6
+ import Table from '../../pb_table/_table'
4
7
 
5
8
  const TableExample = () => {
6
9
  return (
@@ -1,10 +1,8 @@
1
1
  import React, { forwardRef } from 'react'
2
- import {
3
- Overlay,
4
- Card,
5
- Flex,
6
- FlexItem,
7
- } from 'playbook-ui'
2
+ import Overlay from '../../pb_overlay/_overlay'
3
+ import Card from '../../pb_card/_card'
4
+ import Flex from '../../pb_flex/_flex'
5
+ import FlexItem from '../../pb_flex/_flex_item'
8
6
 
9
7
  const InlineCardsExample = forwardRef(function InlineCardsExample(ref) {
10
8
  return (
@@ -4,9 +4,11 @@ examples:
4
4
  - overlay_multi_directional: Multi-directional
5
5
  - overlay_vertical_dynamic_multi_directional: Vertical Dynamic Multi-directional
6
6
  - overlay_toggle: Toggle
7
+ - overlay_hide_scroll_bar: Hide Scroll Bar
7
8
 
8
9
  rails:
9
10
  - overlay_default: Default
10
11
  - overlay_multi_directional: Multi-directional
11
12
  - overlay_vertical_dynamic_multi_directional: Vertical Dynamic Multi-directional
12
13
  - overlay_toggle: Toggle
14
+ - overlay_hide_scroll_bar: Hide Scroll Bar
@@ -2,3 +2,4 @@ export { default as OverlayDefault } from './_overlay_default.jsx'
2
2
  export { default as OverlayMultiDirectional } from './_overlay_multi_directional.jsx'
3
3
  export { default as OverlayToggle } from './_overlay_toggle.jsx'
4
4
  export { default as OverlayVerticalDynamicMultiDirectional } from './_overlay_vertical_dynamic_multi_directional.jsx'
5
+ export { default as OverlayHideScrollBar } from './_overlay_hide_scroll_bar.jsx'
@@ -1,5 +1,6 @@
1
1
  import React, { useState } from "react";
2
- import { Table, Pagination } from 'playbook-ui'
2
+ import Table from '../../pb_table/_table'
3
+ import Pagination from '../../pb_pagination/_pagination'
3
4
 
4
5
 
5
6
  import { data } from "./data";
@@ -1,6 +1,8 @@
1
1
  import React, { useState, useEffect } from 'react'
2
2
 
3
- import { Caption, Passphrase, ProgressSimple } from 'playbook-ui'
3
+ import Passphrase from '../../pb_passphrase/_passphrase'
4
+ import Caption from '../../pb_caption/_caption'
5
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
4
6
  import zxcvbn from 'zxcvbn'
5
7
 
6
8
  const PassphraseBreached = (props) => {
@@ -1,6 +1,9 @@
1
1
  import React, { useState, useEffect } from 'react'
2
2
 
3
- import {Body, Caption, Passphrase, ProgressSimple} from 'playbook-ui'
3
+ import Body from '../../pb_body/_body'
4
+ import Passphrase from '../../pb_passphrase/_passphrase'
5
+ import Caption from '../../pb_caption/_caption'
6
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
4
7
  import zxcvbn from 'zxcvbn'
5
8
 
6
9
  const PassphraseCommon = (props) => {
@@ -1,6 +1,7 @@
1
1
  import React, { useState } from 'react'
2
2
 
3
- import {Body, Passphrase} from 'playbook-ui'
3
+ import Body from '../../pb_body/_body'
4
+ import Passphrase from '../../pb_passphrase/_passphrase'
4
5
 
5
6
  const PassphraseConfirmation = (props) => {
6
7
  const [input, setInput] = useState('')
@@ -1,6 +1,11 @@
1
1
  import React, { useState } from 'react'
2
2
 
3
- import { Body, Caption, Passphrase, ProgressSimple, TextInput } from 'playbook-ui'
3
+ import Body from '../../pb_body/_body'
4
+ import Passphrase from '../../pb_passphrase/_passphrase'
5
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
6
+ import Caption from '../../pb_caption/_caption'
7
+ import TextInput from '../../pb_text_input/_text_input'
8
+
4
9
  import zxcvbn from 'zxcvbn'
5
10
 
6
11
 
@@ -1,7 +1,11 @@
1
1
  import React, { useState } from 'react'
2
2
  import { useEffect } from 'react'
3
3
 
4
- import { Caption, Passphrase, ProgressSimple, TextInput} from 'playbook-ui'
4
+ import Passphrase from '../../pb_passphrase/_passphrase'
5
+ import Caption from '../../pb_caption/_caption'
6
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
7
+ import TextInput from '../../pb_text_input/_text_input'
8
+
5
9
  import zxcvbn from 'zxcvbn'
6
10
 
7
11
  const PassphraseStrengthChange = (props) => {
@@ -1,5 +1,7 @@
1
1
  import React, { useEffect, useRef } from 'react'
2
- import { Body, PhoneNumberInput } from 'playbook-ui'
2
+
3
+ import Body from '../../pb_body/_body'
4
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
5
 
4
6
  const PhoneNumberInputAccessInputElement = (props) => {
5
7
  // 1. Create a ref - this accesses the kit's input element.
@@ -1,5 +1,7 @@
1
1
  import React, { useRef } from 'react'
2
- import { Button, PhoneNumberInput } from 'playbook-ui'
2
+
3
+ import Button from '../../pb_button/_button'
4
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
5
 
4
6
  const PhoneNumberInputClearField = (props) => {
5
7
  // 1. Create a ref - this accesses the kit's input element.
@@ -1,3 +1,3 @@
1
1
  <%= pb_rails("phone_number_input", props: {
2
- id: "hello"
2
+ id: "hello",
3
3
  }) %>
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { PhoneNumberInput } from 'playbook-ui'
2
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
3
 
4
4
  const PhoneNumberInputDefault = (props) => (
5
5
  <>
@@ -1,5 +1,7 @@
1
1
  import React, { useState } from "react";
2
- import { PhoneNumberInput, Body } from "playbook-ui";
2
+
3
+ import Body from '../../pb_body/_body'
4
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
5
 
4
6
  const PhoneNumberInputFormat = (props) => {
5
7
  const [phoneNumber, setPhoneNumber] = useState("");
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("phone_number_input", props: {
2
+ hidden_inputs: true,
3
+ id: "hidden_inputs",
4
+ name: "hidden_inputs",
5
+ }) %>
@@ -0,0 +1 @@
1
+ The `hidden_inputs` boolean prop generates two hidden input fields, {field_name}_full and {field_name}_country_code. The value passed when the form is submitted contains the full phone number including the country code. Because it requires the submission of a form to function, only use this prop on Rails phone number elements within html form tags `<form>/<form>` or [pb_forms](https://playbook.powerapp.cloud/kits/form). Read the [intl-tel-input](https://intl-tel-input.com/examples/hidden-input.html) docs for more information.
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { PhoneNumberInput } from 'playbook-ui'
2
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
3
 
4
4
  const PhoneNumberInitialCountry = (props) => (
5
5
  <>
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { PhoneNumberInput } from 'playbook-ui'
2
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
3
 
4
4
  const PhoneNumberInputOnlyCountries = (props) => (
5
5
  <>
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { PhoneNumberInput } from 'playbook-ui'
2
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
3
 
4
4
  const PhoneNumberInputPreferredCountries = (props) => (
5
5
  <>
@@ -1,5 +1,8 @@
1
1
  import React, { useEffect, useState } from "react";
2
- import { Button, FixedConfirmationToast, PhoneNumberInput } from "playbook-ui";
2
+
3
+ import Button from '../../pb_button/_button'
4
+ import FixedConfirmationToast from '../../pb_fixed_confirmation_toast/_fixed_confirmation_toast'
5
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
6
 
4
7
  const PhoneNumberInputValidation = (props) => {
5
8
  const [formErrors, setFormErrors] = useState("");
@@ -16,4 +16,6 @@ examples:
16
16
  - phone_number_input_initial_country: Initial Country
17
17
  - phone_number_input_only_countries: Limited Countries
18
18
  - phone_number_input_validation: Form Validation
19
- - phone_number_input_format: Format as You Type
19
+ - phone_number_input_format: Format as You Type
20
+ - phone_number_input_hidden_inputs: Hidden Inputs
21
+
@@ -1,11 +1,10 @@
1
1
  import React, { useState } from 'react'
2
- import {
3
- Body,
4
- Button,
5
- CircleIconButton,
6
- Flex,
7
- PbReactPopover,
8
- } from 'playbook-ui'
2
+
3
+ import Body from '../../pb_body/_body'
4
+ import Button from '../../pb_button/_button'
5
+ import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
6
+ import Flex from '../../pb_flex/_flex'
7
+ import PbReactPopover from '../../pb_popover/_popover'
9
8
 
10
9
  const PopoverActionableContent = (props) => {
11
10
  const [showPopover, setShowPopover] = useState(false)
@@ -1,9 +1,8 @@
1
1
  import React, { useState } from 'react'
2
- import {
3
- Button,
4
- Flex,
5
- PbReactPopover,
6
- } from 'playbook-ui'
2
+
3
+ import Button from '../../pb_button/_button'
4
+ import Flex from '../../pb_flex/_flex'
5
+ import PbReactPopover from '../../pb_popover/_popover'
7
6
 
8
7
  const PopoverClose = (props) => {
9
8
  const [showInsidePopover, setInsideShowPopover] = useState(false)
@@ -1,10 +1,9 @@
1
1
  import React, { useState } from 'react'
2
- import {
3
- Body,
4
- CircleIconButton,
5
- Flex,
6
- PbReactPopover,
7
- } from 'playbook-ui'
2
+
3
+ import Body from '../../pb_body/_body'
4
+ import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
5
+ import Flex from '../../pb_flex/_flex'
6
+ import PbReactPopover from '../../pb_popover/_popover'
8
7
 
9
8
  const PopoverDefault = (props) => {
10
9
  const [showPopover, setShowPopover] = useState(false)
@@ -1,12 +1,11 @@
1
1
  import React, { useState } from 'react'
2
- import {
3
- Button,
4
- Icon,
5
- List,
6
- ListItem,
7
- PbReactPopover,
8
- Flex,
9
- } from 'playbook-ui'
2
+
3
+ import Button from '../../pb_button/_button'
4
+ import Flex from '../../pb_flex/_flex'
5
+ import PbReactPopover from '../../pb_popover/_popover'
6
+ import Icon from '../../pb_icon/_icon'
7
+ import List from '../../pb_list/_list'
8
+ import ListItem from '../../pb_list/_list_item'
10
9
 
11
10
  const PopoverWithButton = (props) => {
12
11
  const [showPopover, setShowPopover] = useState(false)
@@ -1,10 +1,9 @@
1
1
  import React, { useState } from 'react'
2
- import {
3
- Body,
4
- Button,
5
- PbReactPopover,
6
- Title,
7
- } from 'playbook-ui'
2
+
3
+ import Body from '../../pb_body/_body'
4
+ import Button from '../../pb_button/_button'
5
+ import PbReactPopover from '../../pb_popover/_popover'
6
+ import Title from '../../pb_title/_title'
8
7
 
9
8
  const PopoverScrollHeight = (props) => {
10
9
  const [showPopover, setShowPopover] = useState(false)
@@ -1,9 +1,8 @@
1
1
  import React, { useState } from 'react'
2
- import {
3
- Body,
4
- Button,
5
- PbReactPopover,
6
- } from 'playbook-ui'
2
+
3
+ import Body from '../../pb_body/_body'
4
+ import Button from '../../pb_button/_button'
5
+ import PbReactPopover from '../../pb_popover/_popover'
7
6
 
8
7
  const PopoverZIndex = (props) => {
9
8
  const [showPopover, setShowPopover] = useState(false)
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { ProgressSimple } from 'playbook-ui'
2
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
3
 
4
4
  const ProgressSimpleAlign = () => {
5
5
  return (
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { ProgressSimple } from 'playbook-ui'
2
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
3
 
4
4
  const ProgressSimpleDefault = () => {
5
5
  return (
@@ -1,5 +1,7 @@
1
1
  import React from 'react'
2
- import { Flex, ProgressSimple } from 'playbook-ui'
2
+
3
+ import Flex from '../../pb_flex/_flex'
4
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
5
 
4
6
  const ProgressSimpleFlex = () => {
5
7
  return (
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { ProgressSimple } from 'playbook-ui'
2
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
3
 
4
4
  const ProgressSimpleMuted = () => {
5
5
  return (
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { ProgressSimple } from 'playbook-ui'
2
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
3
 
4
4
  const ProgressSimpleValue = () => {
5
5
  return (
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { ProgressSimple } from 'playbook-ui'
2
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
3
 
4
4
  const ProgressSimpleVariants = () => {
5
5
  return (
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { ProgressSimple } from 'playbook-ui'
2
+ import ProgressSimple from '../../pb_progress_simple/_progress_simple'
3
3
 
4
4
  const ProgressSimpleValue = () => {
5
5
  return (
@@ -1,5 +1,7 @@
1
1
  import React from 'react'
2
- import { Flex, Radio } from 'playbook-ui'
2
+
3
+ import Flex from '../../pb_flex/_flex'
4
+ import Radio from '../../pb_radio/_radio'
3
5
 
4
6
  const RadioAlignment = (props) => {
5
7
  return (
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { Radio } from 'playbook-ui'
2
+ import Radio from '../../pb_radio/_radio'
3
3
 
4
4
  const RadioError = (props) => {
5
5
  return (
@@ -0,0 +1,60 @@
1
+ import React from "react"
2
+ import { useForm } from "react-hook-form"
3
+ import { Radio, Flex, Body } from "playbook-ui"
4
+
5
+ const RadioReactHook = () => {
6
+ const { register, watch } = useForm({
7
+ defaultValues: {
8
+ size: "Small",
9
+ },
10
+ })
11
+
12
+ const selectedSize = watch("size", "Small")
13
+
14
+ return (
15
+ <Flex orientation="row">
16
+ <Flex
17
+ align="start"
18
+ orientation="column"
19
+ paddingRight="lg"
20
+ >
21
+ <Radio
22
+ alignment="left"
23
+ label="Small"
24
+ marginBottom='sm'
25
+ name="size"
26
+ value="Small"
27
+ {...register("size")}
28
+ />
29
+ <br />
30
+ <Radio
31
+ alignment="left"
32
+ label="Medium"
33
+ marginBottom='sm'
34
+ name="size"
35
+ value="Medium"
36
+ {...register("size")}
37
+ />
38
+ <br />
39
+ <Radio
40
+ alignment="left"
41
+ label="Large"
42
+ marginBottom='sm'
43
+ name="size"
44
+ value="Large"
45
+ {...register("size")}
46
+ />
47
+ </Flex>
48
+ <Flex
49
+ align="start"
50
+ orientation="column"
51
+ >
52
+ <Body
53
+ text={`Selected Size: ${selectedSize}`}
54
+ />
55
+ </Flex>
56
+ </Flex>
57
+ )
58
+ }
59
+
60
+ export default RadioReactHook
@@ -0,0 +1 @@
1
+ You can pass react hook props to the radio kit.
@@ -16,6 +16,7 @@ examples:
16
16
  - radio_alignment: Alignment
17
17
  - radio_disabled: Disabled
18
18
  - radio_custom_children: Custom Children
19
+ - radio_react_hook: React Hook Form
19
20
 
20
21
  swift:
21
22
  - radio_default_swift: Default
@@ -26,4 +27,4 @@ examples:
26
27
  - radio_spacing_swift: Spacing
27
28
  - radio_padding_swift: Padding
28
29
  - radio_subtitle_swift: Subtitle
29
- - radio_props_swift: ""
30
+ - radio_props_swift: ""
@@ -4,3 +4,4 @@ export { default as RadioError } from './_radio_error.jsx'
4
4
  export { default as RadioAlignment } from './_radio_alignment.jsx'
5
5
  export { default as RadioDisabled } from './_radio_disabled.jsx'
6
6
  export { default as RadioCustomChildren } from './_radio_custom_children.jsx'
7
+ export { default as RadioReactHook } from './_radio_react_hook.jsx'
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { RichTextEditor } from 'playbook-ui'
2
+ import RichTextEditor from '../../pb_rich_text_editor/_rich_text_editor'
3
3
  import { useEditor, EditorContent } from "@tiptap/react"
4
4
  import StarterKit from "@tiptap/starter-kit"
5
5
  import Link from '@tiptap/extension-link'
@@ -1,5 +1,7 @@
1
1
  import React, { useState } from 'react'
2
- import { Button, Card, RichTextEditor } from 'playbook-ui'
2
+ import RichTextEditor from '../../pb_rich_text_editor/_rich_text_editor'
3
+ import Button from '../../pb_button/_button'
4
+ import Card from '../../pb_card/_card'
3
5
  import { useEditor, EditorContent } from "@tiptap/react"
4
6
  import StarterKit from "@tiptap/starter-kit"
5
7
  import Link from '@tiptap/extension-link'