playbook_ui 13.11.1 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

Sign up to get free protection for your applications and to get access to all the features.
Files changed (264) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar/_avatar.d.ts +20 -0
  3. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.d.ts +21 -0
  4. data/app/pb_kits/playbook/pb_background/_background.d.ts +33 -0
  5. data/app/pb_kits/playbook/pb_badge/_badge.d.ts +24 -0
  6. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.d.ts +35 -0
  7. data/app/pb_kits/playbook/pb_body/_body.d.ts +24 -0
  8. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.d.ts +12 -0
  9. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.d.ts +13 -0
  10. data/app/pb_kits/playbook/pb_button/_button.d.ts +37 -0
  11. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.d.ts +17 -0
  12. data/app/pb_kits/playbook/pb_caption/_caption.d.ts +20 -0
  13. data/app/pb_kits/playbook/pb_card/_card.d.ts +42 -0
  14. data/app/pb_kits/playbook/pb_checkbox/_checkbox.d.ts +24 -0
  15. data/app/pb_kits/playbook/pb_circle_chart/ChartsTypes.d.ts +2 -0
  16. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.d.ts +35 -0
  17. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.d.ts +21 -0
  18. data/app/pb_kits/playbook/pb_collapsible/_collapsible.d.ts +29 -0
  19. data/app/pb_kits/playbook/pb_collapsible/_helper_functions.d.ts +2 -0
  20. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.d.ts +7 -0
  21. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.d.ts +10 -0
  22. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.rb +3 -1
  23. data/app/pb_kits/playbook/pb_collapsible/context.d.ts +3 -0
  24. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.html.erb +22 -0
  25. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md +3 -0
  26. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls_multiple.html.erb +40 -0
  27. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls_multiple.md +1 -0
  28. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +2 -0
  29. data/app/pb_kits/playbook/pb_collapsible/index.js +4 -0
  30. data/app/pb_kits/playbook/pb_collapsible/useCollapsible.d.ts +2 -0
  31. data/app/pb_kits/playbook/pb_contact/_contact.d.ts +13 -0
  32. data/app/pb_kits/playbook/pb_currency/_currency.d.ts +24 -0
  33. data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.d.ts +2 -0
  34. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.d.ts +3 -0
  35. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.d.ts +3 -0
  36. data/app/pb_kits/playbook/pb_dashboard/themeTypes.d.ts +40 -0
  37. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.d.ts +23 -0
  38. data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.d.ts +43 -0
  39. data/app/pb_kits/playbook/pb_date/_date.d.ts +18 -0
  40. data/app/pb_kits/playbook/pb_date_picker/_date_picker.d.ts +50 -0
  41. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.d.ts +23 -0
  42. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.d.ts +18 -0
  43. data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.d.ts +44 -0
  44. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.d.ts +13 -0
  45. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.d.ts +10 -0
  46. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.d.ts +13 -0
  47. data/app/pb_kits/playbook/pb_date_time/_date_time.d.ts +18 -0
  48. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.d.ts +10 -0
  49. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.d.ts +10 -0
  50. data/app/pb_kits/playbook/pb_detail/_detail.d.ts +20 -0
  51. data/app/pb_kits/playbook/pb_dialog/_close_icon.d.ts +5 -0
  52. data/app/pb_kits/playbook/pb_dialog/_dialog.d.ts +68 -0
  53. data/app/pb_kits/playbook/pb_dialog/_dialog_context.d.ts +2 -0
  54. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.d.ts +8 -0
  55. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.d.ts +20 -0
  56. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.d.ts +19 -0
  57. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.d.ts +10 -0
  58. data/app/pb_kits/playbook/pb_enhanced_element/element_observer.d.ts +17 -0
  59. data/app/pb_kits/playbook/pb_enhanced_element/index.d.ts +17 -0
  60. data/app/pb_kits/playbook/pb_file_upload/_file_upload.d.ts +16 -0
  61. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.d.ts +10 -0
  62. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.d.ts +10 -0
  63. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.d.ts +14 -0
  64. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.d.ts +14 -0
  65. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.d.ts +11 -0
  66. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.d.ts +8 -0
  67. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.d.ts +18 -0
  68. data/app/pb_kits/playbook/pb_filter/Filter/index.d.ts +8 -0
  69. data/app/pb_kits/playbook/pb_filter/_filter.d.ts +1 -0
  70. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.d.ts +18 -0
  71. data/app/pb_kits/playbook/pb_flex/_flex.d.ts +24 -0
  72. data/app/pb_kits/playbook/pb_flex/_flex_item.d.ts +14 -0
  73. data/app/pb_kits/playbook/pb_form_group/_form_group.d.ts +12 -0
  74. data/app/pb_kits/playbook/pb_form_pill/_form_pill.d.ts +20 -0
  75. data/app/pb_kits/playbook/pb_gauge/_gauge.d.ts +31 -0
  76. data/app/pb_kits/playbook/pb_hashtag/_hashtag.d.ts +17 -0
  77. data/app/pb_kits/playbook/pb_highlight/_highlight.d.ts +14 -0
  78. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.d.ts +23 -0
  79. data/app/pb_kits/playbook/pb_icon/_icon.d.ts +29 -0
  80. data/app/pb_kits/playbook/pb_icon/docs/_icon_border_swift.md +7 -0
  81. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_swift.md +7 -0
  82. data/app/pb_kits/playbook/pb_icon/docs/_icon_flip_swift.md +11 -0
  83. data/app/pb_kits/playbook/pb_icon/docs/_icon_props_swift.md +8 -0
  84. data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate_swift.md +11 -0
  85. data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes_swift.md +46 -0
  86. data/app/pb_kits/playbook/pb_icon/docs/example.yml +8 -0
  87. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.d.ts +16 -0
  88. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.d.ts +18 -0
  89. data/app/pb_kits/playbook/pb_icon_value/_icon_value.d.ts +14 -0
  90. data/app/pb_kits/playbook/pb_image/_image.d.ts +20 -0
  91. data/app/pb_kits/playbook/pb_image/docs/_image_props_swift.md +7 -0
  92. data/app/pb_kits/playbook/pb_image/docs/_rounded_image_swift.md +47 -0
  93. data/app/pb_kits/playbook/pb_image/docs/_size_image_swift.md +47 -0
  94. data/app/pb_kits/playbook/pb_image/docs/_size_none_image_swift.md +15 -0
  95. data/app/pb_kits/playbook/pb_image/docs/example.yml +5 -0
  96. data/app/pb_kits/playbook/pb_kit/dateTime.d.ts +67 -0
  97. data/app/pb_kits/playbook/pb_label_pill/_label_pill.d.ts +15 -0
  98. data/app/pb_kits/playbook/pb_label_value/_label_value.d.ts +19 -0
  99. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default_swift.md +11 -0
  100. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_swift.md +72 -0
  101. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_swift.md +41 -0
  102. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_props_swift.md +11 -0
  103. data/app/pb_kits/playbook/pb_label_value/docs/example.yml +6 -0
  104. data/app/pb_kits/playbook/pb_layout/_layout.d.ts +48 -0
  105. data/app/pb_kits/playbook/pb_legend/_legend.d.ts +14 -0
  106. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.d.ts +12 -0
  107. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.d.ts +10 -0
  108. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnail.d.ts +11 -0
  109. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.d.ts +9 -0
  110. data/app/pb_kits/playbook/pb_lightbox/Carousel/index.d.ts +16 -0
  111. data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.d.ts +22 -0
  112. data/app/pb_kits/playbook/pb_lightbox/_lightbox.d.ts +45 -0
  113. data/app/pb_kits/playbook/pb_lightbox/_lightbox_context.d.ts +2 -0
  114. data/app/pb_kits/playbook/pb_lightbox/hooks/useKbdControls.d.ts +3 -0
  115. data/app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.d.ts +6 -0
  116. data/app/pb_kits/playbook/pb_line_graph/_line_graph.d.ts +35 -0
  117. data/app/pb_kits/playbook/pb_list/_list.d.ts +22 -0
  118. data/app/pb_kits/playbook/pb_list/_list_item.d.ts +13 -0
  119. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.d.ts +13 -0
  120. data/app/pb_kits/playbook/pb_map/_map.d.ts +30 -0
  121. data/app/pb_kits/playbook/pb_map/_map_controls.d.ts +11 -0
  122. data/app/pb_kits/playbook/pb_map/_map_custom_button.d.ts +6 -0
  123. data/app/pb_kits/playbook/pb_map/pbMapTheme.d.ts +20 -0
  124. data/app/pb_kits/playbook/pb_message/_message.d.ts +33 -0
  125. data/app/pb_kits/playbook/pb_message/_message_mention.d.ts +13 -0
  126. data/app/pb_kits/playbook/pb_message/docs/_message_default_swift.md +57 -0
  127. data/app/pb_kits/playbook/pb_message/docs/_message_props_swift.md +12 -0
  128. data/app/pb_kits/playbook/pb_message/docs/example.yml +4 -0
  129. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.d.ts +33 -0
  130. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.d.ts +25 -0
  131. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.d.ts +20 -0
  132. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +11 -0
  133. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +7 -0
  134. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +13 -0
  135. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +11 -0
  136. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +6 -0
  137. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.d.ts +16 -0
  138. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +15 -0
  139. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +5 -0
  140. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +15 -0
  141. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +15 -0
  142. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +6 -0
  143. data/app/pb_kits/playbook/pb_nav/_item.d.ts +40 -0
  144. data/app/pb_kits/playbook/pb_nav/_nav.d.ts +23 -0
  145. data/app/pb_kits/playbook/pb_nav/navTypes.d.ts +22 -0
  146. data/app/pb_kits/playbook/pb_online_status/_online_status.d.ts +14 -0
  147. data/app/pb_kits/playbook/pb_passphrase/_passphrase.d.ts +19 -0
  148. data/app/pb_kits/playbook/pb_person/_person.d.ts +15 -0
  149. data/app/pb_kits/playbook/pb_person_contact/_person_contact.d.ts +18 -0
  150. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.d.ts +34 -0
  151. data/app/pb_kits/playbook/pb_pill/_pill.d.ts +16 -0
  152. data/app/pb_kits/playbook/pb_popover/_popover.d.ts +22 -0
  153. data/app/pb_kits/playbook/pb_popover/index.d.ts +21 -0
  154. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.d.ts +17 -0
  155. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.d.ts +15 -0
  156. data/app/pb_kits/playbook/pb_progress_step/_progress_step.d.ts +19 -0
  157. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.d.ts +12 -0
  158. data/app/pb_kits/playbook/pb_radio/_radio.d.ts +355 -0
  159. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.d.ts +9 -0
  160. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorTypes.d.ts +9 -0
  161. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/MoreExtensionsDropdown.d.ts +2 -0
  162. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.d.ts +2 -0
  163. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.d.ts +2 -0
  164. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.d.ts +2 -0
  165. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.d.ts +2 -0
  166. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.d.ts +31 -0
  167. data/app/pb_kits/playbook/pb_rich_text_editor/inlineFocus.d.ts +2 -0
  168. data/app/pb_kits/playbook/pb_rich_text_editor/useFocus.d.ts +2 -0
  169. data/app/pb_kits/playbook/pb_section_separator/_section_separator.d.ts +19 -0
  170. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children_swift.md +14 -0
  171. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed_swift.md +7 -0
  172. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line_swift.md +8 -0
  173. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_props_swift.md +8 -0
  174. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text_swift.md +7 -0
  175. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical_swift.md +18 -0
  176. data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +8 -0
  177. data/app/pb_kits/playbook/pb_select/_select.d.ts +385 -0
  178. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.d.ts +30 -0
  179. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.d.ts +27 -0
  180. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.d.ts +21 -0
  181. data/app/pb_kits/playbook/pb_selectable_list/_item.d.ts +20 -0
  182. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.d.ts +17 -0
  183. data/app/pb_kits/playbook/pb_source/_source.d.ts +17 -0
  184. data/app/pb_kits/playbook/pb_star_rating/_star_rating.d.ts +14 -0
  185. data/app/pb_kits/playbook/pb_stat_change/_stat_change.d.ts +10 -0
  186. data/app/pb_kits/playbook/pb_stat_value/_stat_value.d.ts +9 -0
  187. data/app/pb_kits/playbook/pb_table/_table.d.ts +24 -0
  188. data/app/pb_kits/playbook/pb_table/_table_row.d.ts +15 -0
  189. data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +4 -4
  190. data/app/pb_kits/playbook/pb_table/index.d.ts +5 -0
  191. data/app/pb_kits/playbook/pb_table/styles/_hover.scss +26 -2
  192. data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +1 -17
  193. data/app/pb_kits/playbook/pb_table/table_header.html.erb +4 -3
  194. data/app/pb_kits/playbook/pb_table/table_header.rb +28 -5
  195. data/app/pb_kits/playbook/pb_text_input/_text_input.d.ts +383 -0
  196. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +35 -0
  197. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +29 -0
  198. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +13 -0
  199. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +24 -0
  200. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +13 -0
  201. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +7 -0
  202. data/app/pb_kits/playbook/pb_textarea/_textarea.d.ts +380 -0
  203. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md +27 -0
  204. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error_swift.md +11 -0
  205. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_props_swift.md +9 -0
  206. data/app/pb_kits/playbook/pb_textarea/docs/example.yml +5 -0
  207. data/app/pb_kits/playbook/pb_textarea/index.d.ts +10 -0
  208. data/app/pb_kits/playbook/pb_time/_time.d.ts +16 -0
  209. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.d.ts +20 -0
  210. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.d.ts +15 -0
  211. data/app/pb_kits/playbook/pb_timeline/_item.d.ts +11 -0
  212. data/app/pb_kits/playbook/pb_timeline/_timeline.d.ts +26 -0
  213. data/app/pb_kits/playbook/pb_timestamp/_timestamp.d.ts +22 -0
  214. data/app/pb_kits/playbook/pb_title/_title.d.ts +26 -0
  215. data/app/pb_kits/playbook/pb_title_count/_title_count.d.ts +18 -0
  216. data/app/pb_kits/playbook/pb_title_detail/_title_detail.d.ts +16 -0
  217. data/app/pb_kits/playbook/pb_toggle/_toggle.d.ts +21 -0
  218. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +11 -0
  219. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +10 -0
  220. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +6 -0
  221. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +4 -0
  222. data/app/pb_kits/playbook/pb_tooltip/_tooltip.d.ts +356 -0
  223. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +25 -9
  224. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +1 -1
  225. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +0 -2
  226. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +0 -1
  227. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +0 -1
  228. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +0 -1
  229. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb +1 -1
  230. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.html.erb +39 -0
  231. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md +5 -0
  232. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +45 -0
  233. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md +3 -0
  234. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +3 -0
  235. data/app/pb_kits/playbook/pb_tooltip/docs/index.js +1 -0
  236. data/app/pb_kits/playbook/pb_tooltip/index.js +6 -0
  237. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -1
  238. data/app/pb_kits/playbook/pb_tooltip/tooltip.test.jsx +34 -0
  239. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.d.ts +27 -0
  240. data/app/pb_kits/playbook/pb_typeahead/_typeahead.d.ts +35 -0
  241. data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.d.ts +2 -0
  242. data/app/pb_kits/playbook/pb_typeahead/components/Control.d.ts +5 -0
  243. data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.d.ts +2 -0
  244. data/app/pb_kits/playbook/pb_typeahead/components/MenuList.d.ts +2 -0
  245. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.d.ts +9 -0
  246. data/app/pb_kits/playbook/pb_typeahead/components/Option.d.ts +2 -0
  247. data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.d.ts +2 -0
  248. data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.d.ts +2 -0
  249. data/app/pb_kits/playbook/pb_typeahead/index.d.ts +39 -0
  250. data/app/pb_kits/playbook/pb_user/_user.d.ts +23 -0
  251. data/app/pb_kits/playbook/pb_user_badge/_user_badge.d.ts +14 -0
  252. data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.d.ts +2 -0
  253. data/app/pb_kits/playbook/pb_user_badge/badges/veteran.d.ts +2 -0
  254. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.d.ts +41 -0
  255. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.d.ts +15 -0
  256. data/app/pb_kits/playbook/playbook-doc.js +1 -1
  257. data/app/pb_kits/playbook/utilities/globalProps.d.ts +113 -0
  258. data/app/pb_kits/playbook/utilities/object.d.ts +1 -0
  259. data/app/pb_kits/playbook/utilities/props.d.ts +38 -0
  260. data/app/pb_kits/playbook/utilities/text.d.ts +3 -0
  261. data/app/pb_kits/playbook/utilities/validEmojiChecker.d.ts +1 -0
  262. data/dist/playbook-rails.js +3 -3
  263. data/lib/playbook/version.rb +2 -2
  264. metadata +236 -7
