@artsy/palette 41.8.1 → 42.0.0

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 (471) hide show
  1. package/dist/Theme.d.ts +2 -70
  2. package/dist/Theme.js +3 -6
  3. package/dist/Theme.js.map +1 -1
  4. package/dist/elements/AutocompleteInput/AutocompleteInput.js +3 -4
  5. package/dist/elements/AutocompleteInput/AutocompleteInput.js.map +1 -1
  6. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +8 -14
  7. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
  8. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js +1 -2
  9. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map +1 -1
  10. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js +1 -2
  11. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js.map +1 -1
  12. package/dist/elements/Avatar/Avatar.js +3 -4
  13. package/dist/elements/Avatar/Avatar.js.map +1 -1
  14. package/dist/elements/Avatar/Avatar.story.js +5 -10
  15. package/dist/elements/Avatar/Avatar.story.js.map +1 -1
  16. package/dist/elements/Banner/Banner.d.ts +1 -1
  17. package/dist/elements/Banner/Banner.js +4 -6
  18. package/dist/elements/Banner/Banner.js.map +1 -1
  19. package/dist/elements/Banner/Banner.story.js +2 -4
  20. package/dist/elements/Banner/Banner.story.js.map +1 -1
  21. package/dist/elements/BaseTabs/BaseTab.d.ts +9 -9
  22. package/dist/elements/BaseTabs/BaseTab.js +1 -2
  23. package/dist/elements/BaseTabs/BaseTab.js.map +1 -1
  24. package/dist/elements/BaseTabs/BaseTabs.d.ts +1 -1
  25. package/dist/elements/BaseTabs/BaseTabs.js +1 -2
  26. package/dist/elements/BaseTabs/BaseTabs.js.map +1 -1
  27. package/dist/elements/BaseTabs/BaseTabs.story.js +10 -20
  28. package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
  29. package/dist/elements/BaseTabs/tokens.js +1 -2
  30. package/dist/elements/BaseTabs/tokens.js.map +1 -1
  31. package/dist/elements/BorderBox/BorderBox.d.ts +2 -3
  32. package/dist/elements/BorderBox/BorderBox.js +1 -2
  33. package/dist/elements/BorderBox/BorderBox.js.map +1 -1
  34. package/dist/elements/BorderBox/BorderBoxBase.d.ts +1 -2
  35. package/dist/elements/BorderBox/BorderBoxBase.js +1 -2
  36. package/dist/elements/BorderBox/BorderBoxBase.js.map +1 -1
  37. package/dist/elements/BorderedRadio/BorderedRadio.d.ts +1 -2
  38. package/dist/elements/BorderedRadio/BorderedRadio.js +1 -2
  39. package/dist/elements/BorderedRadio/BorderedRadio.js.map +1 -1
  40. package/dist/elements/BorderedRadio/BorderedRadio.story.js +2 -4
  41. package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
  42. package/dist/elements/Box/Box.d.ts +1 -2
  43. package/dist/elements/Box/Box.js +5 -8
  44. package/dist/elements/Box/Box.js.map +1 -1
  45. package/dist/elements/Box/Box.story.js +2 -4
  46. package/dist/elements/Box/Box.story.js.map +1 -1
  47. package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  48. package/dist/elements/Breadcrumbs/Breadcrumbs.js +1 -2
  49. package/dist/elements/Breadcrumbs/Breadcrumbs.js.map +1 -1
  50. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +2 -4
  51. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
  52. package/dist/elements/Button/Button.js +2 -4
  53. package/dist/elements/Button/Button.js.map +1 -1
  54. package/dist/elements/Button/Button.story.js +12 -22
  55. package/dist/elements/Button/Button.story.js.map +1 -1
  56. package/dist/elements/Button/tokens.d.ts +1 -1
  57. package/dist/elements/Button/tokens.js +4 -8
  58. package/dist/elements/Button/tokens.js.map +1 -1
  59. package/dist/elements/Button/types.d.ts +3 -3
  60. package/dist/elements/Button/types.js +5 -6
  61. package/dist/elements/Button/types.js.map +1 -1
  62. package/dist/elements/CSSGrid/CSSGrid.d.ts +1 -2
  63. package/dist/elements/CSSGrid/CSSGrid.js +1 -2
  64. package/dist/elements/CSSGrid/CSSGrid.js.map +1 -1
  65. package/dist/elements/CSSGrid/CSSGrid.story.js +2 -4
  66. package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
  67. package/dist/elements/Cards/Card.js +1 -2
  68. package/dist/elements/Cards/Card.js.map +1 -1
  69. package/dist/elements/Cards/Cards.story.js +3 -6
  70. package/dist/elements/Cards/Cards.story.js.map +1 -1
  71. package/dist/elements/Cards/TriptychCard.d.ts +1 -1
  72. package/dist/elements/Cards/TriptychCard.js +4 -5
  73. package/dist/elements/Cards/TriptychCard.js.map +1 -1
  74. package/dist/elements/Carousel/Carousel.d.ts +4 -4
  75. package/dist/elements/Carousel/Carousel.js +6 -10
  76. package/dist/elements/Carousel/Carousel.js.map +1 -1
  77. package/dist/elements/Carousel/Carousel.story.js +21 -40
  78. package/dist/elements/Carousel/Carousel.story.js.map +1 -1
  79. package/dist/elements/Carousel/CarouselNavigation.d.ts +7 -8
  80. package/dist/elements/Carousel/CarouselNavigation.js +2 -4
  81. package/dist/elements/Carousel/CarouselNavigation.js.map +1 -1
  82. package/dist/elements/Carousel/paginate.d.ts +2 -2
  83. package/dist/elements/Carousel/paginate.js +5 -7
  84. package/dist/elements/Carousel/paginate.js.map +1 -1
  85. package/dist/elements/CarouselBar/CarouselBar.d.ts +1 -1
  86. package/dist/elements/CarouselBar/CarouselBar.js +1 -2
  87. package/dist/elements/CarouselBar/CarouselBar.js.map +1 -1
  88. package/dist/elements/CarouselBar/CarouselBar.story.js +2 -4
  89. package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
  90. package/dist/elements/Checkbox/Check.js +1 -2
  91. package/dist/elements/Checkbox/Check.js.map +1 -1
  92. package/dist/elements/Checkbox/Check.story.js +2 -4
  93. package/dist/elements/Checkbox/Check.story.js.map +1 -1
  94. package/dist/elements/Checkbox/Checkbox.js +1 -2
  95. package/dist/elements/Checkbox/Checkbox.js.map +1 -1
  96. package/dist/elements/Checkbox/Checkbox.story.js +6 -10
  97. package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
  98. package/dist/elements/Checkbox/tokens.js +2 -4
  99. package/dist/elements/Checkbox/tokens.js.map +1 -1
  100. package/dist/elements/CleanTag/CleanTag.d.ts +1 -1
  101. package/dist/elements/CleanTag/CleanTag.js +4 -7
  102. package/dist/elements/CleanTag/CleanTag.js.map +1 -1
  103. package/dist/elements/Clickable/Clickable.d.ts +2 -2
  104. package/dist/elements/Clickable/Clickable.js +2 -4
  105. package/dist/elements/Clickable/Clickable.js.map +1 -1
  106. package/dist/elements/Clickable/Clickable.story.js +5 -8
  107. package/dist/elements/Clickable/Clickable.story.js.map +1 -1
  108. package/dist/elements/Collapse/Collapse.js +38 -29
  109. package/dist/elements/Collapse/Collapse.js.map +1 -1
  110. package/dist/elements/Drawer/Drawer.js +1 -2
  111. package/dist/elements/Drawer/Drawer.js.map +1 -1
  112. package/dist/elements/Drawer/Drawer.story.js +5 -8
  113. package/dist/elements/Drawer/Drawer.story.js.map +1 -1
  114. package/dist/elements/Dropdown/Dropdown.d.ts +1 -1
  115. package/dist/elements/Dropdown/Dropdown.js +3 -4
  116. package/dist/elements/Dropdown/Dropdown.js.map +1 -1
  117. package/dist/elements/Dropdown/Dropdown.story.js +11 -20
  118. package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
  119. package/dist/elements/EntityHeader/EntityHeader.js +1 -2
  120. package/dist/elements/EntityHeader/EntityHeader.js.map +1 -1
  121. package/dist/elements/EntityHeader/EntityHeader.story.js +2 -4
  122. package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
  123. package/dist/elements/Expandable/Expandable.d.ts +1 -1
  124. package/dist/elements/Expandable/Expandable.js +3 -4
  125. package/dist/elements/Expandable/Expandable.js.map +1 -1
  126. package/dist/elements/Expandable/Expandable.story.js +3 -6
  127. package/dist/elements/Expandable/Expandable.story.js.map +1 -1
  128. package/dist/elements/FilterSelect/Components/FilterInput.d.ts +1 -1
  129. package/dist/elements/FilterSelect/Components/FilterInput.js +4 -4
  130. package/dist/elements/FilterSelect/Components/FilterInput.js.map +1 -1
  131. package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts +2 -2
  132. package/dist/elements/FilterSelect/Components/FilterSelectContext.js +4 -6
  133. package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map +1 -1
  134. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js +1 -2
  135. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js.map +1 -1
  136. package/dist/elements/FilterSelect/FilterSelect.d.ts +1 -1
  137. package/dist/elements/FilterSelect/FilterSelect.js +3 -5
  138. package/dist/elements/FilterSelect/FilterSelect.js.map +1 -1
  139. package/dist/elements/FilterSelect/FilterSelect.story.js +2 -4
  140. package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
  141. package/dist/elements/Flex/Flex.d.ts +2 -3
  142. package/dist/elements/Flex/Flex.js +1 -2
  143. package/dist/elements/Flex/Flex.js.map +1 -1
  144. package/dist/elements/FullBleed/FullBleed.d.ts +2 -3
  145. package/dist/elements/FullBleed/FullBleed.js +1 -2
  146. package/dist/elements/FullBleed/FullBleed.js.map +1 -1
  147. package/dist/elements/FullBleed/FullBleed.story.js +2 -4
  148. package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
  149. package/dist/elements/GridColumns/GridColumns.d.ts +4 -4
  150. package/dist/elements/GridColumns/GridColumns.js +2 -4
  151. package/dist/elements/GridColumns/GridColumns.js.map +1 -1
  152. package/dist/elements/GridColumns/GridColumns.story.js +4 -8
  153. package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
  154. package/dist/elements/GridColumns/calculateGridColumn.d.ts +2 -2
  155. package/dist/elements/GridColumns/calculateGridColumn.js +5 -10
  156. package/dist/elements/GridColumns/calculateGridColumn.js.map +1 -1
  157. package/dist/elements/HTML/HTML.d.ts +1 -1
  158. package/dist/elements/HTML/HTML.js +2 -4
  159. package/dist/elements/HTML/HTML.js.map +1 -1
  160. package/dist/elements/HTML/HTML.story.js +3 -6
  161. package/dist/elements/HTML/HTML.story.js.map +1 -1
  162. package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts +1 -1
  163. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js +3 -4
  164. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map +1 -1
  165. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +3 -6
  166. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
  167. package/dist/elements/Image/Image.js +3 -4
  168. package/dist/elements/Image/Image.js.map +1 -1
  169. package/dist/elements/Image/Image.story.js +8 -16
  170. package/dist/elements/Image/Image.story.js.map +1 -1
  171. package/dist/elements/Input/Input.js +3 -4
  172. package/dist/elements/Input/Input.js.map +1 -1
  173. package/dist/elements/Input/Input.story.js +8 -14
  174. package/dist/elements/Input/Input.story.js.map +1 -1
  175. package/dist/elements/Input/tokens.js +1 -2
  176. package/dist/elements/Input/tokens.js.map +1 -1
  177. package/dist/elements/Input/types.d.ts +1 -1
  178. package/dist/elements/Join/Join.js +1 -2
  179. package/dist/elements/Join/Join.js.map +1 -1
  180. package/dist/elements/Join/Join.story.js +27 -24
  181. package/dist/elements/Join/Join.story.js.map +1 -1
  182. package/dist/elements/Label/Label.d.ts +1 -1
  183. package/dist/elements/Label/Label.js +2 -4
  184. package/dist/elements/Label/Label.js.map +1 -1
  185. package/dist/elements/Label/Label.story.js +3 -6
  186. package/dist/elements/Label/Label.story.js.map +1 -1
  187. package/dist/elements/LabeledInput/LabeledInput.js +3 -4
  188. package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
  189. package/dist/elements/LabeledInput/LabeledInput.story.js +6 -10
  190. package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
  191. package/dist/elements/Link/Link.d.ts +0 -1
  192. package/dist/elements/Link/Link.js +1 -2
  193. package/dist/elements/Link/Link.js.map +1 -1
  194. package/dist/elements/Marquee/Marquee.js +3 -4
  195. package/dist/elements/Marquee/Marquee.js.map +1 -1
  196. package/dist/elements/Marquee/Marquee.story.js +2 -4
  197. package/dist/elements/Marquee/Marquee.story.js.map +1 -1
  198. package/dist/elements/Message/Message.d.ts +1 -1
  199. package/dist/elements/Message/Message.js +2 -4
  200. package/dist/elements/Message/Message.js.map +1 -1
  201. package/dist/elements/Message/Message.story.js +3 -5
  202. package/dist/elements/Message/Message.story.js.map +1 -1
  203. package/dist/elements/Modal/ModalBase.d.ts +1 -1
  204. package/dist/elements/Modal/ModalBase.js +5 -8
  205. package/dist/elements/Modal/ModalBase.js.map +1 -1
  206. package/dist/elements/Modal/ModalBase.story.js +7 -12
  207. package/dist/elements/Modal/ModalBase.story.js.map +1 -1
  208. package/dist/elements/ModalDialog/ModalDialog.d.ts +1 -1
  209. package/dist/elements/ModalDialog/ModalDialog.js +3 -4
  210. package/dist/elements/ModalDialog/ModalDialog.js.map +1 -1
  211. package/dist/elements/ModalDialog/ModalDialog.story.js +4 -6
  212. package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
  213. package/dist/elements/ModalDialog/ModalDialogContent.d.ts +1 -1
  214. package/dist/elements/ModalDialog/ModalDialogContent.js +2 -4
  215. package/dist/elements/ModalDialog/ModalDialogContent.js.map +1 -1
  216. package/dist/elements/ModalDialog/ModalDialogContent.story.js +2 -4
  217. package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
  218. package/dist/elements/MultiSelect/MultiSelect.js +3 -4
  219. package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
  220. package/dist/elements/MultiSelect/MultiSelect.story.js +5 -8
  221. package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
  222. package/dist/elements/MultiSelect/tokens.js +1 -2
  223. package/dist/elements/MultiSelect/tokens.js.map +1 -1
  224. package/dist/elements/Pagination/Pagination.js +3 -6
  225. package/dist/elements/Pagination/Pagination.js.map +1 -1
  226. package/dist/elements/Pagination/Pagination.story.js +3 -6
  227. package/dist/elements/Pagination/Pagination.story.js.map +1 -1
  228. package/dist/elements/PasswordInput/PasswordInput.js +3 -4
  229. package/dist/elements/PasswordInput/PasswordInput.js.map +1 -1
  230. package/dist/elements/PasswordInput/PasswordInput.story.js +2 -4
  231. package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
  232. package/dist/elements/PhoneInput/PhoneInput.js +3 -4
  233. package/dist/elements/PhoneInput/PhoneInput.js.map +1 -1
  234. package/dist/elements/PhoneInput/PhoneInput.story.js +2 -4
  235. package/dist/elements/PhoneInput/PhoneInput.story.js.map +1 -1
  236. package/dist/elements/PhoneInput/tokens.js +1 -2
  237. package/dist/elements/PhoneInput/tokens.js.map +1 -1
  238. package/dist/elements/Pill/Pill.d.ts +3 -3
  239. package/dist/elements/Pill/Pill.js +3 -4
  240. package/dist/elements/Pill/Pill.js.map +1 -1
  241. package/dist/elements/Pill/Pill.story.js +12 -22
  242. package/dist/elements/Pill/Pill.story.js.map +1 -1
  243. package/dist/elements/Pill/tokens.js +1 -2
  244. package/dist/elements/Pill/tokens.js.map +1 -1
  245. package/dist/elements/Pointer/Pointer.d.ts +1 -1
  246. package/dist/elements/Pointer/Pointer.js +3 -4
  247. package/dist/elements/Pointer/Pointer.js.map +1 -1
  248. package/dist/elements/Popover/Popover.d.ts +1 -1
  249. package/dist/elements/Popover/Popover.js +4 -6
  250. package/dist/elements/Popover/Popover.js.map +1 -1
  251. package/dist/elements/Popover/Popover.story.js +6 -12
  252. package/dist/elements/Popover/Popover.story.js.map +1 -1
  253. package/dist/elements/ProgressBar/ProgressBar.js +1 -2
  254. package/dist/elements/ProgressBar/ProgressBar.js.map +1 -1
  255. package/dist/elements/ProgressBar/ProgressBar.story.js +5 -8
  256. package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
  257. package/dist/elements/ProgressDots/ProgressDots.d.ts +1 -1
  258. package/dist/elements/ProgressDots/ProgressDots.js +1 -2
  259. package/dist/elements/ProgressDots/ProgressDots.js.map +1 -1
  260. package/dist/elements/ProgressDots/ProgressDots.story.js +5 -8
  261. package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
  262. package/dist/elements/Radio/Radio.js +1 -2
  263. package/dist/elements/Radio/Radio.js.map +1 -1
  264. package/dist/elements/Radio/Radio.story.js +3 -6
  265. package/dist/elements/Radio/Radio.story.js.map +1 -1
  266. package/dist/elements/Radio/RadioDot.d.ts +1 -2
  267. package/dist/elements/Radio/RadioDot.js +1 -2
  268. package/dist/elements/Radio/RadioDot.js.map +1 -1
  269. package/dist/elements/Radio/tokens.js +3 -6
  270. package/dist/elements/Radio/tokens.js.map +1 -1
  271. package/dist/elements/RadioGroup/RadioGroup.js +37 -28
  272. package/dist/elements/RadioGroup/RadioGroup.js.map +1 -1
  273. package/dist/elements/RadioGroup/RadioGroup.story.js +6 -10
  274. package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
  275. package/dist/elements/Range/Range.js +11 -12
  276. package/dist/elements/Range/Range.js.map +1 -1
  277. package/dist/elements/Range/Range.story.js +7 -12
  278. package/dist/elements/Range/Range.story.js.map +1 -1
  279. package/dist/elements/ReadMore/ReadMore.js +3 -4
  280. package/dist/elements/ReadMore/ReadMore.js.map +1 -1
  281. package/dist/elements/ReadMore/ReadMore.story.js +9 -18
  282. package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
  283. package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts +2 -2
  284. package/dist/elements/ResponsiveBox/ResponsiveBox.js +1 -2
  285. package/dist/elements/ResponsiveBox/ResponsiveBox.js.map +1 -1
  286. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +6 -10
  287. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  288. package/dist/elements/Select/Select.js +4 -6
  289. package/dist/elements/Select/Select.js.map +1 -1
  290. package/dist/elements/Select/Select.story.js +2 -4
  291. package/dist/elements/Select/Select.story.js.map +1 -1
  292. package/dist/elements/Select/tokens.js +1 -2
  293. package/dist/elements/Select/tokens.js.map +1 -1
  294. package/dist/elements/Select/types.d.ts +1 -1
  295. package/dist/elements/Separator/Separator.d.ts +0 -1
  296. package/dist/elements/Separator/Separator.js +1 -2
  297. package/dist/elements/Separator/Separator.js.map +1 -1
  298. package/dist/elements/Separator/Separator.story.js +2 -4
  299. package/dist/elements/Separator/Separator.story.js.map +1 -1
  300. package/dist/elements/Shelf/Shelf.d.ts +1 -1
  301. package/dist/elements/Shelf/Shelf.js +3 -4
  302. package/dist/elements/Shelf/Shelf.js.map +1 -1
  303. package/dist/elements/Shelf/Shelf.story.js +7 -12
  304. package/dist/elements/Shelf/Shelf.story.js.map +1 -1
  305. package/dist/elements/Shelf/ShelfNavigation.js +2 -4
  306. package/dist/elements/Shelf/ShelfNavigation.js.map +1 -1
  307. package/dist/elements/Shelf/ShelfScrollBar.js +4 -6
  308. package/dist/elements/Shelf/ShelfScrollBar.js.map +1 -1
  309. package/dist/elements/Shelf/useClickScroll.d.ts +0 -1
  310. package/dist/elements/Shelf/useClickScroll.js +1 -2
  311. package/dist/elements/Shelf/useClickScroll.js.map +1 -1
  312. package/dist/elements/Shelf/useDragScroll.d.ts +0 -1
  313. package/dist/elements/Shelf/useDragScroll.js +1 -2
  314. package/dist/elements/Shelf/useDragScroll.js.map +1 -1
  315. package/dist/elements/ShowMore/ShowMore.js +4 -6
  316. package/dist/elements/ShowMore/ShowMore.js.map +1 -1
  317. package/dist/elements/ShowMore/ShowMore.story.js +3 -6
  318. package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
  319. package/dist/elements/Skeleton/Skeleton.d.ts +4 -4
  320. package/dist/elements/Skeleton/Skeleton.js +5 -8
  321. package/dist/elements/Skeleton/Skeleton.js.map +1 -1
  322. package/dist/elements/Skeleton/Skeleton.story.js +5 -10
  323. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  324. package/dist/elements/Skip/Skip.d.ts +1 -1
  325. package/dist/elements/Skip/Skip.js +1 -2
  326. package/dist/elements/Skip/Skip.js.map +1 -1
  327. package/dist/elements/Skip/Skip.story.js +4 -8
  328. package/dist/elements/Skip/Skip.story.js.map +1 -1
  329. package/dist/elements/Spacer/Spacer.d.ts +1 -1
  330. package/dist/elements/Spacer/Spacer.js +1 -2
  331. package/dist/elements/Spacer/Spacer.js.map +1 -1
  332. package/dist/elements/Spacer/Spacer.story.js +3 -5
  333. package/dist/elements/Spacer/Spacer.story.js.map +1 -1
  334. package/dist/elements/Spinner/Spinner.d.ts +1 -1
  335. package/dist/elements/Spinner/Spinner.js +3 -4
  336. package/dist/elements/Spinner/Spinner.js.map +1 -1
  337. package/dist/elements/Spinner/Spinner.story.js +4 -8
  338. package/dist/elements/Spinner/Spinner.story.js.map +1 -1
  339. package/dist/elements/Stack/Stack.d.ts +2 -3
  340. package/dist/elements/Stack/Stack.js +1 -2
  341. package/dist/elements/Stack/Stack.js.map +1 -1
  342. package/dist/elements/Stack/Stack.story.js +2 -4
  343. package/dist/elements/Stack/Stack.story.js.map +1 -1
  344. package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts +2 -3
  345. package/dist/elements/StackableBorderBox/StackableBorderBox.js +1 -2
  346. package/dist/elements/StackableBorderBox/StackableBorderBox.js.map +1 -1
  347. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +2 -4
  348. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
  349. package/dist/elements/Stepper/Stepper.d.ts +1 -1
  350. package/dist/elements/Stepper/Stepper.js +3 -4
  351. package/dist/elements/Stepper/Stepper.js.map +1 -1
  352. package/dist/elements/Stepper/Stepper.story.js +5 -8
  353. package/dist/elements/Stepper/Stepper.story.js.map +1 -1
  354. package/dist/elements/Sup/Sup.d.ts +9 -10
  355. package/dist/elements/Sup/Sup.js +1 -2
  356. package/dist/elements/Sup/Sup.js.map +1 -1
  357. package/dist/elements/Sup/Sup.story.js +2 -4
  358. package/dist/elements/Sup/Sup.story.js.map +1 -1
  359. package/dist/elements/Swiper/Swiper.d.ts +8 -8
  360. package/dist/elements/Swiper/Swiper.js +4 -6
  361. package/dist/elements/Swiper/Swiper.js.map +1 -1
  362. package/dist/elements/Swiper/Swiper.story.js +15 -28
  363. package/dist/elements/Swiper/Swiper.story.js.map +1 -1
  364. package/dist/elements/Swiper/activeIndex.js +1 -2
  365. package/dist/elements/Swiper/activeIndex.js.map +1 -1
  366. package/dist/elements/Swiper/percentage.js +1 -2
  367. package/dist/elements/Swiper/percentage.js.map +1 -1
  368. package/dist/elements/Tabs/Tabs.js +5 -8
  369. package/dist/elements/Tabs/Tabs.js.map +1 -1
  370. package/dist/elements/Tabs/Tabs.story.js +11 -20
  371. package/dist/elements/Tabs/Tabs.story.js.map +1 -1
  372. package/dist/elements/Text/Text.d.ts +4 -5
  373. package/dist/elements/Text/Text.js +5 -8
  374. package/dist/elements/Text/Text.js.map +1 -1
  375. package/dist/elements/Text/Text.story.js +7 -12
  376. package/dist/elements/Text/Text.story.js.map +1 -1
  377. package/dist/elements/TextArea/TextArea.js +3 -4
  378. package/dist/elements/TextArea/TextArea.js.map +1 -1
  379. package/dist/elements/TextArea/TextArea.story.js +3 -6
  380. package/dist/elements/TextArea/TextArea.story.js.map +1 -1
  381. package/dist/elements/TextArea/tokens.js +1 -2
  382. package/dist/elements/TextArea/tokens.js.map +1 -1
  383. package/dist/elements/TextArea/types.d.ts +1 -1
  384. package/dist/elements/Toasts/Toast.d.ts +1 -1
  385. package/dist/elements/Toasts/Toast.js +2 -4
  386. package/dist/elements/Toasts/Toast.js.map +1 -1
  387. package/dist/elements/Toasts/Toast.story.js +2 -4
  388. package/dist/elements/Toasts/Toast.story.js.map +1 -1
  389. package/dist/elements/Toasts/Toasts.js +1 -2
  390. package/dist/elements/Toasts/Toasts.js.map +1 -1
  391. package/dist/elements/Toasts/Toasts.story.js +4 -6
  392. package/dist/elements/Toasts/Toasts.story.js.map +1 -1
  393. package/dist/elements/Toasts/useToasts.d.ts +2 -2
  394. package/dist/elements/Toasts/useToasts.js +5 -8
  395. package/dist/elements/Toasts/useToasts.js.map +1 -1
  396. package/dist/elements/Toggle/Toggle.js +1 -2
  397. package/dist/elements/Toggle/Toggle.js.map +1 -1
  398. package/dist/elements/Toggle/Toggle.story.js +5 -8
  399. package/dist/elements/Toggle/Toggle.story.js.map +1 -1
  400. package/dist/elements/Toggle/tokens.js +2 -4
  401. package/dist/elements/Toggle/tokens.js.map +1 -1
  402. package/dist/elements/Tooltip/Tooltip.d.ts +1 -1
  403. package/dist/elements/Tooltip/Tooltip.js +4 -6
  404. package/dist/elements/Tooltip/Tooltip.js.map +1 -1
  405. package/dist/elements/Tooltip/Tooltip.story.js +11 -20
  406. package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
  407. package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  408. package/dist/elements/VisuallyHidden/VisuallyHidden.js +3 -6
  409. package/dist/elements/VisuallyHidden/VisuallyHidden.js.map +1 -1
  410. package/dist/helpers/color.js +1 -2
  411. package/dist/helpers/color.js.map +1 -1
  412. package/dist/helpers/flattenChildren.d.ts +1 -1
  413. package/dist/helpers/flattenChildren.js +3 -4
  414. package/dist/helpers/flattenChildren.js.map +1 -1
  415. package/dist/helpers/injectGlobalStyles.d.ts +0 -1
  416. package/dist/helpers/isText.js +3 -4
  417. package/dist/helpers/isText.js.map +1 -1
  418. package/dist/helpers/media.d.ts +1 -1
  419. package/dist/helpers/media.js +3 -4
  420. package/dist/helpers/media.js.map +1 -1
  421. package/dist/helpers/space.js +1 -2
  422. package/dist/helpers/space.js.map +1 -1
  423. package/dist/helpers/transition.js +1 -2
  424. package/dist/helpers/transition.js.map +1 -1
  425. package/dist/helpers/visuallyDisableScrollbar.js +1 -2
  426. package/dist/helpers/visuallyDisableScrollbar.js.map +1 -1
  427. package/dist/shared/RequiredField.js +1 -2
  428. package/dist/shared/RequiredField.js.map +1 -1
  429. package/dist/themes/Themes.story.js +12 -22
  430. package/dist/themes/Themes.story.js.map +1 -1
  431. package/dist/utils/FocusLocking.story.js +6 -10
  432. package/dist/utils/FocusLocking.story.js.map +1 -1
  433. package/dist/utils/remapValue.d.ts +1 -1
  434. package/dist/utils/remapValue.js +1 -2
  435. package/dist/utils/remapValue.js.map +1 -1
  436. package/dist/utils/splitProps.d.ts +1 -1
  437. package/dist/utils/splitProps.js +6 -6
  438. package/dist/utils/splitProps.js.map +1 -1
  439. package/dist/utils/useClickOutside.d.ts +0 -1
  440. package/dist/utils/useClickOutside.js +1 -2
  441. package/dist/utils/useClickOutside.js.map +1 -1
  442. package/dist/utils/useContainsFocus.d.ts +0 -1
  443. package/dist/utils/useContainsFocus.js +1 -2
  444. package/dist/utils/useContainsFocus.js.map +1 -1
  445. package/dist/utils/useDidMount.d.ts +2 -2
  446. package/dist/utils/useDidMount.js +3 -4
  447. package/dist/utils/useDidMount.js.map +1 -1
  448. package/dist/utils/useIsomorphicLayoutEffect.js +1 -2
  449. package/dist/utils/useIsomorphicLayoutEffect.js.map +1 -1
  450. package/dist/utils/useLatest.d.ts +1 -2
  451. package/dist/utils/useLatest.js +1 -2
  452. package/dist/utils/useLatest.js.map +1 -1
  453. package/dist/utils/useMutationObserver.d.ts +1 -1
  454. package/dist/utils/useMutationObserver.js +1 -2
  455. package/dist/utils/useMutationObserver.js.map +1 -1
  456. package/dist/utils/usePortal.js +1 -2
  457. package/dist/utils/usePortal.js.map +1 -1
  458. package/dist/utils/usePosition.d.ts +8 -9
  459. package/dist/utils/usePosition.js +10 -18
  460. package/dist/utils/usePosition.js.map +1 -1
  461. package/dist/utils/useResizeObserver.d.ts +2 -3
  462. package/dist/utils/useResizeObserver.js +3 -5
  463. package/dist/utils/useResizeObserver.js.map +1 -1
  464. package/dist/utils/useSentinelVisibility.js +3 -4
  465. package/dist/utils/useSentinelVisibility.js.map +1 -1
  466. package/dist/utils/useUpdateEffect.js +1 -2
  467. package/dist/utils/useUpdateEffect.js.map +1 -1
  468. package/dist/utils/useWidthOf.d.ts +0 -1
  469. package/dist/utils/useWidthOf.js +3 -4
  470. package/dist/utils/useWidthOf.js.map +1 -1
  471. package/package.json +26 -18
