@planningcenter/tapestry-react 4.13.2 → 4.14.1

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 (225) hide show
  1. package/dist/ActionsDropdown/ActionsDropdown.d.ts +14 -0
  2. package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
  3. package/dist/Alert/Alert.d.ts +2 -0
  4. package/dist/Alert/Alert.d.ts.map +1 -1
  5. package/dist/Alert/Alert.js +1 -1
  6. package/dist/Avatar/Avatar.d.ts +12 -0
  7. package/dist/Avatar/Avatar.d.ts.map +1 -1
  8. package/dist/Badge/Badge.d.ts +28 -0
  9. package/dist/Badge/Badge.d.ts.map +1 -1
  10. package/dist/Badge/Status.d.ts +15 -0
  11. package/dist/Badge/Status.d.ts.map +1 -1
  12. package/dist/Box/Box.d.ts +12 -0
  13. package/dist/Box/Box.d.ts.map +1 -1
  14. package/dist/Button/Button.d.ts +53 -0
  15. package/dist/Button/Button.d.ts.map +1 -1
  16. package/dist/Button/Input.d.ts +12 -0
  17. package/dist/Button/Input.d.ts.map +1 -1
  18. package/dist/Calendar/Calendar.d.ts +33 -0
  19. package/dist/Calendar/Calendar.d.ts.map +1 -1
  20. package/dist/Calendar/Calendar.js +1 -1
  21. package/dist/Calendar/Day.d.ts +49 -0
  22. package/dist/Calendar/Day.d.ts.map +1 -1
  23. package/dist/Card/Card.d.ts +2 -0
  24. package/dist/Card/Card.d.ts.map +1 -1
  25. package/dist/Card/Section.d.ts +1 -0
  26. package/dist/Card/Section.d.ts.map +1 -1
  27. package/dist/Checkbox/Checkbox.d.ts +38 -0
  28. package/dist/Checkbox/Checkbox.d.ts.map +1 -1
  29. package/dist/CheckboxCard/CheckboxCard.d.ts +2 -0
  30. package/dist/CheckboxCard/CheckboxCard.d.ts.map +1 -1
  31. package/dist/CheckboxGroup/CheckboxGroup.d.ts +9 -0
  32. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  33. package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts +41 -0
  34. package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
  35. package/dist/Collapse/Collapse.d.ts +12 -0
  36. package/dist/Collapse/Collapse.d.ts.map +1 -1
  37. package/dist/ColumnView/ColumnView.d.ts +3 -0
  38. package/dist/ColumnView/ColumnView.d.ts.map +1 -1
  39. package/dist/Combobox/Combobox.d.ts +12 -0
  40. package/dist/Combobox/Combobox.d.ts.map +1 -1
  41. package/dist/Combobox/ComboboxPopover.d.ts +10 -0
  42. package/dist/Combobox/ComboboxPopover.d.ts.map +1 -1
  43. package/dist/DataTable/DataTable.d.ts +176 -0
  44. package/dist/DataTable/DataTable.d.ts.map +1 -1
  45. package/dist/DataTable/components/Icon.d.ts +2 -0
  46. package/dist/DataTable/components/Icon.d.ts.map +1 -1
  47. package/dist/DateField/DateField.d.ts +33 -0
  48. package/dist/DateField/DateField.d.ts.map +1 -1
  49. package/dist/DateField/parse.d.ts +9 -0
  50. package/dist/DateField/parse.d.ts.map +1 -1
  51. package/dist/DateField/useEditableDate.d.ts +12 -0
  52. package/dist/DateField/useEditableDate.d.ts.map +1 -1
  53. package/dist/Dialog/Dialog.d.ts +40 -0
  54. package/dist/Dialog/Dialog.d.ts.map +1 -1
  55. package/dist/Dialog/Dialog.js +1 -1
  56. package/dist/Divider/Divider.d.ts +15 -0
  57. package/dist/Divider/Divider.d.ts.map +1 -1
  58. package/dist/DragDrop/DragDrop.js +1 -1
  59. package/dist/Drawer/Drawer.d.ts +1 -0
  60. package/dist/Drawer/Drawer.d.ts.map +1 -1
  61. package/dist/Dropdown/Dropdown.d.ts +33 -0
  62. package/dist/Dropdown/Dropdown.d.ts.map +1 -1
  63. package/dist/EditActions/EditActions.d.ts +3 -0
  64. package/dist/EditActions/EditActions.d.ts.map +1 -1
  65. package/dist/Field/Field.d.ts +14 -0
  66. package/dist/Field/Field.d.ts.map +1 -1
  67. package/dist/FieldSet/FieldSet.d.ts +18 -0
  68. package/dist/FieldSet/FieldSet.d.ts.map +1 -1
  69. package/dist/FilterLayout/FilterLayout.d.ts +5 -0
  70. package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
  71. package/dist/Form/Form.d.ts +44 -0
  72. package/dist/Form/Form.d.ts.map +1 -1
  73. package/dist/GridView/GridView.d.ts +15 -0
  74. package/dist/GridView/GridView.d.ts.map +1 -1
  75. package/dist/Group/Group.d.ts +15 -0
  76. package/dist/Group/Group.d.ts.map +1 -1
  77. package/dist/Heading/Heading.d.ts +2 -0
  78. package/dist/Heading/Heading.d.ts.map +1 -1
  79. package/dist/HelperDrawer/HelperDrawer.d.ts +1 -0
  80. package/dist/HelperDrawer/HelperDrawer.d.ts.map +1 -1
  81. package/dist/Highlight/Highlight.d.ts +15 -0
  82. package/dist/Highlight/Highlight.d.ts.map +1 -1
  83. package/dist/Highlight/Highlight.js +1 -1
  84. package/dist/Icon/Icon.d.ts +4 -0
  85. package/dist/Icon/Icon.d.ts.map +1 -1
  86. package/dist/Icon/Path.d.ts +2 -0
  87. package/dist/Icon/Path.d.ts.map +1 -1
  88. package/dist/Icon/Status.d.ts +3 -0
  89. package/dist/Icon/Status.d.ts.map +1 -1
  90. package/dist/Input/Inline.d.ts +7 -0
  91. package/dist/Input/Inline.d.ts.map +1 -1
  92. package/dist/Input/Input.d.ts +70 -0
  93. package/dist/Input/Input.d.ts.map +1 -1
  94. package/dist/Input/InputBox.d.ts +63 -0
  95. package/dist/Input/InputBox.d.ts.map +1 -1
  96. package/dist/Input/InputField.d.ts +19 -0
  97. package/dist/Input/InputField.d.ts.map +1 -1
  98. package/dist/Input/InputLabel.d.ts +6 -0
  99. package/dist/Input/InputLabel.d.ts.map +1 -1
  100. package/dist/ItemList/ItemListItem.d.ts +9 -0
  101. package/dist/ItemList/ItemListItem.d.ts.map +1 -1
  102. package/dist/Link/Link.d.ts +22 -0
  103. package/dist/Link/Link.d.ts.map +1 -1
  104. package/dist/LinkList/LinkList.d.ts +1 -0
  105. package/dist/LinkList/LinkList.d.ts.map +1 -1
  106. package/dist/List/List.d.ts +9 -0
  107. package/dist/List/List.d.ts.map +1 -1
  108. package/dist/Logo/Logo.d.ts +20 -0
  109. package/dist/Logo/Logo.d.ts.map +1 -1
  110. package/dist/Menu/Menu.d.ts +1 -0
  111. package/dist/Menu/Menu.d.ts.map +1 -1
  112. package/dist/Modal/Modal.d.ts +13 -0
  113. package/dist/Modal/Modal.d.ts.map +1 -1
  114. package/dist/NumberField/NumberField.d.ts +38 -0
  115. package/dist/NumberField/NumberField.d.ts.map +1 -1
  116. package/dist/Page/PageBody.d.ts +9 -0
  117. package/dist/Page/PageBody.d.ts.map +1 -1
  118. package/dist/Page/PageHeader.d.ts +4 -0
  119. package/dist/Page/PageHeader.d.ts.map +1 -1
  120. package/dist/Page/PageTitle.d.ts +4 -0
  121. package/dist/Page/PageTitle.d.ts.map +1 -1
  122. package/dist/Page/PageToolbar.d.ts +3 -0
  123. package/dist/Page/PageToolbar.d.ts.map +1 -1
  124. package/dist/PagerView/PagerView.d.ts +18 -0
  125. package/dist/PagerView/PagerView.d.ts.map +1 -1
  126. package/dist/Pagination/Pagination.d.ts +24 -0
  127. package/dist/Pagination/Pagination.d.ts.map +1 -1
  128. package/dist/Popover/Popover.d.ts +92 -0
  129. package/dist/Popover/Popover.d.ts.map +1 -1
  130. package/dist/Portal/Portal.d.ts +6 -0
  131. package/dist/Portal/Portal.d.ts.map +1 -1
  132. package/dist/Progress/Progress.d.ts +6 -0
  133. package/dist/Progress/Progress.d.ts.map +1 -1
  134. package/dist/Radio/Radio.d.ts +36 -0
  135. package/dist/Radio/Radio.d.ts.map +1 -1
  136. package/dist/RangeSlider/RangeSlider.d.ts +21 -0
  137. package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
  138. package/dist/Scrim/Scrim.d.ts +1 -0
  139. package/dist/Scrim/Scrim.d.ts.map +1 -1
  140. package/dist/SegmentedControl/SegmentedControl.d.ts +1 -0
  141. package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  142. package/dist/SegmentedTabs/SegmentedTabs.d.ts +1 -0
  143. package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
  144. package/dist/Select/Inline.d.ts +9 -0
  145. package/dist/Select/Inline.d.ts.map +1 -1
  146. package/dist/Select/OptionGroup.d.ts +3 -0
  147. package/dist/Select/OptionGroup.d.ts.map +1 -1
  148. package/dist/Select/Select.d.ts +75 -0
  149. package/dist/Select/Select.d.ts.map +1 -1
  150. package/dist/Select/Select.js +1 -1
  151. package/dist/Sidebar/Sidebar.d.ts +6 -0
  152. package/dist/Sidebar/Sidebar.d.ts.map +1 -1
  153. package/dist/Sidebar/SidebarItem.d.ts +3 -0
  154. package/dist/Sidebar/SidebarItem.d.ts.map +1 -1
  155. package/dist/Sidebar/SidebarList.d.ts +3 -0
  156. package/dist/Sidebar/SidebarList.d.ts.map +1 -1
  157. package/dist/Spinner/Spinner.d.ts +15 -0
  158. package/dist/Spinner/Spinner.d.ts.map +1 -1
  159. package/dist/StackView/StackView.d.ts +6 -0
  160. package/dist/StackView/StackView.d.ts.map +1 -1
  161. package/dist/StepperField/StepperField.d.ts +15 -0
  162. package/dist/StepperField/StepperField.d.ts.map +1 -1
  163. package/dist/StepperProgress/Step.d.ts +4 -0
  164. package/dist/StepperProgress/Step.d.ts.map +1 -1
  165. package/dist/StepperProgress/StepperProgress.d.ts +3 -0
  166. package/dist/StepperProgress/StepperProgress.d.ts.map +1 -1
  167. package/dist/Summary/Summary.d.ts +12 -0
  168. package/dist/Summary/Summary.d.ts.map +1 -1
  169. package/dist/Tab/Tab.d.ts +5 -0
  170. package/dist/Tab/Tab.d.ts.map +1 -1
  171. package/dist/TabNav/Tab.d.ts +12 -0
  172. package/dist/TabNav/Tab.d.ts.map +1 -1
  173. package/dist/TabNav/Tab.js +1 -1
  174. package/dist/TabNav/TabNav.d.ts +9 -0
  175. package/dist/TabNav/TabNav.d.ts.map +1 -1
  176. package/dist/TabNav/TabNav.js +1 -1
  177. package/dist/Table/SubRowToggleCell.d.ts +2 -0
  178. package/dist/Table/SubRowToggleCell.d.ts.map +1 -1
  179. package/dist/Table/Table.d.ts +125 -0
  180. package/dist/Table/Table.d.ts.map +1 -1
  181. package/dist/Table/Table.js +1 -1
  182. package/dist/Tabs/Tabs.d.ts +14 -0
  183. package/dist/Tabs/Tabs.d.ts.map +1 -1
  184. package/dist/Text/Text.d.ts +33 -0
  185. package/dist/Text/Text.d.ts.map +1 -1
  186. package/dist/TextArea/TextArea.d.ts +1 -0
  187. package/dist/TextArea/TextArea.d.ts.map +1 -1
  188. package/dist/TileView/TileView.d.ts +6 -0
  189. package/dist/TileView/TileView.d.ts.map +1 -1
  190. package/dist/TimeField/TimeField.d.ts +21 -0
  191. package/dist/TimeField/TimeField.d.ts.map +1 -1
  192. package/dist/TimeField/TimeField.js +1 -1
  193. package/dist/ToggleSwitch/ToggleSwitch.d.ts +13 -0
  194. package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  195. package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
  196. package/dist/TokenInput/DefaultToken.d.ts +8 -0
  197. package/dist/TokenInput/DefaultToken.d.ts.map +1 -1
  198. package/dist/TokenInput/TokenInput.d.ts +15 -0
  199. package/dist/TokenInput/TokenInput.d.ts.map +1 -1
  200. package/dist/TokenInput/TokenInput.js +1 -1
  201. package/dist/Toolbar/Toolbar.d.ts +22 -0
  202. package/dist/Toolbar/Toolbar.d.ts.map +1 -1
  203. package/dist/Tooltip/Tooltip.d.ts +118 -0
  204. package/dist/Tooltip/Tooltip.d.ts.map +1 -1
  205. package/dist/Wizard/Wizard.d.ts +37 -0
  206. package/dist/Wizard/Wizard.d.ts.map +1 -1
  207. package/dist/WrapView/WrapView.d.ts +1 -0
  208. package/dist/WrapView/WrapView.d.ts.map +1 -1
  209. package/dist/designTokens/index.js +1 -1
  210. package/dist/hooks/use-accessibility-violation.d.ts +8 -1
  211. package/dist/hooks/use-accessibility-violation.d.ts.map +1 -1
  212. package/dist/hooks/use-document-event.d.ts +15 -0
  213. package/dist/hooks/use-document-event.d.ts.map +1 -1
  214. package/dist/hooks/use-focus.d.ts +5 -0
  215. package/dist/hooks/use-focus.d.ts.map +1 -1
  216. package/dist/hooks/use-id.d.ts +6 -0
  217. package/dist/hooks/use-id.d.ts.map +1 -1
  218. package/dist/hooks/use-measure.d.ts +36 -0
  219. package/dist/hooks/use-measure.d.ts.map +1 -1
  220. package/dist/hooks/use-roving-index.d.ts +23 -0
  221. package/dist/hooks/use-roving-index.d.ts.map +1 -1
  222. package/dist/system/colors/utils.js +1 -1
  223. package/dist/utils.d.ts +109 -0
  224. package/dist/utils.d.ts.map +1 -1
  225. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,WAAW,GAAG;IAIxB,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAK9B,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IAKpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAK1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAKzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAeD,eAAO,MAAM,MAAM,sKAchB,WAAW,oBAqEb,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IAEpD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAeD,eAAO,MAAM,MAAM,sKAchB,WAAW,oBAqEb,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsx as o}from"@emotion/react";import{token as i}from"@planningcenter/tapestry";import{Box as e}from"../Box/Box.js";import{Button as t}from"../Button/Button.js";import{Divider as r}from"../Divider/Divider.js";import n from"../Heading/Heading.js";import{StackView as l}from"../StackView/StackView.js";var a={"&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"},backgroundColor:i("--t-surface-color-card"),border:"none",borderRadius:"8px",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)",color:i("--t-text-color"),minWidth:"400px",padding:0},c=function(c){var d=c.body,s=c.cancelText,p=void 0===s?"Cancel":s,u=c.confirmText,m=void 0===u?"Done":u,x=c.destroyText,g=void 0===x?"Delete":x,f=c.dialogRef,v=c.onCancelClick,h=void 0===v?function(){return f.current.close()}:v,C=c.onCloseClick,k=void 0===C?function(){return f.current.close()}:C,b=c.onConfirmClick,w=void 0===b?function(){return f.current.close()}:b,y=c.onDestroyClick,z=void 0===y?function(){return f.current.close()}:y,D=c.showCancel,H=void 0!==D&&D,j=c.showDestroy,S=void 0!==j&&j,B=c.subtitle,T=void 0===B?"":B,V=c.title;return o("dialog",{ref:f,css:a},o(e,{paddingTop:3,paddingHorizontal:4},o(l,{axis:"horizontal",distribution:"space-between"},o(n,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500,color:i("--t-text-color-headline")},V),o(t,{title:"Close",icon:{color:i("--t-icon-color-dim"),name:"general.x"},radius:"circle",height:4,width:4,variant:"naked",onClick:k})),T&&o(n,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:i("--t-text-color-secondary")},T)),o(e,{padding:4},d),o(r,null),o(e,{paddingVertical:3,paddingHorizontal:4},o(l,{axis:"horizontal",distribution:"space-between"},S?o(t,{onClick:z,title:g,theme:"error",variant:"outline"}):o(e,null),o(l,{axis:"horizontal",spacing:2},H&&o(t,{title:p,variant:"naked",onClick:h}),o(t,{title:m,onClick:w,theme:"primary"})))))};export{c as Dialog,c as default};
