@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,21 +1,35 @@
1
1
  import * as React from 'react';
2
2
  import Dropdown from '../Dropdown';
3
3
  type ActionsDropdownProps = {
4
+ /** Accepts [Dropdown.Item](/dropdown) and [Dropdown.Link](/dropdown) elements. */
4
5
  children?: React.ReactNode;
6
+ /** Props for default button state. */
5
7
  defaultButtonProps?: object;
8
+ /** Provide amount of duplicates as well as a link to resolve them. */
6
9
  duplicates?: {
10
+ /** Amount of duplicates. */
7
11
  amount: number;
12
+ /** [Link](/link) props. */
8
13
  linkProps: object;
9
14
  };
15
+ /** Props for duplicates button state. Activated when `duplicates.amount` is greater than 0. */
10
16
  duplicatesButtonProps?: object;
17
+ /** Provide date and reason user became inactive as well as a link to reactivate them. */
11
18
  inactive?: {
19
+ /** Valid JavaScript Date. */
12
20
  date?: Date;
21
+ /** [Link](/link) props. */
13
22
  linkProps: object;
23
+ /** Reason user was inactivated. */
14
24
  reason: string;
15
25
  };
26
+ /** Props for inactive button state. Activated when `inactive.date` is present. */
16
27
  inactiveButtonProps?: object;
28
+ /** Determines logic for when user is below manager role. */
17
29
  isBelowManager?: boolean;
30
+ /** Determines logic for when used in People product. */
18
31
  isPeopleProduct?: boolean;
32
+ /** Callback when "Delete Profile" item is selected. */
19
33
  onDeleteProfile?: React.ComponentProps<typeof Dropdown.Item>['onSelect'];
20
34
  };
21
35
  export declare function ActionsDropdown({ children, defaultButtonProps, duplicates, duplicatesButtonProps, inactive, inactiveButtonProps, isBelowManager, isPeopleProduct, onDeleteProfile, }: ActionsDropdownProps): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAOlC,KAAK,oBAAoB,GAAG;IAE1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAG3B,UAAU,CAAC,EAAE;QAEX,MAAM,EAAE,MAAM,CAAA;QAGd,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IAGD,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAG9B,QAAQ,CAAC,EAAE;QAET,IAAI,CAAC,EAAE,IAAI,CAAA;QAGX,SAAS,EAAE,MAAM,CAAA;QAGjB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IAGD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,cAAc,CAAC,EAAE,OAAO,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,kBAAqD,EACrD,UAAU,EACV,qBAAwD,EACxD,QAAQ,EACR,mBAAsD,EACtD,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,qBA0GtB"}
1
+ {"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAOlC,KAAK,oBAAoB,GAAG;IAC1B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,sEAAsE;IACtE,UAAU,CAAC,EAAE;QACX,4BAA4B;QAC5B,MAAM,EAAE,MAAM,CAAA;QAEd,2BAA2B;QAC3B,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IAED,+FAA+F;IAC/F,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,yFAAyF;IACzF,QAAQ,CAAC,EAAE;QACT,6BAA6B;QAC7B,IAAI,CAAC,EAAE,IAAI,CAAA;QAEX,2BAA2B;QAC3B,SAAS,EAAE,MAAM,CAAA;QAEjB,mCAAmC;QACnC,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IAED,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,uDAAuD;IACvD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,kBAAqD,EACrD,UAAU,EACV,qBAAwD,EACxD,QAAQ,EACR,mBAAsD,EACtD,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,qBA0GtB"}
@@ -2,7 +2,9 @@ import * as React from 'react';
2
2
  import { StackViewProps } from '../StackView';
3
3
  export type AlertProps = {
4
4
  children?: any;
5
+ /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
5
6
  mediaQueries?: object;
7
+ /** Sets status theme colors. */
6
8
  type?: 'warning' | 'success' | 'error';
7
9
  } & StackViewProps;
8
10
  type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps;
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;AAE9E,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,qBAgBjC;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;AAE9E,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,qBAgBjC;AAED,eAAe,KAAK,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as o}from"../StackView/StackView.js";function i(i){var a=i.children,c=i.type,n=r(i,["children","type"]);return t.createElement(o,e({padding:1,radius:3,stroke:"".concat(c,"-dark"),strokeAlign:"inside",strokeWeight:1,color:"dark-9",backgroundColor:"".concat(c,"-lighter")},n),a)}export{i as Alert,i as default};
1
+ import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as o}from"../StackView/StackView.js";function i(i){var a=i.children,c=i.type,n=r(i,["children","type"]);return t.createElement(o,e({padding:1,radius:3,stroke:"".concat(c,"-dark"),strokeAlign:"inside",strokeWeight:1,color:"dark-9",backgroundColor:"".concat(c,"-lighter")},n),a)}export{i as Alert};
2
2
  //# sourceMappingURL=Alert.js.map
@@ -1,10 +1,22 @@
1
1
  import React from 'react';
2
2
  import { BoxProps } from '../Box';
3
3
  type AvatarProps = BoxProps<'img'> & {
4
+ /**
5
+ * Controls the size of the avatar.
6
+ */
4
7
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
8
+ /**
9
+ * The source of the image to display.
10
+ */
5
11
  source?: string;
12
+ /**
13
+ * Adds a colored ring with padding around the avatar. Accepts a valid color string.
14
+ */
6
15
  status?: string;
7
16
  };
17
+ /**
18
+ * Displays a user's avatar in a circle.
19
+ */
8
20
  export declare function Avatar({ size, source, status, ...restProps }: AvatarProps): React.JSX.Element;
9
21
  export default Avatar;
