draft-components 1.0.0-beta.1 → 1.0.0-beta.4

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 (648) hide show
  1. package/cjs/components/alert/alert.cjs +18 -0
  2. package/cjs/components/avatar/avatar.cjs +31 -0
  3. package/cjs/components/avatar-group/avatar-group.cjs +10 -0
  4. package/{dist/components/badge/badge.js → cjs/components/badge/badge.cjs} +7 -6
  5. package/cjs/components/breadcrumbs/breadcrumbs-context.cjs +19 -0
  6. package/cjs/components/breadcrumbs/breadcrumbs-item.cjs +21 -0
  7. package/cjs/components/breadcrumbs/breadcrumbs.cjs +12 -0
  8. package/cjs/components/button/button.cjs +39 -0
  9. package/cjs/components/button/icon-button.cjs +12 -0
  10. package/cjs/components/button-group/button-group.cjs +10 -0
  11. package/cjs/components/caption/caption.cjs +27 -0
  12. package/cjs/components/caption/icons.cjs +21 -0
  13. package/cjs/components/checkbox/checkbox.cjs +16 -0
  14. package/{dist/components/date-picker/calendar-day.js → cjs/components/date-picker/calendar-day.cjs} +8 -7
  15. package/cjs/components/date-picker/calendar-grid-head.cjs +16 -0
  16. package/cjs/components/date-picker/calendar-grid.cjs +106 -0
  17. package/cjs/components/date-picker/calendar-header.cjs +48 -0
  18. package/cjs/components/date-picker/calendar.cjs +24 -0
  19. package/{dist/components/date-picker/date-helpers.js → cjs/components/date-picker/date-helpers.cjs} +30 -26
  20. package/cjs/components/date-picker/date-picker.cjs +20 -0
  21. package/cjs/components/date-picker/date-range-picker.cjs +61 -0
  22. package/cjs/components/date-picker/date-range.cjs +28 -0
  23. package/cjs/components/date-picker/icons.cjs +13 -0
  24. package/{dist/components/date-picker/parse-min-max-props.js → cjs/components/date-picker/parse-min-max-props.cjs} +7 -6
  25. package/cjs/components/date-picker-popover/date-picker-popover.cjs +24 -0
  26. package/cjs/components/date-range-picker-popover/date-range-picker-popover-footer.cjs +11 -0
  27. package/cjs/components/date-range-picker-popover/date-range-picker-popover-presets.cjs +35 -0
  28. package/cjs/components/date-range-picker-popover/date-range-picker-popover.cjs +59 -0
  29. package/{dist/components/date-range-picker-popover/helpers.js → cjs/components/date-range-picker-popover/helpers.cjs} +3 -3
  30. package/{dist/components/date-range-picker-popover/use-is-compact-view.js → cjs/components/date-range-picker-popover/use-is-compact-view.cjs} +8 -7
  31. package/{dist/components/dialog/dialog-body.js → cjs/components/dialog/dialog-body.cjs} +17 -16
  32. package/{dist/components/dialog/dialog-context.js → cjs/components/dialog/dialog-context.cjs} +10 -9
  33. package/cjs/components/dialog/dialog-footer.cjs +10 -0
  34. package/cjs/components/dialog/dialog-header.cjs +18 -0
  35. package/cjs/components/dialog/dialog.cjs +50 -0
  36. package/cjs/components/dialog/x-mark-icon.cjs +9 -0
  37. package/cjs/components/empty-state/empty-state.cjs +10 -0
  38. package/cjs/components/file-picker/file-picker.cjs +47 -0
  39. package/cjs/components/filter-buttons/filter-button.cjs +11 -0
  40. package/cjs/components/filter-buttons/filter-buttons.cjs +27 -0
  41. package/cjs/components/form-field/form-field.cjs +26 -0
  42. package/cjs/components/index.cjs +123 -0
  43. package/cjs/components/label/label.cjs +13 -0
  44. package/cjs/components/menu/menu-item.cjs +14 -0
  45. package/cjs/components/menu/menu-separator.cjs +10 -0
  46. package/{dist/components/menu/menu.js → cjs/components/menu/menu.cjs} +50 -52
  47. package/cjs/components/nav-list/nav-list-item.cjs +20 -0
  48. package/cjs/components/nav-list/nav-list-title.cjs +10 -0
  49. package/cjs/components/nav-list/nav-list.cjs +10 -0
  50. package/cjs/components/password-input/icons.cjs +13 -0
  51. package/cjs/components/password-input/password-input.cjs +30 -0
  52. package/cjs/components/popover/popover.cjs +97 -0
  53. package/{dist/components/popover/use-page-click.js → cjs/components/popover/use-page-click.cjs} +8 -7
  54. package/cjs/components/portal/portal-context.cjs +22 -0
  55. package/cjs/components/portal/portal.cjs +11 -0
  56. package/{dist/components/positioner/calc-position.js → cjs/components/positioner/calc-position.cjs} +4 -4
  57. package/{dist/components/positioner/positioner.js → cjs/components/positioner/positioner.cjs} +14 -13
  58. package/cjs/components/radio/radio.cjs +24 -0
  59. package/cjs/components/segmented-control/segmented-control-button.cjs +15 -0
  60. package/cjs/components/segmented-control/segmented-control.cjs +48 -0
  61. package/cjs/components/select/select.cjs +27 -0
  62. package/cjs/components/selection-control/selection-control.cjs +18 -0
  63. package/cjs/components/slider/slider-tick-marks.cjs +17 -0
  64. package/{dist/components/slider/slider.js → cjs/components/slider/slider.cjs} +16 -14
  65. package/cjs/components/spinner/spinner.cjs +11 -0
  66. package/cjs/components/switch/switch.cjs +15 -0
  67. package/cjs/components/table/icons.cjs +17 -0
  68. package/cjs/components/table/table-body.cjs +11 -0
  69. package/cjs/components/table/table-cell.cjs +11 -0
  70. package/cjs/components/table/table-container.cjs +23 -0
  71. package/cjs/components/table/table-head-cell.cjs +30 -0
  72. package/cjs/components/table/table-head.cjs +14 -0
  73. package/cjs/components/table/table-row.cjs +14 -0
  74. package/cjs/components/table/table.cjs +16 -0
  75. package/cjs/components/tabs/tab-list.cjs +67 -0
  76. package/cjs/components/tabs/tab-panel.cjs +16 -0
  77. package/cjs/components/tabs/tab.cjs +19 -0
  78. package/{dist/components/tabs/tabs-context.js → cjs/components/tabs/tabs-context.cjs} +13 -12
  79. package/cjs/components/tabs/tabs.cjs +11 -0
  80. package/cjs/components/tag/tag.cjs +15 -0
  81. package/cjs/components/text-input/text-input.cjs +26 -0
  82. package/cjs/components/textarea/textarea.cjs +40 -0
  83. package/cjs/components/toast/toast-button.cjs +11 -0
  84. package/cjs/components/toast/toast.cjs +11 -0
  85. package/cjs/components/toast/x-mark-icon.cjs +9 -0
  86. package/cjs/components/toaster/toaster.cjs +115 -0
  87. package/cjs/components/tooltip/tooltip.cjs +75 -0
  88. package/cjs/hooks/index.cjs +13 -0
  89. package/{dist/hooks/use-disable-body-scroll.js → cjs/hooks/use-disable-body-scroll.cjs} +9 -8
  90. package/{dist/hooks/use-esc-key-down.js → cjs/hooks/use-esc-key-down.cjs} +10 -9
  91. package/{dist/hooks/use-focus-trap.js → cjs/hooks/use-focus-trap.cjs} +12 -11
  92. package/{dist/hooks/use-mount-transition.js → cjs/hooks/use-mount-transition.cjs} +13 -12
  93. package/cjs/index.cjs +141 -0
  94. package/{dist/shared/util.js → cjs/lib/helpers.cjs} +4 -4
  95. package/cjs/lib/index.cjs +15 -0
  96. package/{dist/shared/keyboard-keys.js → cjs/lib/keyboard-keys.cjs} +5 -4
  97. package/{dist/shared/react-helpers.js → cjs/lib/react-helpers.cjs} +9 -8
  98. package/css/draft-components-utilities.css +4 -0
  99. package/css/draft-components.css +15 -1
  100. package/esm/components/alert/alert.js +9 -5
  101. package/esm/components/avatar/avatar.js +17 -14
  102. package/esm/components/avatar-group/avatar-group.js +7 -4
  103. package/esm/components/badge/badge.js +7 -4
  104. package/esm/components/breadcrumbs/breadcrumbs-context.js +7 -4
  105. package/esm/components/breadcrumbs/breadcrumbs-item.js +10 -7
  106. package/esm/components/breadcrumbs/breadcrumbs.js +9 -6
  107. package/esm/components/button/button.js +11 -8
  108. package/esm/components/button/icon-button.js +8 -5
  109. package/esm/components/button-group/button-group.js +7 -4
  110. package/esm/components/caption/caption.js +10 -7
  111. package/esm/components/caption/icons.js +12 -9
  112. package/esm/components/checkbox/checkbox.js +12 -9
  113. package/esm/components/date-picker/calendar-day.js +8 -5
  114. package/esm/components/date-picker/calendar-grid-head.js +8 -5
  115. package/esm/components/date-picker/calendar-grid.js +15 -12
  116. package/esm/components/date-picker/calendar-header.js +20 -16
  117. package/esm/components/date-picker/calendar.js +11 -8
  118. package/esm/components/date-picker/date-helpers.js +22 -20
  119. package/esm/components/date-picker/date-picker.js +10 -7
  120. package/esm/components/date-picker/date-range-picker.js +15 -12
  121. package/esm/components/date-picker/date-range.js +5 -2
  122. package/esm/components/date-picker/icons.js +8 -5
  123. package/esm/components/date-picker/parse-min-max-props.js +5 -2
  124. package/esm/components/date-picker-popover/date-picker-popover.js +14 -8
  125. package/esm/components/date-range-picker-popover/date-range-picker-popover-footer.js +8 -4
  126. package/esm/components/date-range-picker-popover/date-range-picker-popover-presets.js +12 -9
  127. package/esm/components/date-range-picker-popover/date-range-picker-popover.js +20 -13
  128. package/esm/components/date-range-picker-popover/helpers.js +3 -1
  129. package/esm/components/date-range-picker-popover/use-is-compact-view.js +6 -3
  130. package/esm/components/dialog/dialog-body.js +14 -11
  131. package/esm/components/dialog/dialog-context.js +7 -4
  132. package/esm/components/dialog/dialog-footer.js +7 -4
  133. package/esm/components/dialog/dialog-header.js +11 -7
  134. package/esm/components/dialog/dialog.js +18 -12
  135. package/esm/components/dialog/x-mark-icon.js +6 -3
  136. package/esm/components/empty-state/empty-state.js +7 -4
  137. package/esm/components/file-picker/file-picker.js +13 -9
  138. package/esm/components/filter-buttons/filter-button.js +7 -4
  139. package/esm/components/filter-buttons/filter-buttons.js +9 -6
  140. package/esm/components/form-field/form-field.js +11 -8
  141. package/esm/components/index.js +59 -0
  142. package/esm/components/label/label.js +7 -4
  143. package/esm/components/menu/menu-item.js +9 -6
  144. package/esm/components/menu/menu-separator.js +7 -4
  145. package/esm/components/menu/menu.js +24 -24
  146. package/esm/components/nav-list/nav-list-item.js +10 -7
  147. package/esm/components/nav-list/nav-list-title.js +7 -4
  148. package/esm/components/nav-list/nav-list.js +7 -4
  149. package/esm/components/password-input/icons.js +8 -5
  150. package/esm/components/password-input/password-input.js +12 -9
  151. package/esm/components/popover/popover.js +22 -21
  152. package/esm/components/popover/use-page-click.js +5 -2
  153. package/esm/components/portal/portal-context.js +5 -6
  154. package/esm/components/portal/portal.js +5 -2
  155. package/esm/components/positioner/calc-position.js +4 -2
  156. package/esm/components/positioner/positioner.js +9 -6
  157. package/esm/components/radio/radio.js +12 -9
  158. package/esm/components/segmented-control/segmented-control-button.js +7 -4
  159. package/esm/components/segmented-control/segmented-control.js +12 -9
  160. package/esm/components/select/select.js +13 -10
  161. package/esm/components/selection-control/selection-control.js +10 -7
  162. package/esm/components/slider/slider-tick-marks.js +8 -5
  163. package/esm/components/slider/slider.js +13 -10
  164. package/esm/components/spinner/spinner.js +7 -4
  165. package/esm/components/switch/switch.js +11 -8
  166. package/esm/components/table/icons.js +10 -7
  167. package/esm/components/table/table-body.js +7 -4
  168. package/esm/components/table/table-cell.js +7 -4
  169. package/esm/components/table/table-container.js +7 -4
  170. package/esm/components/table/table-head-cell.js +18 -15
  171. package/esm/components/table/table-head.js +7 -4
  172. package/esm/components/table/table-row.js +7 -4
  173. package/esm/components/table/table.js +7 -4
  174. package/esm/components/tabs/tab-list.js +14 -11
  175. package/esm/components/tabs/tab-panel.js +8 -5
  176. package/esm/components/tabs/tab.js +10 -7
  177. package/esm/components/tabs/tabs-context.js +8 -5
  178. package/esm/components/tabs/tabs.js +8 -5
  179. package/esm/components/tag/tag.js +7 -4
  180. package/esm/components/text-input/text-input.js +11 -8
  181. package/esm/components/textarea/textarea.js +20 -17
  182. package/esm/components/toast/toast-button.js +7 -4
  183. package/esm/components/toast/toast.js +8 -5
  184. package/esm/components/toast/x-mark-icon.js +6 -3
  185. package/esm/components/toaster/toaster.js +29 -46
  186. package/esm/components/tooltip/tooltip.js +22 -24
  187. package/esm/hooks/index.js +4 -4
  188. package/esm/hooks/use-disable-body-scroll.js +5 -2
  189. package/esm/hooks/use-esc-key-down.js +6 -3
  190. package/esm/hooks/use-focus-trap.js +6 -3
  191. package/esm/hooks/use-mount-transition.js +6 -3
  192. package/esm/index.js +66 -37
  193. package/esm/{shared/util.js → lib/helpers.js} +4 -2
  194. package/esm/lib/index.js +3 -0
  195. package/esm/{shared → lib}/keyboard-keys.js +3 -1
  196. package/esm/{shared → lib}/react-helpers.js +8 -5
  197. package/package.json +30 -26
  198. package/{dist → types}/components/alert/alert.d.ts +0 -0
  199. package/{dist → types}/components/alert/index.d.ts +0 -0
  200. package/{dist → types}/components/avatar/avatar.d.ts +0 -0
  201. package/{dist → types}/components/avatar/index.d.ts +0 -0
  202. package/{dist → types}/components/avatar-group/avatar-group.d.ts +0 -0
  203. package/{dist → types}/components/avatar-group/index.d.ts +0 -0
  204. package/{dist → types}/components/badge/badge.d.ts +0 -0
  205. package/{dist → types}/components/badge/index.d.ts +0 -0
  206. package/{dist → types}/components/breadcrumbs/breadcrumbs-context.d.ts +0 -0
  207. package/{dist → types}/components/breadcrumbs/breadcrumbs-item.d.ts +0 -0
  208. package/{dist → types}/components/breadcrumbs/breadcrumbs.d.ts +0 -0
  209. package/{dist → types}/components/breadcrumbs/index.d.ts +0 -0
  210. package/{dist → types}/components/button/button.d.ts +0 -0
  211. package/{dist → types}/components/button/icon-button.d.ts +1 -1
  212. package/{dist → types}/components/button/index.d.ts +0 -0
  213. package/{dist → types}/components/button-group/button-group.d.ts +0 -0
  214. package/{dist → types}/components/button-group/index.d.ts +0 -0
  215. package/{dist → types}/components/caption/caption.d.ts +0 -0
  216. package/{dist → types}/components/caption/icons.d.ts +0 -0
  217. package/{dist → types}/components/caption/index.d.ts +0 -0
  218. package/{dist → types}/components/checkbox/checkbox.d.ts +1 -1
  219. package/{dist → types}/components/checkbox/index.d.ts +0 -0
  220. package/{dist → types}/components/color-picker/color-picker-button.d.ts +0 -0
  221. package/{dist → types}/components/color-picker/color-picker.d.ts +0 -0
  222. package/{dist → types}/components/color-picker/index.d.ts +0 -0
  223. package/{dist → types}/components/date-picker/calendar-day.d.ts +0 -0
  224. package/{dist → types}/components/date-picker/calendar-grid-head.d.ts +0 -0
  225. package/{dist → types}/components/date-picker/calendar-grid.d.ts +0 -0
  226. package/{dist → types}/components/date-picker/calendar-header.d.ts +0 -0
  227. package/{dist → types}/components/date-picker/calendar.d.ts +0 -0
  228. package/{dist → types}/components/date-picker/date-helpers.d.ts +0 -0
  229. package/{dist → types}/components/date-picker/date-picker.d.ts +0 -0
  230. package/{dist → types}/components/date-picker/date-range-picker.d.ts +0 -0
  231. package/{dist → types}/components/date-picker/date-range.d.ts +0 -0
  232. package/{dist → types}/components/date-picker/icons.d.ts +0 -0
  233. package/{dist → types}/components/date-picker/index.d.ts +0 -0
  234. package/{dist → types}/components/date-picker/parse-min-max-props.d.ts +0 -0
  235. package/{dist → types}/components/date-picker-popover/date-picker-popover.d.ts +0 -0
  236. package/{dist → types}/components/date-picker-popover/index.d.ts +0 -0
  237. package/{dist → types}/components/date-range-picker-popover/date-range-picker-popover-footer.d.ts +0 -0
  238. package/{dist → types}/components/date-range-picker-popover/date-range-picker-popover-presets.d.ts +0 -0
  239. package/{dist → types}/components/date-range-picker-popover/date-range-picker-popover.d.ts +0 -0
  240. package/{dist → types}/components/date-range-picker-popover/helpers.d.ts +0 -0
  241. package/{dist → types}/components/date-range-picker-popover/index.d.ts +0 -0
  242. package/{dist → types}/components/date-range-picker-popover/types.d.ts +0 -0
  243. package/{dist → types}/components/date-range-picker-popover/use-is-compact-view.d.ts +0 -0
  244. package/{dist → types}/components/dialog/dialog-body.d.ts +0 -0
  245. package/{dist → types}/components/dialog/dialog-context.d.ts +0 -0
  246. package/{dist → types}/components/dialog/dialog-footer.d.ts +0 -0
  247. package/{dist → types}/components/dialog/dialog-header.d.ts +0 -0
  248. package/{dist → types}/components/dialog/dialog.d.ts +0 -0
  249. package/{dist → types}/components/dialog/index.d.ts +0 -0
  250. package/{dist → types}/components/dialog/x-mark-icon.d.ts +0 -0
  251. package/{dist → types}/components/empty-state/empty-state.d.ts +0 -0
  252. package/{dist → types}/components/empty-state/index.d.ts +0 -0
  253. package/{esm → types}/components/file-picker/file-picker.d.ts +1 -1
  254. package/{dist → types}/components/file-picker/index.d.ts +0 -0
  255. package/{dist → types}/components/filter-buttons/filter-button.d.ts +0 -0
  256. package/{dist → types}/components/filter-buttons/filter-buttons.d.ts +0 -0
  257. package/{dist → types}/components/filter-buttons/index.d.ts +0 -0
  258. package/{dist → types}/components/form-field/form-field.d.ts +0 -0
  259. package/{dist → types}/components/form-field/index.d.ts +0 -0
  260. package/types/components/index.d.ts +37 -0
  261. package/{dist → types}/components/label/index.d.ts +0 -0
  262. package/{dist → types}/components/label/label.d.ts +0 -0
  263. package/{dist → types}/components/menu/index.d.ts +0 -0
  264. package/{esm → types}/components/menu/menu-item.d.ts +1 -1
  265. package/{dist → types}/components/menu/menu-separator.d.ts +1 -1
  266. package/{dist → types}/components/menu/menu.d.ts +0 -0
  267. package/{dist → types}/components/nav-list/index.d.ts +0 -0
  268. package/{dist → types}/components/nav-list/nav-list-item.d.ts +0 -0
  269. package/{dist → types}/components/nav-list/nav-list-title.d.ts +0 -0
  270. package/{dist → types}/components/nav-list/nav-list.d.ts +0 -0
  271. package/{dist → types}/components/password-input/icons.d.ts +0 -0
  272. package/{dist → types}/components/password-input/index.d.ts +0 -0
  273. package/{esm → types}/components/password-input/password-input.d.ts +1 -1
  274. package/{dist → types}/components/popover/index.d.ts +0 -0
  275. package/{dist → types}/components/popover/popover.d.ts +0 -0
  276. package/{dist → types}/components/popover/use-page-click.d.ts +0 -0
  277. package/{dist → types}/components/portal/index.d.ts +0 -0
  278. package/{dist → types}/components/portal/portal-context.d.ts +0 -0
  279. package/{dist → types}/components/portal/portal.d.ts +0 -0
  280. package/{dist → types}/components/positioner/calc-position.d.ts +0 -0
  281. package/{dist → types}/components/positioner/index.d.ts +0 -0
  282. package/{dist → types}/components/positioner/positioner.d.ts +0 -0
  283. package/{dist → types}/components/positioner/types.d.ts +0 -0
  284. package/{dist → types}/components/radio/index.d.ts +0 -0
  285. package/{dist → types}/components/radio/radio.d.ts +1 -1
  286. package/{dist → types}/components/segmented-control/index.d.ts +0 -0
  287. package/{dist → types}/components/segmented-control/segmented-control-button.d.ts +0 -0
  288. package/{dist → types}/components/segmented-control/segmented-control.d.ts +0 -0
  289. package/{dist → types}/components/select/index.d.ts +0 -0
  290. package/{dist → types}/components/select/select.d.ts +3 -3
  291. package/{dist → types}/components/selection-control/index.d.ts +0 -0
  292. package/{dist → types}/components/selection-control/selection-control.d.ts +0 -0
  293. package/{dist → types}/components/slider/index.d.ts +0 -0
  294. package/{dist → types}/components/slider/slider-tick-marks.d.ts +0 -0
  295. package/{esm → types}/components/slider/slider.d.ts +1 -1
  296. package/{dist → types}/components/spinner/index.d.ts +0 -0
  297. package/{dist → types}/components/spinner/spinner.d.ts +0 -0
  298. package/{dist → types}/components/switch/index.d.ts +0 -0
  299. package/{esm → types}/components/switch/switch.d.ts +1 -1
  300. package/{dist → types}/components/table/icons.d.ts +0 -0
  301. package/{dist → types}/components/table/index.d.ts +0 -0
  302. package/{dist → types}/components/table/table-body.d.ts +0 -0
  303. package/{dist → types}/components/table/table-cell.d.ts +0 -0
  304. package/{dist → types}/components/table/table-container.d.ts +0 -0
  305. package/{dist → types}/components/table/table-head-cell.d.ts +0 -0
  306. package/{dist → types}/components/table/table-head.d.ts +0 -0
  307. package/{dist → types}/components/table/table-row.d.ts +0 -0
  308. package/{dist → types}/components/table/table.d.ts +0 -0
  309. package/{dist → types}/components/tabs/index.d.ts +0 -0
  310. package/{dist → types}/components/tabs/tab-list.d.ts +0 -0
  311. package/{dist → types}/components/tabs/tab-panel.d.ts +0 -0
  312. package/{dist → types}/components/tabs/tab.d.ts +0 -0
  313. package/{dist → types}/components/tabs/tabs-context.d.ts +0 -0
  314. package/{dist → types}/components/tabs/tabs.d.ts +0 -0
  315. package/{dist → types}/components/tabs/types.d.ts +0 -0
  316. package/{dist → types}/components/tag/index.d.ts +0 -0
  317. package/{dist → types}/components/tag/tag.d.ts +0 -0
  318. package/{dist → types}/components/text-input/index.d.ts +0 -0
  319. package/{dist → types}/components/text-input/text-input.d.ts +1 -1
  320. package/{dist → types}/components/textarea/index.d.ts +0 -0
  321. package/{dist → types}/components/textarea/textarea.d.ts +0 -0
  322. package/{dist → types}/components/toast/index.d.ts +0 -0
  323. package/{dist → types}/components/toast/toast-button.d.ts +0 -0
  324. package/{dist → types}/components/toast/toast.d.ts +0 -0
  325. package/{dist → types}/components/toast/x-mark-icon.d.ts +0 -0
  326. package/{dist → types}/components/toaster/index.d.ts +0 -0
  327. package/{esm → types}/components/toaster/toaster.d.ts +5 -1
  328. package/{dist → types}/components/tooltip/index.d.ts +0 -0
  329. package/{dist → types}/components/tooltip/tooltip.d.ts +0 -0
  330. package/{dist → types}/hooks/index.d.ts +0 -0
  331. package/{dist → types}/hooks/use-disable-body-scroll.d.ts +0 -0
  332. package/{dist → types}/hooks/use-esc-key-down.d.ts +0 -0
  333. package/{dist → types}/hooks/use-focus-trap.d.ts +0 -0
  334. package/{dist → types}/hooks/use-mount-transition.d.ts +0 -0
  335. package/types/index.d.ts +3 -0
  336. package/types/lib/helpers.d.ts +4 -0
  337. package/types/lib/index.d.ts +3 -0
  338. package/{dist/shared → types/lib}/keyboard-keys.d.ts +0 -0
  339. package/{dist/shared → types/lib}/react-helpers.d.ts +0 -0
  340. package/css/draft-components-utilities.min.css +0 -1
  341. package/css/draft-components.dark.min.css +0 -1
  342. package/css/draft-components.min.css +0 -1
  343. package/dist/components/alert/alert.js +0 -16
  344. package/dist/components/alert/index.js +0 -17
  345. package/dist/components/avatar/avatar.js +0 -29
  346. package/dist/components/avatar/index.js +0 -17
  347. package/dist/components/avatar-group/avatar-group.js +0 -9
  348. package/dist/components/avatar-group/index.js +0 -17
  349. package/dist/components/badge/index.js +0 -17
  350. package/dist/components/breadcrumbs/breadcrumbs-context.js +0 -18
  351. package/dist/components/breadcrumbs/breadcrumbs-item.js +0 -20
  352. package/dist/components/breadcrumbs/breadcrumbs.js +0 -11
  353. package/dist/components/breadcrumbs/index.js +0 -18
  354. package/dist/components/button/button.js +0 -37
  355. package/dist/components/button/icon-button.js +0 -10
  356. package/dist/components/button/index.js +0 -18
  357. package/dist/components/button-group/button-group.js +0 -9
  358. package/dist/components/button-group/index.js +0 -17
  359. package/dist/components/caption/caption.js +0 -25
  360. package/dist/components/caption/icons.js +0 -20
  361. package/dist/components/caption/index.js +0 -17
  362. package/dist/components/checkbox/checkbox.js +0 -14
  363. package/dist/components/checkbox/index.js +0 -17
  364. package/dist/components/color-picker/color-picker-button.js +0 -15
  365. package/dist/components/color-picker/color-picker.js +0 -13
  366. package/dist/components/color-picker/index.js +0 -17
  367. package/dist/components/date-picker/calendar-grid-head.js +0 -15
  368. package/dist/components/date-picker/calendar-grid.js +0 -105
  369. package/dist/components/date-picker/calendar-header.js +0 -46
  370. package/dist/components/date-picker/calendar.js +0 -23
  371. package/dist/components/date-picker/date-picker.js +0 -19
  372. package/dist/components/date-picker/date-range-picker.js +0 -60
  373. package/dist/components/date-picker/date-range.js +0 -27
  374. package/dist/components/date-picker/icons.js +0 -12
  375. package/dist/components/date-picker/index.js +0 -18
  376. package/dist/components/date-picker-popover/date-picker-popover.js +0 -20
  377. package/dist/components/date-picker-popover/index.js +0 -17
  378. package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.js +0 -9
  379. package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.js +0 -34
  380. package/dist/components/date-range-picker-popover/date-range-picker-popover.js +0 -54
  381. package/dist/components/date-range-picker-popover/index.js +0 -18
  382. package/dist/components/date-range-picker-popover/types.js +0 -2
  383. package/dist/components/dialog/dialog-footer.js +0 -9
  384. package/dist/components/dialog/dialog-header.js +0 -16
  385. package/dist/components/dialog/dialog.js +0 -46
  386. package/dist/components/dialog/index.js +0 -20
  387. package/dist/components/dialog/x-mark-icon.js +0 -8
  388. package/dist/components/empty-state/empty-state.js +0 -9
  389. package/dist/components/empty-state/index.js +0 -17
  390. package/dist/components/file-picker/file-picker.d.ts +0 -13
  391. package/dist/components/file-picker/file-picker.js +0 -44
  392. package/dist/components/file-picker/index.js +0 -17
  393. package/dist/components/filter-buttons/filter-button.js +0 -9
  394. package/dist/components/filter-buttons/filter-buttons.js +0 -26
  395. package/dist/components/filter-buttons/index.js +0 -18
  396. package/dist/components/form-field/form-field.js +0 -25
  397. package/dist/components/form-field/index.js +0 -17
  398. package/dist/components/label/index.js +0 -17
  399. package/dist/components/label/label.js +0 -11
  400. package/dist/components/menu/index.js +0 -19
  401. package/dist/components/menu/menu-item.d.ts +0 -11
  402. package/dist/components/menu/menu-item.js +0 -12
  403. package/dist/components/menu/menu-separator.js +0 -9
  404. package/dist/components/nav-list/index.js +0 -19
  405. package/dist/components/nav-list/nav-list-item.js +0 -19
  406. package/dist/components/nav-list/nav-list-title.js +0 -9
  407. package/dist/components/nav-list/nav-list.js +0 -9
  408. package/dist/components/password-input/icons.js +0 -12
  409. package/dist/components/password-input/index.js +0 -17
  410. package/dist/components/password-input/password-input.d.ts +0 -10
  411. package/dist/components/password-input/password-input.js +0 -28
  412. package/dist/components/popover/index.js +0 -17
  413. package/dist/components/popover/popover.js +0 -97
  414. package/dist/components/portal/index.js +0 -17
  415. package/dist/components/portal/portal-context.js +0 -26
  416. package/dist/components/portal/portal.js +0 -10
  417. package/dist/components/positioner/index.js +0 -17
  418. package/dist/components/positioner/types.js +0 -2
  419. package/dist/components/radio/index.js +0 -17
  420. package/dist/components/radio/radio.js +0 -22
  421. package/dist/components/segmented-control/index.js +0 -17
  422. package/dist/components/segmented-control/segmented-control-button.js +0 -14
  423. package/dist/components/segmented-control/segmented-control.js +0 -47
  424. package/dist/components/select/index.js +0 -17
  425. package/dist/components/select/select.js +0 -25
  426. package/dist/components/selection-control/index.js +0 -17
  427. package/dist/components/selection-control/selection-control.js +0 -17
  428. package/dist/components/slider/index.js +0 -20
  429. package/dist/components/slider/slider-tick-marks.js +0 -16
  430. package/dist/components/slider/slider.d.ts +0 -17
  431. package/dist/components/spinner/index.js +0 -17
  432. package/dist/components/spinner/spinner.js +0 -9
  433. package/dist/components/switch/index.js +0 -17
  434. package/dist/components/switch/switch.d.ts +0 -10
  435. package/dist/components/switch/switch.js +0 -13
  436. package/dist/components/table/icons.js +0 -16
  437. package/dist/components/table/index.js +0 -23
  438. package/dist/components/table/table-body.js +0 -9
  439. package/dist/components/table/table-cell.js +0 -9
  440. package/dist/components/table/table-container.js +0 -21
  441. package/dist/components/table/table-head-cell.js +0 -28
  442. package/dist/components/table/table-head.js +0 -12
  443. package/dist/components/table/table-row.js +0 -12
  444. package/dist/components/table/table.js +0 -14
  445. package/dist/components/tabs/index.js +0 -20
  446. package/dist/components/tabs/tab-list.js +0 -66
  447. package/dist/components/tabs/tab-panel.js +0 -15
  448. package/dist/components/tabs/tab.js +0 -18
  449. package/dist/components/tabs/tabs.js +0 -10
  450. package/dist/components/tabs/types.js +0 -2
  451. package/dist/components/tag/index.js +0 -17
  452. package/dist/components/tag/tag.js +0 -14
  453. package/dist/components/text-input/index.js +0 -17
  454. package/dist/components/text-input/text-input.js +0 -24
  455. package/dist/components/textarea/index.js +0 -17
  456. package/dist/components/textarea/textarea.js +0 -38
  457. package/dist/components/toast/index.js +0 -18
  458. package/dist/components/toast/toast-button.js +0 -9
  459. package/dist/components/toast/toast.js +0 -10
  460. package/dist/components/toast/x-mark-icon.js +0 -8
  461. package/dist/components/toaster/index.js +0 -17
  462. package/dist/components/toaster/toaster.d.ts +0 -40
  463. package/dist/components/toaster/toaster.js +0 -134
  464. package/dist/components/tooltip/index.js +0 -17
  465. package/dist/components/tooltip/tooltip.js +0 -79
  466. package/dist/hooks/index.js +0 -20
  467. package/dist/index.d.ts +0 -37
  468. package/dist/index.js +0 -53
  469. package/dist/shared/util.d.ts +0 -2
  470. package/esm/components/alert/alert.d.ts +0 -10
  471. package/esm/components/alert/index.d.ts +0 -1
  472. package/esm/components/alert/index.js +0 -1
  473. package/esm/components/avatar/avatar.d.ts +0 -13
  474. package/esm/components/avatar/index.d.ts +0 -1
  475. package/esm/components/avatar/index.js +0 -1
  476. package/esm/components/avatar-group/avatar-group.d.ts +0 -7
  477. package/esm/components/avatar-group/index.d.ts +0 -1
  478. package/esm/components/avatar-group/index.js +0 -1
  479. package/esm/components/badge/badge.d.ts +0 -8
  480. package/esm/components/badge/index.d.ts +0 -1
  481. package/esm/components/badge/index.js +0 -1
  482. package/esm/components/breadcrumbs/breadcrumbs-context.d.ts +0 -9
  483. package/esm/components/breadcrumbs/breadcrumbs-item.d.ts +0 -12
  484. package/esm/components/breadcrumbs/breadcrumbs.d.ts +0 -7
  485. package/esm/components/breadcrumbs/index.d.ts +0 -2
  486. package/esm/components/breadcrumbs/index.js +0 -2
  487. package/esm/components/button/button.d.ts +0 -19
  488. package/esm/components/button/icon-button.d.ts +0 -6
  489. package/esm/components/button/index.d.ts +0 -2
  490. package/esm/components/button/index.js +0 -2
  491. package/esm/components/button-group/button-group.d.ts +0 -7
  492. package/esm/components/button-group/index.d.ts +0 -1
  493. package/esm/components/button-group/index.js +0 -1
  494. package/esm/components/caption/caption.d.ts +0 -7
  495. package/esm/components/caption/icons.d.ts +0 -5
  496. package/esm/components/caption/index.d.ts +0 -1
  497. package/esm/components/caption/index.js +0 -1
  498. package/esm/components/checkbox/checkbox.d.ts +0 -10
  499. package/esm/components/checkbox/index.d.ts +0 -1
  500. package/esm/components/checkbox/index.js +0 -1
  501. package/esm/components/color-picker/color-picker-button.d.ts +0 -12
  502. package/esm/components/color-picker/color-picker-button.js +0 -11
  503. package/esm/components/color-picker/color-picker.d.ts +0 -13
  504. package/esm/components/color-picker/color-picker.js +0 -9
  505. package/esm/components/color-picker/index.d.ts +0 -1
  506. package/esm/components/color-picker/index.js +0 -1
  507. package/esm/components/date-picker/calendar-day.d.ts +0 -17
  508. package/esm/components/date-picker/calendar-grid-head.d.ts +0 -7
  509. package/esm/components/date-picker/calendar-grid.d.ts +0 -17
  510. package/esm/components/date-picker/calendar-header.d.ts +0 -12
  511. package/esm/components/date-picker/calendar.d.ts +0 -11
  512. package/esm/components/date-picker/date-helpers.d.ts +0 -22
  513. package/esm/components/date-picker/date-picker.d.ts +0 -13
  514. package/esm/components/date-picker/date-range-picker.d.ts +0 -14
  515. package/esm/components/date-picker/date-range.d.ts +0 -13
  516. package/esm/components/date-picker/icons.d.ts +0 -3
  517. package/esm/components/date-picker/index.d.ts +0 -2
  518. package/esm/components/date-picker/index.js +0 -2
  519. package/esm/components/date-picker/parse-min-max-props.d.ts +0 -8
  520. package/esm/components/date-picker-popover/date-picker-popover.d.ts +0 -13
  521. package/esm/components/date-picker-popover/index.d.ts +0 -1
  522. package/esm/components/date-picker-popover/index.js +0 -1
  523. package/esm/components/date-range-picker-popover/date-range-picker-popover-footer.d.ts +0 -9
  524. package/esm/components/date-range-picker-popover/date-range-picker-popover-presets.d.ts +0 -10
  525. package/esm/components/date-range-picker-popover/date-range-picker-popover.d.ts +0 -26
  526. package/esm/components/date-range-picker-popover/helpers.d.ts +0 -2
  527. package/esm/components/date-range-picker-popover/index.d.ts +0 -2
  528. package/esm/components/date-range-picker-popover/index.js +0 -2
  529. package/esm/components/date-range-picker-popover/types.d.ts +0 -10
  530. package/esm/components/date-range-picker-popover/types.js +0 -1
  531. package/esm/components/date-range-picker-popover/use-is-compact-view.d.ts +0 -1
  532. package/esm/components/dialog/dialog-body.d.ts +0 -8
  533. package/esm/components/dialog/dialog-context.d.ts +0 -15
  534. package/esm/components/dialog/dialog-footer.d.ts +0 -5
  535. package/esm/components/dialog/dialog-header.d.ts +0 -8
  536. package/esm/components/dialog/dialog.d.ts +0 -12
  537. package/esm/components/dialog/index.d.ts +0 -4
  538. package/esm/components/dialog/index.js +0 -4
  539. package/esm/components/dialog/x-mark-icon.d.ts +0 -2
  540. package/esm/components/empty-state/empty-state.d.ts +0 -11
  541. package/esm/components/empty-state/index.d.ts +0 -1
  542. package/esm/components/empty-state/index.js +0 -1
  543. package/esm/components/file-picker/index.d.ts +0 -1
  544. package/esm/components/file-picker/index.js +0 -1
  545. package/esm/components/filter-buttons/filter-button.d.ts +0 -7
  546. package/esm/components/filter-buttons/filter-buttons.d.ts +0 -5
  547. package/esm/components/filter-buttons/index.d.ts +0 -2
  548. package/esm/components/filter-buttons/index.js +0 -2
  549. package/esm/components/form-field/form-field.d.ts +0 -15
  550. package/esm/components/form-field/index.d.ts +0 -1
  551. package/esm/components/form-field/index.js +0 -1
  552. package/esm/components/label/index.d.ts +0 -1
  553. package/esm/components/label/index.js +0 -1
  554. package/esm/components/label/label.d.ts +0 -5
  555. package/esm/components/menu/index.d.ts +0 -3
  556. package/esm/components/menu/index.js +0 -3
  557. package/esm/components/menu/menu-separator.d.ts +0 -6
  558. package/esm/components/menu/menu.d.ts +0 -31
  559. package/esm/components/nav-list/index.d.ts +0 -3
  560. package/esm/components/nav-list/index.js +0 -3
  561. package/esm/components/nav-list/nav-list-item.d.ts +0 -13
  562. package/esm/components/nav-list/nav-list-title.d.ts +0 -8
  563. package/esm/components/nav-list/nav-list.d.ts +0 -5
  564. package/esm/components/password-input/icons.d.ts +0 -3
  565. package/esm/components/password-input/index.d.ts +0 -1
  566. package/esm/components/password-input/index.js +0 -1
  567. package/esm/components/popover/index.d.ts +0 -1
  568. package/esm/components/popover/index.js +0 -1
  569. package/esm/components/popover/popover.d.ts +0 -49
  570. package/esm/components/popover/use-page-click.d.ts +0 -16
  571. package/esm/components/portal/index.d.ts +0 -1
  572. package/esm/components/portal/index.js +0 -1
  573. package/esm/components/portal/portal-context.d.ts +0 -6
  574. package/esm/components/portal/portal.d.ts +0 -5
  575. package/esm/components/positioner/calc-position.d.ts +0 -32
  576. package/esm/components/positioner/index.d.ts +0 -1
  577. package/esm/components/positioner/index.js +0 -1
  578. package/esm/components/positioner/positioner.d.ts +0 -20
  579. package/esm/components/positioner/types.d.ts +0 -14
  580. package/esm/components/positioner/types.js +0 -1
  581. package/esm/components/radio/index.d.ts +0 -1
  582. package/esm/components/radio/index.js +0 -1
  583. package/esm/components/radio/radio.d.ts +0 -11
  584. package/esm/components/segmented-control/index.d.ts +0 -1
  585. package/esm/components/segmented-control/index.js +0 -1
  586. package/esm/components/segmented-control/segmented-control-button.d.ts +0 -10
  587. package/esm/components/segmented-control/segmented-control.d.ts +0 -15
  588. package/esm/components/select/index.d.ts +0 -1
  589. package/esm/components/select/index.js +0 -1
  590. package/esm/components/select/select.d.ts +0 -46
  591. package/esm/components/selection-control/index.d.ts +0 -1
  592. package/esm/components/selection-control/index.js +0 -1
  593. package/esm/components/selection-control/selection-control.d.ts +0 -14
  594. package/esm/components/slider/index.d.ts +0 -2
  595. package/esm/components/slider/index.js +0 -2
  596. package/esm/components/slider/slider-tick-marks.d.ts +0 -7
  597. package/esm/components/spinner/index.d.ts +0 -1
  598. package/esm/components/spinner/index.js +0 -1
  599. package/esm/components/spinner/spinner.d.ts +0 -7
  600. package/esm/components/switch/index.d.ts +0 -1
  601. package/esm/components/switch/index.js +0 -1
  602. package/esm/components/table/icons.d.ts +0 -4
  603. package/esm/components/table/index.d.ts +0 -7
  604. package/esm/components/table/index.js +0 -7
  605. package/esm/components/table/table-body.d.ts +0 -5
  606. package/esm/components/table/table-cell.d.ts +0 -5
  607. package/esm/components/table/table-container.d.ts +0 -13
  608. package/esm/components/table/table-head-cell.d.ts +0 -10
  609. package/esm/components/table/table-head.d.ts +0 -7
  610. package/esm/components/table/table-row.d.ts +0 -7
  611. package/esm/components/table/table.d.ts +0 -11
  612. package/esm/components/tabs/index.d.ts +0 -4
  613. package/esm/components/tabs/index.js +0 -4
  614. package/esm/components/tabs/tab-list.d.ts +0 -3
  615. package/esm/components/tabs/tab-panel.d.ts +0 -6
  616. package/esm/components/tabs/tab.d.ts +0 -7
  617. package/esm/components/tabs/tabs-context.d.ts +0 -20
  618. package/esm/components/tabs/tabs.d.ts +0 -7
  619. package/esm/components/tabs/types.d.ts +0 -2
  620. package/esm/components/tabs/types.js +0 -1
  621. package/esm/components/tag/index.d.ts +0 -1
  622. package/esm/components/tag/index.js +0 -1
  623. package/esm/components/tag/tag.d.ts +0 -13
  624. package/esm/components/text-input/index.d.ts +0 -1
  625. package/esm/components/text-input/index.js +0 -1
  626. package/esm/components/text-input/text-input.d.ts +0 -21
  627. package/esm/components/textarea/index.d.ts +0 -1
  628. package/esm/components/textarea/index.js +0 -1
  629. package/esm/components/textarea/textarea.d.ts +0 -20
  630. package/esm/components/toast/index.d.ts +0 -2
  631. package/esm/components/toast/index.js +0 -2
  632. package/esm/components/toast/toast-button.d.ts +0 -5
  633. package/esm/components/toast/toast.d.ts +0 -11
  634. package/esm/components/toast/x-mark-icon.d.ts +0 -2
  635. package/esm/components/toaster/index.d.ts +0 -1
  636. package/esm/components/toaster/index.js +0 -1
  637. package/esm/components/tooltip/index.d.ts +0 -1
  638. package/esm/components/tooltip/index.js +0 -1
  639. package/esm/components/tooltip/tooltip.d.ts +0 -25
  640. package/esm/hooks/index.d.ts +0 -4
  641. package/esm/hooks/use-disable-body-scroll.d.ts +0 -5
  642. package/esm/hooks/use-esc-key-down.d.ts +0 -17
  643. package/esm/hooks/use-focus-trap.d.ts +0 -15
  644. package/esm/hooks/use-mount-transition.d.ts +0 -32
  645. package/esm/index.d.ts +0 -37
  646. package/esm/shared/keyboard-keys.d.ts +0 -14
  647. package/esm/shared/react-helpers.d.ts +0 -13
  648. package/esm/shared/util.d.ts +0 -2
