@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta.6

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 (339) hide show
  1. package/dist/Alert/Alert.cjs.js +9 -10
  2. package/dist/Alert/Alert.esm.js +4 -5
  3. package/dist/Alert/styles.css +1 -0
  4. package/dist/Align/Align.cjs.js +7 -8
  5. package/dist/Align/Align.esm.js +1 -2
  6. package/dist/Align/styles.css +1 -0
  7. package/dist/AppButton/AppButton.cjs.js +4 -3
  8. package/dist/AppButton/AppButton.esm.js +4 -3
  9. package/dist/AppButton/styles.css +1 -0
  10. package/dist/Avatar/Avatar.cjs.js +7 -8
  11. package/dist/Avatar/Avatar.esm.js +7 -8
  12. package/dist/Avatar/styles.css +1 -0
  13. package/dist/AvatarGroup/AvatarGroup.cjs.js +14 -15
  14. package/dist/AvatarGroup/AvatarGroup.esm.js +7 -8
  15. package/dist/AvatarGroup/styles.css +1 -0
  16. package/dist/Badge/Badge.cjs.js +4 -5
  17. package/dist/Badge/Badge.esm.js +1 -2
  18. package/dist/Badge/styles.css +1 -0
  19. package/dist/Box/Box.cjs.js +6 -6
  20. package/dist/Box/Box.esm.js +2 -2
  21. package/dist/Box/styles.css +1 -0
  22. package/dist/BrandLogo/BrandLogo.cjs.js +3 -4
  23. package/dist/BrandLogo/BrandLogo.esm.js +3 -4
  24. package/dist/BrandLogo/styles.css +1 -0
  25. package/dist/Breadcrumbs/Breadcrumbs.cjs.js +4 -5
  26. package/dist/Breadcrumbs/Breadcrumbs.esm.js +4 -5
  27. package/dist/Breadcrumbs/styles.css +1 -0
  28. package/dist/Button/Button.cjs.js +5 -6
  29. package/dist/Button/Button.esm.js +5 -6
  30. package/dist/Button/styles.css +1 -0
  31. package/dist/ButtonV2/ButtonV2.cjs.js +4 -5
  32. package/dist/ButtonV2/ButtonV2.esm.js +4 -5
  33. package/dist/ButtonV2/styles.css +1 -0
  34. package/dist/Calendar/Calendar.cjs.js +9 -10
  35. package/dist/Calendar/Calendar.esm.js +9 -10
  36. package/dist/Calendar/styles.css +1 -0
  37. package/dist/CardFooter/CardFooter.cjs.js +17 -0
  38. package/dist/CardFooter/CardFooter.esm.js +9 -0
  39. package/dist/CardFooter/package.json +7 -0
  40. package/dist/CardFooter/styles.css +1 -0
  41. package/dist/CardHeading/CardHeading.cjs.js +14 -0
  42. package/dist/CardHeading/CardHeading.esm.js +6 -0
  43. package/dist/CardHeading/package.json +7 -0
  44. package/dist/CardHeading/styles.css +1 -0
  45. package/dist/Checkbox/Checkbox.cjs.js +8 -9
  46. package/dist/Checkbox/Checkbox.esm.js +8 -9
  47. package/dist/Checkbox/styles.css +1 -0
  48. package/dist/Columns/Columns.cjs.js +2 -3
  49. package/dist/Columns/Columns.esm.js +2 -3
  50. package/dist/Columns/styles.css +1 -0
  51. package/dist/ConditionalWrapper/ConditionalWrapper.cjs.js +10 -0
  52. package/dist/ConditionalWrapper/ConditionalWrapper.esm.js +2 -0
  53. package/dist/ConditionalWrapper/package.json +7 -0
  54. package/dist/DatePicker/DatePicker.cjs.js +18 -22
  55. package/dist/DatePicker/DatePicker.esm.js +18 -22
  56. package/dist/DatePicker/styles.css +1 -0
  57. package/dist/Disclosure/Disclosure.cjs.js +8 -9
  58. package/dist/Disclosure/Disclosure.esm.js +4 -5
  59. package/dist/Disclosure/styles.css +1 -0
  60. package/dist/DisclosureMini/DisclosureMini.cjs.js +5 -6
  61. package/dist/DisclosureMini/DisclosureMini.esm.js +5 -6
  62. package/dist/DisclosureMini/styles.css +1 -0
  63. package/dist/Elevation/Elevation.cjs.js +5 -5
  64. package/dist/Elevation/Elevation.esm.js +1 -1
  65. package/dist/Elevation/styles.css +1 -0
  66. package/dist/Filter/Filter.cjs.js +4 -4
  67. package/dist/Filter/Filter.esm.js +4 -4
  68. package/dist/Filter/styles.css +1 -0
  69. package/dist/FormControl/FormControl.cjs.js +7 -8
  70. package/dist/FormControl/FormControl.esm.js +7 -8
  71. package/dist/FormControl/styles.css +1 -0
  72. package/dist/Grid/Grid.cjs.js +2 -3
  73. package/dist/Grid/Grid.esm.js +2 -3
  74. package/dist/Grid/styles.css +1 -0
  75. package/dist/Group/Group.cjs.js +3 -3
  76. package/dist/Group/Group.esm.js +3 -3
  77. package/dist/Group/styles.css +1 -0
  78. package/dist/Heading/Heading.cjs.js +3 -4
  79. package/dist/Heading/Heading.esm.js +3 -4
  80. package/dist/Heading/styles.css +1 -0
  81. package/dist/HeroButton/HeroButton.cjs.js +4 -5
  82. package/dist/HeroButton/HeroButton.esm.js +4 -5
  83. package/dist/HeroButton/styles.css +1 -0
  84. package/dist/Hidden/Hidden.cjs.js +5 -5
  85. package/dist/Hidden/Hidden.esm.js +1 -1
  86. package/dist/Hidden/styles.css +1 -0
  87. package/dist/Icon/Icon.cjs.js +3 -4
  88. package/dist/Icon/Icon.esm.js +3 -4
  89. package/dist/Icon/styles.css +1 -0
  90. package/dist/Image/Image.cjs.js +2 -3
  91. package/dist/Image/Image.esm.js +2 -3
  92. package/dist/Image/styles.css +1 -0
  93. package/dist/ImpactCard/ImpactCard.cjs.js +15 -15
  94. package/dist/ImpactCard/ImpactCard.esm.js +9 -9
  95. package/dist/ImpactCard/styles.css +1 -0
  96. package/dist/InformationCard/InformationCard.cjs.js +25 -25
  97. package/dist/InformationCard/InformationCard.esm.js +13 -13
  98. package/dist/InformationCard/styles.css +1 -0
  99. package/dist/Link/Link.cjs.js +11 -12
  100. package/dist/Link/Link.esm.js +4 -5
  101. package/dist/Link/styles.css +1 -0
  102. package/dist/Markup/Markup.cjs.js +6 -6
  103. package/dist/Markup/Markup.esm.js +2 -2
  104. package/dist/Markup/styles.css +1 -0
  105. package/dist/MediaCard/MediaCard.cjs.js +14 -14
  106. package/dist/MediaCard/MediaCard.esm.js +14 -14
  107. package/dist/MediaCard/styles.css +1 -0
  108. package/dist/Modal/Modal.cjs.js +43 -1200
  109. package/dist/Modal/Modal.esm.js +12 -1168
  110. package/dist/Modal/styles.css +1 -0
  111. package/dist/Pagination/Pagination.cjs.js +12 -13
  112. package/dist/Pagination/Pagination.esm.js +3 -4
  113. package/dist/Pagination/styles.css +1 -0
  114. package/dist/PaginationSimple/PaginationSimple.cjs.js +9 -10
  115. package/dist/PaginationSimple/PaginationSimple.esm.js +3 -4
  116. package/dist/PaginationSimple/styles.css +1 -0
  117. package/dist/Poster/Poster.cjs.js +4 -5
  118. package/dist/Poster/Poster.esm.js +4 -5
  119. package/dist/Poster/styles.css +1 -0
  120. package/dist/ProgressBar/ProgressBar.cjs.js +12 -13
  121. package/dist/ProgressBar/ProgressBar.esm.js +6 -7
  122. package/dist/ProgressBar/styles.css +1 -0
  123. package/dist/ProgressStepper/ProgressStepper.cjs.js +5 -6
  124. package/dist/ProgressStepper/ProgressStepper.esm.js +5 -6
  125. package/dist/ProgressStepper/styles.css +1 -0
  126. package/dist/RadioGroup/RadioGroup.cjs.js +8 -9
  127. package/dist/RadioGroup/RadioGroup.esm.js +8 -9
  128. package/dist/RadioGroup/styles.css +1 -0
  129. package/dist/Rule/Rule.cjs.js +5 -5
  130. package/dist/Rule/Rule.esm.js +2 -2
  131. package/dist/Rule/styles.css +1 -0
  132. package/dist/ScrollToTop/ScrollToTop.cjs.js +8 -9
  133. package/dist/ScrollToTop/ScrollToTop.esm.js +3 -4
  134. package/dist/ScrollToTop/styles.css +1 -0
  135. package/dist/Section/Section.cjs.js +2 -2
  136. package/dist/Section/Section.esm.js +2 -2
  137. package/dist/Section/styles.css +1 -0
  138. package/dist/Select/Select.cjs.js +1165 -91
  139. package/dist/Select/Select.esm.js +1076 -21
  140. package/dist/Select/styles.css +1 -0
  141. package/dist/SiteFooter/SiteFooter.cjs.js +7 -8
  142. package/dist/SiteFooter/SiteFooter.esm.js +7 -8
  143. package/dist/SiteFooter/styles.css +1 -0
  144. package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js +10 -12
  145. package/dist/SiteHeaderV2/SiteHeaderV2.esm.js +10 -12
  146. package/dist/SiteHeaderV2/styles.css +1 -0
  147. package/dist/SkipLink/SkipLink.cjs.js +4 -4
  148. package/dist/SkipLink/SkipLink.esm.js +3 -3
  149. package/dist/SkipLink/styles.css +1 -0
  150. package/dist/Surface/Surface.cjs.js +2 -2
  151. package/dist/Surface/Surface.esm.js +2 -2
  152. package/dist/Surface/styles.css +1 -0
  153. package/dist/Switch/Switch.cjs.js +16 -18
  154. package/dist/Switch/Switch.esm.js +12 -14
  155. package/dist/Switch/styles.css +1 -0
  156. package/dist/Tabs/Tabs.cjs.js +9 -11
  157. package/dist/Tabs/Tabs.esm.js +9 -11
  158. package/dist/Tabs/styles.css +1 -0
  159. package/dist/Tag/Tag.cjs.js +5 -6
  160. package/dist/Tag/Tag.esm.js +5 -6
  161. package/dist/Tag/styles.css +1 -0
  162. package/dist/Text/Text.cjs.js +3 -4
  163. package/dist/Text/Text.esm.js +3 -4
  164. package/dist/Text/styles.css +1 -0
  165. package/dist/TextArea/TextArea.cjs.js +55 -56
  166. package/dist/TextArea/TextArea.esm.js +51 -52
  167. package/dist/TextArea/styles.css +1 -0
  168. package/dist/TextInput/TextInput.cjs.js +9 -10
  169. package/dist/TextInput/TextInput.esm.js +9 -10
  170. package/dist/TextInput/styles.css +1 -0
  171. package/dist/Theme/Theme.cjs.js +5 -5
  172. package/dist/Theme/Theme.esm.js +1 -1
  173. package/dist/Theme/styles.css +1 -0
  174. package/dist/ThemeIcon/ThemeIcon.cjs.js +3 -4
  175. package/dist/ThemeIcon/ThemeIcon.esm.js +3 -4
  176. package/dist/ThemeIcon/styles.css +1 -0
  177. package/dist/Toast/Toast.cjs.js +8 -10
  178. package/dist/Toast/Toast.esm.js +8 -10
  179. package/dist/Toast/styles.css +1 -0
  180. package/dist/Truncate/Truncate.cjs.js +3 -3
  181. package/dist/Truncate/Truncate.esm.js +1 -1
  182. package/dist/Truncate/styles.css +1 -0
  183. package/dist/TypographyCard/TypographyCard.cjs.js +13 -13
  184. package/dist/TypographyCard/TypographyCard.esm.js +8 -8
  185. package/dist/TypographyCard/styles.css +1 -0
  186. package/dist/UniversalHeader/UniversalHeader.cjs.js +3 -3
  187. package/dist/UniversalHeader/UniversalHeader.esm.js +3 -3
  188. package/dist/UniversalHeader/styles.css +1 -0
  189. package/dist/VerticalSpace/VerticalSpace.cjs.js +2 -2
  190. package/dist/VerticalSpace/VerticalSpace.esm.js +2 -2
  191. package/dist/VerticalSpace/styles.css +1 -0
  192. package/dist/VideoPlayer/VideoPlayer.cjs.js +11 -12
  193. package/dist/VideoPlayer/VideoPlayer.esm.js +8 -9
  194. package/dist/VideoPlayer/styles.css +1 -0
  195. package/dist/Visible/Visible.cjs.js +5 -5
  196. package/dist/Visible/Visible.esm.js +1 -1
  197. package/dist/Visible/styles.css +1 -0
  198. package/dist/VisuallyHidden/VisuallyHidden.cjs.js +2 -1
  199. package/dist/VisuallyHidden/VisuallyHidden.esm.js +2 -1
  200. package/dist/VisuallyHidden/styles.css +1 -0
  201. package/dist/_shared/cjs/{Avatar-fc0d9b8b.js → Avatar-9277512a.js} +11 -12
  202. package/dist/_shared/cjs/{BrandLogo-1d2ca2c7.js → BrandLogo-ce65cd74.js} +7 -8
  203. package/dist/_shared/cjs/{Breadcrumbs-7af0af2c.js → Breadcrumbs-c7821aa9.js} +12 -12
  204. package/dist/_shared/cjs/{BtIconArrowRight.esm-5989f2ca.js → BtIconArrowRight.esm-6053bb79.js} +0 -8
  205. package/dist/_shared/cjs/{Button-7d891a89.js → Button-ea665c9c.js} +12 -13
  206. package/dist/_shared/cjs/{ButtonV2-b2db3f46.js → ButtonV2-373877da.js} +11 -11
  207. package/dist/_shared/cjs/{Calendar-649cc139.js → Calendar-e5184158.js} +912 -912
  208. package/dist/_shared/cjs/{CardFooter-5414bc4f.js → CardFooter-a1bb3ded.js} +3 -3
  209. package/dist/_shared/cjs/CardHeading-3ddcf774.js +16 -0
  210. package/dist/_shared/cjs/{Checkbox-0e423653.js → Checkbox-850dcf99.js} +11 -11
  211. package/dist/_shared/cjs/{Columns-1224bdff.js → Columns-5c6bab74.js} +9 -10
  212. package/dist/_shared/cjs/Combination-854a36ce.js +1203 -0
  213. package/dist/_shared/cjs/DatePicker-2bf10a10.js +956 -0
  214. package/dist/_shared/cjs/{DisclosureMini-c01ecce0.js → DisclosureMini-c730c24d.js} +10 -10
  215. package/dist/_shared/cjs/{Filter-3b897d92.js → Filter-c42eee70.js} +14 -14
  216. package/dist/_shared/cjs/{FormControl-88d48f42.js → FormControl-5c963e6e.js} +12 -12
  217. package/dist/_shared/cjs/{Grid-9e91fb3d.js → Grid-69ed0e5c.js} +10 -11
  218. package/dist/_shared/cjs/{Group-3d5ea240.js → Group-5233a907.js} +9 -9
  219. package/dist/_shared/cjs/{Heading-fb63844f.js → Heading-14378b72.js} +7 -8
  220. package/dist/_shared/cjs/{HeroButton-0586a7c4.js → HeroButton-db7d03d6.js} +11 -11
  221. package/dist/_shared/cjs/{Icon-0ec0c1fb.js → Icon-7f1e8a19.js} +8 -9
  222. package/dist/_shared/cjs/{Image-e9a5a326.js → Image-c8969ad9.js} +9 -10
  223. package/dist/_shared/cjs/{MediaCard-8f41b411.js → MediaCard-4ff9f5c0.js} +18 -18
  224. package/dist/_shared/cjs/{Poster-b7242b37.js → Poster-8fba5492.js} +13 -14
  225. package/dist/_shared/cjs/{ProgressStepper-fb8405c2.js → ProgressStepper-aaff6b51.js} +13 -13
  226. package/dist/_shared/cjs/{RadioGroup-a4186267.js → RadioGroup-6142dceb.js} +14 -14
  227. package/dist/_shared/cjs/{Section-ecfc659b.js → Section-46646353.js} +5 -5
  228. package/dist/_shared/cjs/{SiteFooter-7c4072b5.js → SiteFooter-cfe7163f.js} +11 -11
  229. package/dist/_shared/cjs/{SiteHeaderV2-94687999.js → SiteHeaderV2-043d976a.js} +63 -65
  230. package/dist/_shared/cjs/Surface-7500f314.js +174 -0
  231. package/dist/_shared/cjs/{Tabs-75c34f43.js → Tabs-bd1f208d.js} +24 -25
  232. package/dist/_shared/cjs/{Tag-452048f6.js → Tag-4eb2ed9e.js} +8 -8
  233. package/dist/_shared/cjs/{Text-1c1110a4.js → Text-284a7314.js} +7 -8
  234. package/dist/_shared/cjs/{TextInput-762e2309.js → TextInput-bcc3f86c.js} +12 -12
  235. package/dist/_shared/cjs/{ThemeIcon-ee814862.js → ThemeIcon-c3dc056d.js} +8 -9
  236. package/dist/_shared/cjs/{Toast-d06a89e0.js → Toast-69020185.js} +16 -17
  237. package/dist/_shared/cjs/{UniversalHeader-f6d9c63a.js → UniversalHeader-07be88fd.js} +6 -6
  238. package/dist/_shared/cjs/{VerticalSpace-e128ec68.js → VerticalSpace-973deefe.js} +5 -5
  239. package/dist/_shared/cjs/{VisuallyHidden-b0de4c7b.js → VisuallyHidden-25393f58.js} +3 -2
  240. package/dist/_shared/cjs/{component-df82bc05.js → component-4e71e3d3.js} +4 -4
  241. package/dist/_shared/cjs/{Combination-3a639f6d.js → floating-ui.react-dom-08b8b87c.js} +37 -1103
  242. package/dist/_shared/cjs/{index-7aa7f96a.js → index-568bc1da.js} +8 -1
  243. package/dist/_shared/cjs/{index-0c6319ec.js → index-677557a4.js} +1 -1
  244. package/dist/_shared/cjs/{index-3d629205.js → index-6cbaf5e0.js} +19 -1
  245. package/dist/_shared/cjs/{index-41b09e85.js → index-c137700a.js} +20 -1
  246. package/dist/_shared/cjs/{index-996dec94.js → index-dbab0ad6.js} +1 -1
  247. package/dist/_shared/cjs/{index.es-16759329.js → index.es-ba095ee5.js} +1 -1
  248. package/dist/_shared/cjs/{index-df60851b.js → index.es-c26e8978.js} +20 -6
  249. package/dist/_shared/esm/{Avatar-38cc0595.js → Avatar-b5ac0a89.js} +5 -6
  250. package/dist/_shared/esm/{BrandLogo-7ed8aeda.js → BrandLogo-fb863b5b.js} +2 -3
  251. package/dist/_shared/esm/{Breadcrumbs-9078b68e.js → Breadcrumbs-01ebed9b.js} +8 -8
  252. package/dist/_shared/esm/BtIconArrowRight.esm-93da96bb.js +24 -0
  253. package/dist/_shared/esm/{Button-dde2b46a.js → Button-1491784f.js} +4 -5
  254. package/dist/_shared/esm/{ButtonV2-49cd0615.js → ButtonV2-f9019e00.js} +3 -3
  255. package/dist/_shared/esm/{Calendar-60591442.js → Calendar-5c2fb044.js} +889 -889
  256. package/dist/_shared/esm/{CardFooter-c79fb2db.js → CardFooter-e4380cda.js} +3 -3
  257. package/dist/_shared/esm/CardHeading-4223432d.js +10 -0
  258. package/dist/_shared/esm/{Checkbox-0baca464.js → Checkbox-97def257.js} +5 -5
  259. package/dist/_shared/esm/{Columns-6a8f6fbb.js → Columns-9aa5df4a.js} +1 -2
  260. package/dist/_shared/esm/Combination-2af75870.js +1163 -0
  261. package/dist/_shared/esm/DatePicker-2d891441.js +927 -0
  262. package/dist/_shared/esm/{DisclosureMini-38f4c459.js → DisclosureMini-6292f721.js} +4 -4
  263. package/dist/_shared/esm/{Filter-49dcf5ce.js → Filter-71e06965.js} +11 -11
  264. package/dist/_shared/esm/{FormControl-d873f7fa.js → FormControl-e0acdf7a.js} +5 -5
  265. package/dist/_shared/esm/{Grid-fb9fc522.js → Grid-727d05d6.js} +1 -2
  266. package/dist/_shared/esm/{Group-66196f07.js → Group-b1b14ab4.js} +2 -2
  267. package/dist/_shared/esm/{Heading-906c7c7c.js → Heading-0dfbdb24.js} +2 -3
  268. package/dist/_shared/esm/{HeroButton-7ea692bf.js → HeroButton-bb983125.js} +3 -3
  269. package/dist/_shared/esm/{Icon-512f834f.js → Icon-428e8061.js} +2 -3
  270. package/dist/_shared/esm/{Image-57d08939.js → Image-c1dc10b5.js} +1 -2
  271. package/dist/_shared/esm/{MediaCard-c12d89ea.js → MediaCard-d83b5561.js} +10 -10
  272. package/dist/_shared/esm/{Poster-e05a8b45.js → Poster-ac72059a.js} +4 -5
  273. package/dist/_shared/esm/{ProgressStepper-189ed0f9.js → ProgressStepper-e3e7b392.js} +4 -4
  274. package/dist/_shared/esm/{RadioGroup-8ff17cbb.js → RadioGroup-0d337240.js} +7 -7
  275. package/dist/_shared/esm/{Section-1acbc06a.js → Section-c1dc6e37.js} +1 -1
  276. package/dist/_shared/esm/{SiteFooter-b65497e8.js → SiteFooter-7e924fb4.js} +6 -6
  277. package/dist/_shared/esm/{SiteHeaderV2-784b3bf8.js → SiteHeaderV2-94b9a407.js} +9 -11
  278. package/dist/_shared/esm/Surface-c425e5e6.js +164 -0
  279. package/dist/_shared/esm/{Tabs-21ac7dfe.js → Tabs-028cee5d.js} +10 -11
  280. package/dist/_shared/esm/{Tag-2513c185.js → Tag-1ae027ee.js} +4 -4
  281. package/dist/_shared/esm/{Text-a46fb76b.js → Text-96d8a35f.js} +2 -3
  282. package/dist/_shared/esm/{TextInput-94c7b1a4.js → TextInput-8e3b81bf.js} +5 -5
  283. package/dist/_shared/esm/{ThemeIcon-c2dc41a6.js → ThemeIcon-9fac63d0.js} +2 -3
  284. package/dist/_shared/esm/{Toast-de6ca2f3.js → Toast-ebe2cd97.js} +6 -7
  285. package/dist/_shared/esm/{UniversalHeader-456ad60c.js → UniversalHeader-22ff848b.js} +3 -3
  286. package/dist/_shared/esm/{VerticalSpace-b07cd8e6.js → VerticalSpace-6a3533db.js} +1 -1
  287. package/dist/_shared/esm/VisuallyHidden-cf45ac18.js +12 -0
  288. package/dist/_shared/esm/{component-d0a555cf.js → component-3e60a45e.js} +1 -1
  289. package/dist/_shared/esm/{Combination-ae3a3f08.js → floating-ui.react-dom-1bb71aae.js} +15 -1079
  290. package/dist/_shared/esm/{index-cace3545.js → index-3a2c1ceb.js} +25 -25
  291. package/dist/_shared/esm/{index-f97466e9.js → index-61497bd9.js} +1 -1
  292. package/dist/_shared/esm/{index-605031ca.js → index-ce6dee84.js} +53 -53
  293. package/dist/_shared/esm/{index-4e58de24.js → index-cf208294.js} +21 -3
  294. package/dist/_shared/esm/{index-fa93ec97.js → index-d083425f.js} +1 -1
  295. package/dist/_shared/esm/index-f6cc48d2.js +41 -0
  296. package/dist/_shared/esm/{index-7740883c.js → index-fb8b9df7.js} +9 -2
  297. package/dist/_shared/esm/{index-288c66b5.js → index.es-5496ec12.js} +20 -6
  298. package/dist/_shared/esm/{index.es-1b6d33c2.js → index.es-974af4a2.js} +1 -1
  299. package/dist/index.es.js +8433 -7929
  300. package/dist/index.es.js.map +1 -1
  301. package/dist/index.js +8417 -7913
  302. package/dist/index.js.map +1 -1
  303. package/dist/styles.css +3 -3
  304. package/dist/types/components/CardHeading/index.d.ts +1 -0
  305. package/dist/types/components/ImpactCard/ImpactCard.d.ts +2 -2
  306. package/dist/types/components/MediaCard/MediaCard.d.ts +1 -1
  307. package/dist/types/components/Switch/Switch.d.ts +4 -0
  308. package/dist/types/components/TypographyCard/TypographyCard.d.ts +2 -2
  309. package/dist/types/helpers/index.d.ts +0 -2
  310. package/dist/types/styles.d.ts +3 -3
  311. package/package.json +17 -12
  312. package/dist/_shared/cjs/DatePicker-2417e55b.js +0 -550
  313. package/dist/_shared/cjs/Surface-8599dbe4.js +0 -57
  314. package/dist/_shared/cjs/index-039a9d35.js +0 -23
  315. package/dist/_shared/cjs/index-28447df0.js +0 -23
  316. package/dist/_shared/cjs/index-dcfdd5da.js +0 -11
  317. package/dist/_shared/cjs/suffix-modifier-c8a34402.js +0 -19
  318. package/dist/_shared/esm/BtIconArrowRight.esm-6a17d0ce.js +0 -31
  319. package/dist/_shared/esm/DatePicker-c7bb178e.js +0 -539
  320. package/dist/_shared/esm/Surface-71d21a9e.js +0 -48
  321. package/dist/_shared/esm/VisuallyHidden-06692fd3.js +0 -11
  322. package/dist/_shared/esm/index-5113ed53.js +0 -24
  323. package/dist/_shared/esm/index-6028d797.js +0 -21
  324. package/dist/_shared/esm/index-69089474.js +0 -21
  325. package/dist/_shared/esm/index-a624de47.js +0 -9
  326. package/dist/_shared/esm/suffix-modifier-1ce05abe.js +0 -17
  327. package/dist/types/helpers/filter-data-attrs.d.ts +0 -1
  328. package/dist/types/helpers/suffix-modifier.d.ts +0 -9
  329. package/dist/types/private-components/CardHeading/index.d.ts +0 -1
  330. package/dist/types/private-components/index.d.ts +0 -3
  331. package/dist/_shared/cjs/{ConditionalWrapper-be3b2625.js → ConditionalWrapper-bf944594.js} +0 -0
  332. package/dist/_shared/cjs/{index-7e31a45b.js → index-28fbfd5b.js} +52 -52
  333. package/dist/_shared/cjs/{index-3dd54df1.js → index-6f33b8c0.js} +23 -23
  334. /package/dist/_shared/esm/{ConditionalWrapper-59be8f35.js → ConditionalWrapper-b85979de.js} +0 -0
  335. /package/dist/types/{private-components → components}/CardFooter/CardFooter.d.ts +0 -0
  336. /package/dist/types/{private-components → components}/CardFooter/index.d.ts +0 -0
  337. /package/dist/types/{private-components → components}/CardHeading/CardHeading.d.ts +0 -0
  338. /package/dist/types/{private-components → components}/ConditionalWrapper/ConditionalWrapper.d.ts +0 -0
  339. /package/dist/types/{private-components → components}/ConditionalWrapper/index.d.ts +0 -0
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- var index = require('./index-df60851b.js');
4
-
5
- /**
6
- * Suffixes a modifier value onto the end of a className, converting it to
7
- * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
8
- * returns MyComponent--displayBlock.
9
- *
10
- * @param rootClassName The root className to append the suffix onto
11
- * @param suffix The suffix to convert into pascal case.
12
- */
13
- var suffixModifier = function (rootClassName, suffix) {
14
- return "".concat(rootClassName).concat(index.camelcase(suffix, {
15
- pascalCase: true
16
- }));
17
- };
18
-
19
- exports.suffixModifier = suffixModifier;
@@ -1,31 +0,0 @@
1
- import { a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
2
- import React__default from 'react';
3
- import { H as Heading } from './Heading-906c7c7c.js';
4
-
5
- var CardHeading = function (_a) {
6
- var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d;
7
- return (React__default.createElement(Heading, { level: headingLevel, size: size }, href ? (React__default.createElement("a", __assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterDataAttrs(linkData)), heading)) : (heading)));
8
- };
9
-
10
- const BtIconArrowRight = (props) =>
11
- /*#__PURE__*/ React__default.createElement(
12
- "svg",
13
- Object.assign(
14
- {
15
- xmlns: "http://www.w3.org/2000/svg",
16
- viewBox: "0 0 32 32",
17
- },
18
- props,
19
- ),
20
- /*#__PURE__*/ React__default.createElement("defs", null),
21
- /*#__PURE__*/ React__default.createElement("path", {
22
- d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
23
- fill: "currentColor",
24
- }),
25
- /*#__PURE__*/ React__default.createElement("path", {
26
- d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
27
- fill: "currentColor",
28
- }),
29
- );
30
-
31
- export { BtIconArrowRight as B, CardHeading as C };
@@ -1,539 +0,0 @@
1
- import { b as __spreadArray, _ as __rest, a as __assign } from './index-288c66b5.js';
2
- import React__default, { useRef, useState, createElement, useCallback, forwardRef, useEffect } from 'react';
3
- import { c as classNames } from './index-2e73c2e9.js';
4
- import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $71cd76cc60e0454e$export$6f32135080cb4c3, _ as _extends, b as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, c as $5e63c961fc1ce211$export$8c6ed5c666ac1360, d as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from './index-cace3545.js';
5
- import { $ as $cf1ac5d9fe0e8206$export$722aac194ae923, a as $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, b as $cf1ac5d9fe0e8206$export$b688253958b8dfe7, c as $f1701beae083dbae$export$602eac185826482c, d as $01b9c$RemoveScroll, e as $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c, f as $d3863c46a17e8a28$export$20e40289641fbbb6, g as $5cb92bef7577960e$export$177fb62ff3ec1f22, h as $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 } from './Combination-ae3a3f08.js';
6
- import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from './index-7740883c.js';
7
- import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-fa93ec97.js';
8
- import { h as hideOthers, u as useThemeElement } from './component-d0a555cf.js';
9
- import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-60591442.js';
10
- import { r as requiredArgs, t as toDate, i as isValid, f as format } from './index-605031ca.js';
11
- import { T as TextInputWithPlaceHolder } from './TextInput-94c7b1a4.js';
12
-
13
- /**
14
- * @name startOfDay
15
- * @category Day Helpers
16
- * @summary Return the start of a day for the given date.
17
- *
18
- * @description
19
- * Return the start of a day for the given date.
20
- * The result will be in the local timezone.
21
- *
22
- * @param {Date|Number} date - the original date
23
- * @returns {Date} the start of a day
24
- * @throws {TypeError} 1 argument required
25
- *
26
- * @example
27
- * // The start of a day for 2 September 2014 11:55:00:
28
- * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
29
- * //=> Tue Sep 02 2014 00:00:00
30
- */
31
- function startOfDay(dirtyDate) {
32
- requiredArgs(1, arguments);
33
- var date = toDate(dirtyDate);
34
- date.setHours(0, 0, 0, 0);
35
- return date;
36
- }
37
-
38
- /**
39
- * @name isSameDay
40
- * @category Day Helpers
41
- * @summary Are the given dates in the same day (and year and month)?
42
- *
43
- * @description
44
- * Are the given dates in the same day (and year and month)?
45
- *
46
- * @param {Date|Number} dateLeft - the first date to check
47
- * @param {Date|Number} dateRight - the second date to check
48
- * @returns {Boolean} the dates are in the same day (and year and month)
49
- * @throws {TypeError} 2 arguments required
50
- *
51
- * @example
52
- * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
53
- * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
54
- * //=> true
55
- *
56
- * @example
57
- * // Are 4 September and 4 October in the same day?
58
- * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
59
- * //=> false
60
- *
61
- * @example
62
- * // Are 4 September, 2014 and 4 September, 2015 in the same day?
63
- * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
64
- * //=> false
65
- */
66
- function isSameDay(dirtyDateLeft, dirtyDateRight) {
67
- requiredArgs(2, arguments);
68
- var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
69
- var dateRightStartOfDay = startOfDay(dirtyDateRight);
70
- return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
71
- }
72
-
73
- var parseRangeString = function (value) {
74
- if (value === void 0) { value = ""; }
75
- var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
76
- var _d = start.split("/"), startDay = _d[0], startMonth = _d[1], startYear = _d[2];
77
- var _e = end.split("/"), endDay = _e[0], endMonth = _e[1], endYear = _e[2];
78
- return {
79
- start: {
80
- date: start,
81
- day: startDay,
82
- month: startMonth,
83
- year: startYear
84
- },
85
- end: {
86
- date: end,
87
- day: endDay,
88
- month: endMonth,
89
- year: endYear
90
- }
91
- };
92
- };
93
-
94
- var parseDateString = function (value) {
95
- var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
96
- return {
97
- day: day,
98
- month: month,
99
- year: year
100
- };
101
- };
102
-
103
- var isDateValid = function (value) {
104
- if (value === void 0) { value = ""; }
105
- var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
106
- return (/^\d{2}\/\d{2}\/\d{4}$/.test(value) &&
107
- isValid(new Date("".concat(year, "-").concat(month, "-").concat(day))));
108
- };
109
-
110
- var isRangeValid = function (value) {
111
- if (value === void 0) { value = ""; }
112
- var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
113
- return isDateValid(start) && isDateValid(end);
114
- };
115
-
116
- var DATE_FORMAT = "dd/MM/yyyy";
117
-
118
- /* -------------------------------------------------------------------------------------------------
119
- * Popover
120
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$POPOVER_NAME = 'Popover';
121
- const [$cb5cc270b50c6fcd$var$createPopoverContext, $cb5cc270b50c6fcd$export$c8393c9e73286932] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($cb5cc270b50c6fcd$var$POPOVER_NAME, [
122
- $cf1ac5d9fe0e8206$export$722aac194ae923
123
- ]);
124
- const $cb5cc270b50c6fcd$var$usePopperScope = $cf1ac5d9fe0e8206$export$722aac194ae923();
125
- const [$cb5cc270b50c6fcd$var$PopoverProvider, $cb5cc270b50c6fcd$var$usePopoverContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$POPOVER_NAME);
126
- const $cb5cc270b50c6fcd$export$5b6b19405a83ff9d = (props)=>{
127
- const { __scopePopover: __scopePopover , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , modal: modal = false } = props;
128
- const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);
129
- const triggerRef = useRef(null);
130
- const [hasCustomAnchor, setHasCustomAnchor] = useState(false);
131
- const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
132
- prop: openProp,
133
- defaultProp: defaultOpen,
134
- onChange: onOpenChange
135
- });
136
- return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, popperScope, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverProvider, {
137
- scope: __scopePopover,
138
- contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
139
- triggerRef: triggerRef,
140
- open: open,
141
- onOpenChange: setOpen,
142
- onOpenToggle: useCallback(()=>setOpen((prevOpen)=>!prevOpen
143
- )
144
- , [
145
- setOpen
146
- ]),
147
- hasCustomAnchor: hasCustomAnchor,
148
- onCustomAnchorAdd: useCallback(()=>setHasCustomAnchor(true)
149
- , []),
150
- onCustomAnchorRemove: useCallback(()=>setHasCustomAnchor(false)
151
- , []),
152
- modal: modal
153
- }, children));
154
- };
155
- /* -------------------------------------------------------------------------------------------------
156
- * PopoverAnchor
157
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$ANCHOR_NAME = 'PopoverAnchor';
158
- const $cb5cc270b50c6fcd$export$96e5381f42521a79 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
159
- const { __scopePopover: __scopePopover , ...anchorProps } = props;
160
- const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$ANCHOR_NAME, __scopePopover);
161
- const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);
162
- const { onCustomAnchorAdd: onCustomAnchorAdd , onCustomAnchorRemove: onCustomAnchorRemove } = context;
163
- useEffect(()=>{
164
- onCustomAnchorAdd();
165
- return ()=>onCustomAnchorRemove()
166
- ;
167
- }, [
168
- onCustomAnchorAdd,
169
- onCustomAnchorRemove
170
- ]);
171
- return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends({}, popperScope, anchorProps, {
172
- ref: forwardedRef
173
- }));
174
- });
175
- /* -------------------------------------------------------------------------------------------------
176
- * PopoverPortal
177
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PORTAL_NAME = 'PopoverPortal';
178
- const [$cb5cc270b50c6fcd$var$PortalProvider, $cb5cc270b50c6fcd$var$usePortalContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, {
179
- forceMount: undefined
180
- });
181
- const $cb5cc270b50c6fcd$export$dd679ffb4362d2d4 = (props)=>{
182
- const { __scopePopover: __scopePopover , forceMount: forceMount , children: children , container: container } = props;
183
- const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, __scopePopover);
184
- return /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PortalProvider, {
185
- scope: __scopePopover,
186
- forceMount: forceMount
187
- }, /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
188
- present: forceMount || context.open
189
- }, /*#__PURE__*/ createElement($f1701beae083dbae$export$602eac185826482c, {
190
- asChild: true,
191
- container: container
192
- }, children)));
193
- };
194
- /* -------------------------------------------------------------------------------------------------
195
- * PopoverContent
196
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$CONTENT_NAME = 'PopoverContent';
197
- const $cb5cc270b50c6fcd$export$d7e1f420b25549ff = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
198
- const portalContext = $cb5cc270b50c6fcd$var$usePortalContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
199
- const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
200
- const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
201
- return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
202
- present: forceMount || context.open
203
- }, context.modal ? /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentModal, _extends({}, contentProps, {
204
- ref: forwardedRef
205
- })) : /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentNonModal, _extends({}, contentProps, {
206
- ref: forwardedRef
207
- })));
208
- });
209
- /* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PopoverContentModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
210
- const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
211
- const contentRef = useRef(null);
212
- const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentRef);
213
- const isRightClickOutsideRef = useRef(false); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
214
- useEffect(()=>{
215
- const content = contentRef.current;
216
- if (content) return hideOthers(content);
217
- }, []);
218
- return /*#__PURE__*/ createElement($01b9c$RemoveScroll, {
219
- as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
220
- allowPinchZoom: true
221
- }, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentImpl, _extends({}, props, {
222
- ref: composedRefs // we make sure we're not trapping once it's been closed
223
- ,
224
- trapFocus: context.open,
225
- disableOutsidePointerEvents: true,
226
- onCloseAutoFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onCloseAutoFocus, (event)=>{
227
- var _context$triggerRef$c;
228
- event.preventDefault();
229
- if (!isRightClickOutsideRef.current) (_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
230
- }),
231
- onPointerDownOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside, (event)=>{
232
- const originalEvent = event.detail.originalEvent;
233
- const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
234
- const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
235
- isRightClickOutsideRef.current = isRightClick;
236
- }, {
237
- checkForDefaultPrevented: false
238
- }) // When focus is trapped, a `focusout` event may still happen.
239
- ,
240
- onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event)=>event.preventDefault()
241
- , {
242
- checkForDefaultPrevented: false
243
- })
244
- })));
245
- });
246
- const $cb5cc270b50c6fcd$var$PopoverContentNonModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
247
- const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
248
- const hasInteractedOutsideRef = useRef(false);
249
- const hasPointerDownOutsideRef = useRef(false);
250
- return /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentImpl, _extends({}, props, {
251
- ref: forwardedRef,
252
- trapFocus: false,
253
- disableOutsidePointerEvents: false,
254
- onCloseAutoFocus: (event)=>{
255
- var _props$onCloseAutoFoc;
256
- (_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
257
- if (!event.defaultPrevented) {
258
- var _context$triggerRef$c2;
259
- if (!hasInteractedOutsideRef.current) (_context$triggerRef$c2 = context.triggerRef.current) === null || _context$triggerRef$c2 === void 0 || _context$triggerRef$c2.focus(); // Always prevent auto focus because we either focus manually or want user agent focus
260
- event.preventDefault();
261
- }
262
- hasInteractedOutsideRef.current = false;
263
- hasPointerDownOutsideRef.current = false;
264
- },
265
- onInteractOutside: (event)=>{
266
- var _props$onInteractOuts, _context$triggerRef$c3;
267
- (_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
268
- if (!event.defaultPrevented) {
269
- hasInteractedOutsideRef.current = true;
270
- if (event.detail.originalEvent.type === 'pointerdown') hasPointerDownOutsideRef.current = true;
271
- } // Prevent dismissing when clicking the trigger.
272
- // As the trigger is already setup to close, without doing so would
273
- // cause it to close and immediately open.
274
- const target = event.target;
275
- const targetIsTrigger = (_context$triggerRef$c3 = context.triggerRef.current) === null || _context$triggerRef$c3 === void 0 ? void 0 : _context$triggerRef$c3.contains(target);
276
- if (targetIsTrigger) event.preventDefault(); // On Safari if the trigger is inside a container with tabIndex={0}, when clicked
277
- // we will get the pointer down outside event on the trigger, but then a subsequent
278
- // focus outside event on the container, we ignore any focus outside event when we've
279
- // already had a pointer down outside event.
280
- if (event.detail.originalEvent.type === 'focusin' && hasPointerDownOutsideRef.current) event.preventDefault();
281
- }
282
- }));
283
- });
284
- /* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PopoverContentImpl = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
285
- const { __scopePopover: __scopePopover , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , disableOutsidePointerEvents: disableOutsidePointerEvents , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , ...contentProps } = props;
286
- const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, __scopePopover);
287
- const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover); // Make sure the whole tree has focus guards as our `Popover` may be
288
- // the last element in the DOM (beacuse of the `Portal`)
289
- $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
290
- return /*#__PURE__*/ createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
291
- asChild: true,
292
- loop: true,
293
- trapped: trapFocus,
294
- onMountAutoFocus: onOpenAutoFocus,
295
- onUnmountAutoFocus: onCloseAutoFocus
296
- }, /*#__PURE__*/ createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, {
297
- asChild: true,
298
- disableOutsidePointerEvents: disableOutsidePointerEvents,
299
- onInteractOutside: onInteractOutside,
300
- onEscapeKeyDown: onEscapeKeyDown,
301
- onPointerDownOutside: onPointerDownOutside,
302
- onFocusOutside: onFocusOutside,
303
- onDismiss: ()=>context.onOpenChange(false)
304
- }, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends({
305
- "data-state": $cb5cc270b50c6fcd$var$getState(context.open),
306
- role: "dialog",
307
- id: context.contentId
308
- }, popperScope, contentProps, {
309
- ref: forwardedRef,
310
- style: {
311
- ...contentProps.style,
312
- '--radix-popover-content-transform-origin': 'var(--radix-popper-transform-origin)',
313
- '--radix-popover-content-available-width': 'var(--radix-popper-available-width)',
314
- '--radix-popover-content-available-height': 'var(--radix-popper-available-height)',
315
- '--radix-popover-trigger-width': 'var(--radix-popper-anchor-width)',
316
- '--radix-popover-trigger-height': 'var(--radix-popper-anchor-height)'
317
- }
318
- }))));
319
- });
320
- /* -----------------------------------------------------------------------------------------------*/ function $cb5cc270b50c6fcd$var$getState(open) {
321
- return open ? 'open' : 'closed';
322
- }
323
- const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9 = $cb5cc270b50c6fcd$export$5b6b19405a83ff9d;
324
- const $cb5cc270b50c6fcd$export$b688253958b8dfe7 = $cb5cc270b50c6fcd$export$96e5381f42521a79;
325
- const $cb5cc270b50c6fcd$export$602eac185826482c = $cb5cc270b50c6fcd$export$dd679ffb4362d2d4;
326
- const $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2 = $cb5cc270b50c6fcd$export$d7e1f420b25549ff;
327
-
328
- const BtIconCalender = (props) =>
329
- /*#__PURE__*/ React__default.createElement(
330
- "svg",
331
- Object.assign(
332
- {
333
- xmlns: "http://www.w3.org/2000/svg",
334
- viewBox: "0 0 32 32",
335
- },
336
- props,
337
- ),
338
- /*#__PURE__*/ React__default.createElement("defs", null),
339
- /*#__PURE__*/ React__default.createElement("path", {
340
- d: "M27,7H25V4.5a.5.5,0,0,0-1,0V7H8V4.5a.5.5,0,0,0-1,0V7H5A1.003,1.003,0,0,0,4,8V27a1.003,1.003,0,0,0,1,1H27a1.003,1.003,0,0,0,1-1V8A1.003,1.003,0,0,0,27,7ZM7,8v.5a.5.5,0,0,0,1,0V8H24v.5a.5.5,0,0,0,1,0V8h2v4H5V8ZM5,27V13H27V27Z",
341
- fill: "currentColor",
342
- }),
343
- );
344
-
345
- var formatDate = function (value) {
346
- return format(value, DATE_FORMAT);
347
- };
348
-
349
- var isDisabledDate = function (disabledDates, date) {
350
- return Boolean(disabledDates &&
351
- disabledDates.find(function (disabledDate) { return isSameDay(date, disabledDate); }));
352
- };
353
-
354
- var convertDateStringToDate = function (value) {
355
- if (value === void 0) { value = ""; }
356
- var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
357
- var isValidDate = isDateValid(value);
358
- return isValidDate ? new Date("".concat(year, "-").concat(month, "-").concat(day)) : new Date();
359
- };
360
-
361
- var convertRangeStringToDates = function (value) {
362
- if (value === void 0) { value = ""; }
363
- var _a = parseRangeString(value), start = _a.start, end = _a.end;
364
- return __spreadArray(__spreadArray([], (isDateValid(start.date)
365
- ? [new Date("".concat(start.year, "-").concat(start.month, "-").concat(start.day))]
366
- : []), true), (isDateValid(end.date)
367
- ? [new Date("".concat(end.year, "-").concat(end.month, "-").concat(end.day))]
368
- : []), true);
369
- };
370
-
371
- /**
372
- * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
373
- */
374
- var DatePicker = forwardRef(function (_a, ref) {
375
- var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, labelSize = _a.labelSize, inputSize = _a.inputSize, _b = _a.value, value = _b === void 0 ? "" : _b, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = __rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "labelSize", "inputSize", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
376
- var _e = useThemeElement(), themeElement = _e[0], setThemeElement = _e[1];
377
- var _f = useState("Choose date"), ariaLabel = _f[0], setAriaLabel = _f[1];
378
- var _g = useState(false), showCalendar = _g[0], setShowCalendar = _g[1];
379
- var buttonRef = useRef(null);
380
- var ourRef = useRef(null);
381
- var previousValidValue = useRef(value);
382
- var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
383
- var placeHolder = selectionType === "range"
384
- ? "".concat(lowerCaseDateFormat, " - ").concat(lowerCaseDateFormat)
385
- : lowerCaseDateFormat;
386
- useEffect(function () {
387
- if (selectionType === "single" &&
388
- isDateValid(value) &&
389
- !isDisabledDate(disabledDates, convertDateStringToDate(value))) {
390
- previousValidValue.current = value;
391
- }
392
- if (selectionType === "range" && isRangeValid(value)) {
393
- var rangeHasDisabledDates = convertRangeStringToDates(value).some(function (rangeValue) { return isDisabledDate(disabledDates, rangeValue); });
394
- if (!rangeHasDisabledDates) {
395
- previousValidValue.current = value;
396
- }
397
- }
398
- }, [value, disabledDates, selectionType]);
399
- var getDatePickerRef = function (elementRef) {
400
- ourRef.current = elementRef;
401
- if (ref && typeof ref === "object") {
402
- ref.current = elementRef;
403
- }
404
- if (ref && typeof ref === "function") {
405
- ref(elementRef);
406
- }
407
- };
408
- var dispatchChangeEvent = function (e, value) {
409
- onChange &&
410
- onChange(__assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: value }) }));
411
- };
412
- var handleRangeSelect = function (rangeSelection) {
413
- var start = formatDate(rangeSelection.start);
414
- var end = rangeSelection.end ? formatDate(rangeSelection.end) : null;
415
- onRangeSelect &&
416
- onRangeSelect(__assign(__assign({}, rangeSelection), { formattedRange: "".concat(start).concat(end ? " - ".concat(end) : "") }));
417
- rangeSelection.isSelectionComplete && setShowCalendar(false);
418
- };
419
- var handleDateSelect = function (value) {
420
- onDateSelect &&
421
- onDateSelect({
422
- date: value,
423
- formattedDate: formatDate(value)
424
- });
425
- setShowCalendar(false);
426
- };
427
- var handleSingleSelectionBlur = function (e) {
428
- if (value && isDateValid(value) && selectionType === "single") {
429
- var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
430
- var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
431
- var isDateBeforeMinDate = minDate && isBefore(date, minDate);
432
- var isDateAfterMaxDate = maxDate && isAfter(date, maxDate);
433
- var isDisabledValue = isDisabledDate(disabledDates, date);
434
- if (isDateBeforeMinDate) {
435
- return dispatchChangeEvent(e, "".concat(formatDate(minDate)));
436
- }
437
- if (isDateAfterMaxDate) {
438
- return dispatchChangeEvent(e, "".concat(formatDate(maxDate)));
439
- }
440
- if (isDisabledValue) {
441
- var date_1 = previousValidValue.current
442
- ? convertDateStringToDate(previousValidValue.current)
443
- : new Date();
444
- return dispatchChangeEvent(e, "".concat(formatDate(date_1)));
445
- }
446
- }
447
- };
448
- var handleRangeSelectionBlur = function (e) {
449
- if (isRangeValid(value) && selectionType === "range") {
450
- var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
451
- var isStartDateBeforeMinDate = minDate && isBefore(start, minDate);
452
- var isEndDateAfterMaxDate = maxDate && isAfter(end, maxDate);
453
- var isStartDateDisabled = isDisabledDate(disabledDates, start);
454
- var isEndDateDisabled = isDisabledDate(disabledDates, end);
455
- if (isStartDateBeforeMinDate && isEndDateAfterMaxDate) {
456
- return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
457
- }
458
- if (isStartDateBeforeMinDate) {
459
- return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
460
- }
461
- if (isEndDateAfterMaxDate) {
462
- return dispatchChangeEvent(e, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
463
- }
464
- if (isStartDateDisabled || isEndDateDisabled) {
465
- var _b = previousValidValue.current
466
- ? convertRangeStringToDates(previousValidValue.current)
467
- : [], start_1 = _b[0], end_1 = _b[1];
468
- return dispatchChangeEvent(e, start_1 && end_1 ? "".concat(formatDate(start_1), " - ").concat(formatDate(end_1)) : "");
469
- }
470
- if (isAfter(start, end)) {
471
- var _c = [start, end].sort(compareAsc), orderedStart = _c[0], orderedEnd = _c[1];
472
- return dispatchChangeEvent(e, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
473
- }
474
- }
475
- };
476
- var handleBlur = function (e) {
477
- onBlur && onBlur(e);
478
- if (selectionType === "single") {
479
- handleSingleSelectionBlur(e);
480
- }
481
- if (selectionType === "range") {
482
- handleRangeSelectionBlur(e);
483
- }
484
- };
485
- var handleChange = function (e) {
486
- onChange && onChange(e);
487
- };
488
- var handleCalendarOpenChange = function (isOpen) {
489
- if (document.activeElement)
490
- setShowCalendar(isOpen);
491
- };
492
- var handleIconClick = function () {
493
- var _a;
494
- !((_a = ourRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) &&
495
- !isDisabled &&
496
- !isReadOnly &&
497
- setShowCalendar(true);
498
- };
499
- var handleIconFocus = function () {
500
- if (selectionType === "range" && isRangeValid(value)) {
501
- var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
502
- return setAriaLabel("Change dates, currently selected dates are ".concat(format(start, "EEEE do MMMM, yyyy"), " to ").concat(format(end, "EEEE do MMMM, yyyy")));
503
- }
504
- if (selectionType === "single" && isDateValid(value)) {
505
- var date = convertDateStringToDate(value);
506
- return setAriaLabel("Change date, currently selected date is ".concat(format(date, "EEEE do MMMM, yyyy")));
507
- }
508
- setAriaLabel("Choose Date");
509
- };
510
- var handleCalendarClose = function () {
511
- var _a, _b;
512
- if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY") {
513
- (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
514
- }
515
- };
516
- var onCancelClick = function () {
517
- setShowCalendar(false);
518
- };
519
- var handleAutoFocus = function (e) {
520
- e.preventDefault();
521
- };
522
- return (React__default.createElement("div", { ref: setThemeElement, className: classNames({
523
- "arc-DatePicker--constrained": !isFluid
524
- }) },
525
- React__default.createElement(TextInputWithPlaceHolder, __assign({ ref: getDatePickerRef, iconButton: {
526
- onClick: handleIconClick,
527
- onFocus: handleIconFocus,
528
- icon: BtIconCalender,
529
- label: ariaLabel,
530
- ref: buttonRef
531
- }, placeholder: placeHolder, errorMessage: errorMessage, helper: helper, id: id, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, label: label, labelSize: labelSize, maxLength: selectionType === "range" ? 23 : 10, name: name, onBlur: handleBlur, onChange: handleChange, onClickDisclosure: onClickDisclosure, type: "text", value: value, disclosureTitle: disclosureTitle, disclosureText: disclosureText, inputSize: inputSize }, props)),
532
- React__default.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { open: showCalendar, onOpenChange: handleCalendarOpenChange },
533
- React__default.createElement($cb5cc270b50c6fcd$export$b688253958b8dfe7, null),
534
- React__default.createElement($cb5cc270b50c6fcd$export$602eac185826482c, { container: themeElement },
535
- React__default.createElement($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { align: "start", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
536
- React__default.createElement(Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: selectionType, selectedDate: convertDateStringToDate(value), selectedRange: convertRangeStringToDates(value), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onDateSelect: handleDateSelect, onRangeSelect: handleRangeSelect }))))));
537
- });
538
-
539
- export { DATE_FORMAT as D, parseDateString as a, isDateValid as b, DatePicker as c, isRangeValid as i, parseRangeString as p };
@@ -1,48 +0,0 @@
1
- import { b as __spreadArray, _ as __rest, a as __assign, c as camelcase, f as filterDataAttrs } from './index-288c66b5.js';
2
- import { c as classNames } from './index-2e73c2e9.js';
3
- import React__default, { createContext } from 'react';
4
-
5
- var defaultContext = { surface: "light" };
6
- var Context = createContext(defaultContext);
7
- var Provider = Context.Provider;
8
- /**
9
- * Use `Surface` to compose content using the Arc system.
10
- */
11
- var Surface = function (_a) {
12
- var _b;
13
- var background = _a.background, children = _a.children, _c = _a.growVertically, growVertically = _c === void 0 ? false : _c, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, props = __rest(_a, ["background", "children", "growVertically", "padding", "paddingHorizontal", "paddingVertical"]);
14
- var surface = "light";
15
- if (background === "dark-black" ||
16
- background === "dark-brand-01" ||
17
- background === "dark-brand-02" ||
18
- background === "dark-neutral-01" ||
19
- background === "dark-neutral-02") {
20
- surface = "dark";
21
- }
22
- return (React__default.createElement(Provider, { value: { surface: surface } },
23
- React__default.createElement("div", __assign({ "data-testid": "arc-surface", className: classNames((_b = {
24
- "arc-Surface": true
25
- },
26
- _b["arc-Surface--".concat(background && camelcase(background), "Background")] = background,
27
- _b["arc-Surface--growVertically"] = growVertically,
28
- _b["arc-Surface--padding".concat(padding)] = padding,
29
- _b["arc-Surface--paddingHorizontal".concat(paddingHorizontal)] = paddingHorizontal,
30
- _b["arc-Surface--paddingVertical".concat(paddingVertical)] = paddingVertical,
31
- _b)) }, filterDataAttrs(props)), children)));
32
- };
33
- var backgroundsShared = [
34
- "dark-black",
35
- "dark-brand-01",
36
- "dark-brand-02",
37
- "dark-neutral-01",
38
- "dark-neutral-02",
39
- "light-brand-01",
40
- "light-brand-02",
41
- "light-neutral-01",
42
- "light-neutral-02",
43
- "light-white",
44
- ];
45
- var backgrounds = __spreadArray([], backgroundsShared, true);
46
- var backgroundsBT = __spreadArray([], backgroundsShared, true);
47
-
48
- export { Context as C, Surface as S, backgroundsBT as a, backgrounds as b };
@@ -1,11 +0,0 @@
1
- import React__default from 'react';
2
-
3
- /**
4
- * Use `VisuallyHidden` to provide text for screen readers that is visually hidden on screen.
5
- */
6
- var VisuallyHidden = function (_a) {
7
- var children = _a.children;
8
- return (React__default.createElement("span", { "data-testid": "visually-hidden", className: "arc-VisuallyHidden" }, children));
9
- };
10
-
11
- export { VisuallyHidden as V };