10
22
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAoBtC,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG;IAInC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IAI/C,MAAM,CAAC,EAAE,MAAM,CAAA;IAIf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAKD,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,MAAM,EACN,MAAM,EACN,GAAG,SAAS,EACb,EAAE,WAAW,qBAiBb;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAoBtC,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IAC/C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,MAAM,EACN,MAAM,EACN,GAAG,SAAS,EACb,EAAE,WAAW,qBAiBb;AAED,eAAe,MAAM,CAAA"}
@@ -4,13 +4,41 @@ import { FlattenedPalette } from '../system/colors/utils';
4
4
  import Status from './Status';
5
5
  export type BadgeProps = {
6
6
  children?: any;
7
+ /**
8
+ * Background color of the badge, sets an accessible text color
9
+ */
7
10
  color?: string | FlattenedPalette;
11
+ /**
12
+ * `onClick={stopPropagationClick(onClick)}`
13
+ *
14
+ * Callback passed to `stopPropagationClick` which
15
+ * adds event.stopPropagation() to a component's onClick event.
16
+ * Used to prevent element's onClick from bubbling up the tree.
17
+ */
8
18
  onClick?: Function;
19
+ /**
20
+ * The size of the radius. (Default is 3px).
21
+ */
9
22
  radius?: number | string;
23
+ /**
24
+ * Allows rendering any content inside the beginning of the badge.
25
+ */
10
26
  renderLeft?: React.ReactNode;
27
+ /**
28
+ * Allows rendering any content inside the end of the badge.
29
+ */
11
30
  renderRight?: React.ReactNode;
31
+ /**
32
+ * Size of badge
33
+ */
12
34
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
35
+ /**
36
+ * Uses a 1:1 padding ratio, useful for icon only badges.
37
+ */
13
38
  square?: boolean;
39
+ /**
40
+ * The text to be rendered
41
+ */
14
42
  title?: string;
15
43
  } & Omit<StackViewProps, 'color'>;
16
44
  declare const _default: {
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;IASjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAKlB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;;;;;;;;YAoJgB,aAAa;;AAA9D,wBAAgE"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;IAEjC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEvC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;;;;;;;;YAoJgB,aAAa;;AAA9D,wBAAgE"}
@@ -1,10 +1,25 @@
1
1
  import { JSX } from 'react';
2
2
  import { BadgeProps } from './Badge';
3
3
  export type StatusProps = {
4
+ /**
5
+ * When `true`, Sets a light background to use against darker backgrounds.
6
+ */
4
7
  light?: boolean;
8
+ /**
9
+ * Called when the status should be set hidden
10
+ */
5
11
  onClearRequest: () => void;
12
+ /**
13
+ * The size of the badge
14
+ */
6
15
  size?: BadgeProps['size'];
16
+ /**
17
+ * The status of the badge, if nothing passed, nothing will be rendered.
18
+ */
7
19
  status?: 'error' | 'success';
20
+ /**
21
+ * Title of badge
22
+ */
8
23
  title: string;
9
24
  };
