playbook_ui 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551 → 13.12.0.pre.alpha.PLAY1081exporttypes1609

Sign up to get free protection for your applications and to get access to all the features.
Files changed (209) 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_bar_graph/_bar_graph.tsx +32 -36
  8. data/app/pb_kits/playbook/pb_body/_body.d.ts +24 -0
  9. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.d.ts +12 -0
  10. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.d.ts +13 -0
  11. data/app/pb_kits/playbook/pb_button/_button.d.ts +37 -0
  12. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.d.ts +17 -0
  13. data/app/pb_kits/playbook/pb_caption/_caption.d.ts +20 -0
  14. data/app/pb_kits/playbook/pb_card/_card.d.ts +42 -0
  15. data/app/pb_kits/playbook/pb_checkbox/_checkbox.d.ts +24 -0
  16. data/app/pb_kits/playbook/pb_circle_chart/ChartsTypes.d.ts +2 -0
  17. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.d.ts +35 -0
  18. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +63 -67
  19. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.d.ts +21 -0
  20. data/app/pb_kits/playbook/pb_collapsible/_collapsible.d.ts +29 -0
  21. data/app/pb_kits/playbook/pb_collapsible/_helper_functions.d.ts +2 -0
  22. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.d.ts +7 -0
  23. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.d.ts +10 -0
  24. data/app/pb_kits/playbook/pb_collapsible/context.d.ts +3 -0
  25. data/app/pb_kits/playbook/pb_collapsible/useCollapsible.d.ts +2 -0
  26. data/app/pb_kits/playbook/pb_contact/_contact.d.ts +13 -0
  27. data/app/pb_kits/playbook/pb_currency/_currency.d.ts +24 -0
  28. data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.d.ts +2 -0
  29. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.d.ts +3 -0
  30. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.d.ts +3 -0
  31. data/app/pb_kits/playbook/pb_dashboard/themeTypes.d.ts +40 -0
  32. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.d.ts +23 -0
  33. data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.d.ts +43 -0
  34. data/app/pb_kits/playbook/pb_date/_date.d.ts +18 -0
  35. data/app/pb_kits/playbook/pb_date_picker/_date_picker.d.ts +50 -0
  36. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.d.ts +23 -0
  37. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.d.ts +18 -0
  38. data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.d.ts +44 -0
  39. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.d.ts +13 -0
  40. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.d.ts +10 -0
  41. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.d.ts +13 -0
  42. data/app/pb_kits/playbook/pb_date_time/_date_time.d.ts +18 -0
  43. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.d.ts +10 -0
  44. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.d.ts +10 -0
  45. data/app/pb_kits/playbook/pb_detail/_detail.d.ts +20 -0
  46. data/app/pb_kits/playbook/pb_dialog/_close_icon.d.ts +5 -0
  47. data/app/pb_kits/playbook/pb_dialog/_dialog.d.ts +68 -0
  48. data/app/pb_kits/playbook/pb_dialog/_dialog_context.d.ts +2 -0
  49. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.d.ts +8 -0
  50. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.d.ts +20 -0
  51. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.d.ts +19 -0
  52. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.d.ts +10 -0
  53. data/app/pb_kits/playbook/pb_enhanced_element/element_observer.d.ts +17 -0
  54. data/app/pb_kits/playbook/pb_enhanced_element/index.d.ts +17 -0
  55. data/app/pb_kits/playbook/pb_file_upload/_file_upload.d.ts +16 -0
  56. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.d.ts +10 -0
  57. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.d.ts +10 -0
  58. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.d.ts +14 -0
  59. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.d.ts +14 -0
  60. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.d.ts +11 -0
  61. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.d.ts +8 -0
  62. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.d.ts +18 -0
  63. data/app/pb_kits/playbook/pb_filter/Filter/index.d.ts +8 -0
  64. data/app/pb_kits/playbook/pb_filter/_filter.d.ts +1 -0
  65. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.d.ts +18 -0
  66. data/app/pb_kits/playbook/pb_flex/_flex.d.ts +24 -0
  67. data/app/pb_kits/playbook/pb_flex/_flex_item.d.ts +14 -0
  68. data/app/pb_kits/playbook/pb_form_group/_form_group.d.ts +12 -0
  69. data/app/pb_kits/playbook/pb_form_pill/_form_pill.d.ts +20 -0
  70. data/app/pb_kits/playbook/pb_gauge/_gauge.d.ts +31 -0
  71. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +46 -57
  72. data/app/pb_kits/playbook/pb_hashtag/_hashtag.d.ts +17 -0
  73. data/app/pb_kits/playbook/pb_highlight/_highlight.d.ts +14 -0
  74. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.d.ts +23 -0
  75. data/app/pb_kits/playbook/pb_icon/_icon.d.ts +29 -0
  76. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.d.ts +16 -0
  77. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.d.ts +18 -0
  78. data/app/pb_kits/playbook/pb_icon_value/_icon_value.d.ts +14 -0
  79. data/app/pb_kits/playbook/pb_image/_image.d.ts +20 -0
  80. data/app/pb_kits/playbook/pb_kit/dateTime.d.ts +67 -0
  81. data/app/pb_kits/playbook/pb_label_pill/_label_pill.d.ts +15 -0
  82. data/app/pb_kits/playbook/pb_label_value/_label_value.d.ts +19 -0
  83. data/app/pb_kits/playbook/pb_layout/_layout.d.ts +48 -0
  84. data/app/pb_kits/playbook/pb_legend/_legend.d.ts +14 -0
  85. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.d.ts +12 -0
  86. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.d.ts +10 -0
  87. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnail.d.ts +11 -0
  88. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.d.ts +9 -0
  89. data/app/pb_kits/playbook/pb_lightbox/Carousel/index.d.ts +16 -0
  90. data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.d.ts +22 -0
  91. data/app/pb_kits/playbook/pb_lightbox/_lightbox.d.ts +45 -0
  92. data/app/pb_kits/playbook/pb_lightbox/_lightbox_context.d.ts +2 -0
  93. data/app/pb_kits/playbook/pb_lightbox/hooks/useKbdControls.d.ts +3 -0
  94. data/app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.d.ts +6 -0
  95. data/app/pb_kits/playbook/pb_line_graph/_line_graph.d.ts +35 -0
  96. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +34 -39
  97. data/app/pb_kits/playbook/pb_list/_list.d.ts +22 -0
  98. data/app/pb_kits/playbook/pb_list/_list_item.d.ts +13 -0
  99. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.d.ts +13 -0
  100. data/app/pb_kits/playbook/pb_map/_map.d.ts +30 -0
  101. data/app/pb_kits/playbook/pb_map/_map_controls.d.ts +11 -0
  102. data/app/pb_kits/playbook/pb_map/_map_custom_button.d.ts +6 -0
  103. data/app/pb_kits/playbook/pb_map/pbMapTheme.d.ts +20 -0
  104. data/app/pb_kits/playbook/pb_message/_message.d.ts +33 -0
  105. data/app/pb_kits/playbook/pb_message/_message_mention.d.ts +13 -0
  106. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.d.ts +33 -0
  107. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.d.ts +25 -0
  108. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.d.ts +20 -0
  109. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +11 -0
  110. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +7 -0
  111. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +13 -0
  112. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +11 -0
  113. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +6 -0
  114. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.d.ts +16 -0
  115. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +15 -0
  116. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +5 -0
  117. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +15 -0
  118. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +15 -0
  119. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +6 -0
  120. data/app/pb_kits/playbook/pb_nav/_item.d.ts +40 -0
  121. data/app/pb_kits/playbook/pb_nav/_nav.d.ts +23 -0
  122. data/app/pb_kits/playbook/pb_nav/navTypes.d.ts +22 -0
  123. data/app/pb_kits/playbook/pb_online_status/_online_status.d.ts +14 -0
  124. data/app/pb_kits/playbook/pb_passphrase/_passphrase.d.ts +19 -0
  125. data/app/pb_kits/playbook/pb_person/_person.d.ts +15 -0
  126. data/app/pb_kits/playbook/pb_person_contact/_person_contact.d.ts +18 -0
  127. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.d.ts +34 -0
  128. data/app/pb_kits/playbook/pb_pill/_pill.d.ts +16 -0
  129. data/app/pb_kits/playbook/pb_popover/_popover.d.ts +22 -0
  130. data/app/pb_kits/playbook/pb_popover/index.d.ts +21 -0
  131. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.d.ts +17 -0
  132. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.d.ts +15 -0
  133. data/app/pb_kits/playbook/pb_progress_step/_progress_step.d.ts +19 -0
  134. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.d.ts +12 -0
  135. data/app/pb_kits/playbook/pb_radio/_radio.d.ts +355 -0
  136. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.d.ts +9 -0
  137. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorTypes.d.ts +9 -0
  138. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/MoreExtensionsDropdown.d.ts +2 -0
  139. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.d.ts +2 -0
  140. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.d.ts +2 -0
  141. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.d.ts +2 -0
  142. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.d.ts +2 -0
  143. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.d.ts +31 -0
  144. data/app/pb_kits/playbook/pb_rich_text_editor/inlineFocus.d.ts +2 -0
  145. data/app/pb_kits/playbook/pb_rich_text_editor/useFocus.d.ts +2 -0
  146. data/app/pb_kits/playbook/pb_section_separator/_section_separator.d.ts +19 -0
  147. data/app/pb_kits/playbook/pb_select/_select.d.ts +385 -0
  148. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.d.ts +30 -0
  149. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.d.ts +27 -0
  150. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.d.ts +21 -0
  151. data/app/pb_kits/playbook/pb_selectable_list/_item.d.ts +20 -0
  152. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.d.ts +17 -0
  153. data/app/pb_kits/playbook/pb_source/_source.d.ts +17 -0
  154. data/app/pb_kits/playbook/pb_star_rating/_star_rating.d.ts +14 -0
  155. data/app/pb_kits/playbook/pb_stat_change/_stat_change.d.ts +10 -0
  156. data/app/pb_kits/playbook/pb_stat_value/_stat_value.d.ts +9 -0
  157. data/app/pb_kits/playbook/pb_table/_table.d.ts +24 -0
  158. data/app/pb_kits/playbook/pb_table/_table_row.d.ts +15 -0
  159. data/app/pb_kits/playbook/pb_table/index.d.ts +5 -0
  160. data/app/pb_kits/playbook/pb_text_input/_text_input.d.ts +383 -0
  161. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +35 -0
  162. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +29 -0
  163. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +13 -0
  164. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +24 -0
  165. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +13 -0
  166. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +7 -0
  167. data/app/pb_kits/playbook/pb_textarea/_textarea.d.ts +380 -0
  168. data/app/pb_kits/playbook/pb_textarea/index.d.ts +10 -0
  169. data/app/pb_kits/playbook/pb_time/_time.d.ts +16 -0
  170. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.d.ts +20 -0
  171. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.d.ts +15 -0
  172. data/app/pb_kits/playbook/pb_timeline/_item.d.ts +11 -0
  173. data/app/pb_kits/playbook/pb_timeline/_timeline.d.ts +26 -0
  174. data/app/pb_kits/playbook/pb_timestamp/_timestamp.d.ts +22 -0
  175. data/app/pb_kits/playbook/pb_title/_title.d.ts +26 -0
  176. data/app/pb_kits/playbook/pb_title_count/_title_count.d.ts +18 -0
  177. data/app/pb_kits/playbook/pb_title_detail/_title_detail.d.ts +16 -0
  178. data/app/pb_kits/playbook/pb_toggle/_toggle.d.ts +21 -0
  179. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +11 -0
  180. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +10 -0
  181. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +6 -0
  182. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +4 -0
  183. data/app/pb_kits/playbook/pb_tooltip/_tooltip.d.ts +356 -0
  184. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.d.ts +27 -0
  185. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +28 -33
  186. data/app/pb_kits/playbook/pb_typeahead/_typeahead.d.ts +35 -0
  187. data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.d.ts +2 -0
  188. data/app/pb_kits/playbook/pb_typeahead/components/Control.d.ts +5 -0
  189. data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.d.ts +2 -0
  190. data/app/pb_kits/playbook/pb_typeahead/components/MenuList.d.ts +2 -0
  191. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.d.ts +9 -0
  192. data/app/pb_kits/playbook/pb_typeahead/components/Option.d.ts +2 -0
  193. data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.d.ts +2 -0
  194. data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.d.ts +2 -0
  195. data/app/pb_kits/playbook/pb_typeahead/index.d.ts +39 -0
  196. data/app/pb_kits/playbook/pb_user/_user.d.ts +23 -0
  197. data/app/pb_kits/playbook/pb_user_badge/_user_badge.d.ts +14 -0
  198. data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.d.ts +2 -0
  199. data/app/pb_kits/playbook/pb_user_badge/badges/veteran.d.ts +2 -0
  200. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.d.ts +41 -0
  201. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.d.ts +15 -0
  202. data/app/pb_kits/playbook/utilities/globalProps.d.ts +113 -0
  203. data/app/pb_kits/playbook/utilities/object.d.ts +1 -0
  204. data/app/pb_kits/playbook/utilities/props.d.ts +38 -0
  205. data/app/pb_kits/playbook/utilities/text.d.ts +3 -0
  206. data/app/pb_kits/playbook/utilities/validEmojiChecker.d.ts +1 -0
  207. data/dist/playbook-rails.js +7 -7
  208. data/lib/playbook/version.rb +1 -1
  209. metadata +198 -2