@@ -1 +1 @@
1
- {"version":3,"file":"Toasts.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Button","_Text","_Toast","_Toasts","_useToasts2","_Separator","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_default","title","exports","Demo","_useToasts","useToasts","sendToast","retractToast","_useState","useState","_useState2","activeToasts","setActiveToasts","createElement","Fragment","Flex","mb","keys","TOAST_VARIANTS","map","variant","captialized","charAt","toUpperCase","Button","size","mr","onClick","_sendToast","message","concat","description","onClose","closedID","filter","id","_sendToast2","ttl","Infinity","States","Toasts","limit","Separator","my","Text","Clickable","display","decorators","Story","ToastsProvider"],"sources":["../../../src/elements/Toasts/Toasts.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { ToastVariant, TOAST_VARIANTS } from \"./Toast\"\nimport { Toasts } from \"./Toasts\"\nimport { ToastsProvider, useToasts } from \"./useToasts\"\nimport { Separator } from \"../Separator\"\nimport { Clickable } from \"../Clickable\"\n\nexport default {\n title: \"Components/Toasts\",\n}\n\nexport const Demo = () => {\n const { sendToast, retractToast } = useToasts()\n\n const [activeToasts, setActiveToasts] = useState<string[]>([])\n\n return (\n <>\n <Flex mb={1}>\n {(Object.keys(TOAST_VARIANTS) as ToastVariant[]).map((variant) => {\n const captialized = variant.charAt(0).toUpperCase() + variant.slice(1)\n\n return (\n <Button\n key={variant}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n onClick={() => {\n const { id } = sendToast({\n variant,\n message: `${captialized} Title`,\n description: \"This is example text.\",\n onClose: (closedID) => {\n setActiveToasts((activeToasts) => {\n return activeToasts.filter((id) => id !== closedID)\n })\n },\n })\n\n setActiveToasts((activeToasts) => [...activeToasts, id])\n }}\n >\n {captialized}\n </Button>\n )\n })}\n\n <Button\n size=\"small\"\n variant=\"primaryGray\"\n onClick={() => {\n const { id } = sendToast({\n variant: \"message\",\n message: \"Until manually dismissed\",\n description:\n \"This toast will hang around until it's manually dismissed.\",\n ttl: Infinity,\n onClose: (closedID) => {\n setActiveToasts((activeToasts) => {\n return activeToasts.filter((id) => id !== closedID)\n })\n },\n })\n\n setActiveToasts((activeToasts) => [...activeToasts, id])\n }}\n >\n Until manually dismissed\n </Button>\n </Flex>\n\n <States>\n <Toasts limit={7} />\n </States>\n\n {activeToasts.length > 0 && (\n <>\n <Separator my={1} />\n\n <Text variant=\"xs\">\n <u>Active toasts:</u>\n\n {activeToasts.map((id) => {\n return (\n <Clickable\n key={id}\n display=\"block\"\n onClick={() => retractToast(id)}\n >\n Remove {id}\n </Clickable>\n )\n })}\n </Text>\n </>\n )}\n </>\n )\n}\n\nDemo.decorators = [\n (Story) => (\n <ToastsProvider>\n <Story />\n </ToastsProvider>\n ),\n]\n"],"mappings":"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"}
1
+ {"version":3,"file":"Toasts.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Button","_Text","_Toast","_Toasts","_useToasts2","_Separator","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_default","exports","title","Demo","_useToasts","useToasts","sendToast","retractToast","_useState","useState","_useState2","activeToasts","setActiveToasts","createElement","Fragment","Flex","mb","keys","TOAST_VARIANTS","map","variant","captialized","charAt","toUpperCase","Button","size","mr","onClick","_sendToast","message","concat","description","onClose","closedID","filter","id","_sendToast2","ttl","Infinity","States","Toasts","limit","Separator","my","Text","Clickable","display","decorators","Story","ToastsProvider"],"sources":["../../../src/elements/Toasts/Toasts.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { ToastVariant, TOAST_VARIANTS } from \"./Toast\"\nimport { Toasts } from \"./Toasts\"\nimport { ToastsProvider, useToasts } from \"./useToasts\"\nimport { Separator } from \"../Separator\"\nimport { Clickable } from \"../Clickable\"\n\nexport default {\n title: \"Components/Toasts\",\n}\n\nexport const Demo = () => {\n const { sendToast, retractToast } = useToasts()\n\n const [activeToasts, setActiveToasts] = useState<string[]>([])\n\n return (\n <>\n <Flex mb={1}>\n {(Object.keys(TOAST_VARIANTS) as ToastVariant[]).map((variant) => {\n const captialized = variant.charAt(0).toUpperCase() + variant.slice(1)\n\n return (\n <Button\n key={variant}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n onClick={() => {\n const { id } = sendToast({\n variant,\n message: `${captialized} Title`,\n description: \"This is example text.\",\n onClose: (closedID) => {\n setActiveToasts((activeToasts) => {\n return activeToasts.filter((id) => id !== closedID)\n })\n },\n })\n\n setActiveToasts((activeToasts) => [...activeToasts, id])\n }}\n >\n {captialized}\n </Button>\n )\n })}\n\n <Button\n size=\"small\"\n variant=\"primaryGray\"\n onClick={() => {\n const { id } = sendToast({\n variant: \"message\",\n message: \"Until manually dismissed\",\n description:\n \"This toast will hang around until it's manually dismissed.\",\n ttl: Infinity,\n onClose: (closedID) => {\n setActiveToasts((activeToasts) => {\n return activeToasts.filter((id) => id !== closedID)\n })\n },\n })\n\n setActiveToasts((activeToasts) => [...activeToasts, id])\n }}\n >\n Until manually dismissed\n </Button>\n </Flex>\n\n <States>\n <Toasts limit={7} />\n </States>\n\n {activeToasts.length > 0 && (\n <>\n <Separator my={1} />\n\n <Text variant=\"xs\">\n <u>Active toasts:</u>\n\n {activeToasts.map((id) => {\n return (\n <Clickable\n key={id}\n display=\"block\"\n onClick={() => retractToast(id)}\n >\n Remove {id}\n </Clickable>\n )\n })}\n </Text>\n </>\n )}\n </>\n )\n}\n\nDemo.decorators = [\n (Story) => (\n <ToastsProvider>\n <Story />\n </ToastsProvider>\n ),\n]\n"],"mappings":"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"}
@@ -5,11 +5,11 @@ interface Toast extends ToastProps {
5
5
  ttl: number;
6
6
  onClose(id: string): void;
7
7
  }
