@artsy/palette 39.0.4 → 40.0.0-canary.1408.31249.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 (232) hide show
  1. package/dist/Theme.d.ts +1 -1
  2. package/dist/Theme.js.map +1 -1
  3. package/dist/elements/AutocompleteInput/AutocompleteInput.d.ts +2 -2
  4. package/dist/elements/AutocompleteInput/AutocompleteInput.js.map +1 -1
  5. package/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts +5 -4
  6. package/dist/elements/AutocompleteInput/AutocompleteInputOption.d.ts +1 -3
  7. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map +1 -1
  8. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.d.ts +1 -1
  9. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js.map +1 -1
  10. package/dist/elements/Avatar/Avatar.d.ts +1 -1
  11. package/dist/elements/Avatar/Avatar.js.map +1 -1
  12. package/dist/elements/Avatar/Avatar.story.d.ts +4 -3
  13. package/dist/elements/Banner/Banner.d.ts +1 -1
  14. package/dist/elements/Banner/Banner.js.map +1 -1
  15. package/dist/elements/Banner/Banner.story.d.ts +2 -1
  16. package/dist/elements/BaseTabs/BaseTab.d.ts +2 -2
  17. package/dist/elements/BaseTabs/BaseTab.js.map +1 -1
  18. package/dist/elements/BaseTabs/BaseTabs.story.d.ts +10 -9
  19. package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
  20. package/dist/elements/BorderBox/BorderBox.d.ts +1 -1
  21. package/dist/elements/BorderBox/BorderBoxBase.d.ts +1 -1
  22. package/dist/elements/BorderedRadio/BorderedRadio.d.ts +1 -1
  23. package/dist/elements/BorderedRadio/BorderedRadio.story.d.ts +2 -1
  24. package/dist/elements/Box/Box.story.d.ts +2 -1
  25. package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  26. package/dist/elements/Breadcrumbs/Breadcrumbs.js.map +1 -1
  27. package/dist/elements/Breadcrumbs/Breadcrumbs.story.d.ts +2 -1
  28. package/dist/elements/Button/Button.d.ts +3 -5
  29. package/dist/elements/Button/Button.js.map +1 -1
  30. package/dist/elements/Button/Button.story.d.ts +10 -9
  31. package/dist/elements/CSSGrid/CSSGrid.d.ts +1 -1
  32. package/dist/elements/CSSGrid/CSSGrid.story.d.ts +2 -1
  33. package/dist/elements/Cards/Card.d.ts +1 -1
  34. package/dist/elements/Cards/Card.js.map +1 -1
  35. package/dist/elements/Cards/Cards.story.d.ts +3 -2
  36. package/dist/elements/Cards/TriptychCard.d.ts +1 -1
  37. package/dist/elements/Cards/TriptychCard.js.map +1 -1
  38. package/dist/elements/Carousel/Carousel.d.ts +6 -6
  39. package/dist/elements/Carousel/Carousel.js.map +1 -1
  40. package/dist/elements/Carousel/Carousel.story.d.ts +19 -18
  41. package/dist/elements/Carousel/CarouselNavigation.d.ts +4 -4
  42. package/dist/elements/CarouselBar/CarouselBar.d.ts +1 -1
  43. package/dist/elements/CarouselBar/CarouselBar.js.map +1 -1
  44. package/dist/elements/CarouselBar/CarouselBar.story.d.ts +2 -1
  45. package/dist/elements/Checkbox/Check.d.ts +1 -1
  46. package/dist/elements/Checkbox/Check.js.map +1 -1
  47. package/dist/elements/Checkbox/Check.story.d.ts +2 -1
  48. package/dist/elements/Checkbox/Checkbox.d.ts +1 -1
  49. package/dist/elements/Checkbox/Checkbox.js.map +1 -1
  50. package/dist/elements/Checkbox/Checkbox.story.d.ts +4 -3
  51. package/dist/elements/CleanTag/CleanTag.d.ts +1 -1
  52. package/dist/elements/CleanTag/CleanTag.js.map +1 -1
  53. package/dist/elements/Clickable/Clickable.story.d.ts +3 -2
  54. package/dist/elements/Collapse/Collapse.d.ts +2 -2
  55. package/dist/elements/Collapse/Collapse.js.map +1 -1
  56. package/dist/elements/Drawer/Drawer.d.ts +2 -2
  57. package/dist/elements/Drawer/Drawer.js.map +1 -1
  58. package/dist/elements/Drawer/Drawer.story.d.ts +3 -2
  59. package/dist/elements/Drawer/Drawer.story.js.map +1 -1
  60. package/dist/elements/Dropdown/Dropdown.d.ts +7 -4
  61. package/dist/elements/Dropdown/Dropdown.js +1 -1
  62. package/dist/elements/Dropdown/Dropdown.js.map +1 -1
  63. package/dist/elements/Dropdown/Dropdown.story.d.ts +8 -7
  64. package/dist/elements/EntityHeader/EntityHeader.d.ts +1 -1
  65. package/dist/elements/EntityHeader/EntityHeader.js.map +1 -1
  66. package/dist/elements/EntityHeader/EntityHeader.story.d.ts +2 -1
  67. package/dist/elements/Expandable/Expandable.d.ts +8 -3
  68. package/dist/elements/Expandable/Expandable.js.map +1 -1
  69. package/dist/elements/Expandable/Expandable.story.d.ts +3 -2
  70. package/dist/elements/FilterSelect/Components/FilterInput.d.ts +1 -1
  71. package/dist/elements/FilterSelect/Components/FilterInput.js.map +1 -1
  72. package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts +1 -1
  73. package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map +1 -1
  74. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.d.ts +1 -1
  75. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js.map +1 -1
  76. package/dist/elements/FilterSelect/FilterSelect.d.ts +1 -1
  77. package/dist/elements/FilterSelect/FilterSelect.js.map +1 -1
  78. package/dist/elements/FilterSelect/FilterSelect.story.d.ts +2 -1
  79. package/dist/elements/Flex/Flex.d.ts +1 -1
  80. package/dist/elements/FullBleed/FullBleed.d.ts +1 -1
  81. package/dist/elements/FullBleed/FullBleed.story.d.ts +2 -1
  82. package/dist/elements/GridColumns/GridColumns.d.ts +2 -2
  83. package/dist/elements/GridColumns/GridColumns.js.map +1 -1
  84. package/dist/elements/GridColumns/GridColumns.story.d.ts +4 -3
  85. package/dist/elements/HTML/HTML.d.ts +1 -1
  86. package/dist/elements/HTML/HTML.js.map +1 -1
  87. package/dist/elements/HTML/HTML.story.d.ts +3 -2
  88. package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts +3 -1
  89. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js +3 -0
  90. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map +1 -1
  91. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.d.ts +3 -2
  92. package/dist/elements/Image/Image.d.ts +4 -2
  93. package/dist/elements/Image/Image.story.d.ts +6 -5
  94. package/dist/elements/Image/LazyImage.d.ts +1 -1
  95. package/dist/elements/Image/LazyImage.js.map +1 -1
  96. package/dist/elements/Input/Input.d.ts +1 -3
  97. package/dist/elements/Input/Input.js.map +1 -1
  98. package/dist/elements/Input/Input.story.d.ts +6 -5
  99. package/dist/elements/Join/Join.d.ts +1 -1
  100. package/dist/elements/Join/Join.js.map +1 -1
  101. package/dist/elements/Join/Join.story.d.ts +5 -4
  102. package/dist/elements/Join/Join.story.js.map +1 -1
  103. package/dist/elements/Label/Label.d.ts +1 -1
  104. package/dist/elements/Label/Label.js.map +1 -1
  105. package/dist/elements/Label/Label.story.d.ts +3 -2
  106. package/dist/elements/LabeledInput/LabeledInput.d.ts +1 -3
  107. package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
  108. package/dist/elements/LabeledInput/LabeledInput.story.d.ts +4 -3
  109. package/dist/elements/Marquee/Marquee.d.ts +1 -1
  110. package/dist/elements/Marquee/Marquee.js.map +1 -1
  111. package/dist/elements/Marquee/Marquee.story.d.ts +2 -1
  112. package/dist/elements/Message/Message.d.ts +1 -1
  113. package/dist/elements/Message/Message.js.map +1 -1
  114. package/dist/elements/Message/Message.story.d.ts +2 -1
  115. package/dist/elements/Modal/ModalBase.d.ts +2 -2
  116. package/dist/elements/Modal/ModalBase.js.map +1 -1
  117. package/dist/elements/Modal/ModalBase.story.d.ts +5 -4
  118. package/dist/elements/Modal/ModalBase.story.js.map +1 -1
  119. package/dist/elements/ModalDialog/ModalDialog.d.ts +1 -1
  120. package/dist/elements/ModalDialog/ModalDialog.js.map +1 -1
  121. package/dist/elements/ModalDialog/ModalDialog.story.d.ts +2 -1
  122. package/dist/elements/ModalDialog/ModalDialogContent.d.ts +2 -2
  123. package/dist/elements/ModalDialog/ModalDialogContent.js.map +1 -1
  124. package/dist/elements/ModalDialog/ModalDialogContent.story.d.ts +2 -1
  125. package/dist/elements/MultiSelect/MultiSelect.d.ts +1 -1
  126. package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
  127. package/dist/elements/MultiSelect/MultiSelect.story.d.ts +3 -2
  128. package/dist/elements/Pagination/Pagination.d.ts +2 -2
  129. package/dist/elements/Pagination/Pagination.js.map +1 -1
  130. package/dist/elements/Pagination/Pagination.story.d.ts +3 -2
  131. package/dist/elements/PasswordInput/PasswordInput.d.ts +1 -1
  132. package/dist/elements/PasswordInput/PasswordInput.js.map +1 -1
  133. package/dist/elements/PasswordInput/PasswordInput.story.d.ts +2 -1
  134. package/dist/elements/PhoneInput/PhoneInput.d.ts +1 -3
  135. package/dist/elements/PhoneInput/PhoneInput.js.map +1 -1
  136. package/dist/elements/PhoneInput/PhoneInput.story.d.ts +2 -1
  137. package/dist/elements/Pill/Pill.d.ts +3 -3
  138. package/dist/elements/Pill/Pill.js.map +1 -1
  139. package/dist/elements/Pill/Pill.story.d.ts +10 -9
  140. package/dist/elements/Pointer/Pointer.d.ts +1 -1
  141. package/dist/elements/Pointer/Pointer.js.map +1 -1
  142. package/dist/elements/Popover/Popover.d.ts +1 -1
  143. package/dist/elements/Popover/Popover.js.map +1 -1
  144. package/dist/elements/Popover/Popover.story.d.ts +5 -4
  145. package/dist/elements/ProgressBar/ProgressBar.d.ts +1 -1
  146. package/dist/elements/ProgressBar/ProgressBar.js.map +1 -1
  147. package/dist/elements/ProgressBar/ProgressBar.story.d.ts +3 -2
  148. package/dist/elements/ProgressDots/ProgressDots.d.ts +1 -1
  149. package/dist/elements/ProgressDots/ProgressDots.js.map +1 -1
  150. package/dist/elements/ProgressDots/ProgressDots.story.d.ts +3 -2
  151. package/dist/elements/Radio/Radio.d.ts +1 -1
  152. package/dist/elements/Radio/Radio.story.d.ts +3 -2
  153. package/dist/elements/Radio/RadioDot.d.ts +1 -1
  154. package/dist/elements/RadioGroup/RadioGroup.d.ts +1 -1
  155. package/dist/elements/RadioGroup/RadioGroup.story.d.ts +4 -3
  156. package/dist/elements/Range/Range.d.ts +1 -1
  157. package/dist/elements/Range/Range.js.map +1 -1
  158. package/dist/elements/Range/Range.story.d.ts +5 -4
  159. package/dist/elements/ReadMore/ReadMore.d.ts +1 -1
  160. package/dist/elements/ReadMore/ReadMore.js.map +1 -1
  161. package/dist/elements/ReadMore/ReadMore.story.d.ts +9 -8
  162. package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts +1 -1
  163. package/dist/elements/ResponsiveBox/ResponsiveBox.js.map +1 -1
  164. package/dist/elements/ResponsiveBox/ResponsiveBox.story.d.ts +4 -3
  165. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  166. package/dist/elements/Select/Select.d.ts +2 -4
  167. package/dist/elements/Select/Select.js.map +1 -1
  168. package/dist/elements/Select/Select.story.d.ts +2 -1
  169. package/dist/elements/Separator/Separator.story.d.ts +2 -1
  170. package/dist/elements/Shelf/Shelf.d.ts +1 -1
  171. package/dist/elements/Shelf/Shelf.js.map +1 -1
  172. package/dist/elements/Shelf/Shelf.story.d.ts +5 -4
  173. package/dist/elements/Shelf/ShelfNavigation.d.ts +2 -2
  174. package/dist/elements/Shelf/ShelfNavigation.js.map +1 -1
  175. package/dist/elements/Shelf/ShelfScrollBar.d.ts +1 -1
  176. package/dist/elements/Shelf/ShelfScrollBar.js.map +1 -1
  177. package/dist/elements/ShowMore/ShowMore.d.ts +1 -1
  178. package/dist/elements/ShowMore/ShowMore.js.map +1 -1
  179. package/dist/elements/ShowMore/ShowMore.story.d.ts +3 -2
  180. package/dist/elements/Skeleton/Skeleton.d.ts +3 -3
  181. package/dist/elements/Skeleton/Skeleton.js.map +1 -1
  182. package/dist/elements/Skeleton/Skeleton.story.d.ts +5 -4
  183. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  184. package/dist/elements/Skip/Skip.story.d.ts +4 -3
  185. package/dist/elements/Spacer/Spacer.d.ts +1 -1
  186. package/dist/elements/Spacer/Spacer.story.d.ts +3 -2
  187. package/dist/elements/Spinner/Spinner.d.ts +1 -1
  188. package/dist/elements/Spinner/Spinner.js.map +1 -1
  189. package/dist/elements/Spinner/Spinner.story.d.ts +4 -3
  190. package/dist/elements/Stack/Stack.d.ts +1 -1
  191. package/dist/elements/Stack/Stack.story.d.ts +2 -1
  192. package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts +1 -1
  193. package/dist/elements/StackableBorderBox/StackableBorderBox.story.d.ts +2 -1
  194. package/dist/elements/Stepper/Stepper.d.ts +2 -2
  195. package/dist/elements/Stepper/Stepper.js.map +1 -1
  196. package/dist/elements/Stepper/Stepper.story.d.ts +3 -2
  197. package/dist/elements/Sup/Sup.d.ts +1 -1
  198. package/dist/elements/Sup/Sup.story.d.ts +2 -1
  199. package/dist/elements/Swiper/Swiper.d.ts +6 -6
  200. package/dist/elements/Swiper/Swiper.js.map +1 -1
  201. package/dist/elements/Swiper/Swiper.story.d.ts +13 -12
  202. package/dist/elements/Tabs/Tabs.d.ts +2 -2
  203. package/dist/elements/Tabs/Tabs.js.map +1 -1
  204. package/dist/elements/Tabs/Tabs.story.d.ts +8 -7
  205. package/dist/elements/Text/Text.d.ts +1 -1
  206. package/dist/elements/Text/Text.story.d.ts +5 -4
  207. package/dist/elements/Text/Text.story.js.map +1 -1
  208. package/dist/elements/TextArea/TextArea.d.ts +1 -3
  209. package/dist/elements/TextArea/TextArea.js.map +1 -1
  210. package/dist/elements/TextArea/TextArea.story.d.ts +3 -2
  211. package/dist/elements/Toasts/Toast.d.ts +1 -1
  212. package/dist/elements/Toasts/Toast.js.map +1 -1
  213. package/dist/elements/Toasts/Toast.story.d.ts +2 -1
  214. package/dist/elements/Toasts/Toasts.d.ts +1 -1
  215. package/dist/elements/Toasts/Toasts.js.map +1 -1
  216. package/dist/elements/Toasts/Toasts.story.d.ts +3 -2
  217. package/dist/elements/Toasts/useToasts.d.ts +1 -1
  218. package/dist/elements/Toasts/useToasts.js.map +1 -1
  219. package/dist/elements/Toggle/Toggle.d.ts +1 -1
  220. package/dist/elements/Toggle/Toggle.js.map +1 -1
  221. package/dist/elements/Toggle/Toggle.story.d.ts +3 -2
  222. package/dist/elements/Tooltip/Tooltip.d.ts +1 -1
  223. package/dist/elements/Tooltip/Tooltip.js.map +1 -1
  224. package/dist/elements/Tooltip/Tooltip.story.d.ts +9 -8
  225. package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  226. package/dist/shared/RequiredField.d.ts +2 -2
  227. package/dist/shared/RequiredField.js.map +1 -1
  228. package/dist/themes/Themes.story.d.ts +10 -9
  229. package/dist/themes/Themes.story.js.map +1 -1
  230. package/dist/utils/FocusLocking.story.d.ts +4 -3
  231. package/dist/utils/useSentinelVisibility.d.ts +2 -1
  232. package/package.json +16 -8
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useCursor2","_ChevronLeftIcon","_ChevronRightIcon","_useUpdateEffect","_Box","_Skip","_VisuallyHidden","_CarouselNavigation","_paginate","_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","RAIL_TRANSITION_MS","transition","system","CarouselRail","styled","Box","withConfig","displayName","componentId","exports","defaultProps","as","display","concat","CarouselCell","CELL_GAP_PADDING_AMOUNT","Container","Viewport","Carousel","_ref","_ref$initialIndex","initialIndex","children","_ref$Previous","Previous","CarouselPrevious","_ref$Next","Next","CarouselNext","_ref$Rail","Rail","_ref$Cell","Cell","_ref$paginateBy","paginateBy","onChange","onPageCountChange","rest","containerRef","useRef","viewportRef","startRef","endRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useState","useState","_useState2","pages","setPages","_useCursor","useCursor","initialCursor","max","index","handleNext","handlePrev","setCursor","init","viewport","current","values","_ref2","clientWidth","paginateCarousel","useEffect","window","addEventListener","removeEventListener","skipToEnd","focus","skipToStart","handleKeydown","_ref3","contains","document","activeElement","useUpdateEffect","offset","createElement","Skip","onClick","width","mb","disabled","height","style","transform","_ref4","isLast","pr","mt","VisuallyHidden"],"sources":["../../../src/elements/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n Children,\n createRef,\n isValidElement,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { ResponsiveValue, system } from \"styled-system\"\nimport { useCursor } from \"use-cursor\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Skip } from \"../Skip\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport {\n CarouselNavigationProps,\n CarouselNext,\n CarouselPrevious,\n} from \"./CarouselNavigation\"\nimport { paginateCarousel } from \"./paginate\"\n\nconst RAIL_TRANSITION_MS = 500\n\nconst transition = system({ transition: true })\n\n/** CarouselRailProps */\nexport type CarouselRailProps = BoxProps & {\n transition?: ResponsiveValue<string>\n}\n\n/** A `CarouselRail` slides back and forth within the viewport */\nexport const CarouselRail = styled(Box)<CarouselRailProps>`\n height: 100%;\n margin: 0;\n padding: 0;\n list-style: none;\n white-space: nowrap;\n ${transition}\n`\n\nCarouselRail.defaultProps = {\n as: \"ul\",\n display: \"flex\",\n transition: `transform ${RAIL_TRANSITION_MS}ms`,\n}\n\n/** CarouselCellProps */\nexport type CarouselCellProps = BoxProps\n\n/** A `CarouselCell` wraps a single child in the carousel */\nexport const CarouselCell = styled(Box)`\n white-space: normal;\n`\n\nCarouselCell.defaultProps = {\n as: \"li\",\n}\n\n/**\n * We share this spacing value with the `Swiper` component\n */\nexport const CELL_GAP_PADDING_AMOUNT: SpacingUnit[] = [1, 2]\n\nconst Container = styled(Box)`\n position: relative;\n width: 100%;\n`\n\nconst Viewport = styled(Box)`\n width: 100%;\n overflow: hidden;\n`\n\nexport interface CarouselProps extends BoxProps {\n initialIndex?: number\n children: React.ReactNode\n Next?: typeof CarouselNext | React.FC<CarouselNavigationProps>\n Previous?: typeof CarouselPrevious | React.FC<CarouselNavigationProps>\n Rail?: typeof CarouselRail | React.FC<CarouselRailProps>\n /**\n * If providing a custom `Cell` you must forward a ref so\n * that cell widths can be calculated.\n */\n Cell?: React.ForwardRefExoticComponent<CarouselCellProps>\n paginateBy?: \"page\" | \"cell\"\n onChange?(index: number): void\n onPageCountChange?(count: number): void\n}\n\n/**\n * A `Carousel` accepts children or a series of children that are JSX elements.\n * It presents them in a horizontal rail and when the width exceeds the width\n * of the viewport, it presents navigation arrows and allows a user to page\n * through them.\n */\nexport const Carousel: React.FC<CarouselProps> = ({\n initialIndex = 0,\n children,\n Previous = CarouselPrevious,\n Next = CarouselNext,\n Rail = CarouselRail,\n Cell = CarouselCell,\n paginateBy = \"page\",\n onChange,\n onPageCountChange,\n ...rest\n}) => {\n const containerRef = useRef<HTMLDivElement | null>(null)\n const viewportRef = useRef<HTMLDivElement | null>(null)\n const startRef = useRef<HTMLButtonElement | null>(null)\n const endRef = useRef<HTMLButtonElement | null>(null)\n\n const cells = useMemo(\n () =>\n Children.toArray(children)\n .filter(isValidElement)\n .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n [children]\n )\n\n const [pages, setPages] = useState([0])\n\n const { index, handleNext, handlePrev, setCursor } = useCursor({\n initialCursor: initialIndex,\n max: pages.length,\n })\n\n const init = () => {\n const { current: viewport } = viewportRef\n const values = cells.map(({ ref }) => ref.current!.clientWidth)\n\n setPages(\n paginateCarousel({\n viewport: viewport!.clientWidth,\n values,\n paginateBy,\n })\n )\n }\n\n useEffect(() => {\n init()\n window.addEventListener(\"resize\", init)\n return () => {\n window.removeEventListener(\"resize\", init)\n }\n }, [cells])\n\n const skipToEnd = () => {\n if (!endRef.current) return\n endRef.current.focus()\n setCursor(pages.length - 1)\n }\n\n const skipToStart = () => {\n if (!startRef.current) return\n startRef.current.focus()\n setCursor(0)\n }\n\n const handleKeydown = ({ key }: KeyboardEvent) => {\n if (!containerRef.current) return\n\n // Only triggers keyboard navigation if component is in focus\n if (!containerRef.current.contains(document.activeElement)) {\n return\n }\n\n switch (key) {\n case \"ArrowRight\":\n handleNext()\n break\n case \"ArrowLeft\":\n handlePrev()\n break\n default:\n break\n }\n }\n\n useEffect(() => {\n document.addEventListener(\"keydown\", handleKeydown)\n return () => document.removeEventListener(\"keydown\", handleKeydown)\n }, [handleKeydown])\n\n useUpdateEffect(() => {\n onChange && onChange(index)\n }, [onChange, index])\n\n useUpdateEffect(() => {\n onPageCountChange && onPageCountChange(pages.length)\n }, [onPageCountChange, pages.length])\n\n const offset = `-${pages[index]}px`\n\n return (\n <Container ref={containerRef as any} {...rest}>\n <Skip ref={startRef} onClick={skipToEnd} width=\"100%\" mb={1}>\n Skip to end of content\n </Skip>\n\n <nav>\n <Previous\n onClick={handlePrev}\n disabled={index === 0}\n aria-label=\"Previous page\"\n >\n <ChevronLeftIcon width={15} height={15} />\n </Previous>\n\n <Next\n onClick={handleNext}\n disabled={index === pages.length - 1}\n aria-label=\"Next page\"\n >\n <ChevronRightIcon width={15} height={15} />\n </Next>\n </nav>\n\n <Viewport ref={viewportRef as any}>\n <Rail style={{ transform: `translateX(${offset})` }}>\n {cells.map(({ child, ref }, i) => {\n const isLast = i === cells.length - 1\n\n return (\n <Cell\n key={i}\n ref={ref}\n pr={!isLast && (CELL_GAP_PADDING_AMOUNT as any)}\n >\n {child}\n </Cell>\n )\n })}\n </Rail>\n </Viewport>\n\n <Skip ref={endRef} onClick={skipToStart} width=\"100%\" mt={1}>\n Skip to beginning of content\n </Skip>\n\n <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n Page {index + 1} of {pages.length}\n </VisuallyHidden>\n </Container>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Carousel.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useCursor2","_ChevronLeftIcon","_ChevronRightIcon","_useUpdateEffect","_Box","_Skip","_VisuallyHidden","_CarouselNavigation","_paginate","_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","RAIL_TRANSITION_MS","transition","system","CarouselRail","styled","Box","withConfig","displayName","componentId","exports","defaultProps","as","display","concat","CarouselCell","CELL_GAP_PADDING_AMOUNT","Container","Viewport","Carousel","_ref","_ref$initialIndex","initialIndex","children","_ref$Previous","Previous","CarouselPrevious","_ref$Next","Next","CarouselNext","_ref$Rail","Rail","_ref$Cell","Cell","_ref$paginateBy","paginateBy","onChange","onPageCountChange","rest","containerRef","useRef","viewportRef","startRef","endRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useState","useState","_useState2","pages","setPages","_useCursor","useCursor","initialCursor","max","index","handleNext","handlePrev","setCursor","init","viewport","current","values","_ref2","clientWidth","paginateCarousel","useEffect","window","addEventListener","removeEventListener","skipToEnd","focus","skipToStart","handleKeydown","_ref3","contains","document","activeElement","useUpdateEffect","offset","createElement","Skip","onClick","width","mb","disabled","height","style","transform","_ref4","isLast","pr","mt","VisuallyHidden"],"sources":["../../../src/elements/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n Children,\n createRef,\n isValidElement,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { ResponsiveValue, system } from \"styled-system\"\nimport { useCursor } from \"use-cursor\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Skip } from \"../Skip\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport {\n CarouselNavigationProps,\n CarouselNext,\n CarouselPrevious,\n} from \"./CarouselNavigation\"\nimport { paginateCarousel } from \"./paginate\"\n\nconst RAIL_TRANSITION_MS = 500\n\nconst transition = system({ transition: true })\n\n/** CarouselRailProps */\nexport type CarouselRailProps = BoxProps & {\n transition?: ResponsiveValue<string>\n}\n\n/** A `CarouselRail` slides back and forth within the viewport */\nexport const CarouselRail = styled(Box)<CarouselRailProps>`\n height: 100%;\n margin: 0;\n padding: 0;\n list-style: none;\n white-space: nowrap;\n ${transition}\n`\n\nCarouselRail.defaultProps = {\n as: \"ul\",\n display: \"flex\",\n transition: `transform ${RAIL_TRANSITION_MS}ms`,\n}\n\n/** CarouselCellProps */\nexport type CarouselCellProps = BoxProps\n\n/** A `CarouselCell` wraps a single child in the carousel */\nexport const CarouselCell = styled(Box)`\n white-space: normal;\n`\n\nCarouselCell.defaultProps = {\n as: \"li\",\n}\n\n/**\n * We share this spacing value with the `Swiper` component\n */\nexport const CELL_GAP_PADDING_AMOUNT: SpacingUnit[] = [1, 2]\n\nconst Container = styled(Box)`\n position: relative;\n width: 100%;\n`\n\nconst Viewport = styled(Box)`\n width: 100%;\n overflow: hidden;\n`\n\nexport interface CarouselProps extends BoxProps {\n initialIndex?: number\n children: React.ReactNode\n Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>\n /**\n * If providing a custom `Cell` you must forward a ref so\n * that cell widths can be calculated.\n */\n Cell?: React.ForwardRefExoticComponent<CarouselCellProps>\n paginateBy?: \"page\" | \"cell\"\n onChange?(index: number): void\n onPageCountChange?(count: number): void\n}\n\n/**\n * A `Carousel` accepts children or a series of children that are JSX elements.\n * It presents them in a horizontal rail and when the width exceeds the width\n * of the viewport, it presents navigation arrows and allows a user to page\n * through them.\n */\nexport const Carousel: React.FC<React.PropsWithChildren<CarouselProps>> = ({\n initialIndex = 0,\n children,\n Previous = CarouselPrevious,\n Next = CarouselNext,\n Rail = CarouselRail,\n Cell = CarouselCell,\n paginateBy = \"page\",\n onChange,\n onPageCountChange,\n ...rest\n}) => {\n const containerRef = useRef<HTMLDivElement | null>(null)\n const viewportRef = useRef<HTMLDivElement | null>(null)\n const startRef = useRef<HTMLButtonElement | null>(null)\n const endRef = useRef<HTMLButtonElement | null>(null)\n\n const cells = useMemo(\n () =>\n Children.toArray(children)\n .filter(isValidElement)\n .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n [children]\n )\n\n const [pages, setPages] = useState([0])\n\n const { index, handleNext, handlePrev, setCursor } = useCursor({\n initialCursor: initialIndex,\n max: pages.length,\n })\n\n const init = () => {\n const { current: viewport } = viewportRef\n const values = cells.map(({ ref }) => ref.current!.clientWidth)\n\n setPages(\n paginateCarousel({\n viewport: viewport!.clientWidth,\n values,\n paginateBy,\n })\n )\n }\n\n useEffect(() => {\n init()\n window.addEventListener(\"resize\", init)\n return () => {\n window.removeEventListener(\"resize\", init)\n }\n }, [cells])\n\n const skipToEnd = () => {\n if (!endRef.current) return\n endRef.current.focus()\n setCursor(pages.length - 1)\n }\n\n const skipToStart = () => {\n if (!startRef.current) return\n startRef.current.focus()\n setCursor(0)\n }\n\n const handleKeydown = ({ key }: KeyboardEvent) => {\n if (!containerRef.current) return\n\n // Only triggers keyboard navigation if component is in focus\n if (!containerRef.current.contains(document.activeElement)) {\n return\n }\n\n switch (key) {\n case \"ArrowRight\":\n handleNext()\n break\n case \"ArrowLeft\":\n handlePrev()\n break\n default:\n break\n }\n }\n\n useEffect(() => {\n document.addEventListener(\"keydown\", handleKeydown)\n return () => document.removeEventListener(\"keydown\", handleKeydown)\n }, [handleKeydown])\n\n useUpdateEffect(() => {\n onChange && onChange(index)\n }, [onChange, index])\n\n useUpdateEffect(() => {\n onPageCountChange && onPageCountChange(pages.length)\n }, [onPageCountChange, pages.length])\n\n const offset = `-${pages[index]}px`\n\n return (\n <Container ref={containerRef as any} {...rest}>\n <Skip ref={startRef} onClick={skipToEnd} width=\"100%\" mb={1}>\n Skip to end of content\n </Skip>\n\n <nav>\n <Previous\n onClick={handlePrev}\n disabled={index === 0}\n aria-label=\"Previous page\"\n >\n <ChevronLeftIcon width={15} height={15} />\n </Previous>\n\n <Next\n onClick={handleNext}\n disabled={index === pages.length - 1}\n aria-label=\"Next page\"\n >\n <ChevronRightIcon width={15} height={15} />\n </Next>\n </nav>\n\n <Viewport ref={viewportRef as any}>\n <Rail style={{ transform: `translateX(${offset})` }}>\n {cells.map(({ child, ref }, i) => {\n const isLast = i === cells.length - 1\n\n return (\n <Cell\n key={i}\n ref={ref}\n pr={!isLast && (CELL_GAP_PADDING_AMOUNT as any)}\n >\n {child}\n </Cell>\n )\n })}\n </Rail>\n </Viewport>\n\n <Skip ref={endRef} onClick={skipToStart} width=\"100%\" mt={1}>\n Skip to beginning of content\n </Skip>\n\n <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n Page {index + 1} of {pages.length}\n </VisuallyHidden>\n </Container>\n )\n}\n"],"mappings":"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"}
@@ -1,53 +1,54 @@
1
+ import React from "react";
1
2
  declare const _default: {
2
3
  title: string;
3
4
  };