@@ -1,13 +0,0 @@
1
- import { type ComponentPropsWithoutRef, ReactNode } from 'react';
2
- export type ColorPickerOption<T extends string | number> = {
3
- value: T;
4
- color: string;
5
- label?: ReactNode;
6
- };
7
- export type ColorPickerProps<T extends string | number> = {
8
- name: string;
9
- value?: T;
10
- options: ColorPickerOption<T>[] | Readonly<ColorPickerOption<T>[]>;
11
- onChangeValue: (value: T) => void;
12
- } & ComponentPropsWithoutRef<'fieldset'>;
13
- export declare function ColorPicker<T extends string | number>({ className, name, options, value, disabled, onChangeValue, ...props }: ColorPickerProps<T>): JSX.Element;
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { classNames } from '../../shared/react-helpers';
3
- import { ColorPickerButton } from './color-picker-button';
4
- export function ColorPicker({ className, name, options, value, disabled, onChangeValue, ...props }) {
5
- return (_jsx("fieldset", { ...props, disabled: disabled, className: classNames(className, {
6
- 'dc-color-picker': true,
7
- 'dc-color-picker_disabled': disabled,
8
- }), children: options.map((option) => (_jsx(ColorPickerButton, { name: name, label: option.label, color: option.color, value: option.value, checked: option.value === value, onChangeValue: onChangeValue }, option.value))) }));
9
- }
@@ -1 +0,0 @@
1
- export * from './color-picker';
@@ -1 +0,0 @@
1
- export * from './color-picker';
@@ -1,17 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- type CalendarDayHTMLProps = ComponentPropsWithoutRef<'button'>;
3
- export type CalendarDayProps = {
4
- date: Date;
5
- dateISO: string;
6
- locale?: string;
7
- isSelected?: boolean;
8
- isDisabled?: boolean;
9
- isFocusable?: boolean;
10
- isToday?: boolean;
11
- isWeekend?: boolean;
12
- inRange?: boolean;
13
- isRangeStart?: boolean;
14
- isRangeEnd?: boolean;
15
- } & CalendarDayHTMLProps;
16
- export declare function CalendarDay({ date, dateISO, locale, isSelected, isDisabled, isFocusable, isToday, isWeekend, inRange, isRangeStart, isRangeEnd, ...props }: CalendarDayProps): JSX.Element;
17
- export {};
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Weekday } from './date-helpers';
3
- export type CalendarGridHeadProps = {
4
- locale?: string;
5
- weekStartsOn?: Weekday;
6
- };
7
- export declare function CalendarGridHead({ locale, weekStartsOn, }: CalendarGridHeadProps): JSX.Element;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Weekday } from './date-helpers';
3
- import { type CalendarDayProps } from './calendar-day';
4
- export type GetCalendarDayProps = (date: Date) => Pick<CalendarDayProps, 'isSelected' | 'inRange' | 'isRangeStart' | 'isRangeEnd'>;
5
- export type CalendarGridProps = {
6
- focusDay: Date;
7
- minDate?: Date | null;
8
- maxDate?: Date | null;
9
- locale?: string;
10
- weekStartsOn?: Weekday;
11
- getDayProps?: GetCalendarDayProps;
12
- onHoverDay?(date: Date): void;
13
- onFocusDay?(date: Date): void;
14
- onSelectDay(date: Date): void;
15
- onChangeFocusDay(date: Date): void;
16
- };
17
- export declare function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }: CalendarGridProps): JSX.Element;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- export type CalendarHeaderProps = {
3
- focusDay: Date;
4
- onChangeFocusDay: (date: Date) => void;
5
- className?: string;
6
- locale?: string;
7
- nextMonthButtonLabel?: string;
8
- prevMonthButtonLabel?: string;
9
- monthSelectLabel?: string;
10
- yearInputLabel?: string;
11
- };
12
- export declare function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel, prevMonthButtonLabel, monthSelectLabel, yearInputLabel, }: CalendarHeaderProps): JSX.Element;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Weekday } from './date-helpers';
3
- import { type CalendarHeaderProps } from './calendar-header';
4
- import { type CalendarGridProps } from './calendar-grid';
5
- export type CalendarProps = {
6
- className?: string;
7
- defaultFocusDay?: Date | null;
8
- weekStartsOn?: Weekday;
9
- onFocusDay?(date: Date): void;
10
- } & Pick<CalendarGridProps, 'minDate' | 'maxDate' | 'getDayProps' | 'onHoverDay' | 'onFocusDay' | 'onSelectDay'> & Pick<CalendarHeaderProps, 'locale' | 'nextMonthButtonLabel' | 'prevMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
11
- export declare function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }: CalendarProps): JSX.Element;
@@ -1,22 +0,0 @@
1
- export type DateISO = string;
2
- export type Weekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
3
- export declare const MONTHS_IN_YEAR = 12;
4
- export declare const DAYS_IN_WEEK = 7;
5
- export declare const LAST_WEEKDAY: Weekday;
6
- export declare const DATE_ISO_REGEX: RegExp;
7
- export declare function addYears(date: Date, amount: number): Date;
8
- export declare function setDateYear(date: Date, year: number): Date;
9
- export declare function addMonths(date: Date, amount: number): Date;
10
- export declare function setDateMonth(date: Date, month: number): Date;
11
- export declare function addDays(date: Date, amount: number): Date;
12
- export declare function getStartOfMonth(date: Date): Date;
13
- export declare function getEndOfMonth(date: Date): Date;
14
- export declare function getWeekday(date: Date, weekStartsOn?: number): number;
15
- export declare function getStartOfWeek(date: Date, weekStartsOn?: Weekday): Date;
16
- export declare function getEndOfWeek(date: Date, weekStartsOn?: Weekday): Date;
17
- export declare function getStartOfDay(date: Date): Date;
18
- export declare function isValidDateISO(value: DateISO): boolean;
19
- export declare function isSameDay(a: Date, b: Date): boolean;
20
- export declare function isWeekend(date: Date): boolean;
21
- export declare function parseDateISO(date: DateISO, error?: string): Date;
22
- export declare function toDateISO(date: Date): DateISO;
@@ -1,13 +0,0 @@
1
- import { type DateISO, type Weekday } from './date-helpers';
2
- import { type ComponentPropsWithoutRef } from 'react';
3
- import { type CalendarProps } from './calendar';
4
- type DatePickerHTMLProps = ComponentPropsWithoutRef<'div'>;
5
- export type DatePickerProps = {
6
- value: DateISO | null;
7
- onChangeValue: (value: DateISO) => void;
8
- weekStartsOn?: Weekday;
9
- min?: DateISO;
10
- max?: DateISO;
11
- } & Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & DatePickerHTMLProps;
12
- export declare function DatePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DatePickerProps): JSX.Element;
13
- export {};
@@ -1,14 +0,0 @@
1
- import { type DateISORange } from './date-range';
2
- import { type DateISO, type Weekday } from './date-helpers';
3
- import { type ComponentPropsWithoutRef } from 'react';
4
- import { type CalendarProps } from './calendar';
5
- type DateRangePickerHTMLProps = ComponentPropsWithoutRef<'div'>;
6
- export type DateRangePickerProps = {
7
- value: DateISORange | null;
8
- onChangeValue: (value: DateISORange) => void;
9
- weekStartsOn?: Weekday;
10
- min?: DateISO;
11
- max?: DateISO;
12
- } & Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & DateRangePickerHTMLProps;
13
- export declare function DateRangePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DateRangePickerProps): JSX.Element;
14
- export {};
@@ -1,13 +0,0 @@
1
- import { type DateISO } from './date-helpers';
2
- export type DateISORange = {
3
- start: DateISO;
4
- end: DateISO;
5
- };
6
- export declare class DateRange {
7
- readonly start: Date;
8
- readonly end: Date;
9
- constructor(start: Date, end: Date);
10
- static create(start: Date, end: Date): DateRange;
11
- contains(date: Date): boolean;
12
- toDateISORange(): DateISORange;
13
- }
@@ -1,3 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- export declare function ChevronLeftIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
3
- export declare function ChevronRightIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './date-picker';
2
- export * from './date-range-picker';
@@ -1,2 +0,0 @@
1
- export * from './date-picker';
2
- export * from './date-range-picker';
@@ -1,8 +0,0 @@
1
- import { DateISO } from './date-helpers';
2
- export declare function parseMinMaxProps(props: {
3
- min?: DateISO;
4
- max?: DateISO;
5
- }): {
6
- minDate: Date | null;
7
- maxDate: Date | null;
8
- };
@@ -1,13 +0,0 @@
1
- import { type DateISO } from '../date-picker/date-helpers';
2
- import { type ReactNode } from 'react';
3
- import { type DatePickerProps } from '../date-picker';
4
- export type DatePickerChangeValueFn = (value: DateISO) => void;
5
- export type DatePickerPopoverProps = {
6
- className?: string;
7
- defaultIsOpen?: boolean;
8
- footer?: ReactNode;
9
- children: JSX.Element;
10
- value: DateISO | null;
11
- onChangeValue: DatePickerChangeValueFn;
12
- } & Pick<DatePickerProps, 'min' | 'max' | 'locale' | 'weekStartsOn' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
13
- export declare function DatePickerPopover({ defaultIsOpen, footer, className, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps): JSX.Element;
@@ -1 +0,0 @@
1
- export * from './date-picker-popover';
@@ -1 +0,0 @@
1
- export * from './date-picker-popover';
@@ -1,9 +0,0 @@
1
- import { type MouseEventHandler, type ReactNode } from 'react';
2
- export type DateRangePickerPopoverFooterProps = {
3
- children?: ReactNode;
4
- cancelButtonLabel: ReactNode;
5
- confirmButtonLabel: ReactNode;
6
- onClickCancelButton: MouseEventHandler<HTMLButtonElement>;
7
- onClickConfirmButton: MouseEventHandler<HTMLButtonElement>;
8
- };
9
- export declare function DateRangePickerPopoverFooter({ children, cancelButtonLabel, confirmButtonLabel, onClickCancelButton, onClickConfirmButton, }: DateRangePickerPopoverFooterProps): JSX.Element;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { type DateRangePickerPopoverOption, type DateRangePickerPopoverSelection } from './types';
3
- export type DateRangePickerPopoverPresetsProps = {
4
- isCompactView: boolean;
5
- customPresetLabel: string;
6
- options: DateRangePickerPopoverOption[];
7
- value: DateRangePickerPopoverSelection | null;
8
- onChangeValue: (value: DateRangePickerPopoverSelection) => void;
9
- };
10
- export declare function DateRangePickerPopoverPresets({ isCompactView, customPresetLabel, options, value, onChangeValue, }: DateRangePickerPopoverPresetsProps): JSX.Element;
@@ -1,26 +0,0 @@
1
- import { type DateRangePickerPopoverOption, type DateRangePickerPopoverSelection } from './types';
2
- import { type ReactNode } from 'react';
3
- import { type PopoverAlignment, type PopoverPlacement } from '../popover';
4
- import { type DateRangePickerProps } from '../date-picker';
5
- export type DateRangePickerPopoverPlacement = PopoverPlacement;
6
- export type DateRangePickerPopoverAlignment = PopoverAlignment;
7
- export type DateRangePickerPopoverRenderFooter = (context: {
8
- selection: DateRangePickerPopoverSelection | null;
9
- }) => ReactNode;
10
- export type DateRangePickerPopoverProps = {
11
- className?: string;
12
- defaultIsOpen?: boolean;
13
- compactViewBreakpoint?: string;
14
- customPreset?: string;
15
- customPresetLabel?: string;
16
- placement?: DateRangePickerPopoverPlacement;
17
- alignment?: DateRangePickerPopoverAlignment;
18
- cancelButtonLabel?: ReactNode;
19
- confirmButtonLabel?: ReactNode;
20
- footer?: ReactNode | DateRangePickerPopoverRenderFooter;
21
- options?: DateRangePickerPopoverOption[];
22
- children: JSX.Element;
23
- value: DateRangePickerPopoverSelection | null;
24
- onChangeValue: (value: DateRangePickerPopoverSelection) => void;
25
- } & Pick<DateRangePickerProps, 'min' | 'max' | 'locale' | 'weekStartsOn' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
26
- export declare function DateRangePickerPopover({ defaultIsOpen, compactViewBreakpoint, customPreset, customPresetLabel, placement, alignment, cancelButtonLabel, confirmButtonLabel, footer, className, options, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DateRangePickerPopoverProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- import { DateRangePickerPopoverOption, DateRangePickerPopoverSelection } from './types';
2
- export declare function findSelectedOption(selection: DateRangePickerPopoverSelection | null, options: DateRangePickerPopoverOption[]): DateRangePickerPopoverOption | null;
@@ -1,2 +0,0 @@
1
- export * from './types';
2
- export * from './date-range-picker-popover';
@@ -1,2 +0,0 @@
1
- export * from './types';
2
- export * from './date-range-picker-popover';
@@ -1,10 +0,0 @@
1
- import { type DateISORange } from '../date-picker/date-range';
2
- export type DateRangePickerPopoverSelection = {
3
- preset: string;
4
- range: DateISORange;
5
- };
6
- export type DateRangePickerPopoverOption = {
7
- label: string;
8
- preset: string;
9
- range: DateISORange;
10
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export declare function useIsCompactView(breakpoint: string): boolean;
@@ -1,8 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- type DialogBodyHTMLProps = ComponentPropsWithoutRef<'div'>;
3
- export type DialogBodyProps = {
4
- scrollShadowTop?: boolean;
5
- scrollShadowBottom?: boolean;
6
- } & DialogBodyHTMLProps;
7
- export declare function DialogBody({ scrollShadowTop, scrollShadowBottom, className, children, }: DialogBodyProps): JSX.Element;
8
- export {};
@@ -1,15 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- export type DialogContextValue = {
3
- titleId: string;
4
- descriptionId: string;
5
- isOpen: boolean;
6
- onClose: () => void;
7
- };
8
- export declare function useDialogContext(): DialogContextValue;
9
- export declare function DialogContextProvider(props: {
10
- children: ReactNode;
11
- titleId: string;
12
- descriptionId: string;
13
- isOpen: boolean;
14
- onClose: () => void;
15
- }): JSX.Element;
@@ -1,5 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- type DialogFooterHTMLProps = ComponentPropsWithoutRef<'div'>;
3
- export type DialogFooterProps = DialogFooterHTMLProps;
4
- export declare function DialogFooter({ className, children, }: DialogFooterProps): JSX.Element;
5
- export {};
@@ -1,8 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
- type DialogHeaderHTMLProps = ComponentPropsWithoutRef<'div'>;
3
- export type DialogHeaderProps = {
4
- heading?: ReactNode;
5
- subheading?: ReactNode;
6
- } & DialogHeaderHTMLProps;
7
- export declare function DialogHeader({ heading, subheading, className, children, }: DialogHeaderProps): JSX.Element;
8
- export {};
@@ -1,12 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type RefObject } from 'react';
2
- type DialogHTMLProps = ComponentPropsWithoutRef<'section'>;
3
- export type DialogWidth = 'sm' | 'md' | 'lg';
4
- export type DialogProps = {
5
- width?: DialogWidth;
6
- openFocusRef?: RefObject<HTMLElement>;
7
- closeFocusRef?: RefObject<HTMLElement>;
8
- isOpen: boolean;
9
- onClose: () => void;
10
- } & DialogHTMLProps;
11
- export declare function Dialog({ width, isOpen, openFocusRef, closeFocusRef, onClose, className, children, ...props }: DialogProps): JSX.Element | null;
12
- export {};
@@ -1,4 +0,0 @@
1
- export * from './dialog';
2
- export * from './dialog-header';
3
- export * from './dialog-body';
4
- export * from './dialog-footer';
@@ -1,4 +0,0 @@
1
- export * from './dialog';
2
- export * from './dialog-header';
3
- export * from './dialog-body';
4
- export * from './dialog-footer';
@@ -1,2 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
@@ -1,11 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
- type EmptyStateHTMLProps = ComponentPropsWithoutRef<'div'>;
3
- export type EmptyStateProps = {
4
- image?: ReactNode;
5
- heading?: ReactNode;
6
- description?: ReactNode;
7
- primaryAction?: ReactNode;
8
- secondaryAction?: ReactNode;
9
- } & EmptyStateHTMLProps;
10
- export declare function EmptyState({ className, image, heading, description, primaryAction, secondaryAction, children, }: EmptyStateProps): JSX.Element;
11
- export {};
@@ -1 +0,0 @@
1
- export * from './empty-state';
@@ -1 +0,0 @@
1
- export * from './empty-state';
@@ -1 +0,0 @@
1
- export * from './file-picker';
@@ -1 +0,0 @@
1
- export * from './file-picker';
@@ -1,7 +0,0 @@
1
- import { type ComponentPropsWithRef } from 'react';
2
- type FilterButtonHTMLProps = ComponentPropsWithRef<'button'>;
3
- export type FilterButtonProps = {
4
- isActive?: boolean;
5
- } & FilterButtonHTMLProps;
6
- export declare const FilterButton: import("react").ForwardRefExoticComponent<Pick<FilterButtonProps, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "isActive"> & import("react").RefAttributes<HTMLButtonElement>>;
7
- export {};
@@ -1,5 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- type FilterButtonsHTMLProps = ComponentPropsWithoutRef<'div'>;
3
- export type FilterButtonsProps = FilterButtonsHTMLProps;
4
- export declare function FilterButtons({ className, children, ...props }: FilterButtonsProps): JSX.Element;
5
- export {};
@@ -1,2 +0,0 @@
1
- export * from './filter-buttons';
2
- export * from './filter-button';
@@ -1,2 +0,0 @@
1
- export * from './filter-buttons';
2
- export * from './filter-button';
@@ -1,15 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
- export type FormFieldRenderFn = (props: {
3
- id: string;
4
- required: boolean;
5
- hasError: boolean;
6
- }) => ReactNode;
7
- export type FormFieldProps = ComponentPropsWithoutRef<'div'> & {
8
- required?: boolean;
9
- labelFor?: string;
10
- label?: ReactNode;
11
- caption?: ReactNode;
12
- error?: ReactNode;
13
- children: ReactNode | FormFieldRenderFn;
14
- };
15
- export declare function FormField({ required, labelFor, label, caption, error, className, children, ...props }: FormFieldProps): JSX.Element;
@@ -1 +0,0 @@
1
- export * from './form-field';
@@ -1 +0,0 @@
1
- export * from './form-field';
@@ -1 +0,0 @@
1
- export * from './label';
@@ -1 +0,0 @@
1
- export * from './label';
@@ -1,5 +0,0 @@
1
- import { type ComponentPropsWithRef } from 'react';
2
- export type LabelProps = ComponentPropsWithRef<'label'> & {
3
- required?: boolean;
4
- };
5
- export declare const Label: import("react").ForwardRefExoticComponent<Pick<LabelProps, "key" | "required" | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").RefAttributes<HTMLLabelElement>>;
@@ -1,3 +0,0 @@
1
- export * from './menu';
2
- export * from './menu-item';
3
- export * from './menu-separator';
@@ -1,3 +0,0 @@
1
- export * from './menu';
2
- export * from './menu-item';
3
- export * from './menu-separator';
@@ -1,6 +0,0 @@
1
- import { ComponentPropsWithoutRef } from 'react';
2
- type MenuSeparatorHTMLProps = ComponentPropsWithoutRef<'li'>;
3
- type MenuSeparatorBaseProps = Omit<MenuSeparatorHTMLProps, 'children'>;
4
- export type MenuSeparatorProps = MenuSeparatorBaseProps;
5
- export declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): JSX.Element;
6
- export {};
@@ -1,31 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback } from 'react';
2
- import { type ButtonAppearance, type ButtonVariant } from '../button';
3
- import { type PopoverAlignment, type PopoverPlacement } from '../popover';
4
- export type MenuAnchorRenderFn = (props: {
5
- ref: RefCallback<HTMLElement>;
6
- id: string;
7
- 'aria-haspopup': true;
8
- 'aria-expanded': boolean;
9
- 'aria-controls': string;
10
- onClick: MouseEventHandler;
11
- onKeyDown: KeyboardEventHandler;
12
- }, context: {
13
- isOpen: boolean;
14
- openMenu: () => void;
15
- closeMenu: () => void;
16
- }) => JSX.Element;
17
- type MenuHTMLProps = ComponentPropsWithoutRef<'ul'>;
18
- export type MenuPlacement = PopoverPlacement;
19
- export type MenuAlignment = PopoverAlignment;
20
- export type MenuProps = {
21
- defaultIsOpen?: boolean;
22
- placement?: MenuPlacement;
23
- alignment?: MenuAlignment;
24
- onOpen?: () => void;
25
- onClose?: () => void;
26
- button: ReactNode | MenuAnchorRenderFn;
27
- buttonAppearance?: ButtonAppearance;
28
- buttonVariant?: ButtonVariant;
29
- } & MenuHTMLProps;
30
- export declare function Menu({ defaultIsOpen, placement, alignment, buttonAppearance, buttonVariant, button, className, children, onOpen, onClose, onKeyDown, ...props }: MenuProps): JSX.Element;
31
- export {};
@@ -1,3 +0,0 @@
1
- export * from './nav-list';
2
- export * from './nav-list-item';
3
- export * from './nav-list-title';
@@ -1,3 +0,0 @@
1
- export * from './nav-list';
2
- export * from './nav-list-item';
3
- export * from './nav-list-title';
@@ -1,13 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
- type NavListItemHTMLProps = ComponentPropsWithoutRef<'a'>;
3
- export type NavListItemRenderFn = (props: {
4
- className: string;
5
- children: JSX.Element;
6
- }) => ReactNode;
7
- export type NavListItemProps = {
8
- icon?: ReactNode;
9
- badge?: string | number;
10
- renderAs?: NavListItemRenderFn;
11
- } & NavListItemHTMLProps;
12
- export declare function NavListItem({ className, icon, badge, children, renderAs, ...props }: NavListItemProps): JSX.Element;
13
- export {};
@@ -1,8 +0,0 @@
1
- import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
- type NavListTitleHTMLProps = ComponentPropsWithoutRef<'li'>;
3
- type NavListTitleBaseProps = Omit<NavListTitleHTMLProps, 'children'>;
4
- export type NavListTitleProps = {
5
- children: ReactNode;
6
- } & NavListTitleBaseProps;
7
- export declare function NavListTitle({ className, children, ...props }: NavListTitleProps): JSX.Element;
8
- export {};
@@ -1,5 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- type NavListHTMLProps = ComponentPropsWithoutRef<'nav'>;
3
- export type NavListProps = NavListHTMLProps;
4
- export declare function NavList({ className, children, ...props }: NavListProps): JSX.Element;
5
- export {};
@@ -1,3 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- export declare function EyeIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
3
- export declare function EyeSlashIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
@@ -1 +0,0 @@
1
- export * from './password-input';
@@ -1 +0,0 @@
1
- export * from './password-input';
@@ -1 +0,0 @@
1
- export * from './popover';
@@ -1 +0,0 @@
1
- export * from './popover';