10
25
  declare const Status: {
@@ -1 +1 @@
1
- {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Badge/Status.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAuB,MAAM,OAAO,CAAA;AAIvD,OAAO,EAAE,UAAU,EAAoB,MAAM,SAAS,CAAA;AAOtD,MAAM,MAAM,WAAW,GAAG;IAIxB,KAAK,CAAC,EAAE,OAAO,CAAA;IAKf,cAAc,EAAE,MAAM,IAAI,CAAA;IAK1B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAKzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK5B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,MAAM;mEAOT,WAAW,GAAG,WAAW;;CAwC3B,CAAA;AAID,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Badge/Status.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAuB,MAAM,OAAO,CAAA;AAIvD,OAAO,EAAE,UAAU,EAAoB,MAAM,SAAS,CAAA;AAOtD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,MAAM;mEAOT,WAAW,GAAG,WAAW;;CAwC3B,CAAA;AAID,eAAe,MAAM,CAAA"}
package/dist/Box/Box.d.ts CHANGED
@@ -2,8 +2,17 @@ import * as React from 'react';
2
2
  import { As, AsProps, MediaQueries, StyleProps, Variants } from '../types';
3
3
  type RenderedHTMLElement<E extends As> = React.ComponentPropsWithRef<E> extends React.HTMLAttributes<infer T> ? T : never;
4
4
  type Props = {
5
+ /**
6
+ * Describes styles for the box when hovered.
7
+ */
5
8
  hover?: StyleProps['hover'];
9
+ /**
10
+ * If true, sets `display: inline-block`, otherwise it defaults to `display: block`
11
+ */
6
12
  inline?: boolean;
13
+ /**
14
+ * Controls display property. If `false` sets `display: none`, otherwise defaults to initial display value.
15
+ */
7
16
  visible?: boolean;
8
17
  };
9
18
  type InheritedProps<E extends As> = AsProps<E, Props & StyleProps>;
@@ -12,6 +21,9 @@ export type BoxProps<E extends As = 'div'> = {
12
21
  } & InheritedProps<E> & Props & {
13
22
  innerRef?: React.Ref<RenderedHTMLElement<E>>;
14
23
  };
24
+ /**
25
+ * Box is the base component that everything builds from. It is responsible for processing all style props.
26
+ */
15
27
  export declare const Box: <E extends As = "div">({ as, inline, innerRef, ...props }: {
16
28
  as?: E;
17
29
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAG1E,KAAK,mBAAmB,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,qBAAqB,CAClE,CAAC,CACF,SAAS,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GACnC,CAAC,GACD,KAAK,CAAA;AAET,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAK3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAA;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,cAAc,CAAC,CAAC,CAAC,GACnB,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAA;AAO1D,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HAkBf,CAAA"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAG1E,KAAK,mBAAmB,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,qBAAqB,CAClE,CAAC,CACF,SAAS,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GACnC,CAAC,GACD,KAAK,CAAA;AAET,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAA;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,cAAc,CAAC,CAAC,CAAC,GACnB,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAA;AAI1D;;GAEG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HAkBf,CAAA"}
@@ -5,26 +5,79 @@ import Tooltip from '../Tooltip';
5
5
  import { As, AsProps, BoxSizes, MediaQueries, StyleProps } from '../types';
6
6
  import Input from './Input';
7
7
  interface Props {
8
+ /**
9
+ * "Soft disables" button by adding an `aria-disabled` attribute and preventing `onClick` and `keyDown` events for "space" / "enter". This approach allows composing components (such as `Tooltip`) to still bubble up their events, while ensuring that clicking the button or submitting a form is prevented.
10
+ */
8
11
  disabled?: boolean;
12
+ /**
13
+ * Opens the linked destination in a new window or tab.
14
+ */
9
15
  external?: boolean;
16
+ /**
17
+ * Pass styles for when the button is keyboard-focused.
18
+ */
10
19
  focusVisible?: object;
20
+ /**
21
+ * Where the browser should navigate to when pressed. If you need any element here other than `<a>`, remember to use the `as` prop.
22
+ */
11
23
  href?: string;
24
+ /**
25
+ * Renders an [Icon](/icon) in the center of the button. Pass a string or any valid `Icon` props.
26
+ * Must pass a [`title`](/button#title) or [`tooltip.title`](/tooltip#title) when using icon-only buttons.
27
+ */
12
28
  icon?: string | React.ComponentProps<typeof Icon>;
29
+ /**
30
+ * Same as above, but renders an icon in the left portion of the button.
31
+ */
13
32
  iconLeft?: string | React.ComponentProps<typeof Icon>;
33
+ /**
34
+ * Same as above, but renders an icon in the right portion of the button.
35
+ */
14
36
  iconRight?: string | React.ComponentProps<typeof Icon>;
37
+ /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
15
38
  mediaQueries?: object;
39
+ /**
40
+ * Sizes the button using values defined in [boxSizes](/theming)
41
+ */
16
42
  size?: keyof BoxSizes;
43
+ /**
44
+ * Renders a [`<Spinner />`](/spinner) in the center of the button. Accepts any valid Spinner props.
45
+ */
17
46
  spinner?: any;
47
+ /**
48
+ * Uses a 1:1 ratio for sizing the button.
49
+ */
18
50
  square?: boolean;
51
+ /**
52
+ * Uses theme defined in [`buttons.theme`](/theming). Pass `false` to not use theme at all.
53
+ */
19
54
  theme?: string | false;
55
+ /**
56
+ * Renders a text string in the center of the button.
57
+ */
20
58
  title?: string | number;
59
+ /**
60
+ * Where the browser should navigate to when pressed. If you need any element here other than `<a>`, remember to use the `as` prop.
61
+ */
21
62
  to?: string;
63
+ /**
64
+ * Wraps button in a [`<Tooltip />`](./tooltip). Accepts any valid Tooltip props.
65
+ */
22
66
  tooltip?: string | React.ComponentProps<typeof Tooltip>;
67
+ /**
68
+ * Sets the button type to `button`, `submit`, or `reset`. Default is `button`. Type is only valid for `<button>`s.
69
+ */
23
70
  type?: 'button' | 'submit' | 'reset';
71
+ /**
72
+ * Determines the modified style of the button.
73
+ */
24
74
  variant?: 'fill' | 'outline' | 'naked';
25
75
  }
26
76
  type ButtonUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
27
77
  export type ButtonProps<E extends As = 'button' | 'a'> = AsProps<E, ButtonUniqueProps> & MediaQueries<AsProps<E, StyleProps>>;
78
+ /**
79
+ * @deprecated Use `Button` from `@planningcenter/tapestry` instead. (Removal ETA 2026-07-02)
80
+ */
28
81
  export declare function Button<E extends As = 'button' | 'a'>({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip: unformattedTooltip, type, variant, focusVisible: providedFocusVisible, ...restProps }: ButtonProps<E>): React.JSX.Element;
29
82
  export declare namespace Button {
30
83
  var Input: React.ForwardRefExoticComponent<Omit<React.RefAttributes<any> & React.HTMLAttributes<any> & {
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,EAClC,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,qBA8ThB;yBAlVe,MAAM;;;;;;;;;;;;;;;AAsVtB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAEjD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAEtD,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAEvD;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC;;GAEG;AAEH,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,EAClC,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,qBA8ThB;yBAlVe,MAAM;;;;;;;;;;;;;;;AAsVtB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}
@@ -8,9 +8,21 @@ type InputProps = {
8
8
  };
9
9
  type InputSignature = (inputProps: InputProps) => ReactNode;
10
10
  type ButtonInputProps = {
11
+ /**
12
+ * Clones immediate child with input specific props. Use a function to access props and pass them yourself.
13
+ */
11
14
  children: InputSignature | ReactElement<any>;
15
+ /**
16
+ * Callback when the input reverts back to a button.
17
+ */
12
18
  onClose: () => void;
19
+ /**
20
+ * Callback when button is pressed to reveal the input.
21
+ */
13
22
  onOpen: () => void;
23
+ /**
24
+ * Size of internal [Button](/button) and child [Input](/input).
25
+ */
14
26
  size?: 'xs' | 'sm' | 'md' | 'lg';
15
27
  } & ButtonProps;
16
28
  type Props = RefAttributes<any> & HTMLAttributes<any> & ButtonInputProps;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Button/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,cAAc,EAEd,YAAY,EACZ,SAAS,EACT,aAAa,EAKd,MAAM,OAAO,CAAA;AAOd,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,GAAG,CAAA;CACV,CAAA;AAED,KAAK,cAAc,GAAG,CAAC,UAAU,EAAE,UAAU,KAAK,SAAS,CAAA;AAE3D,KAAK,gBAAgB,GAAG;IAItB,QAAQ,EAAE,cAAc,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAK5C,OAAO,EAAE,MAAM,IAAI,CAAA;IAKnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAKlB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,KAAK,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAA;AAOxE,QAAA,MAAM,WAAW,oFA+HhB,CAAA;AAID,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Button/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,cAAc,EAEd,YAAY,EACZ,SAAS,EACT,aAAa,EAKd,MAAM,OAAO,CAAA;AAOd,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,GAAG,CAAA;CACV,CAAA;AAED,KAAK,cAAc,GAAG,CAAC,UAAU,EAAE,UAAU,KAAK,SAAS,CAAA;AAE3D,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,cAAc,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAE5C;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,KAAK,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAA;AAOxE,QAAA,MAAM,WAAW,oFA+HhB,CAAA;AAID,eAAe,WAAW,CAAA"}
@@ -2,16 +2,49 @@ import React from 'react';
2
2
  import Day, { PublicProps } from './Day';
3
3
  import { getMonthWeeks, getNextOccurrenceOfDay, TODAY } from './utils';
4
4
  export type CalendarProps = {
5
+ /**
6
+ * Gain access to the outer wrapping `StackView` ref
7
+ */
5
8
  calendarRef?: React.RefObject<HTMLDivElement>;
9
+ /**
10
+ * Used to calculate the month and year.
11
+ */
6
12
  date?: Date;
13
+ /**
14
+ * Used to calculate the initial month and year.
15
+ */
7
16
  initialDate?: Date;
17
+ /**
18
+ * The maximum date the calendar can be navigated to.
19
+ */
8
20
  maxDate?: Date;
21
+ /**
22
+ * The minimum date the calendar can be navigated to.
23
+ */
9
24
  minDate?: Date;
25
+ /**
26
+ * Callback when month or year navigation occurs.
27
+ */
10
28
  onDateChange?: (date: Date) => void;
29
+ /**
30
+ * Callback when a day is selected.
31
+ */
11
32
  onDateSelect?: (date: Date) => void;
33
+ /**
34
+ * Controls rendering of each day. Returns props that should be forwarded to `Calendar.Day`.
35
+ */
12
36
  renderDay?: (props: Object) => void;
37
+ /**
38
+ * Displays a `token('--t-fill-color-interaction)` colored circle around the selected date.
39
+ */
13
40
  selected?: Date;
41
+ /**
42
+ * Sets the size of the calendar by changing cell and font sizes.
43
+ */
14
44
  size?: 'sm' | 'md' | 'lg';
45
+ /**
46
+ * Determines what day of the week the calendar should start on.
47
+ */
15
48
  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
16
49
  };
17
50
  type DateInput = number | Date | null | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAON,MAAM,OAAO,CAAA;AASd,OAAO,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,aAAa,EACb,sBAAsB,EAOtB,KAAK,EACN,MAAM,SAAS,CAAA;AA2ChB,MAAM,MAAM,aAAa,GAAG;IAI1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAM7C,IAAI,CAAC,EAAE,IAAI,CAAA;IAKX,WAAW,CAAC,EAAE,IAAI,CAAA;IAMlB,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,OAAO,CAAC,EAAE,IAAI,CAAA;IAMd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAKnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAMnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAKnC,QAAQ,CAAC,EAAE,IAAI,CAAA;IAKf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKzB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACzC,CAAA;AA2VD,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AAEjD,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE5D;AACD,iBAAS,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE7D;AACD,iBAAS,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,WAElE;AACD,iBAAS,aAAa,CACpB,IAAI,EAAE,SAAS,EACf,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,WAKrD;;;;;;;;;;;;;;;;;SAaM,UAAU;WACR,YAAY;mBACJ,oBAAoB;4BACX,6BAA6B;gBACzC,iBAAiB;iBAChB,kBAAkB;eACpB,uBAAuB;mBACnB,oBAAoB;;AARrC,wBASC"}
1
+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAON,MAAM,OAAO,CAAA;AASd,OAAO,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,aAAa,EACb,sBAAsB,EAOtB,KAAK,EACN,MAAM,SAAS,CAAA;AA2ChB,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAG7C;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAA;IAGlB;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAGd;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAGnC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACzC,CAAA;AA2VD,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AAEjD,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE5D;AACD,iBAAS,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE7D;AACD,iBAAS,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,WAElE;AACD,iBAAS,aAAa,CACpB,IAAI,EAAE,SAAS,EACf,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,WAKrD;;;;;;;;;;;;;;;;;SAaM,UAAU;WACR,YAAY;mBACJ,oBAAoB;4BACX,6BAA6B;gBACzC,iBAAiB;iBAChB,kBAAkB;eACpB,uBAAuB;mBACnB,oBAAoB;;AARrC,wBASC"}
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{getMonth as n,getYear as r,isSameDay as i,format as a,isSameMonth as o,addMonths as s,addYears as l,isBefore as c,isAfter as u,isWithinInterval as d}from"date-fns";import m,{forwardRef as h,useRef as f,useState as g,useEffect as p,useImperativeHandle as b,Children as y}from"react";import{Box as S}from"../Box/Box.js";import{Button as k}from"../Button/Button.js";import{Group as v}from"../Group/Group.js";import z from"../HeadingUppercase/HeadingUppercase.js";import{useHover as D}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as C}from"../StackView/StackView.js";import{useThemeValue as x}from"../system/utils.js";import E from"./Day.js";import{MIN_MONTH_DEFAULT as w,MAX_MONTH_DEFAULT as O,MIN_YEAR_DEFAULT as j,MAX_YEAR_DEFAULT as W,getMonthWeekDays as M,getMonthWeeks as B,MONTHS as T,TODAY as I,getNextOccurrenceOfDay as A,getYears as F}from"./utils.js";var H={lg:{buttonSize:"sm",cellSize:7,fontSize:3,headerFontSize:2,trimWeekdays:3},md:{buttonSize:"sm",cellSize:5,fontSize:4,headerFontSize:2,trimWeekdays:3},sm:{buttonSize:"sm",cellSize:4,fontSize:4,headerFontSize:4,statusOffset:"12.5%",trimWeekdays:2}},R=h((function(d,h){var A=d.date,N=void 0===A?null:A,P=d.initialDate,G=void 0===P?I:P,U=d.maxDate,V=void 0===U?null:U,Y=d.minDate,_=void 0===Y?null:Y,q=d.onDateChange,J=void 0===q?null:q,K=d.onDateSelect,L=void 0===K?null:K,Q=d.renderDay,X=void 0===Q?function(e){return m.createElement(E,t({},e))}:Q,Z=d.selected,$=void 0===Z?null:Z,ee=d.size,te=void 0===ee?"md":ee,ne=d.weekStartsOn,re=void 0===ne?null:ne,ie=e(d,["date","initialDate","maxDate","minDate","onDateChange","onDateSelect","renderDay","selected","size","weekStartsOn"]),ae=x("calendar"),oe=f(N),se=D(),le=se.hover,ce=se.hoverProps,ue=g(N||G),de=ue[0],me=ue[1],he=g("calendar"),fe=he[0],ge=he[1],pe="calendar"===fe,be="years"===fe,ye="months"===fe,Se=n(de),ke=r(de),ve=F(ke),ze=n(_)||w,De=n(V)||O,Ce=r(_)||j,xe=r(V)||W,Ee=H[te],we=Ee.buttonSize,Oe=Ee.cellSize,je=Ee.fontSize,We=Ee.headerFontSize,Me=Ee.statusOffset,Be=Ee.trimWeekdays,Te=M({trimWeekdays:Be,weekStartsOn:re||ae.weekStartsOn||0}),Ie=B(de,{forceSixWeeks:!0,weekStartsOn:re||ae.weekStartsOn||0}),Ae=function(e,t){var n=t?"calendar":fe;R.isBeforeDay(e,_)?e=_:R.isAfterDay(e,V)&&(e=V),null===N?(me(e),ge(n)):ge(n),J&&J(e)},Fe=function(e){Ae(("years"===fe?l:s)(de,e))};return p((function(){null===N||i(oe.current,N)||me(N),oe.current=N}),[N]),b(h,(function(){return{navigateCalendar:Fe,setDate:Ae}})),m.createElement(C,t({innerRef:h},ce,ie),m.createElement(C,{axis:"horizontal",alignment:"center",distribution:"space-between",padding:.5,paddingBottom:0},m.createElement(C,{axis:"horizontal",spacing:.5},m.createElement(S,{"aria-label":ye?"Choose dates":"Choose month",as:"button",type:"button",backgroundColor:le?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(ye?"calendar":"months")},padding:.25,radius:3,tabIndex:-1},a(de,"MMMM")),m.createElement(S,{"aria-label":be?"Choose dates":"Choose year",as:"button",type:"button",backgroundColor:le?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(be?"calendar":"years")},padding:.25,radius:3,tabIndex:-1},ke)),m.createElement(v,{marginRight:.5,childProps:{size:we,variant:"outline"}},m.createElement(k,{disabled:be?ke<=Ce:o(de,_),icon:{name:"general.leftChevron",size:"xxs"},onClick:function(){return Fe(-1)},tabIndex:-1,title:"Previous month"}),m.createElement(k,{icon:{name:"tapestry.radio1"},onClick:function(){return Ae(I,!0)},tabIndex:-1,tooltip:{title:"Today"}}),m.createElement(k,{disabled:be?ke>=xe:o(de,V),icon:{name:"general.rightChevron",size:"xxs"},onClick:function(){return Fe(1)},tabIndex:-1,title:"Next month"}))),ye&&m.createElement(C,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},T.map((function(e,t){var n=!R.isWithinRange(new Date(ke,t,1),{end:new Date(xe,De,1),start:new Date(Ce,ze,1)});return m.createElement(C,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:n?"not-allowed":"pointer",backgroundColor:Se===t?"surfaceSecondary":"transparent",opacity:n?.6:void 0,hover:{backgroundColor:n?void 0:"highlight"},disabled:n,onClick:function(){Ae(s(de,t-Se),!0)}},m.createElement(z,{cursor:"inherit"},e.substring(0,3)))}))),be&&m.createElement(C,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},ve.map((function(e){var t=!(e>=Ce&&e<=xe);return m.createElement(C,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:t?"not-allowed":"pointer",backgroundColor:ke===e?"surfaceTertiary":"transparent",opacity:t?.6:void 0,hover:{backgroundColor:t?void 0:"highlight"},disabled:t,onClick:function(){Ae(l(de,e-ke),!0)}},m.createElement(z,{cursor:"inherit"},e))}))),pe&&m.createElement(C,null,m.createElement(C,{axis:"horizontal"},Te.map((function(e){return m.createElement(C,{key:e.full,alignment:"center",distribution:"center",width:Oe,height:4},m.createElement(z,{fontSize:6},e.trimmed))}))),Ie.map((function(e,t){return m.createElement(C,{key:t,axis:"horizontal"},y.toArray(e.map((function(e){var t=o(e,de),n=c(e,_),r=u(e,V),a=i(e,$),s=i(e,I);return X({backgroundColor:n||r?"surfaceSecondary":"inherit",cellSize:Oe,color:a?"white":t&&!(n||r)?"inherit":"foregroundTertiary",date:e,fontSize:je,inSameMonth:t,isMaxDate:r,isMinDate:n,isSelected:a,isToday:s,selectDate:L,statusOffset:Me})}))))}))))}));R.displayName="Calendar",R.TODAY=I,R.Day=E,R.getNextOccurrenceOfDay=A,R.getMonthWeeks=B,R.isAfterDay=function(e,t){return e&&t&&u(e,t)},R.isBeforeDay=function(e,t){return e&&t&&c(e,t)},R.isSameDay=function(e,t){return e&&t&&i(e,t)},R.isWithinRange=function(e,t){var n=t.start,r=t.end;if(e&&n&&r&&u(r,n))return d(e,{end:r,start:n})};export{R as default};
1
+ import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{getMonth as n,getYear as r,isSameDay as i,format as a,isSameMonth as o,addMonths as s,addYears as l,isBefore as c,isAfter as u,isWithinInterval as d}from"date-fns";import m,{forwardRef as h,useRef as f,useState as g,useEffect as p,useImperativeHandle as b,Children as y}from"react";import{Box as S}from"../Box/Box.js";import{Button as k}from"../Button/Button.js";import{Group as v}from"../Group/Group.js";import z from"../HeadingUppercase/HeadingUppercase.js";import{useHover as D}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as C}from"../StackView/StackView.js";import{useThemeValue as x}from"../system/utils.js";import E from"./Day.js";import{TODAY as w,MIN_MONTH_DEFAULT as O,MAX_MONTH_DEFAULT as j,MIN_YEAR_DEFAULT as W,MAX_YEAR_DEFAULT as M,getMonthWeekDays as B,getMonthWeeks as T,MONTHS as I,getNextOccurrenceOfDay as A,getYears as F}from"./utils.js";var H={lg:{buttonSize:"sm",cellSize:7,fontSize:3,headerFontSize:2,trimWeekdays:3},md:{buttonSize:"sm",cellSize:5,fontSize:4,headerFontSize:2,trimWeekdays:3},sm:{buttonSize:"sm",cellSize:4,fontSize:4,headerFontSize:4,statusOffset:"12.5%",trimWeekdays:2}},R=h((function(d,h){var A=d.date,N=void 0===A?null:A,P=d.initialDate,G=void 0===P?w:P,U=d.maxDate,V=void 0===U?null:U,Y=d.minDate,_=void 0===Y?null:Y,q=d.onDateChange,J=void 0===q?null:q,K=d.onDateSelect,L=void 0===K?null:K,Q=d.renderDay,X=void 0===Q?function(e){return m.createElement(E,t({},e))}:Q,Z=d.selected,$=void 0===Z?null:Z,ee=d.size,te=void 0===ee?"md":ee,ne=d.weekStartsOn,re=void 0===ne?null:ne,ie=e(d,["date","initialDate","maxDate","minDate","onDateChange","onDateSelect","renderDay","selected","size","weekStartsOn"]),ae=x("calendar"),oe=f(N),se=D(),le=se.hover,ce=se.hoverProps,ue=g(N||G),de=ue[0],me=ue[1],he=g("calendar"),fe=he[0],ge=he[1],pe="calendar"===fe,be="years"===fe,ye="months"===fe,Se=n(de),ke=r(de),ve=F(ke),ze=n(_)||O,De=n(V)||j,Ce=r(_)||W,xe=r(V)||M,Ee=H[te],we=Ee.buttonSize,Oe=Ee.cellSize,je=Ee.fontSize,We=Ee.headerFontSize,Me=Ee.statusOffset,Be=Ee.trimWeekdays,Te=B({trimWeekdays:Be,weekStartsOn:re||ae.weekStartsOn||0}),Ie=T(de,{forceSixWeeks:!0,weekStartsOn:re||ae.weekStartsOn||0}),Ae=function(e,t){var n=t?"calendar":fe;R.isBeforeDay(e,_)?e=_:R.isAfterDay(e,V)&&(e=V),null===N?(me(e),ge(n)):ge(n),J&&J(e)},Fe=function(e){Ae(("years"===fe?l:s)(de,e))};return p((function(){null===N||i(oe.current,N)||me(N),oe.current=N}),[N]),b(h,(function(){return{navigateCalendar:Fe,setDate:Ae}})),m.createElement(C,t({innerRef:h},ce,ie),m.createElement(C,{axis:"horizontal",alignment:"center",distribution:"space-between",padding:.5,paddingBottom:0},m.createElement(C,{axis:"horizontal",spacing:.5},m.createElement(S,{"aria-label":ye?"Choose dates":"Choose month",as:"button",type:"button",backgroundColor:le?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(ye?"calendar":"months")},padding:.25,radius:3,tabIndex:-1},a(de,"MMMM")),m.createElement(S,{"aria-label":be?"Choose dates":"Choose year",as:"button",type:"button",backgroundColor:le?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(be?"calendar":"years")},padding:.25,radius:3,tabIndex:-1},ke)),m.createElement(v,{marginRight:.5,childProps:{size:we,variant:"outline"}},m.createElement(k,{disabled:be?ke<=Ce:o(de,_),icon:{name:"general.leftChevron",size:"xxs"},onClick:function(){return Fe(-1)},tabIndex:-1,title:"Previous month"}),m.createElement(k,{icon:{name:"tapestry.radio1"},onClick:function(){return Ae(w,!0)},tabIndex:-1,tooltip:{title:"Today"}}),m.createElement(k,{disabled:be?ke>=xe:o(de,V),icon:{name:"general.rightChevron",size:"xxs"},onClick:function(){return Fe(1)},tabIndex:-1,title:"Next month"}))),ye&&m.createElement(C,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},I.map((function(e,t){var n=!R.isWithinRange(new Date(ke,t,1),{end:new Date(xe,De,1),start:new Date(Ce,ze,1)});return m.createElement(C,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:n?"not-allowed":"pointer",backgroundColor:Se===t?"surfaceSecondary":"transparent",opacity:n?.6:void 0,hover:{backgroundColor:n?void 0:"highlight"},disabled:n,onClick:function(){Ae(s(de,t-Se),!0)}},m.createElement(z,{cursor:"inherit"},e.substring(0,3)))}))),be&&m.createElement(C,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},ve.map((function(e){var t=!(e>=Ce&&e<=xe);return m.createElement(C,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:t?"not-allowed":"pointer",backgroundColor:ke===e?"surfaceTertiary":"transparent",opacity:t?.6:void 0,hover:{backgroundColor:t?void 0:"highlight"},disabled:t,onClick:function(){Ae(l(de,e-ke),!0)}},m.createElement(z,{cursor:"inherit"},e))}))),pe&&m.createElement(C,null,m.createElement(C,{axis:"horizontal"},Te.map((function(e){return m.createElement(C,{key:e.full,alignment:"center",distribution:"center",width:Oe,height:4},m.createElement(z,{fontSize:6},e.trimmed))}))),Ie.map((function(e,t){return m.createElement(C,{key:t,axis:"horizontal"},y.toArray(e.map((function(e){var t=o(e,de),n=c(e,_),r=u(e,V),a=i(e,$),s=i(e,w);return X({backgroundColor:n||r?"surfaceSecondary":"inherit",cellSize:Oe,color:a?"white":t&&!(n||r)?"inherit":"foregroundTertiary",date:e,fontSize:je,inSameMonth:t,isMaxDate:r,isMinDate:n,isSelected:a,isToday:s,selectDate:L,statusOffset:Me})}))))}))))}));R.displayName="Calendar",R.TODAY=w,R.Day=E,R.getNextOccurrenceOfDay=A,R.getMonthWeeks=T,R.isAfterDay=function(e,t){return e&&t&&u(e,t)},R.isBeforeDay=function(e,t){return e&&t&&c(e,t)},R.isSameDay=function(e,t){return e&&t&&i(e,t)},R.isWithinRange=function(e,t){var n=t.start,r=t.end;if(e&&n&&r&&u(r,n))return d(e,{end:r,start:n})};export{R as default};
2
2
  //# sourceMappingURL=Calendar.js.map