@@ -0,0 +1,355 @@
1
+ import React from 'react';
2
+ declare const _default: React.ForwardRefExoticComponent<(Pick<{
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ alignment?: string;
7
+ checked?: boolean;
8
+ children?: React.ReactChild | React.ReactChild[];
9
+ className?: string;
10
+ dark?: boolean;
11
+ data?: {
12
+ [key: string]: string;
13
+ };
14
+ error?: boolean;
15
+ id?: string;
16
+ label: string;
17
+ name?: string;
18
+ value?: string;
19
+ text?: string;
20
+ onChange: (event: React.FormEvent<HTMLInputElement>) => void;
21
+ } & {
22
+ alignContent?: never;
23
+ } & {
24
+ alignItems?: never;
25
+ } & {
26
+ alignSelf?: never;
27
+ } & {
28
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
29
+ } & {
30
+ cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
31
+ } & {
32
+ dark?: boolean;
33
+ } & {
34
+ display?: import("../types").DisplayType;
35
+ } & import("../types").DisplaySizes & {
36
+ flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
37
+ } & {
38
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
39
+ } & {
40
+ flexGrow?: 0 | 1;
41
+ } & {
42
+ flexShrink?: 0 | 1;
43
+ } & {
44
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
45
+ } & {
46
+ justifyContent?: never;
47
+ } & {
48
+ justifySelf?: never;
49
+ } & {
50
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
51
+ } & {
52
+ marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
53
+ marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
54
+ marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
55
+ marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
56
+ marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
57
+ marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
58
+ margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
59
+ break?: string;
60
+ default?: string;
61
+ } & {
62
+ maxWidth?: import("../types").Sizes;
63
+ } & {
64
+ numberSpacing?: "tabular";
65
+ } & {
66
+ order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
67
+ } & {
68
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
69
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
70
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
71
+ } & {
72
+ paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
73
+ paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
74
+ paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
75
+ paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
76
+ paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
77
+ paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
78
+ padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
79
+ break?: string;
80
+ default?: string;
81
+ } & {
82
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
83
+ } & {
84
+ shadow?: "none" | "deep" | "deeper" | "deepest";
85
+ } & {
86
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
87
+ } & {
88
+ zIndex?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
89
+ } & {
90
+ hover?: string;
91
+ }, string | number> | Pick<{
92
+ aria?: {
93
+ [key: string]: string;
94
+ };
95
+ alignment?: string;
96
+ checked?: boolean;
97
+ children?: React.ReactChild | React.ReactChild[];
98
+ className?: string;
99
+ dark?: boolean;
100
+ data?: {
101
+ [key: string]: string;
102
+ };
103
+ error?: boolean;
104
+ id?: string;
105
+ label: string;
106
+ name?: string;
107
+ value?: string;
108
+ text?: string;
109
+ onChange: (event: React.FormEvent<HTMLInputElement>) => void;
110
+ } & {
111
+ alignContent?: never;
112
+ } & {
113
+ alignItems?: never;
114
+ } & {
115
+ alignSelf?: never;
116
+ } & {
117
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
118
+ } & {
119
+ cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
120
+ } & {
121
+ dark?: boolean;
122
+ } & {
123
+ display?: import("../types").DisplayType;
124
+ } & import("../types").DisplaySizes & {
125
+ flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
126
+ } & {
127
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
128
+ } & {
129
+ flexGrow?: 0 | 1;
130
+ } & {
131
+ flexShrink?: 0 | 1;
132
+ } & {
133
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
134
+ } & {
135
+ justifyContent?: never;
136
+ } & {
137
+ justifySelf?: never;
138
+ } & {
139
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
140
+ } & {
141
+ marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
142
+ marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
143
+ marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
144
+ marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
145
+ marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
146
+ marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
147
+ margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
148
+ break?: string;
149
+ default?: string;
150
+ } & {
151
+ maxWidth?: import("../types").Sizes;
152
+ } & {
153
+ numberSpacing?: "tabular";
154
+ } & {
155
+ order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
156
+ } & {
157
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
158
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
159
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
160
+ } & {
161
+ paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
162
+ paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
163
+ paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
164
+ paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
165
+ paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
166
+ paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
167
+ padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
168
+ break?: string;
169
+ default?: string;
170
+ } & {
171
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
172
+ } & {
173
+ shadow?: "none" | "deep" | "deeper" | "deepest";
174
+ } & {
175
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
176
+ } & {
177
+ [key: string]: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
178
+ } & {
179
+ hover?: string;
180
+ }, string | number> | Pick<{
181
+ aria?: {
182
+ [key: string]: string;
183
+ };
184
+ alignment?: string;
185
+ checked?: boolean;
186
+ children?: React.ReactChild | React.ReactChild[];
187
+ className?: string;
188
+ dark?: boolean;
189
+ data?: {
190
+ [key: string]: string;
191
+ };
192
+ error?: boolean;
193
+ id?: string;
194
+ label: string;
195
+ name?: string;
196
+ value?: string;
197
+ text?: string;
198
+ onChange: (event: React.FormEvent<HTMLInputElement>) => void;
199
+ } & {
200
+ alignContent?: never;
201
+ } & {
202
+ alignItems?: never;
203
+ } & {
204
+ alignSelf?: never;
205
+ } & {
206
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
207
+ } & {
208
+ cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
209
+ } & {
210
+ dark?: boolean;
211
+ } & import("../types").DisplaySizes & {
212
+ flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
213
+ } & {
214
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
215
+ } & {
216
+ flexGrow?: 0 | 1;
217
+ } & {
218
+ flexShrink?: 0 | 1;
219
+ } & {
220
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
221
+ } & {
222
+ justifyContent?: never;
223
+ } & {
224
+ justifySelf?: never;
225
+ } & {
226
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
227
+ } & {
228
+ marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
229
+ marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
230
+ marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
231
+ marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
232
+ marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
233
+ marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
234
+ margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
235
+ break?: string;
236
+ default?: string;
237
+ } & {
238
+ maxWidth?: import("../types").Sizes;
239
+ } & {
240
+ numberSpacing?: "tabular";
241
+ } & {
242
+ order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
243
+ } & {
244
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
245
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
246
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
247
+ } & {
248
+ paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
249
+ paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
250
+ paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
251
+ paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
252
+ paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
253
+ paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
254
+ padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
255
+ break?: string;
256
+ default?: string;
257
+ } & {
258
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
259
+ } & {
260
+ shadow?: "none" | "deep" | "deeper" | "deepest";
261
+ } & {
262
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
263
+ } & {
264
+ zIndex?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
265
+ } & {
266
+ hover?: string;
267
+ }, string | number> | Pick<{
268
+ aria?: {
269
+ [key: string]: string;
270
+ };
271
+ alignment?: string;
272
+ checked?: boolean;
273
+ children?: React.ReactChild | React.ReactChild[];
274
+ className?: string;
275
+ dark?: boolean;
276
+ data?: {
277
+ [key: string]: string;
278
+ };
279
+ error?: boolean;
280
+ id?: string;
281
+ label: string;
282
+ name?: string;
283
+ value?: string;
284
+ text?: string;
285
+ onChange: (event: React.FormEvent<HTMLInputElement>) => void;
286
+ } & {
287
+ alignContent?: never;
288
+ } & {
289
+ alignItems?: never;
290
+ } & {
291
+ alignSelf?: never;
292
+ } & {
293
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
294
+ } & {
295
+ cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
296
+ } & {
297
+ dark?: boolean;
298
+ } & import("../types").DisplaySizes & {
299
+ flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
300
+ } & {
301
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
302
+ } & {
303
+ flexGrow?: 0 | 1;
304
+ } & {
305
+ flexShrink?: 0 | 1;
306
+ } & {
307
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
308
+ } & {
309
+ justifyContent?: never;
310
+ } & {
311
+ justifySelf?: never;
312
+ } & {
313
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
314
+ } & {
315
+ marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
316
+ marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
317
+ marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
318
+ marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
319
+ marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
320
+ marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
321
+ margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
322
+ break?: string;
323
+ default?: string;
324
+ } & {
325
+ maxWidth?: import("../types").Sizes;
326
+ } & {
327
+ numberSpacing?: "tabular";
328
+ } & {
329
+ order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
330
+ } & {
331
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
332
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
333
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
334
+ } & {
335
+ paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
336
+ paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
337
+ paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
338
+ paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
339
+ paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
340
+ paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
341
+ padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
342
+ break?: string;
343
+ default?: string;
344
+ } & {
345
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
346
+ } & {
347
+ shadow?: "none" | "deep" | "deeper" | "deepest";
348
+ } & {
349
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
350
+ } & {
351
+ [key: string]: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
352
+ } & {
353
+ hover?: string;
354
+ }, string | number>) & React.RefAttributes<unknown>>;
355
+ export default _default;
@@ -0,0 +1,9 @@
1
+ declare type EditorButtonProps = {
2
+ classname?: string;
3
+ onclick?: () => {} | void;
4
+ icon?: string;
5
+ text?: string;
6
+ disable?: boolean;
7
+ };
8
+ declare const EditorButton: ({ classname, disable, onclick, icon, text, }: EditorButtonProps) => JSX.Element;
9
+ export default EditorButton;
@@ -0,0 +1,9 @@
1
+ export declare type ToolbarTypes = {
2
+ node?: string;
3
+ icon?: string;
4
+ isActive?: string | null;
5
+ text?: string;
6
+ onclick?: () => {};
7
+ classname?: string;
8
+ disable?: boolean;
9
+ };
@@ -0,0 +1,2 @@
1
+ declare const MoreExtensionsDropdown: ({ extensions }: any) => JSX.Element;
2
+ export default MoreExtensionsDropdown;
@@ -0,0 +1,2 @@
1
+ declare const EditorToolbar: ({ editor, extensions }: any) => JSX.Element;
2
+ export default EditorToolbar;
@@ -0,0 +1,2 @@
1
+ declare const ToolbarDropdown: ({ editor }: any) => JSX.Element;
2
+ export default ToolbarDropdown;
@@ -0,0 +1,2 @@
1
+ declare const ToolbarHistoryItems: ({ editor }: any) => JSX.Element;
2
+ export default ToolbarHistoryItems;
@@ -0,0 +1,2 @@
1
+ declare const ToolbarNodes: ({ editor }: any) => JSX.Element;
2
+ export default ToolbarNodes;
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type RichTextEditorProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ advancedEditor?: any;
8
+ advancedEditorToolbar?: boolean;
9
+ toolbarBottom?: Boolean;
10
+ children?: React.ReactNode | React.ReactNode[];
11
+ className?: string;
12
+ data?: {
13
+ [key: string]: string;
14
+ };
15
+ focus?: boolean;
16
+ id?: string;
17
+ inline?: boolean;
18
+ extensions?: {
19
+ [key: string]: string;
20
+ }[];
21
+ name?: string;
22
+ onChange: (html: string, text: string) => void;
23
+ placeholder?: string;
24
+ simple?: boolean;
25
+ sticky?: boolean;
26
+ template: string;
27
+ value?: string;
28
+ maxWidth?: string;
29
+ } & GlobalProps;
30
+ declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
31
+ export default RichTextEditor;
@@ -0,0 +1,2 @@
1
+ declare const inlineFocus: () => void;
2
+ export default inlineFocus;
@@ -0,0 +1,2 @@
1
+ declare const useFocus: () => void;
2
+ export default useFocus;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ declare type SectionSeparatorProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ className?: string;
8
+ dark?: boolean;
9
+ data?: {
10
+ [key: string]: string;
11
+ };
12
+ id?: string;
13
+ lineStyle?: "solid" | "dashed";
14
+ orientation?: "horizontal" | "vertical";
15
+ text?: string;
16
+ variant?: "card" | "background";
17
+ };
18
+ declare const SectionSeparator: (props: SectionSeparatorProps) => JSX.Element;
19
+ export default SectionSeparator;
@@ -0,0 +1,14 @@
1
+
2
+ ![section-separator-children](https://github.com/powerhome/playbook/assets/92755007/acd6a8eb-d034-4efd-b2e6-afabe739e678)
3
+
4
+ ```swift
5
+
6
+ PBSectionSeparator(variant: .dashed) {
7
+ PBCard(alignment: .center, borderRadius: BorderRadius.rounded, padding: Spacing.xxSmall, width: 70) {
8
+ Text("Today")
9
+ .pbFont(.caption)
10
+ .frame(maxWidth: .infinity, alignment: .center)
11
+ }
12
+ }
13
+
14
+ ```
@@ -0,0 +1,7 @@
1
+ ![section-separator-dashed](https://github.com/powerhome/playbook/assets/92755007/e4f01870-3d90-4655-9136-5c7565711e1f)
2
+
3
+ ```swift
4
+
5
+ PBSectionSeparator(variant: .dashed)
6
+
7
+ ```
@@ -0,0 +1,8 @@
1
+
2
+ ![section-separator-default](https://github.com/powerhome/playbook/assets/92755007/2560d5e2-f345-42d2-bad9-2a2e031b3e08)
3
+
4
+ ```swift
5
+
6
+ PBSectionSeparator()
7
+
8
+ ```
@@ -0,0 +1,8 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **text** | `String` | Adds text to the Section Separator | `nil` | |
5
+ | **orientation** | `Orientation` | Changes the orientation | `.horizontal` | `.horizontal` `.vertical` |
6
+ | **variant** | `Variant` | Changes the style of the Section Separator | `.card` | `.dashed` `.card` |
7
+ | **dividerOpacity** | `CGFloat` | Adjusts the opacity of the divider | `1` | |
8
+ | **margin** | `CGFloat` | Adds margin between text and the divider | `Spacing.xSmall` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
@@ -0,0 +1,7 @@
1
+ ![section-separator-text](https://github.com/powerhome/playbook/assets/92755007/4b481a7d-d001-43b6-b779-cfdc6fffc15f)
2
+
3
+ ```swift
4
+
5
+ PBSectionSeparator("Text separator")
6
+
7
+ ```
@@ -0,0 +1,18 @@
1
+ ![section-separator-verticle](https://github.com/powerhome/playbook/assets/92755007/21ca54a5-6b8a-459f-91ad-4e9b68258f68)
2
+
3
+ ```swift
4
+
5
+ let loremIpsum: some View = Text(
6
+ "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
7
+ )
8
+
9
+ HStack(spacing: Spacing.none) {
10
+ "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
11
+ PBSectionSeparator(orientation: .vertical)
12
+ "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
13
+ }
14
+ .frame(maxWidth: .infinity)
15
+ .frame(height: 120, alignment: .center)
16
+ .listRowSeparator(.hidden)
17
+
18
+ ```
@@ -13,3 +13,11 @@ examples:
13
13
  - section_separator_text: Text Separator
14
14
  - section_separator_vertical: Vertical
15
15
  - section_separator_children: Children
16
+
17
+ swift:
18
+ - section_separator_line_swift: Line Separator
19
+ - section_separator_dashed_swift: Dashed Separator
20
+ - section_separator_text_swift: Text Separator
21
+ - section_separator_vertical_swift: Vertical
22
+ - section_separator_children_swift: Children
23
+ - section_separator_props_swift: ""