4
5
  export default _default;
5
- export declare const Simple: () => JSX.Element;
6
- export declare const Multiple: () => JSX.Element;
6
+ export declare const Simple: () => React.JSX.Element;
7
+ export declare const Multiple: () => React.JSX.Element;
7
8
  export declare const SinglePage: {
8
- (): JSX.Element;
9
+ (): React.JSX.Element;
9
10
  story: {
10
11
  name: string;
11
12
  };
12
13
  };
13
14
  export declare const SingleOverflowingItem: {
14
- (): JSX.Element;
15
+ (): React.JSX.Element;
15
16
  story: {
16
17
  name: string;
17
18
  };
18
19
  };
19
20
  export declare const MultipleOverflowingItems: {
20
- (): JSX.Element;
21
+ (): React.JSX.Element;
21
22
  story: {
22
23
  name: string;
23
24
  };
24
25
  };
25
26
  export declare const TwoishPages: {
26
- (): JSX.Element;
27
+ (): React.JSX.Element;
27
28
  story: {
28
29
  name: string;
29
30
  };
30
31
  };
31
32
  export declare const ManyPages: {
32
- (): JSX.Element;
33
+ (): React.JSX.Element;
33
34
  story: {
34
35
  name: string;
35
36
  };
36
37
  };
37
38
  export declare const VaryingWidths: {
38
- (): JSX.Element;
39
+ (): React.JSX.Element;
39
40
  story: {
40
41
  name: string;
41
42
  };
42
43
  };