@@ -1,24 +1,73 @@
1
1
  import React, { MouseEventHandler } from 'react';
2
2
  export type PublicProps = {
3
+ /**
4
+ * Background color of the container.
5
+ */
3
6
  backgroundColor?: string;
7
+ /**
8
+ * Size of the cell.
9
+ */
4
10
  cellSize?: number;
5
11
  children?: any;
12
+ /**
13
+ * Text color of the date.
14
+ */
6
15
  color?: string;
16
+ /**
17
+ * Date for calendar day.
18
+ */
7
19
  date?: Date;
20
+ /**
21
+ * Disables the `onClick` callback.
22
+ */
8
23
  disabled?: boolean;
24
+ /**
25
+ * Sets the font size of the date.
26
+ */
9
27
  fontSize?: number | string;
28
+ /**
29
+ * Sets the font weight of the date.
30
+ */
10
31
  fontWeight?: number | string;
32
+ /**
33
+ * Is the current day in the month displayed?
34
+ */
11
35
  inSameMonth?: boolean;
36
+ /** Internal use */
12
37
  isMaxDate?: boolean;
38
+ /** Internal use */
13
39
  isMinDate?: boolean;
40
+ /**
41
+ * Is the day the selected date?
42
+ */
14
43
  isSelected?: boolean;
44
+ /**
45
+ * Is the day today?
46
+ */
15
47
  isToday?: boolean;
48
+ /** Native */
16
49
  onClick?: MouseEventHandler<HTMLDivElement>;
50
+ /** Native */
17
51
  onMouseDown?: MouseEventHandler<HTMLDivElement>;
52
+ /**
53
+ * Callback triggered when the day is selected
54
+ */
18
55
  selectDate?: (date: Date) => void;
56
+ /**
57
+ * Circular background color of the selected date, default's to theme `token('--t-fill-color-interaction)`.
58
+ */
19
59
  selectedColor?: string;
60
+ /**
61
+ * Circular background color, default's to `transparent`. Can be used to provide a visual queue for a given day.
62
+ */
20
63
  statusColor?: string;
64
+ /**
65
+ * Specifies the `bottom` offset of the status dots, defaults to `15%`.
66
+ */
21
67
  statusOffset: string | number;
68
+ /**
69
+ * Accepts an array of color names (theme token or valid html) which render as small colorized dots below the date.
70
+ */
22
71
  statuses?: string[];
23
72
  };