1
+ import{jsx as o}from"@emotion/react";import{token as i}from"@planningcenter/tapestry";import{Box as e}from"../Box/Box.js";import{Button as t}from"../Button/Button.js";import{Divider as r}from"../Divider/Divider.js";import n from"../Heading/Heading.js";import{StackView as l}from"../StackView/StackView.js";var a={"&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"},backgroundColor:i("--t-surface-color-card"),border:"none",borderRadius:"8px",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)",color:i("--t-text-color"),minWidth:"400px",padding:0},c=function(c){var d=c.body,s=c.cancelText,p=void 0===s?"Cancel":s,u=c.confirmText,m=void 0===u?"Done":u,x=c.destroyText,g=void 0===x?"Delete":x,f=c.dialogRef,v=c.onCancelClick,h=void 0===v?function(){return f.current.close()}:v,C=c.onCloseClick,k=void 0===C?function(){return f.current.close()}:C,b=c.onConfirmClick,w=void 0===b?function(){return f.current.close()}:b,y=c.onDestroyClick,z=void 0===y?function(){return f.current.close()}:y,D=c.showCancel,H=void 0!==D&&D,j=c.showDestroy,S=void 0!==j&&j,B=c.subtitle,T=void 0===B?"":B,V=c.title;return o("dialog",{ref:f,css:a},o(e,{paddingTop:3,paddingHorizontal:4},o(l,{axis:"horizontal",distribution:"space-between"},o(n,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500,color:i("--t-text-color-headline")},V),o(t,{title:"Close",icon:{color:i("--t-icon-color-dim"),name:"general.x"},radius:"circle",height:4,width:4,variant:"naked",onClick:k})),T&&o(n,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:i("--t-text-color-secondary")},T)),o(e,{padding:4},d),o(r,null),o(e,{paddingVertical:3,paddingHorizontal:4},o(l,{axis:"horizontal",distribution:"space-between"},S?o(t,{onClick:z,title:g,theme:"error",variant:"outline"}):o(e,null),o(l,{axis:"horizontal",spacing:2},H&&o(t,{title:p,variant:"naked",onClick:h}),o(t,{title:m,onClick:w,theme:"primary"})))))};export{c as Dialog};
2
2
  //# sourceMappingURL=Dialog.js.map