43
44
  export declare const VaryingHeights: {
44
- (): JSX.Element;
45
+ (): React.JSX.Element;
45
46
  story: {
46
47
  name: string;
47
48
  };
48
49
  };
49
50
  export declare const DynamicItems: {
50
- (): JSX.Element;
51
+ (): React.JSX.Element;
51
52
  story: {
52
53
  name: string;
53
54
  parameters: {
@@ -58,35 +59,35 @@ export declare const DynamicItems: {
58
59
  };
59
60
  };
60
61
  export declare const CustomArrows: {
61
- (): JSX.Element;
62
+ (): React.JSX.Element;
62
63
  story: {
63
64
  name: string;
64
65
  };
65
66
  };
66
67
  export declare const CustomRailAndCells: {
67
- (): JSX.Element;
68
+ (): React.JSX.Element;
68
69
  story: {
69
70
  name: string;
70
71
  };
71
72
  };
72
73
  export declare const CarouselWithText: {
73
- (): JSX.Element;
74
+ (): React.JSX.Element;
74
75
  story: {
75
76
  name: string;
76
77
  };
77
78
  };
78
79
  export declare const InitialIndexOnMount: {
79
- (): JSX.Element;
80
+ (): React.JSX.Element;
80
81
  story: {
81
82
  name: string;
82
83
  };
83
84
  };
84
85
  export declare const NavigateViaProps: {
85
- (): JSX.Element;
86
+ (): React.JSX.Element;
86
87
  story: {
87
88
  name: string;
88
89
  };
89
90
  };
90
- export declare const ConditionalChildren: () => JSX.Element;
91
- export declare const PaginationByCell: () => JSX.Element;
92
- export declare const PaginationByCellWithVaryingWidths: () => JSX.Element;
91
+ export declare const ConditionalChildren: () => React.JSX.Element;
92
+ export declare const PaginationByCell: () => React.JSX.Element;
93
+ export declare const PaginationByCellWithVaryingWidths: () => React.JSX.Element;
@@ -5,18 +5,18 @@ export declare type CarouselNavigationProps = ClickableProps;
5
5
  /**
6
6
  * Default next button
7
7
  */
8
- export declare const CarouselNext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
8
+ export declare const CarouselNext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
9
9
  cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
10
10
  textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
11
- }, "cursor" | "textDecoration" | keyof import("..").BoxProps | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
11
+ }, "ref"> & {
12
12
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
13
13
  }, never>, never>> & string;