24
73
  declare const Day: {
@@ -1 +1 @@
1
- {"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../src/Calendar/Day.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAMhD,MAAM,MAAM,WAAW,GAAG;IAIxB,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,IAAI,CAAC,EAAE,IAAI,CAAA;IAIX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI5B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAA;IAInB,UAAU,CAAC,EAAE,OAAO,CAAA;IAIpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAE3C,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAI/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAIjC,aAAa,CAAC,EAAE,MAAM,CAAA;IAItB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAI7B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,GAAG;iOAoBN,WAAW;;CAgFb,CAAA;AAGD,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../src/Calendar/Day.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAMhD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa;IACb,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC3C,aAAa;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,GAAG;iOAoBN,WAAW;;CAgFb,CAAA;AAGD,eAAe,GAAG,CAAA"}
@@ -2,7 +2,9 @@ import * as React from 'react';
2
2
  import { StackViewProps, StackViewUniqueProps } from '../StackView';
3
3
  import { As, AsProps, MediaQueries, StyleProps, Variants } from '../types';
4
4
  type Props = {
5
+ /** The size of the radius. (Default is 3). */
5
6
  radius?: number | string;
7
+ /** Adds a slightly higher contrast background. */
6
8
  subdued?: boolean;
7
9
  };
8
10
  export type CardUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAa,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,KAAK,KAAK,GAAG;IAEX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AAC7E,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IACtC,CAAC;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC,GACnE,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,GAC1B,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;AAEvC,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,QAAQ,EACR,OAAO,EACP,MAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,qBA6Dd;yBAlEe,IAAI"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAa,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,KAAK,KAAK,GAAG;IACX,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AAC7E,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IACtC,CAAC;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC,GACnE,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,GAC1B,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;AAEvC,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,QAAQ,EACR,OAAO,EACP,MAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,qBA6Dd;yBAlEe,IAAI"}
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import { StackViewUniqueProps } from '../StackView';
3
3
  import { As, AsProps, MediaQueries, StyleProps, Variants } from '../types';