@@ -1,10 +1,25 @@
1
1
  import React from 'react';
2
2
  import { ColorProp, StyleProps } from '../index';
3
3
  export type DividerProps = {
4
+ /**
5
+ * The direction the dividing line should span.
6
+ */
4
7
  axis?: 'horizontal' | 'vertical';
8
+ /**
9
+ * The color of the line
10
+ */
5
11
  color?: ColorProp;
12
+ /**
13
+ * Controls the space on sides opposite to the line's defined axis
14
+ */
6
15
  margin?: number | string;
16
+ /**
17
+ * The size of the line in pixels
18
+ */
7
19
  size?: number;
8
20
  } & StyleProps;
21
+ /**
22
+ * Used to break up content
23
+ */
9
24
  export declare function Divider({ axis, color, margin, size, ...restProps }: DividerProps): React.JSX.Element;
10
25
  //# sourceMappingURL=Divider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,YAAY,GAAG;IAIzB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAKd,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,KAAiC,EACjC,MAAU,EACV,IAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,qBAcd"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAEd;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,KAAiC,EACjC,MAAU,EACV,IAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,qBAcd"}
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as n from"@planningcenter/react-beautiful-dnd";import t from"mitt";import a,{createContext as o,useContext as i,useEffect as d,Fragment as l,Children as c,createElement as u}from"react";import{createPortal as p}from"react-dom";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as g}from"../system/utils.js";import{getThemeDataAttribute as f}from"../ThemeProvider/styles.js";var m=o(!1),D=o(!1),b=t(),v={},E=null,y=0;function h(){return i(m)}function I(t){var o=t.children,i=t.sourceOnly,l=t.onDragStart,c=t.onDragEnd,u=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return d((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[l]),d((function(){function e(e){c&&e.source.droppableId===p.droppableId&&c(e),u&&e.destination&&e.destination.droppableId===p.droppableId&&u(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[c,u]),a.createElement(D.Provider,{value:i},a.createElement(n.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=a.createElement("div",{style:{display:"none"}},e.placeholder)),o(e,r)})))}function S(t){var o=t.children,c=t.placeholder,u=t.data,s=e(t,["children","placeholder","data"]),g=i(D);return d((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,u)}),[u]),a.createElement(n.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var n=o(e,r);return r.isDragging?a.createElement(l,null,p(n,E),g&&c&&c()):n}))}var P={Draggable:S,Droppable:I,Provider:function(t){var o=t.onDragStart,i=t.onDragEnd,l=e(t,["onDragStart","onDragEnd"]),c=h(),u=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(f(u),"true"),document.body.appendChild(E)),d((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),c?l.children:a.createElement(m.Provider,{value:!0},a.createElement(n.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),o&&o(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},l)))},StaticList:function(n){var t=n.children,o=n.variants,i=n.id,d=e(n,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return a.createElement(I,{droppableId:i,isDropDisabled:!0},(function(n){return a.createElement(s,r({innerRef:n.innerRef},d),c.map(t,(function(n,t){var o=n.props,i=o.id,d=e(o,["id"]);return a.createElement(S,{key:n.key,draggableId:i,index:t},(function(e,t){return a.createElement(l,null,u(n.type,r(r(r(r({},d),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(t.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},t)})),t.isDragging&&u(n.type,r(r({},d),p.placeholder)))}))})),a.createElement("div",{style:{display:"none"}},n.placeholder))}))},useDragDrop:h};export{P as default};
1
+ import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as n from"@planningcenter/react-beautiful-dnd";import t from"mitt";import a,{createContext as o,useContext as i,Children as d,Fragment as l,createElement as c,useEffect as u}from"react";import{createPortal as p}from"react-dom";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as g}from"../system/utils.js";import{getThemeDataAttribute as f}from"../ThemeProvider/styles.js";var m=o(!1),D=o(!1),b=t(),v={},E=null,y=0;function h(){return i(m)}function I(t){var o=t.children,i=t.sourceOnly,d=t.onDragStart,l=t.onDragEnd,c=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return u((function(){function e(e){d&&e.source.droppableId===p.droppableId&&d(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[d]),u((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===p.droppableId&&c(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[l,c]),a.createElement(D.Provider,{value:i},a.createElement(n.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=a.createElement("div",{style:{display:"none"}},e.placeholder)),o(e,r)})))}function S(t){var o=t.children,d=t.placeholder,c=t.data,s=e(t,["children","placeholder","data"]),g=i(D);return u((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,c)}),[c]),a.createElement(n.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var n=o(e,r);return r.isDragging?a.createElement(l,null,p(n,E),g&&d&&d()):n}))}var P={Draggable:S,Droppable:I,Provider:function(t){var o=t.onDragStart,i=t.onDragEnd,d=e(t,["onDragStart","onDragEnd"]),l=h(),c=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(f(c),"true"),document.body.appendChild(E)),u((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),l?d.children:a.createElement(m.Provider,{value:!0},a.createElement(n.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),o&&o(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},d)))},StaticList:function(n){var t=n.children,o=n.variants,i=n.id,u=e(n,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return a.createElement(I,{droppableId:i,isDropDisabled:!0},(function(n){return a.createElement(s,r({innerRef:n.innerRef},u),d.map(t,(function(n,t){var o=n.props,i=o.id,d=e(o,["id"]);return a.createElement(S,{key:n.key,draggableId:i,index:t},(function(e,t){return a.createElement(l,null,c(n.type,r(r(r(r({},d),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(t.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},t)})),t.isDragging&&c(n.type,r(r({},d),p.placeholder)))}))})),a.createElement("div",{style:{display:"none"}},n.placeholder))}))},useDragDrop:h};export{P as default};
2
2
  //# sourceMappingURL=DragDrop.js.map
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  export type Props = {
3
+ /** Controls whether the drawer is visible or not. Won't render contents until open is `true`. */
3
4
  open?: boolean;
4
5
  };