@@ -0,0 +1,380 @@
1
+ import React from 'react';
2
+ import type { InputCallback } from '../types';
3
+ declare const _default: React.ForwardRefExoticComponent<(Pick<{
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ characterCount?: string;
8
+ className?: string;
9
+ children?: React.ReactChild[];
10
+ data?: {
11
+ [key: string]: string;
12
+ };
13
+ disabled?: boolean;
14
+ error?: string;
15
+ id?: string;
16
+ inline?: boolean;
17
+ object?: string;
18
+ method?: string;
19
+ label?: string;
20
+ maxCharacters?: string;
21
+ placeholder?: string;
22
+ value?: string;
23
+ name?: string;
24
+ required?: boolean;
25
+ rows?: number;
26
+ resize: "none" | "auto" | "horizontal" | "vertical" | "both";
27
+ onChange?: InputCallback<HTMLTextAreaElement>;
28
+ } & {
29
+ alignContent?: never;
30
+ } & {
31
+ alignItems?: never;
32
+ } & {
33
+ alignSelf?: never;
34
+ } & {
35
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
36
+ } & {
37
+ cursor?: "none" | "progress" | "text" | "pointer" | "alias" | "auto" | "cell" | "copy" | "crosshair" | "default" | "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";
38
+ } & {
39
+ dark?: boolean;
40
+ } & {
41
+ display?: import("../types").DisplayType;
42
+ } & import("../types").DisplaySizes & {
43
+ flex?: "none" | "initial" | "auto" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
44
+ } & {
45
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
46
+ } & {
47
+ flexGrow?: 0 | 1;
48
+ } & {
49
+ flexShrink?: 0 | 1;
50
+ } & {
51
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
52
+ } & {
53
+ justifyContent?: never;
54
+ } & {
55
+ justifySelf?: never;
56
+ } & {
57
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
58
+ } & {
59
+ marginRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
60
+ marginLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
61
+ marginTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
62
+ marginBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
63
+ marginX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
64
+ marginY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
65
+ margin?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
66
+ break?: string;
67
+ default?: string;
68
+ } & {
69
+ maxWidth?: import("../types").Sizes;
70
+ } & {
71
+ numberSpacing?: "tabular";
72
+ } & {
73
+ order?: 1 | 2 | 3 | "none" | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
74
+ } & {
75
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
76
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
77
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
78
+ } & {
79
+ paddingRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
80
+ paddingLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
81
+ paddingTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
82
+ paddingBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
83
+ paddingX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
84
+ paddingY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
85
+ padding?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
86
+ break?: string;
87
+ default?: string;
88
+ } & {
89
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
90
+ } & {
91
+ shadow?: "none" | "deep" | "deeper" | "deepest";
92
+ } & {
93
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
94
+ } & {
95
+ zIndex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
96
+ } & {
97
+ hover?: string;
98
+ }, string | number> | Pick<{
99
+ aria?: {
100
+ [key: string]: string;
101
+ };
102
+ characterCount?: string;
103
+ className?: string;
104
+ children?: React.ReactChild[];
105
+ data?: {
106
+ [key: string]: string;
107
+ };
108
+ disabled?: boolean;
109
+ error?: string;
110
+ id?: string;
111
+ inline?: boolean;
112
+ object?: string;
113
+ method?: string;
114
+ label?: string;
115
+ maxCharacters?: string;
116
+ placeholder?: string;
117
+ value?: string;
118
+ name?: string;
119
+ required?: boolean;
120
+ rows?: number;
121
+ resize: "none" | "auto" | "horizontal" | "vertical" | "both";
122
+ onChange?: InputCallback<HTMLTextAreaElement>;
123
+ } & {
124
+ alignContent?: never;
125
+ } & {
126
+ alignItems?: never;
127
+ } & {
128
+ alignSelf?: never;
129
+ } & {
130
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
131
+ } & {
132
+ cursor?: "none" | "progress" | "text" | "pointer" | "alias" | "auto" | "cell" | "copy" | "crosshair" | "default" | "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";
133
+ } & {
134
+ dark?: boolean;
135
+ } & {
136
+ display?: import("../types").DisplayType;
137
+ } & import("../types").DisplaySizes & {
138
+ flex?: "none" | "initial" | "auto" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
139
+ } & {
140
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
141
+ } & {
142
+ flexGrow?: 0 | 1;
143
+ } & {
144
+ flexShrink?: 0 | 1;
145
+ } & {
146
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
147
+ } & {
148
+ justifyContent?: never;
149
+ } & {
150
+ justifySelf?: never;
151
+ } & {
152
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
153
+ } & {
154
+ marginRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
155
+ marginLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
156
+ marginTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
157
+ marginBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
158
+ marginX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
159
+ marginY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
160
+ margin?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
161
+ break?: string;
162
+ default?: string;
163
+ } & {
164
+ maxWidth?: import("../types").Sizes;
165
+ } & {
166
+ numberSpacing?: "tabular";
167
+ } & {
168
+ order?: 1 | 2 | 3 | "none" | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
169
+ } & {
170
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
171
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
172
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
173
+ } & {
174
+ paddingRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
175
+ paddingLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
176
+ paddingTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
177
+ paddingBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
178
+ paddingX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
179
+ paddingY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
180
+ padding?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
181
+ break?: string;
182
+ default?: string;
183
+ } & {
184
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
185
+ } & {
186
+ shadow?: "none" | "deep" | "deeper" | "deepest";
187
+ } & {
188
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
189
+ } & {
190
+ [key: string]: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
191
+ } & {
192
+ hover?: string;
193
+ }, string | number> | Pick<{
194
+ aria?: {
195
+ [key: string]: string;
196
+ };
197
+ characterCount?: string;
198
+ className?: string;
199
+ children?: React.ReactChild[];
200
+ data?: {
201
+ [key: string]: string;
202
+ };
203
+ disabled?: boolean;
204
+ error?: string;
205
+ id?: string;
206
+ inline?: boolean;
207
+ object?: string;
208
+ method?: string;
209
+ label?: string;
210
+ maxCharacters?: string;
211
+ placeholder?: string;
212
+ value?: string;
213
+ name?: string;
214
+ required?: boolean;
215
+ rows?: number;
216
+ resize: "none" | "auto" | "horizontal" | "vertical" | "both";
217
+ onChange?: InputCallback<HTMLTextAreaElement>;
218
+ } & {
219
+ alignContent?: never;
220
+ } & {
221
+ alignItems?: never;
222
+ } & {
223
+ alignSelf?: never;
224
+ } & {
225
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
226
+ } & {
227
+ cursor?: "none" | "progress" | "text" | "pointer" | "alias" | "auto" | "cell" | "copy" | "crosshair" | "default" | "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";
228
+ } & {
229
+ dark?: boolean;
230
+ } & import("../types").DisplaySizes & {
231
+ flex?: "none" | "initial" | "auto" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
232
+ } & {
233
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
234
+ } & {
235
+ flexGrow?: 0 | 1;
236
+ } & {
237
+ flexShrink?: 0 | 1;
238
+ } & {
239
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
240
+ } & {
241
+ justifyContent?: never;
242
+ } & {
243
+ justifySelf?: never;
244
+ } & {
245
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
246
+ } & {
247
+ marginRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
248
+ marginLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
249
+ marginTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
250
+ marginBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
251
+ marginX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
252
+ marginY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
253
+ margin?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
254
+ break?: string;
255
+ default?: string;
256
+ } & {
257
+ maxWidth?: import("../types").Sizes;
258
+ } & {
259
+ numberSpacing?: "tabular";
260
+ } & {
261
+ order?: 1 | 2 | 3 | "none" | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
262
+ } & {
263
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
264
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
265
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
266
+ } & {
267
+ paddingRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
268
+ paddingLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
269
+ paddingTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
270
+ paddingBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
271
+ paddingX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
272
+ paddingY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
273
+ padding?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
274
+ break?: string;
275
+ default?: string;
276
+ } & {
277
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
278
+ } & {
279
+ shadow?: "none" | "deep" | "deeper" | "deepest";
280
+ } & {
281
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
282
+ } & {
283
+ zIndex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
284
+ } & {
285
+ hover?: string;
286
+ }, string | number> | Pick<{
287
+ aria?: {
288
+ [key: string]: string;
289
+ };
290
+ characterCount?: string;
291
+ className?: string;
292
+ children?: React.ReactChild[];
293
+ data?: {
294
+ [key: string]: string;
295
+ };
296
+ disabled?: boolean;
297
+ error?: string;
298
+ id?: string;
299
+ inline?: boolean;
300
+ object?: string;
301
+ method?: string;
302
+ label?: string;
303
+ maxCharacters?: string;
304
+ placeholder?: string;
305
+ value?: string;
306
+ name?: string;
307
+ required?: boolean;
308
+ rows?: number;
309
+ resize: "none" | "auto" | "horizontal" | "vertical" | "both";
310
+ onChange?: InputCallback<HTMLTextAreaElement>;
311
+ } & {
312
+ alignContent?: never;
313
+ } & {
314
+ alignItems?: never;
315
+ } & {
316
+ alignSelf?: never;
317
+ } & {
318
+ borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
319
+ } & {
320
+ cursor?: "none" | "progress" | "text" | "pointer" | "alias" | "auto" | "cell" | "copy" | "crosshair" | "default" | "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";
321
+ } & {
322
+ dark?: boolean;
323
+ } & import("../types").DisplaySizes & {
324
+ flex?: "none" | "initial" | "auto" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
325
+ } & {
326
+ flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
327
+ } & {
328
+ flexGrow?: 0 | 1;
329
+ } & {
330
+ flexShrink?: 0 | 1;
331
+ } & {
332
+ flexWrap?: "wrap" | "nowrap" | "wrapReverse";
333
+ } & {
334
+ justifyContent?: never;
335
+ } & {
336
+ justifySelf?: never;
337
+ } & {
338
+ lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
339
+ } & {
340
+ marginRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
341
+ marginLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
342
+ marginTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
343
+ marginBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
344
+ marginX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
345
+ marginY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
346
+ margin?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
347
+ break?: string;
348
+ default?: string;
349
+ } & {
350
+ maxWidth?: import("../types").Sizes;
351
+ } & {
352
+ numberSpacing?: "tabular";
353
+ } & {
354
+ order?: 1 | 2 | 3 | "none" | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
355
+ } & {
356
+ overflowX?: "auto" | "scroll" | "hidden" | "visible";
357
+ overflowY?: "auto" | "scroll" | "hidden" | "visible";
358
+ overflow?: "auto" | "scroll" | "hidden" | "visible";
359
+ } & {
360
+ paddingRight?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
361
+ paddingLeft?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
362
+ paddingTop?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
363
+ paddingBottom?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
364
+ paddingX?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
365
+ paddingY?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
366
+ padding?: "none" | "inherit" | "initial" | "auto" | import("../types").Sizes;
367
+ break?: string;
368
+ default?: string;
369
+ } & {
370
+ position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
371
+ } & {
372
+ shadow?: "none" | "deep" | "deeper" | "deepest";
373
+ } & {
374
+ textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
375
+ } & {
376
+ [key: string]: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
377
+ } & {
378
+ hover?: string;
379
+ }, string | number>) & React.RefAttributes<unknown>>;
380
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import PbEnhancedElement from '../pb_enhanced_element';
2
+ export default class PbTextarea extends PbEnhancedElement {
3
+ style: {
4
+ [key: string]: string;
5
+ };
6
+ scrollHeight: string;
7
+ static get selector(): string;
8
+ onInput(): void;
9
+ connect(): void;
10
+ }
@@ -0,0 +1,16 @@
1
+ import { GlobalProps } from "../utilities/globalProps";
2
+ declare type TimeProps = {
3
+ align?: "left" | "center" | "right";
4
+ className?: string | string[];
5
+ data?: string;
6
+ date: Date;
7
+ dark?: boolean;
8
+ id?: string;
9
+ showIcon?: boolean;
10
+ size?: "md" | "sm";
11
+ showTimezone?: boolean;
12
+ timeZone?: string;
13
+ unstyled?: boolean;
14
+ } & GlobalProps;
15
+ declare const Time: (props: TimeProps) => JSX.Element;
16
+ export default Time;
@@ -0,0 +1,20 @@
1
+ import { GlobalProps } from '../utilities/globalProps';
2
+ declare type TimeRangeInlineProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ id?: string;
8
+ data?: {
9
+ [key: string]: string;
10
+ };
11
+ alignment?: "left" | "center" | "vertical";
12
+ size?: "sm" | "xs";
13
+ dark?: boolean;
14
+ icon?: boolean;
15
+ timezone?: boolean;
16
+ startTime: Date;
17
+ endTime: Date;
18
+ } & GlobalProps;
19
+ declare const TimeRangeInline: (props: TimeRangeInlineProps) => JSX.Element;
20
+ export default TimeRangeInline;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ declare type TimeStackedProps = {
3
+ align?: 'left' | 'center' | 'right';
4
+ className?: string | string[];
5
+ dark?: boolean;
6
+ data?: {
7
+ [key: string]: string;
8
+ };
9
+ date?: Date;
10
+ id?: string;
11
+ time?: number | Date;
12
+ timeZone?: string;
13
+ };
14
+ declare const TimeStackedDefault: (props: TimeStackedProps) => React.ReactElement;
15
+ export default TimeStackedDefault;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ declare type ItemProps = {
3
+ className?: string;
4
+ children?: React.ReactNode[] | React.ReactNode;
5
+ date?: Date;
6
+ icon?: string;
7
+ iconColor?: 'default' | 'royal' | 'blue' | 'purple' | 'teal' | 'red' | 'yellow' | 'green';
8
+ lineStyle?: 'solid' | 'dotted';
9
+ };
10
+ declare const TimelineItem: ({ className, children, date, icon, iconColor, lineStyle, }: ItemProps) => JSX.Element;
11
+ export default TimelineItem;
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ declare type TimelineProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ className?: string;
8
+ data?: {
9
+ [key: string]: string;
10
+ };
11
+ id?: string;
12
+ orientation?: string;
13
+ showDate?: boolean;
14
+ };
15
+ declare const Timeline: {
16
+ ({ aria, className, children, data, id, orientation, showDate, }: TimelineProps): JSX.Element;
17
+ Item: ({ className, children, date, icon, iconColor, lineStyle, }: {
18
+ className?: string;
19
+ children?: React.ReactNode | React.ReactNode[];
20
+ date?: Date;
21
+ icon?: string;
22
+ iconColor?: "default" | "yellow" | "red" | "green" | "royal" | "blue" | "purple" | "teal";
23
+ lineStyle?: "dotted" | "solid";
24
+ }) => JSX.Element;
25
+ };
26
+ export default Timeline;
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ declare type TimestampProps = {
3
+ align?: "left" | "center" | "right";
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ className?: string | string[];
8
+ dark?: boolean;
9
+ data?: string;
10
+ text: string;
11
+ timestamp: Date | string;
12
+ timezone: string;
13
+ id?: string;
14
+ showDate?: boolean;
15
+ showUser?: boolean;
16
+ hideUpdated?: boolean;
17
+ showTimezone?: boolean;
18
+ unstyled?: boolean;
19
+ variant?: "default" | "elapsed" | "updated";
20
+ };
21
+ declare const Timestamp: (props: TimestampProps) => React.ReactElement;
22
+ export default Timestamp;
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type SizeType = 1 | 2 | 3 | 4 | "1" | "2" | "3" | "4";
4
+ declare type SizeResponsiveType = {
5
+ [key: string]: SizeType;
6
+ };
7
+ declare type TitleProps = {
8
+ aria?: {
9
+ [key: string]: string;
10
+ };
11
+ bold?: boolean;
12
+ children?: React.ReactChild[] | React.ReactChild;
13
+ className?: string;
14
+ color?: "default" | "light" | "lighter" | "success" | "error" | "link";
15
+ data?: {
16
+ [key: string]: string;
17
+ };
18
+ id?: string;
19
+ size?: SizeType | SizeResponsiveType;
20
+ tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span";
21
+ text?: string;
22
+ truncate?: null | "1" | "2" | "3" | "4" | "5";
23
+ variant?: null | "link";
24
+ } & GlobalProps;
25
+ declare const Title: (props: TitleProps) => React.ReactElement;
26
+ export default Title;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ declare type TitleCountProps = {
3
+ align: "center" | "left" | "right";
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ className?: string;
8
+ count?: number;
9
+ dark?: boolean;
10
+ data?: {
11
+ [key: string]: string;
12
+ };
13
+ id?: string;
14
+ title?: string;
15
+ size?: "lg" | "sm";
16
+ };
17
+ declare const TitleCount: (props: TitleCountProps) => React.ReactElement;
18
+ export default TitleCount;
@@ -0,0 +1,16 @@
1
+ import { GlobalProps } from '../utilities/globalProps';
2
+ declare type TitleDetailProps = {
3
+ align?: "left" | "center" | "right";
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ className?: string;
8
+ data?: {
9
+ [key: string]: string;
10
+ };
11
+ detail: string;
12
+ id?: string;
13
+ title: string;
14
+ } & GlobalProps;
15
+ declare const TitleDetail: (props: TitleDetailProps) => JSX.Element;
16
+ export default TitleDetail;
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import type { InputCallback } from '../types';
3
+ import { GlobalProps } from '../utilities/globalProps';
4
+ declare type Props = {
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ checked?: boolean;
9
+ children?: React.ReactNode | React.ReactNode[];
10
+ className?: string;
11
+ data?: {
12
+ [key: string]: string;
13
+ };
14
+ id?: string;
15
+ name?: string;
16
+ onChange?: InputCallback<HTMLInputElement>;
17
+ size?: "sm" | "md";
18
+ value?: string;
19
+ } & GlobalProps;
20
+ declare const Toggle: ({ aria, checked, children, className, data, id, name, onChange, size, value, ...props }: Props) => JSX.Element;
21
+ export default Toggle;
@@ -0,0 +1,11 @@
1
+ ![toggle-default](https://github.com/powerhome/playbook/assets/92755007/bd99bd01-d577-4455-b1f9-a88b637e8a60)
2
+
3
+
4
+ ```swift
5
+
6
+ VStack(spacing: Spacing.small) {
7
+ PBToggle(checked: true)
8
+ PBToggle(checked: false)
9
+ }
10
+
11
+ ```
@@ -0,0 +1,10 @@
1
+ ![toggle-name](https://github.com/powerhome/playbook/assets/92755007/e45a575c-ab14-4181-a5e8-eb8d1f57ab4d)
2
+
3
+ ```swift
4
+
5
+ VStack(spacing: Spacing.small) {
6
+ PBToggle(label: "car", checked: false)
7
+ PBToggle(label: "bike", checked: false)
8
+ }
9
+
10
+ ```
@@ -0,0 +1,6 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **isHovering** | `Bool` | Changes the style of the Toggle | `false` | `true` `false` |
5
+ | **label** | `String` | Adds a label to the Toggle | `nil` | |
6
+ | **checked** | `Bool` | Changes the style of the Toggle | | `true` `false` |
@@ -13,3 +13,7 @@ examples:
13
13
  - toggle_custom: Custom checkbox input
14
14
  - toggle_custom_radio: Custom radio inputs
15
15
 
16
+ swift:
17
+ - toggle_default_swift: Default State
18
+ - toggle_name_swift: Name and Value
19
+ - toggle_props_swift: ""