8
- declare type Payload = Omit<Toast, "id" | "ttl" | "onClose"> & {
8
+ type Payload = Omit<Toast, "id" | "ttl" | "onClose"> & {
9
9
  ttl?: number;
10
10
  onClose?(id: string): void;
11
11
  };
12
- declare type State = {
12
+ type State = {
13
13
  toasts: Toast[];
14
14
  };
15
15
  export declare const ToastsContext: React.Context<{
@@ -13,14 +13,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
13
13
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
14
14
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
15
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
16
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
16
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
17
17
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
18
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
19
19
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
20
20
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
21
21
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
22
22
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
23
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
23
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
24
24
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
25
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26
26
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -41,7 +41,7 @@ var reducer = function reducer(state, action) {
41
41
  });
42
42
  }
43
43
  };
44
- var ToastsContext = /*#__PURE__*/(0, _react.createContext)({
44
+ var ToastsContext = exports.ToastsContext = /*#__PURE__*/(0, _react.createContext)({
45
45
  state: {
46
46
  toasts: []
47
47
  },
@@ -57,8 +57,7 @@ var ToastsContext = /*#__PURE__*/(0, _react.createContext)({
57
57
  // NOOP
58
58
  }
59
59
  });
60
- exports.ToastsContext = ToastsContext;
61
- var ToastsProvider = function ToastsProvider(_ref2) {
60
+ var ToastsProvider = exports.ToastsProvider = function ToastsProvider(_ref2) {
62
61
  var children = _ref2.children;
63
62
  var _useReducer = (0, _react.useReducer)(reducer, {
64
63
  toasts: []
@@ -123,9 +122,8 @@ var ToastsProvider = function ToastsProvider(_ref2) {
123
122
  }
124
123
  }, children);
125
124
  };
126
- exports.ToastsProvider = ToastsProvider;
127
125
  ToastsProvider.displayName = "ToastsProvider";
128
- var useToasts = function useToasts() {
126
+ var useToasts = exports.useToasts = function useToasts() {
129
127
  var _useContext = (0, _react.useContext)(ToastsContext),
130
128
  toasts = _useContext.state.toasts,
131
129
  sendToast = _useContext.sendToast,
@@ -136,7 +134,6 @@ var useToasts = function useToasts() {
136
134
  retractToast: retractToast
137
135
  };
138
136
  };
139
- exports.useToasts = useToasts;
140
137
  var generateId = function generateId() {
141
138
  return Math.random().toString(26).slice(2);
142
139
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useToasts.js","names":["_react","_interopRequireWildcard","require","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","reducer","state","action","type","toasts","concat","payload","_ref","id","ToastsContext","createContext","sendToast","handleClose","retractToast","exports","ToastsProvider","_ref2","children","_useReducer","useReducer","_useReducer2","dispatch","activeToasts","useRef","Map","useCallback","_toast$onClose","toast","current","clearTimeout","timeout","delete","onClose","_ref3","_ref3$ttl","ttl","rest","generateId","Infinity","window","setTimeout","useEffect","createElement","Provider","displayName","useToasts","_useContext","useContext","Math","random"],"sources":["../../../src/elements/Toasts/useToasts.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n useReducer,\n useCallback,\n useRef,\n useEffect,\n} from \"react\"\nimport { ToastProps } from \"./Toast\"\n\ninterface Toast extends ToastProps {\n id: string\n ttl: number\n onClose(id: string): void\n}\n\ntype Payload = Omit<Toast, \"id\" | \"ttl\" | \"onClose\"> & {\n ttl?: number\n onClose?(id: string): void\n}\n\ntype State = { toasts: Toast[] }\n\ntype Action =\n | { type: \"SEND\"; payload: Toast }\n | { type: \"RETRACT\"; payload: { id: string } }\n\nconst reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case \"SEND\":\n return { ...state, toasts: [...state.toasts, action.payload] }\n\n case \"RETRACT\":\n return {\n ...state,\n toasts: state.toasts.filter(({ id }) => {\n return id !== action.payload.id\n }),\n }\n }\n}\n\nexport const ToastsContext = createContext<{\n state: State\n sendToast(toast: Payload): { id: string; handleClose: () => void }\n retractToast(id: string): void\n}>({\n state: { toasts: [] },\n sendToast: () => {\n return {\n id: \"\",\n handleClose: () => {\n // NOOP\n },\n }\n },\n retractToast: () => {\n // NOOP\n },\n})\n\nexport const ToastsProvider: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, { toasts: [] })\n\n const activeToasts = useRef<\n Map<\n string,\n {\n timeout: number\n onClose?: (id: string) => void\n }\n >\n >(new Map())\n\n const retractToast = useCallback((id: string) => {\n const toast = activeToasts.current.get(id)\n\n if (!toast) return\n\n clearTimeout(toast.timeout)\n\n activeToasts.current.delete(id)\n\n dispatch({ type: \"RETRACT\", payload: { id } })\n\n toast.onClose?.(id)\n }, [])\n\n const sendToast = useCallback(\n ({ ttl = 6000, onClose, ...rest }: Payload) => {\n const id = generateId()\n\n const handleClose = () => {\n retractToast(id)\n }\n\n dispatch({\n type: \"SEND\",\n payload: { ...rest, id, ttl, onClose: handleClose },\n })\n\n activeToasts.current.set(id, {\n timeout: ttl !== Infinity ? window.setTimeout(handleClose, ttl) : -1,\n onClose,\n })\n\n return { id, handleClose }\n },\n [retractToast]\n )\n\n useEffect(() => {\n const toasts = activeToasts.current\n\n return () => {\n toasts.forEach((toast) => clearTimeout(toast.timeout))\n }\n }, [])\n\n return (\n <ToastsContext.Provider value={{ state, sendToast, retractToast }}>\n {children}\n </ToastsContext.Provider>\n )\n}\n\nexport const useToasts = () => {\n const {\n state: { toasts },\n sendToast,\n retractToast,\n } = useContext(ToastsContext)\n\n return { toasts, sendToast, retractToast }\n}\n\nconst generateId = () => Math.random().toString(26).slice(2)\n"],"mappings":"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"}
1
+ {"version":3,"file":"useToasts.js","names":["_react","_interopRequireWildcard","require","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","reducer","state","action","type","toasts","concat","payload","_ref","id","ToastsContext","exports","createContext","sendToast","handleClose","retractToast","ToastsProvider","_ref2","children","_useReducer","useReducer","_useReducer2","dispatch","activeToasts","useRef","Map","useCallback","_toast$onClose","toast","current","clearTimeout","timeout","delete","onClose","_ref3","_ref3$ttl","ttl","rest","generateId","Infinity","window","setTimeout","useEffect","createElement","Provider","displayName","useToasts","_useContext","useContext","Math","random"],"sources":["../../../src/elements/Toasts/useToasts.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n useReducer,\n useCallback,\n useRef,\n useEffect,\n} from \"react\"\nimport { ToastProps } from \"./Toast\"\n\ninterface Toast extends ToastProps {\n id: string\n ttl: number\n onClose(id: string): void\n}\n\ntype Payload = Omit<Toast, \"id\" | \"ttl\" | \"onClose\"> & {\n ttl?: number\n onClose?(id: string): void\n}\n\ntype State = { toasts: Toast[] }\n\ntype Action =\n | { type: \"SEND\"; payload: Toast }\n | { type: \"RETRACT\"; payload: { id: string } }\n\nconst reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case \"SEND\":\n return { ...state, toasts: [...state.toasts, action.payload] }\n\n case \"RETRACT\":\n return {\n ...state,\n toasts: state.toasts.filter(({ id }) => {\n return id !== action.payload.id\n }),\n }\n }\n}\n\nexport const ToastsContext = createContext<{\n state: State\n sendToast(toast: Payload): { id: string; handleClose: () => void }\n retractToast(id: string): void\n}>({\n state: { toasts: [] },\n sendToast: () => {\n return {\n id: \"\",\n handleClose: () => {\n // NOOP\n },\n }\n },\n retractToast: () => {\n // NOOP\n },\n})\n\nexport const ToastsProvider: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, { toasts: [] })\n\n const activeToasts = useRef<\n Map<\n string,\n {\n timeout: number\n onClose?: (id: string) => void\n }\n >\n >(new Map())\n\n const retractToast = useCallback((id: string) => {\n const toast = activeToasts.current.get(id)\n\n if (!toast) return\n\n clearTimeout(toast.timeout)\n\n activeToasts.current.delete(id)\n\n dispatch({ type: \"RETRACT\", payload: { id } })\n\n toast.onClose?.(id)\n }, [])\n\n const sendToast = useCallback(\n ({ ttl = 6000, onClose, ...rest }: Payload) => {\n const id = generateId()\n\n const handleClose = () => {\n retractToast(id)\n }\n\n dispatch({\n type: \"SEND\",\n payload: { ...rest, id, ttl, onClose: handleClose },\n })\n\n activeToasts.current.set(id, {\n timeout: ttl !== Infinity ? window.setTimeout(handleClose, ttl) : -1,\n onClose,\n })\n\n return { id, handleClose }\n },\n [retractToast]\n )\n\n useEffect(() => {\n const toasts = activeToasts.current\n\n return () => {\n toasts.forEach((toast) => clearTimeout(toast.timeout))\n }\n }, [])\n\n return (\n <ToastsContext.Provider value={{ state, sendToast, retractToast }}>\n {children}\n </ToastsContext.Provider>\n )\n}\n\nexport const useToasts = () => {\n const {\n state: { toasts },\n sendToast,\n retractToast,\n } = useContext(ToastsContext)\n\n return { toasts, sendToast, retractToast }\n}\n\nconst generateId = () => Math.random().toString(26).slice(2)\n"],"mappings":"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"}
@@ -18,7 +18,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
18
18
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
19
19
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
20
20
  /** A toggle */
21
- var Toggle = function Toggle(_ref) {
21
+ var Toggle = exports.Toggle = function Toggle(_ref) {
22
22
  var _ref$selected = _ref.selected,
23
23
  selected = _ref$selected === void 0 ? false : _ref$selected,
24
24
  disabled = _ref.disabled,
@@ -56,7 +56,6 @@ var Toggle = function Toggle(_ref) {
56
56
  selected: selected
57
57
  }));
58
58
  };
59
- exports.Toggle = Toggle;
60
59
  Toggle.displayName = "Toggle";
61
60
  var Switch = (0, _styledComponents.default)(_Box.Box).withConfig({
62
61
  displayName: "Toggle__Switch",
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Box","_tokens","_themeGet","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toggle","_ref","_ref$selected","selected","disabled","hover","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Switch","exports","displayName","styled","Box","withConfig","componentId","themeGet","props","css","SWITCH_STATES","TOGGLE_STATES"],"sources":["../../../src/elements/Toggle/Toggle.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { SWITCH_STATES, TOGGLE_STATES } from \"./tokens\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface ToggleProps\n extends BoxProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n /** Disable toggle interactions */\n disabled?: boolean\n /** Select the toggle on render */\n selected?: boolean\n /** Used to force the toggle into the visual hover state */\n hover?: boolean\n /** Callback when selected */\n onSelect?: (selected: boolean) => void\n}\n\n/** A toggle */\nexport const Toggle: React.FC<React.PropsWithChildren<ToggleProps>> = ({\n selected = false,\n disabled,\n hover,\n onSelect,\n onClick,\n ...rest\n}) => {\n const isSelectable = !disabled && onSelect !== undefined\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isSelectable && onSelect) {\n onSelect(!selected)\n }\n\n if (onClick) {\n onClick(event)\n }\n }\n\n const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \" \" && isSelectable && onSelect) {\n event.preventDefault()\n onSelect(!selected)\n }\n }\n\n return (\n <Container\n display=\"flex\"\n alignItems=\"center\"\n onClick={handleClick}\n tabIndex={disabled ? -1 : 0}\n onKeyPress={handleKeyPress}\n role=\"toggle\"\n aria-checked={selected}\n selected={selected}\n disabled={disabled}\n hover={hover}\n {...rest}\n >\n <Switch selected={selected} />\n </Container>\n )\n}\n\nconst Switch = styled(Box)<{ selected: boolean }>`\n width: 26px;\n height: 26px;\n margin: 3px;\n border-radius: 50%;\n transition: transform 0.3s;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n\n ${(props) => {\n return css`\n ${props.selected ? SWITCH_STATES.selected : SWITCH_STATES.default}\n `\n }}\n`\n\nconst Container = styled(Box)<{\n selected: boolean\n hover?: boolean\n disabled?: boolean\n}>`\n user-select: none;\n border-radius: 100px;\n width: 51px;\n height: 31px;\n flex-shrink: 0;\n\n ${(props) => {\n return css`\n ${props.selected ? TOGGLE_STATES.selected : TOGGLE_STATES.default}\n ${props.hover && TOGGLE_STATES.hover}\n ${props.disabled &&\n (props.selected\n ? TOGGLE_STATES.disabled.selected\n : TOGGLE_STATES.disabled.default)}\n\n &:hover {\n ${TOGGLE_STATES.hover}\n }\n `\n }}\n`\n"],"mappings":"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"}
1
+ {"version":3,"file":"Toggle.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Box","_tokens","_themeGet","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toggle","exports","_ref","_ref$selected","selected","disabled","hover","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Switch","displayName","styled","Box","withConfig","componentId","themeGet","props","css","SWITCH_STATES","TOGGLE_STATES"],"sources":["../../../src/elements/Toggle/Toggle.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { SWITCH_STATES, TOGGLE_STATES } from \"./tokens\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface ToggleProps\n extends BoxProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n /** Disable toggle interactions */\n disabled?: boolean\n /** Select the toggle on render */\n selected?: boolean\n /** Used to force the toggle into the visual hover state */\n hover?: boolean\n /** Callback when selected */\n onSelect?: (selected: boolean) => void\n}\n\n/** A toggle */\nexport const Toggle: React.FC<React.PropsWithChildren<ToggleProps>> = ({\n selected = false,\n disabled,\n hover,\n onSelect,\n onClick,\n ...rest\n}) => {\n const isSelectable = !disabled && onSelect !== undefined\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isSelectable && onSelect) {\n onSelect(!selected)\n }\n\n if (onClick) {\n onClick(event)\n }\n }\n\n const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \" \" && isSelectable && onSelect) {\n event.preventDefault()\n onSelect(!selected)\n }\n }\n\n return (\n <Container\n display=\"flex\"\n alignItems=\"center\"\n onClick={handleClick}\n tabIndex={disabled ? -1 : 0}\n onKeyPress={handleKeyPress}\n role=\"toggle\"\n aria-checked={selected}\n selected={selected}\n disabled={disabled}\n hover={hover}\n {...rest}\n >\n <Switch selected={selected} />\n </Container>\n )\n}\n\nconst Switch = styled(Box)<{ selected: boolean }>`\n width: 26px;\n height: 26px;\n margin: 3px;\n border-radius: 50%;\n transition: transform 0.3s;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n\n ${(props) => {\n return css`\n ${props.selected ? SWITCH_STATES.selected : SWITCH_STATES.default}\n `\n }}\n`\n\nconst Container = styled(Box)<{\n selected: boolean\n hover?: boolean\n disabled?: boolean\n}>`\n user-select: none;\n border-radius: 100px;\n width: 51px;\n height: 31px;\n flex-shrink: 0;\n\n ${(props) => {\n return css`\n ${props.selected ? TOGGLE_STATES.selected : TOGGLE_STATES.default}\n ${props.hover && TOGGLE_STATES.hover}\n ${props.disabled &&\n (props.selected\n ? TOGGLE_STATES.disabled.selected\n : TOGGLE_STATES.disabled.default)}\n\n &:hover {\n ${TOGGLE_STATES.hover}\n }\n `\n }}\n`\n"],"mappings":"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"}
@@ -16,14 +16,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
16
16
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
17
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
18
18
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
19
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
20
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
19
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
20
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
21
21
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
- var _default = {
22
+ var _default = exports.default = {
23
23
  title: "Components/Toggle"
24
24
  };
25
- exports.default = _default;
26
- var Default = function Default() {
25
+ var Default = exports.Default = function Default() {
27
26
  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
28
27
  states: [{}, {
29
28
  selected: true
@@ -40,9 +39,8 @@ var Default = function Default() {
40
39
  }]
41
40
  }, /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, null));
42
41
  };
43
- exports.Default = Default;
44
42
  Default.displayName = "Default";
45
- var Demo = function Demo() {
43
+ var Demo = exports.Demo = function Demo() {
46
44
  var _useState = (0, _react.useState)(false),
47
45
  _useState2 = _slicedToArray(_useState, 2),
48
46
  isSelected = _useState2[0],
@@ -57,6 +55,5 @@ var Demo = function Demo() {
57
55
  }
58
56
  }, "Example")));