4
4
  interface Props {
5
+ /** Adds a slightly higher contrast background. */
5
6
  subdued?: boolean;
6
7
  }
7
8
  export type SectionProps<E extends As = 'div'> = AsProps<E, Props & Omit<StackViewUniqueProps, keyof Props>> & MediaQueries<AsProps<E, StyleProps>> & Variants<AsProps<E, StyleProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/Card/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAA6B,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE1E,UAAU,KAAK;IAEb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,OAAO,CACtD,CAAC,EACD,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAChD,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAElC,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EAC5C,OAAO,EACP,GAAG,SAAS,EACb,EAAE,YAAY,CAAC,CAAC,CAAC,qBASjB;yBAZe,OAAO"}
1
+ {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/Card/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAA6B,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE1E,UAAU,KAAK;IACb,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,OAAO,CACtD,CAAC,EACD,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAChD,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAElC,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EAC5C,OAAO,EACP,GAAG,SAAS,EACb,EAAE,YAAY,CAAC,CAAC,CAAC,qBASjB;yBAZe,OAAO"}
@@ -1,18 +1,56 @@
1
1
  import React, { ComponentProps, JSX } from 'react';
2
2
  import StackView from '../StackView';
3
3
  export type CheckboxProps = ComponentProps<typeof StackView> & {
4
+ /**
5
+ * Checks the checkbox, will be overriden if indeterminate is `true`.
6
+ */
4
7
  checked?: boolean;
8
+ /**
9
+ * Disables the checkbox component.
10
+ */
5
11
  disabled?: boolean;
12
+ /**
13
+ * Connects input to its corresponding label's `htmlFor`.
14
+ */
6
15
  id?: string | number;
16
+ /**
17
+ * If `true`, puts the checkbox in an indeterminate state.
18
+ */
7
19
  indeterminate?: boolean;
20
+ /**
21
+ * Used to label the checkbox. Checkbox must have parent label if left `undefined`.
22
+ * Pass `null` to use as a graphical element only, please note you need to provide
23
+ * additional aria attributes when doing so.
24
+ */
8
25
  label?: string | null;
26
+ /**
27
+ * Maps to the internal input's name prop.
28
+ */
9
29
  name?: string;
30
+ /**
31
+ * Maps to the internal input's `onBlur` prop.
32
+ */
10
33
  onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
34
+ /**
35
+ * Maps to the internal input's `onChange` prop.
36
+ */
11
37
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
38
+ /**
39
+ * Maps to the internal input's `onFocus` prop.
40
+ */
12
41
  onFocus?: (event: React.ChangeEvent<HTMLInputElement>) => void;
42
+ /**
43
+ * Determines the size of the checkbox.
44
+ */
13
45
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
46
+ /**
47
+ * Maps to the internal input's value prop.
48
+ */
14
49
  value?: any;
15
50
  };
51
+ /**
52
+ * @deprecated Use `Checkbox` from `@planningcenter/tapestry` instead. (Removal ETA 2026-07-02)
53
+ */
16
54
  declare const Checkbox: ({ checked, disabled, id, indeterminate, label, name, onBlur, onChange, onFocus, size, value, ...restProps }: CheckboxProps) => JSX.Element;
17
55
  export default Checkbox;
18
56
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,GAAG,EAKJ,MAAM,OAAO,CAAA;AAQd,OAAO,SAAS,MAAM,cAAc,CAAA;AAapC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI7D,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,aAAa,CAAC,EAAE,OAAO,CAAA;IAOvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,QAAQ,gHAaX,aAAa,KAAG,WAqKlB,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,GAAG,EAKJ,MAAM,OAAO,CAAA;AAQd,OAAO,SAAS,MAAM,cAAc,CAAA;AAapC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC7D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAE7D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAE/D;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAE9D;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEvC;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,gHAaX,aAAa,KAAG,WAqKlB,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -1,7 +1,9 @@
1
1
  import React from 'react';
2
2
  import { InputProps } from '../types';
3
3
  type Props = Pick<InputProps, 'checked' | 'onChange'> & {
4
+ /** Second line of text in the card, in a lighter color. */
4
5
  subtitle?: string;
6
+ /** First line of text in the card, in a darker color. */
5
7
  title?: string;
6
8
  };
7
9
  declare function CheckboxCard({ checked, onChange, subtitle, title, ...restProps }: Props): React.JSX.Element;