5
6
  declare function Drawer(props: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAsDd,MAAM,MAAM,KAAK,GAAG;IAElB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBA2B3B;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAsDd,MAAM,MAAM,KAAK,GAAG;IAClB,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBA2B3B;AAED,eAAe,MAAM,CAAA"}
@@ -9,30 +9,63 @@ import Item from './Item';
9
9
  import Link from './Link';
10
10
  type Props = {
11
11
  as?: never;
12
+ /** Closes Popover upon selecting a `Dropdown.Item`. */
12
13
  closeOnSelect?: boolean;
14
+ /** Externally control Popover open state on initial render. */
13
15
  defaultOpen?: boolean;
14
16
  fontSize?: StyleProps['fontSize'];
15
17
  fontWeight?: StyleProps['fontWeight'];
18
+ /** Forces Popover open for testing purposes. */
16
19
  forceOpen?: boolean;
17
20
  iconLeft?: string | ComponentProps<typeof Icon>;
18
21
  iconRight?: ButtonProps['iconRight'] | null;
22
+ /** Gain access to the internal ref. */
19
23
  innerRef?: any;
24
+ /** Attempts to keep popover in view clipping edges if too large. */
20
25
  keepInView?: boolean;
26
+ /** Locks external scrollbars when open. */
21
27
  lockScrollWhileOpen?: boolean;
28
+ /** Matches anchor and popover widths. */
22
29
  matchWidths?: boolean | 'minimum';
23
30
  onClick?: MouseEventHandler;
31
+ /** Callback when Popover is closed. */
24
32
  onClose?: () => void;
25
33
  onKeyDown?: KeyboardEventHandler;
34
+ /** Callback when Popover is opened. */
26
35
  onOpen?: () => void;
36
+ /** Overrides the default search function for selecting a dropdown item via keyboard. */
27
37
  onSearch?: (event: KeyboardEvent) => void;
28
38
  onSelect?: (data: any) => void;
29
39
  paddingLeft?: StyleProps['paddingLeft'];
30
40
  paddingVertical?: StyleProps['paddingVertical'];
41
+ /**
42
+ * `'top-start'
43
+ | 'top'
44
+ | 'top-end'
45
+ | 'right-start'
46
+ | 'right'
47
+ | 'right-end'
48
+ | 'bottom-start'
49
+ | 'bottom'
50
+ | 'bottom-end'
51
+ | 'left-start'
52
+ | 'left'
53
+ | 'left-end'`
54
+
55
+ * Where to place the popover.
56
+ */
31
57
  placement?: Placement;
58
+ /** Accepts any valid [Popover](/popover) props. */
32
59
  popoverProps?: object;
60
+ /**
61
+ * Where to render the popover into. Accepts an HTML element or selector.
62
+ * Uses the closest fixed parent or `document.body` by default. This will only
63
+ * be computed once on initial render.
64
+ */
33
65
  renderTo?: HTMLElement | string;
34
66
  spinner?: boolean;
35
67
  title?: JSX.Element | string;
68
+ /** Allows specifying a type or custom element that will be cloned and provided `Dropdown` trigger props. (Defaults to a [Button](/button).) */
36
69
  triggerElement?: React.ReactElement | React.ElementType | string | React.ComponentClass<any, any> | React.FunctionComponent<any>;
37
70
  triggerElementIsTapestryReact?: boolean;
38
71
  variant?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,10 @@
1
1
  import React, { JSX } from 'react';
2
2
  type EditActionsProps = {
3
+ /** Renders any custom component or HTML element when not in the edit state. */
3
4
  display?: React.ReactNode;
5
+ /** Renders any custom component or HTML element, usually form elments to capture user values. */
4
6
  edit?: React.ReactNode;
7
+ /** Shows a spinner if true and then optimistically shows a checkmark when false again. */
5
8
  loading?: boolean;
6
9
  };
7
10
  declare const EditActions: ({ display, edit, loading, ...restProps }: EditActionsProps) => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"EditActions.d.ts","sourceRoot":"","sources":["../../src/EditActions/EditActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,GAAG,EAAuB,MAAM,OAAO,CAAA;AAOjE,KAAK,gBAAgB,GAAG;IAEtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW,6CAKd,gBAAgB,KAAG,WA0DrB,CAAA;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"EditActions.d.ts","sourceRoot":"","sources":["../../src/EditActions/EditActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,GAAG,EAAuB,MAAM,OAAO,CAAA;AAOjE,KAAK,gBAAgB,GAAG;IACtB,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,iGAAiG;IACjG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW,6CAKd,gBAAgB,KAAG,WA0DrB,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -1,18 +1,32 @@
1
1
  import React from 'react';
2
2
  type FieldProps = {
3
+ /** Usually accepts form fields, such as `input` or `select`. */
3
4
  children?: React.ReactNode;
5
+ /** Renders label and field[s] smaller. */
4
6
  compact?: boolean;
7
+ /** Controls distribution between fields, by [passing this prop to StackView](/stackview#distribution). (Defaults to "fill".) */
5
8
  distribution?: number;
9
+ /** Helpful text to accompany fields. */
6
10
  feedbackText?: string;
11
+ /** Renders content into a [HelperDrawer](/helperdrawer) next to label. */
7
12
  helpContent?: string | React.ReactNode;
13
+ /** Places an icon to the left of the label. */
8
14
  icon?: any;
15
+ /** Renders label and field[s] inline. */
9
16
  inline?: boolean;
17
+ /** Gain access to the internal ref. */
10
18
  innerRef?: React.Ref<any>;
19
+ /** Label that describes field[s]. */
11
20
  label?: string | React.ReactNode;
21
+ /** Label flex basis. */
12
22
  labelBasis?: string | number;
23
+ /** Label color. */
13
24
  labelColor?: string;
25
+ /** Label flex grow. */
14
26
  labelGrow?: string | number;
27
+ /** Controls spacing between fields. */
15
28
  spacing?: number;
29
+ /** State of field[s]. */
16
30
  state?: 'success' | 'error';
17
31
  };
18
32
  declare const Field: ({ ...props }: FieldProps) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,UAAU,GAAG;IAEhB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGtC,IAAI,CAAC,EAAE,GAAG,CAAA;IAGV,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAGzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGhC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,KAAK,iBAAkB,UAAU,sBAoGtC,CAAA;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,UAAU,GAAG;IAChB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAEtC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,CAAA;IAEV,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAEzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAEhC,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE5B,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,KAAK,iBAAkB,UAAU,sBAoGtC,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -5,11 +5,29 @@ import { TileViewProps } from '../TileView';
5
5
  import { ToolbarProps } from '../Toolbar/Toolbar';
6
6
  type FieldSetProps = ComponentProps<typeof StackView> & {
7
7
  children?: React.ReactNode;
8
+ /**
9
+ * Accepts any valid [Heading](/heading) props.
10
+ */
8
11
  headingProps?: ComponentProps<typeof Heading>;
12
+ /**
13
+ * Maps to internal `Toolbar` prop.
14
+ */
9
15
  helpContent?: ToolbarProps['helpContent'];
16
+ /**
17
+ * Title of fieldset group.
18
+ */
10
19
  legend: ReactNode;
20
+ /**
21
+ * Maps to internal `TileView` prop.
22
+ */
11
23
  minCellWidth?: TileViewProps['minCellWidth'];
24
+ /**
25
+ * Maps to internal `TileView` prop.
26
+ */
12
27
  spacing?: TileViewProps['spacing'];
28
+ /**
29
+ * Accepts any valid [TileView](/tileview) props.
30
+ */
13
31
  tileViewProps?: TileViewProps;
14
32
  };
15
33
  declare const FieldSet: ({ children, helpContent, legend, ...restProps }: FieldSetProps) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../../src/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACrD,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAK7C,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAKzC,MAAM,EAAE,SAAS,CAAA;IAKjB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAK5C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAKlC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,oDAKX,aAAa,sBAmCf,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../../src/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACrD,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAE7C;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAEzC;;OAEG;IACH,MAAM,EAAE,SAAS,CAAA;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAE5C;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAElC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,oDAKX,aAAa,sBAmCf,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -1,9 +1,14 @@
1
1
  import * as React from 'react';
2
2
  export type Props = {
3
+ /** Render slot for header. */
3
4
  header?: any;
5
+ /** Render slot for sidebar. */
4
6
  sidebar?: any;
7
+ /** Size of sidebar in pixels or `fill` for full width when open. */
5
8
  sidebarWidth?: number | 'fill';
9
+ /** Render slot for table. */
6
10
  table?: any;
11
+ /** Render slot for toolbar. */
7
12
  toolbar?: any;
8
13
  };
9
14
  export declare function FilterLayout(props: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,KAAK,GAAG;IAElB,MAAM,CAAC,EAAE,GAAG,CAAA;IAGZ,OAAO,CAAC,EAAE,GAAG,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG9B,KAAK,CAAC,EAAE,GAAG,CAAA;IAGX,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAwExC"}
1
+ {"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,KAAK,GAAG;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAA;IAEZ,+BAA+B;IAC/B,OAAO,CAAC,EAAE,GAAG,CAAA;IAEb,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE9B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAA;IAEX,+BAA+B;IAC/B,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAwExC"}
@@ -1,6 +1,29 @@
1
1
  import React, { ChangeEvent, ReactNode } from 'react';
2
2
  import { ButtonProps } from '../Button';
3
3
  type Props<Payload extends Record<string, any>> = {
4
+ /**
5
+ * `isEditing`
6
+ *
7
+ * Toggled by trigger or focusing/blurring a field.
8
+ *
9
+ * `isSubmitting`
10
+ *
11
+ * True when a submit action occurs either from the enter key or
12
+ * blurring the form with different data from `initialPayload`.
13
+ *
14
+ * `editButtonProps`
15
+ *
16
+ * Provides the proper props and callbacks to toggle editing
17
+ * mode and show a spinner when submitting. Must be passed to
18
+ * a [Button](/button) component.
19
+ *
20
+ * `getFieldProps`
21
+ *
22
+ * Accepts an `id` as the first argument that maps to the respective
23
+ * field key in `initialPayload`. It also receives a `getChangeValue`
24
+ * function as the second argument used to resolve the value when
25
+ * dealing with non traditional events like `Select` or `NumberField`.
26
+ */
4
27
  children: (props: {
5
28
  editButtonProps: ButtonProps;
6
29
  getFieldProps: (id: keyof Payload, getChangeValue?: (event: ChangeEvent<HTMLInputElement>) => any) => Record<string, any>;
@@ -8,7 +31,28 @@ type Props<Payload extends Record<string, any>> = {
8
31
  isSubmitting: boolean;
9
32
  payload: Payload;
10
33
  }) => ReactNode;
34
+ /**
35
+ * The initial data to seed the form with. Used to determine
36
+ * previous state when a cancel action occurs as well as if the
37
+ * form should submit or not. This can be passed new data
38
+ * (like updating from `onSubmit`). Use a simple data structure
39
+ * to avoid false positives when the previous and initial payload
40
+ * are compared to determine calling `onSubmit`.
41
+ */
11
42
  initialPayload: Payload;
43
+ /**
44
+ * Called whenever a submit action occurs (enter key / form blur)
45
+ * and the form has a different internal payload compared to
46
+ * the `initialPayload`.
47
+ *
48
+ * `payload`
49
+ *
50
+ * The newly edited `payload` that should be submitted.
51
+ *
52
+ * `complete`
53
+ *
54
+ * Call whenever the form is done completing to re-enable the form.
55
+ */
12
56
  onSubmit: (payload: Payload, complete: () => void) => void;
13
57
  };
14
58
  declare class Form<Payload extends Record<string, any>> extends React.Component<Props<Payload>, {
@@ -1 +1 @@
1
- {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAGvC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAwBhD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,eAAe,EAAE,WAAW,CAAA;QAC5B,aAAa,EAAE,CACb,EAAE,EAAE,MAAM,OAAO,EACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAC3D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QACxB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,OAAO,EAAE,OAAO,CAAA;KACjB,KAAK,SAAS,CAAA;IAUf,cAAc,EAAE,OAAO,CAAA;IAevB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAGvC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAChD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,eAAe,EAAE,WAAW,CAAA;QAC5B,aAAa,EAAE,CACb,EAAE,EAAE,MAAM,OAAO,EACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAC3D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QACxB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,OAAO,EAAE,OAAO,CAAA;KACjB,KAAK,SAAS,CAAA;IAEf;;;;;;;OAOG;IACH,cAAc,EAAE,OAAO,CAAA;IAEvB;;;;;;;;;;;;OAYG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}
@@ -2,20 +2,35 @@ import * as React from 'react';
2
2
  import { BoxProps } from '../Box';
3
3
  import { MediaQueries, Variants } from '../types';
4
4
  export type GridViewProps = {
5
+ /** Aligns content in a grid item along the column axis. Maps to CSS [alignItems](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property. */
5
6
  alignment?: 'start' | 'end' | 'center' | 'stretch';
7
+ /** Render custom component or HTML element tag. (Defaults to a `<div>` element). */
6
8
  as?: any;
9
+ /** The size of implicit grid columns. Maps to CSS [gridAutoColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) property. */
7
10
  autoColumns?: string;
11
+ /** The algorithm used to implicitly place grid items. Maps to CSS [gridAutoFlow](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) property. */
8
12
  autoFlow?: 'column' | 'row' | 'dense';
13
+ /** The size of implicit grid rows. Maps to CSS [gridAutoRows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) property. */
9
14
  autoRows?: string;
15
+ /** Any direct children can use the `column|Start|End` or `row|Start|End` [shorthand properties](/style-props#grid) to place themselves on the grid. */
10
16
  children?: any;
17
+ /** The amount of space between columns. Maps to CSS [gridColumnGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap) property. */
11
18
  columnSpacing?: number | string;
19
+ /** The columns of the grid. Maps to CSS [gridTemplateColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) property. */
12
20
  columns?: Array<any> | string;
21
+ /** If true, sets `display: inline-grid`, otherwise it defaults to `display: grid` */
13
22
  inline?: boolean;
23
+ /** Gain access to the internal ref */
14
24
  innerRef?: any;
25
+ /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
15
26
  mediaQueries?: object;
27
+ /** The amount of space between rows. Maps to CSS [gridRowGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap) property. */
16
28
  rowSpacing?: number | string;
29
+ /** The rows of the grid. Maps to CSS [gridTemplateRows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) property. */
17
30
  rows?: Array<any> | string;
31
+ /** The amount of space between children. Maps to CSS [gap](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) property. */
18
32
  spacing?: number | string;
33
+ /** Describes styles at various points in time. [Read about variants](/variants).*/
19
34
  variants?: object;
20
35
  } & BoxProps;
21
36
  type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & GridViewProps & MediaQueries<GridViewProps> & Variants<GridViewProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../src/GridView/GridView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAuErD,MAAM,MAAM,aAAa,GAAG;IAE1B,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAGlD,EAAE,CAAC,EAAE,GAAG,CAAA;IAGR,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAGrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG/B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,sEAajE"}
1
+ {"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../src/GridView/GridView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAuErD,MAAM,MAAM,aAAa,GAAG;IAC1B,4JAA4J;IAC5J,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAElD,oFAAoF;IACpF,EAAE,CAAC,EAAE,GAAG,CAAA;IAER,qJAAqJ;IACrJ,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,+JAA+J;IAC/J,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAErC,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,uJAAuJ;IACvJ,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,mJAAmJ;IACnJ,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE/B,mJAAmJ;IACnJ,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAE7B,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,0IAA0I;IAC1I,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE5B,0IAA0I;IAC1I,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAE1B,8HAA8H;IAC9H,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,sEAajE"}
@@ -1,10 +1,25 @@
1
1
  import React from 'react';
2
2
  import { StackViewProps } from '../StackView';
3
3
  export type GroupProps = {
4
+ /**
5
+ * The direction the dividing line should span.
6
+ */
4
7
  axis?: 'horizontal' | 'vertical';
8
+ /**
9
+ * Props to pass down to all children.
10
+ */
5
11
  childProps?: object;
12
+ /**
13
+ * Children elements to be grouped.
14
+ */
6
15
  children?: React.ReactNode;
16
+ /**
17
+ * The size of the radius.
18
+ */
7
19
  radius?: number | string;
20
+ /**
21
+ * The amount of space or element that is inserted between each child.
22
+ */
8
23
  spacing?: number | string | React.ReactNode;
9
24
  } & StackViewProps;
10
25
  export declare function Group({ axis, childProps, children, radius, spacing, ...restProps }: GroupProps): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,MAAM,MAAM,UAAU,GAAG;IAIvB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC5C,GAAG,cAAc,CAAA;AAElB,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,UAAU,qBAsBZ"}
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC5C,GAAG,cAAc,CAAA;AAElB,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,UAAU,qBAsBZ"}
@@ -1,6 +1,8 @@
1
1
  import { ComponentProps, JSX } from 'react';
2
2
  import Text from '../Text';
3
3
  type HeadingProps = ComponentProps<typeof Text> & {
4
+ /** Sets the heading tag (1-6) and the respective font size corresponding to the index position (level - 1) in theme `fontSizes`
5
+ */
4
6
  level?: 1 | 2 | 3 | 4 | 5 | 6;
5
7
  };
6
8
  declare const Heading: ({ level, ...restProps }: HeadingProps) => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAGhD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,OAAO,4BAAiC,YAAY,KAAG,WAa5D,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAChD;OACG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,OAAO,4BAAiC,YAAY,KAAG,WAa5D,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -6,6 +6,7 @@ declare function Toggle({ drawerId, ...restProps }: {
6
6
  drawerId: any;
7
7
  }): React.JSX.Element;
8
8
  type Props = ComponentProps<typeof Card> & {
9
+ /** Used by the `HelperDrawer.Toggle` to connect to. */
9
10
  id?: string | number;
10
11
  };
11
12
  declare function HelperDrawer({ children, id, ...restProps }: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,qBA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}
1
+ {"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,qBA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACzC,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}
@@ -1,14 +1,29 @@
1
1
  import React from 'react';
2
2
  import { markFuzzyMatchSubstring, markStartsWithMatchSubstring } from './utils';
3
3
  type HighlightProps = {
4
+ /**
5
+ * Color of the highlighted text
6
+ */
4
7
  color?: string;
8
+ /**
9
+ * The algorithm used to mark the text, defaults to STARTS_WITH
10
+ */
5
11
  marker?: (text: string, query: string) => Array<{
6
12
  highlight: boolean;
7
13
  text: string;
8
14
  }>;
15
+ /**
16
+ * The query to search for matches
17
+ */
9
18
  query: string;
19
+ /**
20
+ * The full string of text to be displayed
21
+ */
10
22
  text: string;
11
23
  };
24
+ /**
25
+ * Highlight or mark letters in a string using a provided query.
26
+ */
12
27
  declare const Highlight: {
13
28
  ({ marker, query, text, ...restProps }: HighlightProps): React.JSX.Element;
14
29
  FUZZY: typeof markFuzzyMatchSubstring;
@@ -1 +1 @@
1
- {"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IAIpB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAKhD,KAAK,EAAE,MAAM,CAAA;IAKb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,QAAA,MAAM,SAAS;4CAKZ,cAAc;;;CAsBhB,CAAA;AAMD,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,SAAS;4CAKZ,cAAc;;;CAsBhB,CAAA;AAMD,eAAe,SAAS,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeProps as i}from"../system/utils.js";import{Text as o}from"../Text/Text.js";import{markFuzzyMatchSubstring as n,markStartsWithMatchSubstring as a}from"./utils.js";var m=function(n){var m=n.marker,s=void 0===m?a:m,l=n.query,h=n.text,p=t(n,["marker","query","text"]),u=i("highlight",p),f=u.color,c=void 0===f?"primary":f,g=t(u,["color"]);return e.createElement(o,r({as:"span"},g),s(h,l).map((function(t,r){return e.createElement(o,{key:r,inline:!0,as:t.highlight?"mark":"span",color:t.highlight?c:void 0,backgroundColor:"transparent",fontWeight:"inherit",fontSize:"inherit"},t.text)})))};m.FUZZY=n,m.STARTS_WITH=a;export{m as default};
1
+ import{__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeProps as i}from"../system/utils.js";import{Text as o}from"../Text/Text.js";import{markStartsWithMatchSubstring as n,markFuzzyMatchSubstring as a}from"./utils.js";var m=function(a){var m=a.marker,s=void 0===m?n:m,l=a.query,h=a.text,p=t(a,["marker","query","text"]),u=i("highlight",p),f=u.color,c=void 0===f?"primary":f,g=t(u,["color"]);return e.createElement(o,r({as:"span"},g),s(h,l).map((function(t,r){return e.createElement(o,{key:r,inline:!0,as:t.highlight?"mark":"span",color:t.highlight?c:void 0,backgroundColor:"transparent",fontWeight:"inherit",fontSize:"inherit"},t.text)})))};m.FUZZY=a,m.STARTS_WITH=n;export{m as default};
2
2
  //# sourceMappingURL=Highlight.js.map
@@ -3,9 +3,13 @@ import Box from '../Box';
3
3
  import Path from './Path';
4
4
  import Status from './Status';
5
5
  type IconProps = ComponentProps<typeof Box> & {
6
+ /** Accepts the `Icon.Path` component if a `name` is not provided. */
6
7
  children?: React.ReactNode;
8
+ /** Pass any valid color from [colors](/colors). Defaults to `currentColor`. */
7
9
  color?: string;
10
+ /** The name of the icon to render. */
8
11
  name?: string;
12
+ /** Sizes the container proportionally. */
9
13
  size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
10
14
  };
11
15
  declare const _default: {
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAE5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAoCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAC5C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAoCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}
@@ -1,7 +1,9 @@
1
1
  import React, { ComponentProps } from 'react';
2
2
  import Box from '../Box';
3
3
  type Props = ComponentProps<typeof Box> & {
4
+ /** Pass any valid color from [colors](/colors). */
4
5
  color?: string;
6
+ /** The name of the icon to render. */
5
7
  name: string;
6
8
  };
7
9
  declare function Path({ name, color, ...restProps }: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAExC,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACxC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}
@@ -1,7 +1,10 @@
1
1
  import React from 'react';
2
2
  export type Props = {
3
+ /** Pass any valid color from [colors](/colors). Defaults to variant color. */
3
4
  color?: string;
5
+ /** The name of the status icon to render. */
4
6
  variant: 'confirmed' | 'unconfirmed' | 'declined';
7
+ /** Uses the filled version of the icon. */
5
8
  variantFilled?: boolean;
6
9
  };
7
10
  declare function Status(props: Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IAEjD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IACjD,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}
@@ -1,8 +1,15 @@
1
1
  import React from 'react';
2
2
  import { InputFieldProps } from './InputField';
3
3
  type Props = {
4
+ /**
5
+ * Pass styles for when the input is focused.
6
+ */
4
7
  focus?: boolean;
8
+ /** Controls the color when hovered and focused. (Defaults `light ? 'light-0' : 'highlight'` */
5
9
  highlightColor?: string;
10
+ /**
11
+ * Sets `backgroundColor: highlightColor` if `readOnly` or `disabled` are not set.
12
+ */
6
13
  hover?: boolean;
7
14
  light?: boolean;
8
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,cAAc,CAAC,EAAE,MAAM,CAAA;IAKvB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAErE,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,WAAW,qBAgCb;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,gGAAgG;IAChG,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAErE,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,WAAW,qBAgCb;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}