59
57
  };
60
- exports.Demo = Demo;
61
58
  Demo.displayName = "Demo";
62
59
  //# sourceMappingURL=Toggle.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Toggle","_Text","_Flex","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","selected","hover","disabled","Toggle","displayName","Demo","_useState","useState","_useState2","isSelected","setSelected","Flex","Text","px","onSelect","action"],"sources":["../../../src/elements/Toggle/Toggle.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Toggle } from \"./Toggle\"\nimport { Text } from \"../Text\"\nimport { Flex } from \"../Flex\"\n\nexport default {\n title: \"Components/Toggle\",\n}\n\nexport const Default = () => {\n return (\n <States\n states={[\n {},\n { selected: true },\n { hover: true },\n { hover: true, selected: true },\n { disabled: true },\n { disabled: true, selected: true },\n ]}\n >\n <Toggle />\n </States>\n )\n}\n\nexport const Demo = () => {\n const [isSelected, setSelected] = useState(false)\n return (\n <States>\n <Flex>\n <Text px={1}>{isSelected ? \"On\" : \"Off\"} </Text>\n <Toggle\n selected={isSelected}\n onSelect={(selected) => {\n setSelected(selected)\n action(\"onClick\")(selected)\n }}\n >\n Example\n </Toggle>\n </Flex>\n </States>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Toggle.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Toggle","_Text","_Flex","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","selected","hover","disabled","Toggle","displayName","Demo","_useState","useState","_useState2","isSelected","setSelected","Flex","Text","px","onSelect","action"],"sources":["../../../src/elements/Toggle/Toggle.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Toggle } from \"./Toggle\"\nimport { Text } from \"../Text\"\nimport { Flex } from \"../Flex\"\n\nexport default {\n title: \"Components/Toggle\",\n}\n\nexport const Default = () => {\n return (\n <States\n states={[\n {},\n { selected: true },\n { hover: true },\n { hover: true, selected: true },\n { disabled: true },\n { disabled: true, selected: true },\n ]}\n >\n <Toggle />\n </States>\n )\n}\n\nexport const Demo = () => {\n const [isSelected, setSelected] = useState(false)\n return (\n <States>\n <Flex>\n <Text px={1}>{isSelected ? \"On\" : \"Off\"} </Text>\n <Toggle\n selected={isSelected}\n onSelect={(selected) => {\n setSelected(selected)\n action(\"onClick\")(selected)\n }}\n >\n Example\n </Toggle>\n </Flex>\n </States>\n )\n}\n"],"mappings":"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"}
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.TOGGLE_STATES = exports.SWITCH_STATES = void 0;
7
7
  var _themeGet = require("@styled-system/theme-get");