14
14
  /**
15
15
  * Default previous button
16
16
  */
17
- export declare const CarouselPrevious: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
17
+ export declare const CarouselPrevious: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
18
18
  cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
19
19
  textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
20
- }, "cursor" | "textDecoration" | keyof import("..").BoxProps | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
20
+ }, "ref"> & {
21
21
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
22
22
  }, never>, never>> & string;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { ProgressBarProps } from "../ProgressBar";
3
3
  export declare type CarouselBarProps = ProgressBarProps;
4
- export declare const CarouselBar: React.FC<CarouselBarProps>;
4
+ export declare const CarouselBar: React.FC<React.PropsWithChildren<CarouselBarProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselBar.js","names":["_react","_interopRequireDefault","require","_ProgressBar","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CarouselBar","props","createElement","ProgressBar","height","highlight","mt","mb","transition","exports","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { ProgressBar, ProgressBarProps } from \"../ProgressBar\"\n\nexport type CarouselBarProps = ProgressBarProps\n\nexport const CarouselBar: React.FC<CarouselBarProps> = (props) => {\n return (\n <ProgressBar\n height=\"1px\"\n highlight=\"black100\"\n mt={0}\n mb={0}\n transition=\"transform 250ms\"\n {...props}\n />\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAIvD,IAAMQ,WAAuC,GAAG,SAA1CA,WAAuCA,CAAIC,KAAK,EAAK;EAChE,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,YAAA,CAAAqB,WAAW,EAAAjB,QAAA;IACVkB,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,UAAU;IACpBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAAAQ,OAAA,CAAAT,WAAA,GAAAA,WAAA;AAXYA,WAAuC,CAAAU,WAAA"}
1
+ {"version":3,"file":"CarouselBar.js","names":["_react","_interopRequireDefault","require","_ProgressBar","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CarouselBar","props","createElement","ProgressBar","height","highlight","mt","mb","transition","exports","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { ProgressBar, ProgressBarProps } from \"../ProgressBar\"\n\nexport type CarouselBarProps = ProgressBarProps\n\nexport const CarouselBar: React.FC<React.PropsWithChildren<CarouselBarProps>> = (props) => {\n return (\n <ProgressBar\n height=\"1px\"\n highlight=\"black100\"\n mt={0}\n mb={0}\n transition=\"transform 250ms\"\n {...props}\n />\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAIvD,IAAMQ,WAAgE,GAAG,SAAnEA,WAAgEA,CAAIC,KAAK,EAAK;EACzF,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,YAAA,CAAAqB,WAAW,EAAAjB,QAAA;IACVkB,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,UAAU;IACpBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAAAQ,OAAA,CAAAT,WAAA,GAAAA,WAAA;AAXYA,WAAgE,CAAAU,WAAA"}
@@ -1,5 +1,6 @@
1
+ import React from "react";
1
2
  declare const _default: {
2
3
  title: string;
3
4
  };
4
5
  export default _default;
5
- export declare const Default: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
@@ -7,4 +7,4 @@ export interface CheckProps {
7
7
  selected?: boolean;
8
8
  }
9
9
  /** Toggeable check mark */
10
- export declare const Check: React.FC<CheckProps>;
10
+ export declare const Check: React.FC<React.PropsWithChildren<CheckProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Check.js","names":["_react","_interopRequireDefault","require","_styledComponents","_CheckmarkIcon","_Box","_tokens","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Check","_ref","disabled","selected","rest","createElement","Container","mr","border","exports","displayName","styled","Box","withConfig","componentId","props","mode","focus","CHECK_STATES","hover","error","resting"],"sources":["../../../src/elements/Checkbox/Check.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport { Box } from \"../Box\"\nimport { CHECK_STATES } from \"./tokens\"\n\nexport interface CheckProps {\n disabled?: boolean\n error?: boolean\n hover?: boolean\n focus?: boolean\n selected?: boolean\n}\n\n/** Toggeable check mark */\nexport const Check: React.FC<CheckProps> = ({\n disabled,\n selected,\n ...rest\n}) => {\n return (\n <Container\n mr={1}\n border=\"1px solid\"\n disabled={disabled}\n selected={selected}\n {...rest}\n >\n <CheckmarkIcon aria-hidden />\n </Container>\n )\n}\n\nconst Container = styled(Box)<CheckProps>`\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s;\n\n ${(props) => {\n const mode = (() => {\n switch (true) {\n case props.focus:\n return CHECK_STATES.focus\n case props.hover:\n return CHECK_STATES.hover\n case props.error:\n return CHECK_STATES.error\n case props.disabled:\n return CHECK_STATES.disabled\n default:\n return CHECK_STATES.default\n }\n })()\n\n return props.selected ? mode.selected : mode.resting\n }};\n`\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAuC,IAAAK,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAUvC;AACO,IAAMmB,KAA2B,GAAG,SAA9BA,KAA2BA,CAAAC,IAAA,EAIlC;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,IAAI,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,oBACEP,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACC,SAAS,EAAA7B,QAAA;IACR8B,EAAE,EAAE,CAAE;IACNC,MAAM,EAAC,WAAW;IAClBN,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA;EAAS,GACfC,IAAI,gBAERtC,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACnC,cAAA,CAAAM,OAAa;IAAC;EAAW,EAAG,CACnB;AAEhB,CAAC;AAAAiC,OAAA,CAAAT,KAAA,GAAAA,KAAA;AAhBYA,KAA2B,CAAAU,WAAA;AAkBxC,IAAMJ,SAAS,GAAG,IAAAK,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,6JAQzB,UAACC,KAAK,EAAK;EACX,IAAMC,IAAI,GAAI,YAAM;IAClB,QAAQ,IAAI;MACV,KAAKD,KAAK,CAACE,KAAK;QACd,OAAOC,oBAAY,CAACD,KAAK;MAC3B,KAAKF,KAAK,CAACI,KAAK;QACd,OAAOD,oBAAY,CAACC,KAAK;MAC3B,KAAKJ,KAAK,CAACK,KAAK;QACd,OAAOF,oBAAY,CAACE,KAAK;MAC3B,KAAKL,KAAK,CAACb,QAAQ;QACjB,OAAOgB,oBAAY,CAAChB,QAAQ;MAC9B;QACE,OAAOgB,oBAAY,CAAC1C,OAAO;IAAA;EAEjC,CAAC,EAAG;EAEJ,OAAOuC,KAAK,CAACZ,QAAQ,GAAGa,IAAI,CAACb,QAAQ,GAAGa,IAAI,CAACK,OAAO;AACtD,CAAC,CACF"}
1
+ {"version":3,"file":"Check.js","names":["_react","_interopRequireDefault","require","_styledComponents","_CheckmarkIcon","_Box","_tokens","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Check","_ref","disabled","selected","rest","createElement","Container","mr","border","exports","displayName","styled","Box","withConfig","componentId","props","mode","focus","CHECK_STATES","hover","error","resting"],"sources":["../../../src/elements/Checkbox/Check.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport { Box } from \"../Box\"\nimport { CHECK_STATES } from \"./tokens\"\n\nexport interface CheckProps {\n disabled?: boolean\n error?: boolean\n hover?: boolean\n focus?: boolean\n selected?: boolean\n}\n\n/** Toggeable check mark */\nexport const Check: React.FC<React.PropsWithChildren<CheckProps>> = ({\n disabled,\n selected,\n ...rest\n}) => {\n return (\n <Container\n mr={1}\n border=\"1px solid\"\n disabled={disabled}\n selected={selected}\n {...rest}\n >\n <CheckmarkIcon aria-hidden />\n </Container>\n )\n}\n\nconst Container = styled(Box)<CheckProps>`\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s;\n\n ${(props) => {\n const mode = (() => {\n switch (true) {\n case props.focus:\n return CHECK_STATES.focus\n case props.hover:\n return CHECK_STATES.hover\n case props.error:\n return CHECK_STATES.error\n case props.disabled:\n return CHECK_STATES.disabled\n default:\n return CHECK_STATES.default\n }\n })()\n\n return props.selected ? mode.selected : mode.resting\n }};\n`\n"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
+ import React from "react";
1
2
  declare const _default: {
2
3
  title: string;
3
4
  };
4
5
  export default _default;
5
- export declare const Default: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
@@ -15,4 +15,4 @@ export interface CheckboxProps extends BoxProps, Omit<React.HTMLAttributes<HTMLD
15
15
  onSelect?: (selected: boolean) => void;
16
16
  }
17
17
  /** A checkbox */
18
- export declare const Checkbox: React.FC<CheckboxProps>;
18
+ export declare const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_isText","_Box","_Flex","_Text","_Check","_tokens","_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","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Check","Flex","flex","isText","Text","variant","lineHeight","exports","displayName","styled","Box","withConfig","componentId","props","css","CHECKBOX_STATES","CHECK_STATES","resting"],"sources":["../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n extends BoxProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n /** Disable checkbox interactions */\n disabled?: boolean\n /** Select the checkbox on render */\n selected?: boolean\n /** Show an error indicator */\n error?: boolean\n /** Used to force the checkbox into the visual hover state */\n hover?: boolean\n /** Forces focus state */\n focus?: boolean\n /** Callback when selected */\n onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<CheckboxProps> = ({\n selected = false,\n children,\n error,\n disabled,\n hover,\n focus,\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 !== undefined) {\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=\"checkbox\"\n aria-checked={selected}\n selected={selected}\n hover={hover}\n focus={focus}\n disabled={disabled}\n error={error}\n {...rest}\n >\n <Check\n selected={selected}\n error={error}\n disabled={disabled}\n focus={focus}\n hover={hover}\n />\n\n <Flex alignItems=\"center\" flex={1}>\n {isText(children) ? (\n <Text variant=\"sm-display\" lineHeight={1}>\n {children}\n </Text>\n ) : (\n children\n )}\n </Flex>\n </Container>\n )\n}\n\nconst Container = styled(Box)<{\n selected: boolean\n hover?: boolean\n focus?: boolean\n disabled?: boolean\n error?: boolean\n}>`\n user-select: none;\n\n ${(props) => {\n return css`\n ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n ${props.focus && CHECKBOX_STATES.focus}\n ${props.hover && CHECKBOX_STATES.hover}\n ${props.disabled && CHECKBOX_STATES.disabled}\n ${props.error && CHECKBOX_STATES.error}\n\n &:hover {\n ${!props.error &&\n css`\n ${CHECKBOX_STATES.hover}\n\n // Check\n > div:first-of-type {\n ${props.selected\n ? CHECK_STATES.hover.selected\n : CHECK_STATES.hover.resting}\n }\n `}\n }\n\n &:focus-visible {\n ${CHECKBOX_STATES.focus}\n\n // Check\n > div:first-of-type {\n ${props.selected\n ? CHECK_STATES.focus.selected\n : CHECK_STATES.focus.resting}\n }\n }\n\n &:disabled {\n ${CHECKBOX_STATES.disabled}\n }\n `\n }}\n`\n"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_isText","_Box","_Flex","_Text","_Check","_tokens","_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","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Check","Flex","flex","isText","Text","variant","lineHeight","exports","displayName","styled","Box","withConfig","componentId","props","css","CHECKBOX_STATES","CHECK_STATES","resting"],"sources":["../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n extends BoxProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n /** Disable checkbox interactions */\n disabled?: boolean\n /** Select the checkbox on render */\n selected?: boolean\n /** Show an error indicator */\n error?: boolean\n /** Used to force the checkbox into the visual hover state */\n hover?: boolean\n /** Forces focus state */\n focus?: boolean\n /** Callback when selected */\n onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>> = ({\n selected = false,\n children,\n error,\n disabled,\n hover,\n focus,\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 !== undefined) {\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=\"checkbox\"\n aria-checked={selected}\n selected={selected}\n hover={hover}\n focus={focus}\n disabled={disabled}\n error={error}\n {...rest}\n >\n <Check\n selected={selected}\n error={error}\n disabled={disabled}\n focus={focus}\n hover={hover}\n />\n\n <Flex alignItems=\"center\" flex={1}>\n {isText(children) ? (\n <Text variant=\"sm-display\" lineHeight={1}>\n {children}\n </Text>\n ) : (\n children\n )}\n </Flex>\n </Container>\n )\n}\n\nconst Container = styled(Box)<{\n selected: boolean\n hover?: boolean\n focus?: boolean\n disabled?: boolean\n error?: boolean\n}>`\n user-select: none;\n\n ${(props) => {\n return css`\n ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n ${props.focus && CHECKBOX_STATES.focus}\n ${props.hover && CHECKBOX_STATES.hover}\n ${props.disabled && CHECKBOX_STATES.disabled}\n ${props.error && CHECKBOX_STATES.error}\n\n &:hover {\n ${!props.error &&\n css`\n ${CHECKBOX_STATES.hover}\n\n // Check\n > div:first-of-type {\n ${props.selected\n ? CHECK_STATES.hover.selected\n : CHECK_STATES.hover.resting}\n }\n `}\n }\n\n &:focus-visible {\n ${CHECKBOX_STATES.focus}\n\n // Check\n > div:first-of-type {\n ${props.selected\n ? CHECK_STATES.focus.selected\n : CHECK_STATES.focus.resting}\n }\n }\n\n &:disabled {\n ${CHECKBOX_STATES.disabled}\n }\n `\n }}\n`\n"],"mappings":"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"}
@@ -1,7 +1,8 @@
1
+ import React from "react";
1
2
  declare const _default: {
2
3
  title: string;
3
4
  };
4
5
  export default _default;
5
- export declare const Default: () => JSX.Element;
6
- export declare const Demo: () => JSX.Element;
7
- export declare const Extended: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
7
+ export declare const Demo: () => React.JSX.Element;
8
+ export declare const Extended: () => React.JSX.Element;
@@ -17,7 +17,7 @@ export declare const omitProps: string[];
17
17
  * Removes entries from an object based on a list of keys
18
18
  */
19
19
  export declare const omit: (obj: object | undefined, keys: string[]) => {};
20
- declare type ComponentSpecifier = string | FunctionComponent<any> | ComponentClass<any>;
20
+ declare type ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>;
21
21
  export interface TagProps {
22
22
  omitFromProps?: string[];
23
23
  is?: ComponentSpecifier;
@@ -1 +1 @@
1
- {"version":3,"file":"CleanTag.js","names":["_react","_interopRequireDefault","require","_excluded","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","arguments","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","toPrimitive","undefined","res","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","omitProps","exports","omit","next","tagName","tag","displayName","tagBuilder","TagComponent","React","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","ref","createElement","concat","DefaultTag","CleanTag","as"],"sources":["../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n \"backgroundColor\",\n \"bg\",\n \"borderRadius\",\n \"color\",\n \"display\",\n \"fontFamily\",\n \"fontSize\",\n \"fontStyle\",\n \"fontWeight\",\n \"height\",\n \"letterSpacing\",\n \"lineHeight\",\n \"m\",\n \"maxHeight\",\n \"maxWidth\",\n \"mb\",\n \"minHeight\",\n \"minWidth\",\n \"ml\",\n \"mr\",\n \"mt\",\n \"mx\",\n \"my\",\n \"p\",\n \"pb\",\n \"pl\",\n \"pr\",\n \"pt\",\n \"px\",\n \"py\",\n \"textAlign\",\n \"theme\",\n \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n const next = {}\n for (const key in obj) {\n if (keys.indexOf(key) > -1) continue\n next[key] = obj[key]\n }\n return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<any> | ComponentClass<any>\n\nexport interface TagProps {\n omitFromProps?: string[]\n is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n const TagComponent = React.forwardRef<any, TagProps>(\n ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n props\n ? React.createElement(BaseTag, {\n ref,\n ...omit(props, [...omitFromProps, ...omitProps]),\n })\n : React.createElement(BaseTag, { ref })\n )\n TagComponent.displayName = `Clean.${tagName(tag)}`\n return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n * ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n * ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":"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"}
1
+ {"version":3,"file":"CleanTag.js","names":["_react","_interopRequireDefault","require","_excluded","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","arguments","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","toPrimitive","undefined","res","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","omitProps","exports","omit","next","tagName","tag","displayName","tagBuilder","TagComponent","React","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","ref","createElement","concat","DefaultTag","CleanTag","as"],"sources":["../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n \"backgroundColor\",\n \"bg\",\n \"borderRadius\",\n \"color\",\n \"display\",\n \"fontFamily\",\n \"fontSize\",\n \"fontStyle\",\n \"fontWeight\",\n \"height\",\n \"letterSpacing\",\n \"lineHeight\",\n \"m\",\n \"maxHeight\",\n \"maxWidth\",\n \"mb\",\n \"minHeight\",\n \"minWidth\",\n \"ml\",\n \"mr\",\n \"mt\",\n \"mx\",\n \"my\",\n \"p\",\n \"pb\",\n \"pl\",\n \"pr\",\n \"pt\",\n \"px\",\n \"py\",\n \"textAlign\",\n \"theme\",\n \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n const next = {}\n for (const key in obj) {\n if (keys.indexOf(key) > -1) continue\n next[key] = obj[key]\n }\n return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>\n\nexport interface TagProps {\n omitFromProps?: string[]\n is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n const TagComponent = React.forwardRef<any, TagProps>(\n ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n props\n ? React.createElement(BaseTag, {\n ref,\n ...omit(props, [...omitFromProps, ...omitProps]),\n })\n : React.createElement(BaseTag, { ref })\n )\n TagComponent.displayName = `Clean.${tagName(tag)}`\n return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n * ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n * ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":"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"}
@@ -1,10 +1,11 @@
1
+ import React from "react";
1
2
  declare const _default: {
2
3
  title: string;
3
4
  };
4
5
  export default _default;
5
- export declare const Default: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
6
7
  export declare const Submit: {
7
- (): JSX.Element;
8
+ (): React.JSX.Element;
8
9
  story: {
9
10
  name: string;
10
11
  };
@@ -5,7 +5,7 @@ export interface CollapseProps {
5
5
  /**
6
6
  * Collapse component for the web
7
7
  */
8
- export declare class Collapse extends React.Component<CollapseProps> {
8
+ export declare class Collapse extends React.Component<React.PropsWithChildren<CollapseProps>> {
9
9
  wrapperModifyTimeout: ReturnType<typeof setTimeout>;
10
10
  wrapperRef: HTMLDivElement | null;
11
11
  onTransitionEnd: (ev: TransitionEvent) => void;
@@ -15,5 +15,5 @@ export declare class Collapse extends React.Component<CollapseProps> {
15
15
  firstRender: {
16
16
  open: boolean;
17
17
  } | null;
18
- render(): JSX.Element;
18
+ render(): React.JSX.Element;
19
19
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_inherits","subClass","superClass","create","constructor","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","Collapse","_React$Component","_super","_this","_len","args","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this2","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this3","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","exports","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n open: boolean\n}\n/**\n * Collapse component for the web\n */\nexport class Collapse extends React.Component<CollapseProps> {\n // @ts-expect-error MIGRATE_STRICT_MODE\n wrapperModifyTimeout: ReturnType<typeof setTimeout>\n wrapperRef: HTMLDivElement | null = null\n\n onTransitionEnd = (ev: TransitionEvent) => {\n if (!this.wrapperRef) {\n return\n }\n // when animating open, we set the wrapper's height to an explicit pixel\n // value. When the transition ends we want to set the height back to 'auto'\n // so that if the content of the wrapper changes it's height will change too\n if (ev.propertyName === \"height\") {\n this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n }\n }\n\n componentDidMount() {\n if (!this.wrapperRef) {\n return\n }\n\n this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n }\n\n componentDidUpdate() {\n if (!this.wrapperRef) {\n return\n }\n if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n // animate opening\n // measure goal height\n const prevHeight = this.wrapperRef.style.height || \"0px\"\n this.wrapperRef.style.height = \"auto\"\n const goalheight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = prevHeight\n // wait for a tick before setting goal height to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = goalheight + \"px\"\n }, 10)\n } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n // animate closing\n // set the wrapper's current height explicitly\n const currentHeight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = currentHeight + \"px\"\n // wait for a tick before setting it to 0 to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = \"0px\"\n }, 10)\n }\n }\n\n componentWillUnmount() {\n this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n clearTimeout(this.wrapperModifyTimeout)\n }\n\n // this is set until the first time `open` changes\n // then it becomes null. This helps us with SSR.\n firstRender: { open: boolean } | null = {\n open: this.props.open,\n }\n\n render() {\n const { children, open } = this.props\n // render explicit height before first change, so SSR works properly.\n // Thereafter we control the height property entirely in componentDidMount\n // (which doesn't get called during SSR)\n let heightProps = {}\n if (this.firstRender) {\n // render() might be called multiple times before the first time `open` changes\n if (this.firstRender.open !== open) {\n // `open` prop has changed for the first time\n // ditch explicit height and let `componentDidUpdate` take the wheel\n this.firstRender = null\n } else {\n heightProps = {\n height: open ? \"auto\" : \"0px\",\n }\n }\n }\n return (\n <div\n ref={(ref) => (this.wrapperRef = ref)}\n style={{\n transition: \"height 0.3s ease\",\n overflow: \"hidden\",\n ...heightProps,\n }}\n >\n {children}\n </div>\n )\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_inherits","subClass","superClass","create","constructor","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","Collapse","_React$Component","_super","_this","_len","args","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this2","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this3","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","exports","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n open: boolean\n}\n/**\n * Collapse component for the web\n */\nexport class Collapse extends React.Component<\n React.PropsWithChildren<CollapseProps>\n> {\n // @ts-expect-error MIGRATE_STRICT_MODE\n wrapperModifyTimeout: ReturnType<typeof setTimeout>\n wrapperRef: HTMLDivElement | null = null\n\n onTransitionEnd = (ev: TransitionEvent) => {\n if (!this.wrapperRef) {\n return\n }\n // when animating open, we set the wrapper's height to an explicit pixel\n // value. When the transition ends we want to set the height back to 'auto'\n // so that if the content of the wrapper changes it's height will change too\n if (ev.propertyName === \"height\") {\n this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n }\n }\n\n componentDidMount() {\n if (!this.wrapperRef) {\n return\n }\n\n this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n }\n\n componentDidUpdate() {\n if (!this.wrapperRef) {\n return\n }\n if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n // animate opening\n // measure goal height\n const prevHeight = this.wrapperRef.style.height || \"0px\"\n this.wrapperRef.style.height = \"auto\"\n const goalheight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = prevHeight\n // wait for a tick before setting goal height to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = goalheight + \"px\"\n }, 10)\n } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n // animate closing\n // set the wrapper's current height explicitly\n const currentHeight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = currentHeight + \"px\"\n // wait for a tick before setting it to 0 to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = \"0px\"\n }, 10)\n }\n }\n\n componentWillUnmount() {\n this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n clearTimeout(this.wrapperModifyTimeout)\n }\n\n // this is set until the first time `open` changes\n // then it becomes null. This helps us with SSR.\n firstRender: { open: boolean } | null = {\n open: this.props.open,\n }\n\n render() {\n const { children, open } = this.props\n // render explicit height before first change, so SSR works properly.\n // Thereafter we control the height property entirely in componentDidMount\n // (which doesn't get called during SSR)\n let heightProps = {}\n if (this.firstRender) {\n // render() might be called multiple times before the first time `open` changes\n if (this.firstRender.open !== open) {\n // `open` prop has changed for the first time\n // ditch explicit height and let `componentDidUpdate` take the wheel\n this.firstRender = null\n } else {\n heightProps = {\n height: open ? \"auto\" : \"0px\",\n }\n }\n }\n return (\n <div\n ref={(ref) => (this.wrapperRef = ref)}\n style={{\n transition: \"height 0.3s ease\",\n overflow: \"hidden\",\n ...heightProps,\n }}\n >\n {children}\n </div>\n )\n }\n}\n"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
- import { FC } from "react";
1
+ import React, { FC } from "react";
2
2
  export interface DrawerProps {
3
3
  open: boolean;
4
4
  anchor?: "left" | "right";
5
5
  zIndex?: number;
6
6
  onClose?(): void;
7
7
  }
8
- export declare const Drawer: FC<DrawerProps>;
8
+ export declare const Drawer: FC<React.PropsWithChildren<DrawerProps>>;