8
8
  var _styledComponents = require("styled-components");
9
- var SWITCH_STATES = {
9
+ var SWITCH_STATES = exports.SWITCH_STATES = {
10
10
  selected: (0, _styledComponents.css)(["background-color:white;transform:translateX(19px);"]),
11
11
  default: (0, _styledComponents.css)(["background-color:white;"])
12
12
  };
13
- exports.SWITCH_STATES = SWITCH_STATES;
14
- var TOGGLE_STATES = {
13
+ var TOGGLE_STATES = exports.TOGGLE_STATES = {
15
14
  default: (0, _styledComponents.css)(["background-color:", ";"], (0, _themeGet.themeGet)("colors.mono30")),
16
15
  selected: (0, _styledComponents.css)(["background-color:", ";"], (0, _themeGet.themeGet)("colors.blue100")),
17
16
  hover: (0, _styledComponents.css)(["cursor:pointer;"]),
@@ -20,5 +19,4 @@ var TOGGLE_STATES = {
20
19
  selected: (0, _styledComponents.css)(["background-color:", ";pointer-events:none;"], (0, _themeGet.themeGet)("colors.blue10"))
21
20
  }
22
21
  };
23
- exports.TOGGLE_STATES = TOGGLE_STATES;
24
22
  //# sourceMappingURL=tokens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SWITCH_STATES","selected","css","default","exports","TOGGLE_STATES","themeGet","hover","disabled"],"sources":["../../../src/elements/Toggle/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const SWITCH_STATES = {\n selected: css`\n background-color: white;\n transform: translateX(19px);\n `,\n default: css`\n background-color: white;\n `,\n} as const\n\nexport const TOGGLE_STATES = {\n default: css`\n background-color: ${themeGet(\"colors.mono30\")};\n `,\n selected: css`\n background-color: ${themeGet(\"colors.blue100\")};\n `,\n hover: css`\n cursor: pointer;\n `,\n disabled: {\n default: css`\n background-color: ${themeGet(\"colors.mono10\")};\n pointer-events: none;\n `,\n selected: css`\n background-color: ${themeGet(\"colors.blue10\")};\n pointer-events: none;\n `,\n },\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,aAAa,GAAG;EAC3BC,QAAQ,MAAEC,qBAAG,yDAGZ;EACDC,OAAO,MAAED,qBAAG;AAGd,CAAU;AAAAE,OAAA,CAAAJ,aAAA,GAAAA,aAAA;AAEH,IAAMK,aAAa,GAAG;EAC3BF,OAAO,MAAED,qBAAG,8BACU,IAAAI,kBAAQ,EAAC,eAAe,CAAC,CAC9C;EACDL,QAAQ,MAAEC,qBAAG,8BACS,IAAAI,kBAAQ,EAAC,gBAAgB,CAAC,CAC/C;EACDC,KAAK,MAAEL,qBAAG,sBAET;EACDM,QAAQ,EAAE;IACRL,OAAO,MAAED,qBAAG,kDACU,IAAAI,kBAAQ,EAAC,eAAe,CAAC,CAE9C;IACDL,QAAQ,MAAEC,qBAAG,kDACS,IAAAI,kBAAQ,EAAC,eAAe,CAAC;EAGjD;AACF,CAAU;AAAAF,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
1
+ {"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SWITCH_STATES","exports","selected","css","default","TOGGLE_STATES","themeGet","hover","disabled"],"sources":["../../../src/elements/Toggle/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const SWITCH_STATES = {\n selected: css`\n background-color: white;\n transform: translateX(19px);\n `,\n default: css`\n background-color: white;\n `,\n} as const\n\nexport const TOGGLE_STATES = {\n default: css`\n background-color: ${themeGet(\"colors.mono30\")};\n `,\n selected: css`\n background-color: ${themeGet(\"colors.blue100\")};\n `,\n hover: css`\n cursor: pointer;\n `,\n disabled: {\n default: css`\n background-color: ${themeGet(\"colors.mono10\")};\n pointer-events: none;\n `,\n selected: css`\n background-color: ${themeGet(\"colors.blue10\")};\n pointer-events: none;\n `,\n },\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,MAAEC,qBAAG,yDAGZ;EACDC,OAAO,MAAED,qBAAG;AAGd,CAAU;AAEH,IAAME,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG;EAC3BD,OAAO,MAAED,qBAAG,8BACU,IAAAG,kBAAQ,EAAC,eAAe,CAAC,CAC9C;EACDJ,QAAQ,MAAEC,qBAAG,8BACS,IAAAG,kBAAQ,EAAC,gBAAgB,CAAC,CAC/C;EACDC,KAAK,MAAEJ,qBAAG,sBAET;EACDK,QAAQ,EAAE;IACRJ,OAAO,MAAED,qBAAG,kDACU,IAAAG,kBAAQ,EAAC,eAAe,CAAC,CAE9C;IACDJ,QAAQ,MAAEC,qBAAG,kDACS,IAAAG,kBAAQ,EAAC,eAAe,CAAC;EAGjD;AACF,CAAU"}
@@ -11,7 +11,7 @@ export declare const TOOLTIP_VARIANTS: {
11
11
  color: string;
12
12
  };
13
13
  };
14
- export declare type TooltipVariant = keyof typeof TOOLTIP_VARIANTS;
14
+ export type TooltipVariant = keyof typeof TOOLTIP_VARIANTS;
15
15
  export interface TooltipProps extends BoxProps {
16
16
  /** Anchor element to attach to tooltip */
17
17
  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
@@ -22,12 +22,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
22
22
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
23
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
24
24
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
25
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
26
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
25
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
26
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
27
27
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
28
28
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
29
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
- var TOOLTIP_VARIANTS = {
30
+ var TOOLTIP_VARIANTS = exports.TOOLTIP_VARIANTS = {
31
31
  defaultLight: {
32
32
  backgroundColor: "mono0",
33
33
  color: "mono100"
@@ -37,11 +37,10 @@ var TOOLTIP_VARIANTS = {
37
37
  color: "mono0"
38
38
  }
39
39
  };
40
- exports.TOOLTIP_VARIANTS = TOOLTIP_VARIANTS;
41
40
  /**
42
41
  * A tooltip
43
42
  */
44
- var Tooltip = function Tooltip(_ref) {
43
+ var Tooltip = exports.Tooltip = function Tooltip(_ref) {
45
44
  var _children$props, _children$props2, _children$props3, _children$props4, _children$props5;
46
45
  var children = _ref.children,
47
46
  content = _ref.content,
@@ -116,7 +115,6 @@ var Tooltip = function Tooltip(_ref) {
116
115
  variant: "xs"
117
116
  }, content) : content)));
118
117
  };
119
- exports.Tooltip = Tooltip;
120
118
  var Tip = (0, _styledComponents.default)(_Box.Box).withConfig({
121
119
  displayName: "Tooltip__Tip",
122
120
  componentId: "sc-ymkaxc-0"
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_helpers","_usePosition2","_Box","_Pointer","_Text","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TOOLTIP_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Tooltip","_ref","_children$props","_children$props2","_children$props3","_children$props4","_children$props5","children","content","_ref$width","width","_ref$offset","offset","_ref$placement","placement","_ref$pointer","pointer","_ref$variant","variant","visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","active","setActive","handleClick","prevActive","activate","deactivate","_usePosition","usePosition","position","anchorRef","tooltipRef","isFlipped","state","createElement","Fragment","React","cloneElement","ref","tabIndex","onClick","compose","props","onMouseOver","onMouseOut","onFocus","onBlur","Tip","style","opacity","Pointer","Panel","p","isText","Text","styled","Box","withConfig","displayName","componentId","themeGet","variants","a","b","_len","args","_key"],"sources":["../../../src/elements/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { isText } from \"../../helpers\"\nimport { Position, usePosition } from \"../../utils/usePosition\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Pointer } from \"../Pointer\"\nimport { Text } from \"../Text\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const TOOLTIP_VARIANTS = {\n defaultLight: {\n backgroundColor: \"mono0\",\n color: \"mono100\",\n },\n defaultDark: {\n backgroundColor: \"mono100\",\n color: \"mono0\",\n },\n}\n\nexport type TooltipVariant = keyof typeof TOOLTIP_VARIANTS\n\nexport interface TooltipProps extends BoxProps {\n /** Anchor element to attach to tooltip */\n children: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n /** Content of tooltip */\n content: React.ReactNode\n offset?: number\n placement?: Position\n pointer?: boolean\n variant?: TooltipVariant\n visible?: boolean\n}\n\n/**\n * A tooltip\n */\nexport const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>> = ({\n children,\n content,\n width = 230,\n offset = 10,\n placement = \"top\",\n pointer = false,\n variant = \"defaultLight\",\n visible,\n zIndex = 1,\n ...rest\n}) => {\n const [active, setActive] = useState(false)\n\n const handleClick = () => {\n setActive((prevActive) => !prevActive)\n }\n\n const activate = () => {\n setActive(true)\n }\n\n const deactivate = () => {\n setActive(false)\n }\n\n const {\n anchorRef,\n tooltipRef,\n state: { isFlipped },\n } = usePosition({\n position: placement,\n offset,\n active: visible ?? active,\n })\n\n return (\n <>\n {React.cloneElement(children, {\n ref: anchorRef,\n tabIndex: 0,\n onClick: compose(handleClick, children.props?.onClick),\n onMouseOver: compose(activate, children.props?.onMouseOver),\n onMouseOut: compose(deactivate, children.props?.onMouseOut),\n onFocus: compose(activate, children.props?.onFocus),\n onBlur: compose(deactivate, children.props?.onBlur),\n })}\n\n <Tip\n ref={tooltipRef as any}\n variant={variant}\n width={width}\n zIndex={zIndex}\n style={\n // If visible is explictly set to `false` then the tooltip should be hidden\n // Otherwise it should be visible or utilize the active state.\n visible !== false\n ? {\n opacity: visible ?? active ? 1 : 0,\n }\n : { opacity: 0 }\n }\n >\n {pointer && (\n <Pointer\n anchorRef={anchorRef}\n tooltipRef={tooltipRef}\n variant={variant}\n placement={placement}\n isFlipped={isFlipped}\n />\n )}\n\n <Panel variant={variant} p={1} {...rest}>\n {isText(content) ? <Text variant=\"xs\">{content}</Text> : content}\n </Panel>\n </Tip>\n </>\n )\n}\n\nconst Tip = styled(Box)<{ variant?: TooltipVariant }>`\n position: absolute;\n transition: opacity 250ms ease-out;\n text-align: left;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n cursor: default;\n pointer-events: none;\n font-weight: normal;\n font-style: normal;\n ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: TooltipVariant }>`\n ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst compose = (a?: (...args: any) => any, b?: (...args: any) => any) => {\n return (...args) => {\n a?.(...args)\n b?.(...args)\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_helpers","_usePosition2","_Box","_Pointer","_Text","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TOOLTIP_VARIANTS","exports","defaultLight","backgroundColor","color","defaultDark","Tooltip","_ref","_children$props","_children$props2","_children$props3","_children$props4","_children$props5","children","content","_ref$width","width","_ref$offset","offset","_ref$placement","placement","_ref$pointer","pointer","_ref$variant","variant","visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","active","setActive","handleClick","prevActive","activate","deactivate","_usePosition","usePosition","position","anchorRef","tooltipRef","isFlipped","state","createElement","Fragment","React","cloneElement","ref","tabIndex","onClick","compose","props","onMouseOver","onMouseOut","onFocus","onBlur","Tip","style","opacity","Pointer","Panel","p","isText","Text","styled","Box","withConfig","displayName","componentId","themeGet","variants","a","b","_len","args","_key"],"sources":["../../../src/elements/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { isText } from \"../../helpers\"\nimport { Position, usePosition } from \"../../utils/usePosition\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Pointer } from \"../Pointer\"\nimport { Text } from \"../Text\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const TOOLTIP_VARIANTS = {\n defaultLight: {\n backgroundColor: \"mono0\",\n color: \"mono100\",\n },\n defaultDark: {\n backgroundColor: \"mono100\",\n color: \"mono0\",\n },\n}\n\nexport type TooltipVariant = keyof typeof TOOLTIP_VARIANTS\n\nexport interface TooltipProps extends BoxProps {\n /** Anchor element to attach to tooltip */\n children: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n /** Content of tooltip */\n content: React.ReactNode\n offset?: number\n placement?: Position\n pointer?: boolean\n variant?: TooltipVariant\n visible?: boolean\n}\n\n/**\n * A tooltip\n */\nexport const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>> = ({\n children,\n content,\n width = 230,\n offset = 10,\n placement = \"top\",\n pointer = false,\n variant = \"defaultLight\",\n visible,\n zIndex = 1,\n ...rest\n}) => {\n const [active, setActive] = useState(false)\n\n const handleClick = () => {\n setActive((prevActive) => !prevActive)\n }\n\n const activate = () => {\n setActive(true)\n }\n\n const deactivate = () => {\n setActive(false)\n }\n\n const {\n anchorRef,\n tooltipRef,\n state: { isFlipped },\n } = usePosition({\n position: placement,\n offset,\n active: visible ?? active,\n })\n\n return (\n <>\n {React.cloneElement(children, {\n ref: anchorRef,\n tabIndex: 0,\n onClick: compose(handleClick, children.props?.onClick),\n onMouseOver: compose(activate, children.props?.onMouseOver),\n onMouseOut: compose(deactivate, children.props?.onMouseOut),\n onFocus: compose(activate, children.props?.onFocus),\n onBlur: compose(deactivate, children.props?.onBlur),\n })}\n\n <Tip\n ref={tooltipRef as any}\n variant={variant}\n width={width}\n zIndex={zIndex}\n style={\n // If visible is explictly set to `false` then the tooltip should be hidden\n // Otherwise it should be visible or utilize the active state.\n visible !== false\n ? {\n opacity: visible ?? active ? 1 : 0,\n }\n : { opacity: 0 }\n }\n >\n {pointer && (\n <Pointer\n anchorRef={anchorRef}\n tooltipRef={tooltipRef}\n variant={variant}\n placement={placement}\n isFlipped={isFlipped}\n />\n )}\n\n <Panel variant={variant} p={1} {...rest}>\n {isText(content) ? <Text variant=\"xs\">{content}</Text> : content}\n </Panel>\n </Tip>\n </>\n )\n}\n\nconst Tip = styled(Box)<{ variant?: TooltipVariant }>`\n position: absolute;\n transition: opacity 250ms ease-out;\n text-align: left;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n cursor: default;\n pointer-events: none;\n font-weight: normal;\n font-style: normal;\n ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: TooltipVariant }>`\n ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst compose = (a?: (...args: any) => any, b?: (...args: any) => any) => {\n return (...args) => {\n a?.(...args)\n b?.(...args)\n }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AAAmD,IAAAU,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,IAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,UAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAE5C,IAAMoD,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,YAAY,EAAE;IACZC,eAAe,EAAE,OAAO;IACxBC,KAAK,EAAE;EACT,CAAC;EACDC,WAAW,EAAE;IACXF,eAAe,EAAE,SAAS;IAC1BC,KAAK,EAAE;EACT;AACF,CAAC;AAgBD;AACA;AACA;AACO,IAAME,OAAwD,GAAAL,OAAA,CAAAK,OAAA,GAAG,SAA3DA,OAAwDA,CAAAC,IAAA,EAW/D;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,IAVJC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAAC,UAAA,GAAAR,IAAA,CACPS,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;IAAAE,WAAA,GAAAV,IAAA,CACXW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAE,cAAA,GAAAZ,IAAA,CACXa,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,YAAA,GAAAd,IAAA,CACjBe,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,YAAA,GAAAhB,IAAA,CACfiB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,cAAc,GAAAA,YAAA;IACxBE,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;IAAAC,WAAA,GAAAnB,IAAA,CACPoB,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IACPE,IAAI,GAAArC,wBAAA,CAAAgB,IAAA,EAAAtF,SAAA;EAEP,IAAA4G,SAAA,GAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA7E,cAAA,CAAA2E,SAAA;IAApCG,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExB,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBD,SAAS,CAAC,UAACE,UAAU;MAAA,OAAK,CAACA,UAAU;IAAA,EAAC;EACxC,CAAC;EAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;IACrBH,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC;EAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBJ,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC;EAED,IAAAK,YAAA,GAII,IAAAC,yBAAW,EAAC;MACdC,QAAQ,EAAEpB,SAAS;MACnBF,MAAM,EAANA,MAAM;MACNc,MAAM,EAAEP,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIO;IACrB,CAAC,CAAC;IAPAS,SAAS,GAAAH,YAAA,CAATG,SAAS;IACTC,UAAU,GAAAJ,YAAA,CAAVI,UAAU;IACDC,SAAS,GAAAL,YAAA,CAAlBM,KAAK,CAAID,SAAS;EAOpB,oBACEtI,MAAA,CAAAe,OAAA,CAAAyH,aAAA,CAAAxI,MAAA,CAAAe,OAAA,CAAA0H,QAAA,qBACGC,cAAK,CAACC,YAAY,CAACnC,QAAQ,EAAE;IAC5BoC,GAAG,EAAER,SAAS;IACdS,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAEC,OAAO,CAAClB,WAAW,GAAA1B,eAAA,GAAEK,QAAQ,CAACwC,KAAK,cAAA7C,eAAA,uBAAdA,eAAA,CAAgB2C,OAAO,CAAC;IACtDG,WAAW,EAAEF,OAAO,CAAChB,QAAQ,GAAA3B,gBAAA,GAAEI,QAAQ,CAACwC,KAAK,cAAA5C,gBAAA,uBAAdA,gBAAA,CAAgB6C,WAAW,CAAC;IAC3DC,UAAU,EAAEH,OAAO,CAACf,UAAU,GAAA3B,gBAAA,GAAEG,QAAQ,CAACwC,KAAK,cAAA3C,gBAAA,uBAAdA,gBAAA,CAAgB6C,UAAU,CAAC;IAC3DC,OAAO,EAAEJ,OAAO,CAAChB,QAAQ,GAAAzB,gBAAA,GAAEE,QAAQ,CAACwC,KAAK,cAAA1C,gBAAA,uBAAdA,gBAAA,CAAgB6C,OAAO,CAAC;IACnDC,MAAM,EAAEL,OAAO,CAACf,UAAU,GAAAzB,gBAAA,GAAEC,QAAQ,CAACwC,KAAK,cAAAzC,gBAAA,uBAAdA,gBAAA,CAAgB6C,MAAM;EACpD,CAAC,CAAC,eAEFpJ,MAAA,CAAAe,OAAA,CAAAyH,aAAA,CAACa,GAAG;IACFT,GAAG,EAAEP,UAAkB;IACvBlB,OAAO,EAAEA,OAAQ;IACjBR,KAAK,EAAEA,KAAM;IACbW,MAAM,EAAEA,MAAO;IACfgC,KAAK;IACH;IACA;IACAlC,OAAO,KAAK,KAAK,GACb;MACEmC,OAAO,EAAE,CAAAnC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIO,MAAM,IAAG,CAAC,GAAG;IACnC,CAAC,GACD;MAAE4B,OAAO,EAAE;IAAE;EAClB,GAEAtC,OAAO,iBACNjH,MAAA,CAAAe,OAAA,CAAAyH,aAAA,CAAC/H,QAAA,CAAA+I,OAAO;IACNpB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBlB,OAAO,EAAEA,OAAQ;IACjBJ,SAAS,EAAEA,SAAU;IACrBuB,SAAS,EAAEA;EAAU,EAExB,eAEDtI,MAAA,CAAAe,OAAA,CAAAyH,aAAA,CAACiB,KAAK,EAAArH,QAAA;IAAC+E,OAAO,EAAEA,OAAQ;IAACuC,CAAC,EAAE;EAAE,GAAKnC,IAAI,GACpC,IAAAoC,eAAM,EAAClD,OAAO,CAAC,gBAAGzG,MAAA,CAAAe,OAAA,CAAAyH,aAAA,CAAC9H,KAAA,CAAAkJ,IAAI;IAACzC,OAAO,EAAC;EAAI,GAAEV,OAAO,CAAQ,GAAGA,OAAO,CAC1D,CACJ,CACL;AAEP,CAAC;AAED,IAAM4C,GAAG,GAAG,IAAAQ,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAIP,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC,EAK1C,IAAA/C,qBAAO,EAAC;EAAEgD,QAAQ,EAAExE;AAAiB,CAAC,CAAC,CAC1C;AAED,IAAM8D,KAAK,GAAG,IAAAI,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrB,IAAA9C,qBAAO,EAAC;EAAEgD,QAAQ,EAAExE;AAAiB,CAAC,CAAC,CAC1C;AAED,IAAMoD,OAAO,GAAG,SAAVA,OAAOA,CAAIqB,CAAyB,EAAEC,CAAyB,EAAK;EACxE,OAAO,YAAa;IAAA,SAAAC,IAAA,GAAA7H,SAAA,CAAAC,MAAA,EAAT6H,IAAI,OAAA3G,KAAA,CAAA0G,IAAA,GAAAE,IAAA,MAAAA,IAAA,GAAAF,IAAA,EAAAE,IAAA;MAAJD,IAAI,CAAAC,IAAA,IAAA/H,SAAA,CAAA+H,IAAA;IAAA;IACbJ,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAAxH,KAAA,SAAM2H,IAAI,CAAC;IACZF,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAAzH,KAAA,SAAM2H,IAAI,CAAC;EACd,CAAC;AACH,CAAC"}