@artsy/palette 39.0.4 → 40.0.0-canary.1408.31244.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,9 +1,10 @@
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 Styled: () => JSX.Element;
7
- export declare const Required: () => JSX.Element;
8
- export declare const WithState: () => JSX.Element;
9
- export declare const CustomHeight: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
7
+ export declare const Styled: () => React.JSX.Element;
8
+ export declare const Required: () => React.JSX.Element;
9
+ export declare const WithState: () => React.JSX.Element;
10
+ export declare const CustomHeight: () => React.JSX.Element;
@@ -22,5 +22,5 @@ interface JoinProps {
22
22
  * <SomeComponent/>
23
23
  * <child3/>
24
24
  */
25
- export declare const Join: React.FC<JoinProps>;
25
+ export declare const Join: React.FC<React.PropsWithChildren<JoinProps>>;
26
26
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Join.js","names":["_react","_interopRequireDefault","require","_flattenChildren","obj","__esModule","default","Join","_ref","separator","children","elements","flattenChildren","createElement","Fragment","reduce","acc","element","currentIndex","push","React","cloneElement","key","concat","length","exports"],"sources":["../../../src/elements/Join/Join.tsx"],"sourcesContent":["import React from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\n\ninterface JoinProps {\n separator: React.ReactElement<any>\n}\n\n/**\n * `Join` is a higher order component that renders a separator component\n * between each of `Join`'s direct children.\n *\n * @example\n *\n * <Join separator={<SomeComponent/>}>\n * <child1/>\n * <child2/>\n * <child3/>\n * </Join>\n *\n * which renders\n *\n * <child1/>\n * <SomeComponent/>\n * <child2/>\n * <SomeComponent/>\n * <child3/>\n */\nexport const Join: React.FC<JoinProps> = ({ separator, children }) => {\n const elements = flattenChildren(children)\n\n return (\n <>\n {elements.reduce((acc, element, currentIndex) => {\n acc.push(\n // @ts-expect-error MIGRATE_STRICT_MODE\n React.cloneElement(element, {\n key: `join-${currentIndex}`,\n })\n )\n\n if (currentIndex !== elements.length - 1) {\n acc.push(\n // @ts-expect-error MIGRATE_STRICT_MODE\n separator &&\n React.cloneElement(separator, {\n key: `join-sep-${currentIndex}`,\n })\n )\n }\n\n return acc\n }, [])}\n </>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAA+D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,IAAyB,GAAG,SAA5BA,IAAyBA,CAAAC,IAAA,EAAgC;EAAA,IAA1BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC7D,IAAMC,QAAQ,GAAG,IAAAC,gCAAe,EAACF,QAAQ,CAAC;EAE1C,oBACEV,MAAA,CAAAM,OAAA,CAAAO,aAAA,CAAAb,MAAA,CAAAM,OAAA,CAAAQ,QAAA,QACGH,QAAQ,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,OAAO,EAAEC,YAAY,EAAK;IAC/CF,GAAG,CAACG,IAAI;IAAA;IACN;IACAC,cAAK,CAACC,YAAY,CAACJ,OAAO,EAAE;MAC1BK,GAAG,UAAAC,MAAA,CAAUL,YAAY;IAC3B,CAAC,CAAC,CACH;IAED,IAAIA,YAAY,KAAKP,QAAQ,CAACa,MAAM,GAAG,CAAC,EAAE;MACxCR,GAAG,CAACG,IAAI;MACN;MACAV,SAAS,iBACPW,cAAK,CAACC,YAAY,CAACZ,SAAS,EAAE;QAC5Ba,GAAG,cAAAC,MAAA,CAAcL,YAAY;MAC/B,CAAC,CAAC,CACL;IACH;IAEA,OAAOF,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC,CACL;AAEP,CAAC;AAAAS,OAAA,CAAAlB,IAAA,GAAAA,IAAA"}
1
+ {"version":3,"file":"Join.js","names":["_react","_interopRequireDefault","require","_flattenChildren","obj","__esModule","default","Join","_ref","separator","children","elements","flattenChildren","createElement","Fragment","reduce","acc","element","currentIndex","push","React","cloneElement","key","concat","length","exports"],"sources":["../../../src/elements/Join/Join.tsx"],"sourcesContent":["import React from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\n\ninterface JoinProps {\n separator: React.ReactElement<any>\n}\n\n/**\n * `Join` is a higher order component that renders a separator component\n * between each of `Join`'s direct children.\n *\n * @example\n *\n * <Join separator={<SomeComponent/>}>\n * <child1/>\n * <child2/>\n * <child3/>\n * </Join>\n *\n * which renders\n *\n * <child1/>\n * <SomeComponent/>\n * <child2/>\n * <SomeComponent/>\n * <child3/>\n */\nexport const Join: React.FC<React.PropsWithChildren<JoinProps>> = ({ separator, children }) => {\n const elements = flattenChildren(children)\n\n return (\n <>\n {elements.reduce((acc, element, currentIndex) => {\n acc.push(\n // @ts-expect-error MIGRATE_STRICT_MODE\n React.cloneElement(element, {\n key: `join-${currentIndex}`,\n })\n )\n\n if (currentIndex !== elements.length - 1) {\n acc.push(\n // @ts-expect-error MIGRATE_STRICT_MODE\n separator &&\n React.cloneElement(separator, {\n key: `join-sep-${currentIndex}`,\n })\n )\n }\n\n return acc\n }, [])}\n </>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAA+D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,IAAkD,GAAG,SAArDA,IAAkDA,CAAAC,IAAA,EAAgC;EAAA,IAA1BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACtF,IAAMC,QAAQ,GAAG,IAAAC,gCAAe,EAACF,QAAQ,CAAC;EAE1C,oBACEV,MAAA,CAAAM,OAAA,CAAAO,aAAA,CAAAb,MAAA,CAAAM,OAAA,CAAAQ,QAAA,QACGH,QAAQ,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,OAAO,EAAEC,YAAY,EAAK;IAC/CF,GAAG,CAACG,IAAI;IAAA;IACN;IACAC,cAAK,CAACC,YAAY,CAACJ,OAAO,EAAE;MAC1BK,GAAG,UAAAC,MAAA,CAAUL,YAAY;IAC3B,CAAC,CAAC,CACH;IAED,IAAIA,YAAY,KAAKP,QAAQ,CAACa,MAAM,GAAG,CAAC,EAAE;MACxCR,GAAG,CAACG,IAAI;MACN;MACAV,SAAS,iBACPW,cAAK,CAACC,YAAY,CAACZ,SAAS,EAAE;QAC5Ba,GAAG,cAAAC,MAAA,CAAcL,YAAY;MAC/B,CAAC,CAAC,CACL;IACH;IAEA,OAAOF,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC,CACL;AAEP,CAAC;AAAAS,OAAA,CAAAlB,IAAA,GAAAA,IAAA"}
@@ -1,23 +1,24 @@
1
+ import React from "react";
1
2
  declare const _default: {
2
3
  title: string;
3
4
  };
4
5
  export default _default;
5
6
  export declare const WithMultipleComponents: {
6
- (): JSX.Element;
7
+ (): React.JSX.Element;
7
8
  story: {
8
9
  name: string;
9
10
  };
10
11
  };
11
12
  export declare const WithOneComponent: {
12
- (): JSX.Element;
13
+ (): React.JSX.Element;
13
14
  story: {
14
15
  name: string;
15
16
  };
16
17
  };
17
18
  export declare const WithSomeOfTheChildrenEmpty: {
18
- (): JSX.Element;
19
+ (): React.JSX.Element;
19
20
  story: {
20
21
  name: string;
21
22
  };
22
23
  };
23
- export declare const WithNestedChildren: () => JSX.Element;
24
+ export declare const WithNestedChildren: () => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Join.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Separator","_Text","_Join","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","arguments","apply","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","BlankFunction","NonBlankFunction","createElement","Text","variant","displayName","BlankFC","NonBlankFC","BlankComponent","_Component","_super","render","Component","NonBlankComponent","_Component2","_super2","_default","title","exports","WithMultipleComponents","Join","separator","Separator","my","story","name","WithOneComponent","WithSomeOfTheChildrenEmpty","Box","m","WithNestedChildren","Fragment"],"sources":["../../../src/elements/Join/Join.story.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Box } from \"../Box\"\nimport { Separator } from \"../Separator\"\nimport { Text } from \"../Text\"\nimport { Join } from \"./Join\"\n\nconst BlankFunction = () => {\n return null\n}\n\nconst NonBlankFunction = () => {\n return <Text variant=\"sm-display\">Non-blank Function</Text>\n}\n\nconst BlankFC: React.FC = () => null\n\nconst NonBlankFC: React.FC = () => (\n <Text variant=\"sm-display\">Non-blank Functional component</Text>\n)\n\nclass BlankComponent extends Component {\n render() {\n return null\n }\n}\n\nclass NonBlankComponent extends Component {\n render() {\n return <Text variant=\"sm-display\">Non-Blank Class Component</Text>\n }\n}\n\nexport default { title: \"Components/Join\" }\n\nexport const WithMultipleComponents = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <Text variant=\"sm-display\">Second in the list</Text>\n </Join>\n )\n}\n\nWithMultipleComponents.story = {\n name: \"with multiple components\",\n}\n\nexport const WithOneComponent = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">Only one component here</Text>\n </Join>\n )\n}\n\nWithOneComponent.story = {\n name: \"with one component\",\n}\n\nexport const WithSomeOfTheChildrenEmpty = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <BlankFunction />\n <NonBlankFunction />\n <BlankFC />\n <NonBlankFC />\n <BlankComponent />\n <NonBlankComponent />\n <Box m=\"2\" />\n <div>\n <Text variant=\"sm-display\">Some div with the content</Text>\n </div>\n <div />\n <Text variant=\"sm-display\">Another box with content</Text>\n <div />\n </Join>\n )\n}\n\nWithSomeOfTheChildrenEmpty.story = {\n name: \"with some of the children empty\",\n}\n\nexport const WithNestedChildren = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <>\n <Text variant=\"sm-display\">Second in the list</Text>\n <Text variant=\"sm-display\">Third in the list</Text>\n <>\n <Text variant=\"sm-display\">Fourth in the list</Text>\n <Text variant=\"sm-display\">Fifth in the list</Text>\n </>\n\n <Box>\n <Text variant=\"sm-display\">These two lines</Text>\n <Text variant=\"sm-display\">Are grouped</Text>\n </Box>\n\n <Text>End of list</Text>\n </>\n </Join>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Join.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Separator","_Text","_Join","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","arguments","apply","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","BlankFunction","NonBlankFunction","createElement","Text","variant","displayName","BlankFC","NonBlankFC","BlankComponent","_Component","_super","render","Component","NonBlankComponent","_Component2","_super2","_default","title","exports","WithMultipleComponents","Join","separator","Separator","my","story","name","WithOneComponent","WithSomeOfTheChildrenEmpty","Box","m","WithNestedChildren","Fragment"],"sources":["../../../src/elements/Join/Join.story.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Box } from \"../Box\"\nimport { Separator } from \"../Separator\"\nimport { Text } from \"../Text\"\nimport { Join } from \"./Join\"\n\nconst BlankFunction = () => {\n return null\n}\n\nconst NonBlankFunction = () => {\n return <Text variant=\"sm-display\">Non-blank Function</Text>\n}\n\nconst BlankFC: React.FC<React.PropsWithChildren<unknown>> = () => null\n\nconst NonBlankFC: React.FC<React.PropsWithChildren<unknown>> = () => (\n <Text variant=\"sm-display\">Non-blank Functional component</Text>\n)\n\nclass BlankComponent extends Component {\n render() {\n return null\n }\n}\n\nclass NonBlankComponent extends Component {\n render() {\n return <Text variant=\"sm-display\">Non-Blank Class Component</Text>\n }\n}\n\nexport default { title: \"Components/Join\" }\n\nexport const WithMultipleComponents = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <Text variant=\"sm-display\">Second in the list</Text>\n </Join>\n )\n}\n\nWithMultipleComponents.story = {\n name: \"with multiple components\",\n}\n\nexport const WithOneComponent = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">Only one component here</Text>\n </Join>\n )\n}\n\nWithOneComponent.story = {\n name: \"with one component\",\n}\n\nexport const WithSomeOfTheChildrenEmpty = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <BlankFunction />\n <NonBlankFunction />\n <BlankFC />\n <NonBlankFC />\n <BlankComponent />\n <NonBlankComponent />\n <Box m=\"2\" />\n <div>\n <Text variant=\"sm-display\">Some div with the content</Text>\n </div>\n <div />\n <Text variant=\"sm-display\">Another box with content</Text>\n <div />\n </Join>\n )\n}\n\nWithSomeOfTheChildrenEmpty.story = {\n name: \"with some of the children empty\",\n}\n\nexport const WithNestedChildren = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <>\n <Text variant=\"sm-display\">Second in the list</Text>\n <Text variant=\"sm-display\">Third in the list</Text>\n <>\n <Text variant=\"sm-display\">Fourth in the list</Text>\n <Text variant=\"sm-display\">Fifth in the list</Text>\n </>\n\n <Box>\n <Text variant=\"sm-display\">These two lines</Text>\n <Text variant=\"sm-display\">Are grouped</Text>\n </Box>\n\n <Text>End of list</Text>\n </>\n </Join>\n )\n}\n"],"mappings":"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"}
@@ -19,4 +19,4 @@ export interface LabelProps extends BoxProps {
19
19
  variant?: LabelVariant;
20
20
  children: React.ReactNode;
21
21
  }
22
- export declare const Label: React.FC<LabelProps>;
22
+ export declare const Label: React.FC<React.PropsWithChildren<LabelProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Label.js","names":["_Text","require","React","_interopRequireWildcard","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LABEL_VARIANTS","light","backgroundColor","color","dark","brand","exports","Label","_ref","children","rest","createElement","Container","display","maxWidth","Text","variant","px","overflowEllipsis","displayName","defaultProps","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Label/Label.tsx"],"sourcesContent":["import { Text } from \"../Text\"\nimport * as React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport const LABEL_VARIANTS = {\n light: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n dark: {\n backgroundColor: \"black100\",\n color: \"white100\",\n },\n brand: {\n backgroundColor: \"blue100\",\n color: \"white100\",\n },\n}\n\nexport type LabelVariant = keyof typeof LABEL_VARIANTS\n\nexport interface LabelProps extends BoxProps {\n variant?: LabelVariant\n children: React.ReactNode\n}\n\nexport const Label: React.FC<LabelProps> = ({ children, ...rest }) => {\n return (\n <Container display=\"inline-flex\" maxWidth=\"100%\" {...rest}>\n <Text variant=\"xs\" px={0.5} overflowEllipsis>\n {children}\n </Text>\n </Container>\n )\n}\n\nLabel.defaultProps = {\n variant: \"light\",\n}\n\nconst Container = styled(Box)`\n ${variant({ variants: LABEL_VARIANTS })}\n`\n"],"mappings":"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"}
1
+ {"version":3,"file":"Label.js","names":["_Text","require","React","_interopRequireWildcard","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LABEL_VARIANTS","light","backgroundColor","color","dark","brand","exports","Label","_ref","children","rest","createElement","Container","display","maxWidth","Text","variant","px","overflowEllipsis","displayName","defaultProps","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Label/Label.tsx"],"sourcesContent":["import { Text } from \"../Text\"\nimport * as React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport const LABEL_VARIANTS = {\n light: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n dark: {\n backgroundColor: \"black100\",\n color: \"white100\",\n },\n brand: {\n backgroundColor: \"blue100\",\n color: \"white100\",\n },\n}\n\nexport type LabelVariant = keyof typeof LABEL_VARIANTS\n\nexport interface LabelProps extends BoxProps {\n variant?: LabelVariant\n children: React.ReactNode\n}\n\nexport const Label: React.FC<React.PropsWithChildren<LabelProps>> = ({ children, ...rest }) => {\n return (\n <Container display=\"inline-flex\" maxWidth=\"100%\" {...rest}>\n <Text variant=\"xs\" px={0.5} overflowEllipsis>\n {children}\n </Text>\n </Container>\n )\n}\n\nLabel.defaultProps = {\n variant: \"light\",\n}\n\nconst Container = styled(Box)`\n ${variant({ variants: LABEL_VARIANTS })}\n`\n"],"mappings":"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"}
@@ -1,6 +1,7 @@
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 OverflowEllipsis: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
7
+ export declare const OverflowEllipsis: () => React.JSX.Element;
@@ -5,6 +5,4 @@ export interface LabeledInputProps extends InputProps {
5
5
  variant?: "suffix" | "prefix";
6
6
  }
7
7
  /** Input with a right-aligned or left-aligned label */
8
- export declare const LabeledInput: React.ForwardRefExoticComponent<LabeledInputProps & {
9
- ref?: React.Ref<HTMLInputElement>;
10
- }>;
8
+ export declare const LabeledInput: React.ForwardRefExoticComponent<LabeledInputProps & React.RefAttributes<HTMLInputElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"LabeledInput.js","names":["_react","_interopRequireWildcard","require","_isText2","_Box","_Input","_Text","_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","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LabeledInput","React","forwardRef","_ref","forwardedRef","label","height","_ref$variant","variant","rest","labelRef","useRef","_useState","useState","_useState2","offset","setOffset","useEffect","current","offsetWidth","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","isText","_isText","isPrefix","createElement","Box","position","Input","ref","labelOffset","style","display","alignItems","top","bottom","pointerEvents","Text","color","lineHeight","exports","displayName"],"sources":["../../../src/elements/LabeledInput/LabeledInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport { isText as _isText } from \"../../helpers/isText\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Input, InputProps } from \"../Input\"\nimport { Text } from \"../Text\"\n\nexport interface LabeledInputProps extends InputProps {\n label: React.ReactNode\n variant?: \"suffix\" | \"prefix\"\n}\n\n/** Input with a right-aligned or left-aligned label */\nexport const LabeledInput: React.ForwardRefExoticComponent<\n LabeledInputProps & { ref?: React.Ref<HTMLInputElement> }\n> = React.forwardRef(\n ({ label, height, variant = \"suffix\", ...rest }, forwardedRef) => {\n const labelRef = useRef<HTMLDivElement | null>(null)\n const [offset, setOffset] = useState(0)\n\n useEffect(() => {\n if (labelRef.current === null) return\n setOffset(labelRef.current.offsetWidth)\n }, [])\n\n const [boxProps, inputProps] = splitBoxProps(rest)\n\n const isText = _isText(label)\n\n const isPrefix = variant === \"prefix\"\n\n return (\n <Box position=\"relative\" {...boxProps}>\n <Input\n ref={forwardedRef}\n height={height}\n labelOffset={isPrefix ? offset + 15 : undefined}\n style={{ [isPrefix ? \"paddingLeft\" : \"paddingRight\"]: offset + 15 }}\n {...inputProps}\n >\n <Box\n ref={labelRef as any}\n position=\"absolute\"\n display=\"flex\"\n alignItems=\"center\"\n top={0}\n bottom={0}\n style={{ pointerEvents: isText ? \"none\" : undefined }}\n {...{ [isPrefix ? \"left\" : \"right\"]: 1 }}\n >\n {isText ? (\n <Text variant=\"sm-display\" color=\"black60\" lineHeight={1}>\n {label}\n </Text>\n ) : (\n label\n )}\n </Box>\n </Input>\n </Box>\n )\n }\n)\n\nLabeledInput.displayName = \"LabeledInput\"\n"],"mappings":"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"}
1
+ {"version":3,"file":"LabeledInput.js","names":["_react","_interopRequireWildcard","require","_isText2","_Box","_Input","_Text","_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","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LabeledInput","React","forwardRef","_ref","forwardedRef","label","height","_ref$variant","variant","rest","labelRef","useRef","_useState","useState","_useState2","offset","setOffset","useEffect","current","offsetWidth","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","isText","_isText","isPrefix","createElement","Box","position","Input","ref","labelOffset","style","display","alignItems","top","bottom","pointerEvents","Text","color","lineHeight","exports","displayName"],"sources":["../../../src/elements/LabeledInput/LabeledInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport { isText as _isText } from \"../../helpers/isText\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Input, InputProps } from \"../Input\"\nimport { Text } from \"../Text\"\n\nexport interface LabeledInputProps extends InputProps {\n label: React.ReactNode\n variant?: \"suffix\" | \"prefix\"\n}\n\n/** Input with a right-aligned or left-aligned label */\nexport const LabeledInput = React.forwardRef<\n HTMLInputElement,\n LabeledInputProps\n>(({ label, height, variant = \"suffix\", ...rest }, forwardedRef) => {\n const labelRef = useRef<HTMLDivElement | null>(null)\n const [offset, setOffset] = useState(0)\n\n useEffect(() => {\n if (labelRef.current === null) return\n setOffset(labelRef.current.offsetWidth)\n }, [])\n\n const [boxProps, inputProps] = splitBoxProps(rest)\n\n const isText = _isText(label)\n\n const isPrefix = variant === \"prefix\"\n\n return (\n <Box position=\"relative\" {...boxProps}>\n <Input\n ref={forwardedRef}\n height={height}\n labelOffset={isPrefix ? offset + 15 : undefined}\n style={{ [isPrefix ? \"paddingLeft\" : \"paddingRight\"]: offset + 15 }}\n {...inputProps}\n >\n <Box\n ref={labelRef as any}\n position=\"absolute\"\n display=\"flex\"\n alignItems=\"center\"\n top={0}\n bottom={0}\n style={{ pointerEvents: isText ? \"none\" : undefined }}\n {...{ [isPrefix ? \"left\" : \"right\"]: 1 }}\n >\n {isText ? (\n <Text variant=\"sm-display\" color=\"black60\" lineHeight={1}>\n {label}\n </Text>\n ) : (\n label\n )}\n </Box>\n </Input>\n </Box>\n )\n})\n\nLabeledInput.displayName = \"LabeledInput\"\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 CharacterCountExample: () => JSX.Element;
7
- export declare const CustomHeight: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
7
+ export declare const CharacterCountExample: () => React.JSX.Element;
8
+ export declare const CustomHeight: () => React.JSX.Element;
@@ -21,5 +21,5 @@ export interface MarqueeProps extends BoxProps {
21
21
  marqueeText: string;
22
22
  divider?: boolean;
23
23
  }
24
- export declare const Marquee: React.FC<MarqueeProps>;
24
+ export declare const Marquee: React.FC<React.PropsWithChildren<MarqueeProps>>;
25
25
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Marquee.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Flex","_Box","_Text","_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","_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","VARIANTS","defaultLight","backgroundColor","color","defaultDark","brand","move","props","keyframes","offset","Container","styled","Box","withConfig","displayName","componentId","variant","variants","StyledText","Text","Inner","div","speed","Item","Marquee","_ref","marqueeText","_ref$divider","divider","_ref$speed","rest","containerEl","useRef","childEl","_useState","useState","_useState2","amount","setAmount","_useState3","_useState4","setOffset","useEffect","current","containerWidth","getBoundingClientRect","width","childWidth","targetAmount","Math","min","ceil","createElement","ref","map","_","Flex","px","py","exports","defaultProps"],"sources":["../../../src/elements/Marquee/Marquee.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex } from \"../Flex\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\n\nconst VARIANTS = {\n defaultLight: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n defaultDark: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n brand: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n}\n\nconst move = (props) => keyframes`\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-${props.offset}px);\n }\n`\n\nconst Container = styled(Box)`\n ${variant({ variants: VARIANTS })}\n width: 100%;\n overflow-x: hidden;\n`\nconst StyledText = styled(Text)`\n ${variant({ variants: VARIANTS })}\n white-space: nowrap;\n`\n\nconst Inner = styled.div<{ speed: string; offset: number }>`\n animation: ${move} ${(props) => props.speed} infinite linear;\n cursor: default;\n user-select: none;\n white-space: nowrap;\n`\n\nconst Item = styled.div`\n display: inline-block;\n`\n\nexport interface MarqueeProps extends BoxProps {\n variant?: keyof typeof VARIANTS\n speed?: string\n color?: string\n marqueeText: string\n divider?: boolean\n}\n\nexport const Marquee: React.FC<MarqueeProps> = ({\n marqueeText,\n divider = true,\n speed = \"10s\",\n color,\n ...rest\n}) => {\n const containerEl = useRef<HTMLDivElement | null>(null)\n const childEl = useRef<HTMLDivElement | null>(null)\n\n const [amount, setAmount] = useState(1)\n const [offset, setOffset] = useState(0)\n\n useEffect(() => {\n if (!childEl.current || !containerEl.current) {\n return\n }\n const containerWidth = containerEl.current.getBoundingClientRect().width\n const childWidth = childEl.current.getBoundingClientRect().width\n const targetAmount = Math.min(Math.ceil(containerWidth / childWidth), 100)\n\n setOffset(targetAmount * childWidth)\n setAmount(Math.ceil(targetAmount * 2))\n }, [])\n\n return (\n <Container ref={containerEl as any} backgroundColor={color} {...rest}>\n <Inner speed={speed} offset={offset}>\n {Array.from(Array(amount)).map((_, i) => (\n <Item key={i} ref={childEl as any}>\n <Flex>\n <StyledText px={[2, 4]} py={0.5} variant=\"xs\">\n {marqueeText}\n </StyledText>\n {divider && (\n <StyledText px={[1, 4]} py={0.5} variant=\"xs\">\n •\n </StyledText>\n )}\n </Flex>\n </Item>\n ))}\n </Inner>\n </Container>\n )\n}\n\nMarquee.defaultProps = {\n variant: \"defaultDark\",\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Marquee.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Flex","_Box","_Text","_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","_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","VARIANTS","defaultLight","backgroundColor","color","defaultDark","brand","move","props","keyframes","offset","Container","styled","Box","withConfig","displayName","componentId","variant","variants","StyledText","Text","Inner","div","speed","Item","Marquee","_ref","marqueeText","_ref$divider","divider","_ref$speed","rest","containerEl","useRef","childEl","_useState","useState","_useState2","amount","setAmount","_useState3","_useState4","setOffset","useEffect","current","containerWidth","getBoundingClientRect","width","childWidth","targetAmount","Math","min","ceil","createElement","ref","map","_","Flex","px","py","exports","defaultProps"],"sources":["../../../src/elements/Marquee/Marquee.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex } from \"../Flex\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\n\nconst VARIANTS = {\n defaultLight: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n defaultDark: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n brand: {\n backgroundColor: \"black10\",\n color: \"black100\",\n },\n}\n\nconst move = (props) => keyframes`\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-${props.offset}px);\n }\n`\n\nconst Container = styled(Box)`\n ${variant({ variants: VARIANTS })}\n width: 100%;\n overflow-x: hidden;\n`\nconst StyledText = styled(Text)`\n ${variant({ variants: VARIANTS })}\n white-space: nowrap;\n`\n\nconst Inner = styled.div<{ speed: string; offset: number }>`\n animation: ${move} ${(props) => props.speed} infinite linear;\n cursor: default;\n user-select: none;\n white-space: nowrap;\n`\n\nconst Item = styled.div`\n display: inline-block;\n`\n\nexport interface MarqueeProps extends BoxProps {\n variant?: keyof typeof VARIANTS\n speed?: string\n color?: string\n marqueeText: string\n divider?: boolean\n}\n\nexport const Marquee: React.FC<React.PropsWithChildren<MarqueeProps>> = ({\n marqueeText,\n divider = true,\n speed = \"10s\",\n color,\n ...rest\n}) => {\n const containerEl = useRef<HTMLDivElement | null>(null)\n const childEl = useRef<HTMLDivElement | null>(null)\n\n const [amount, setAmount] = useState(1)\n const [offset, setOffset] = useState(0)\n\n useEffect(() => {\n if (!childEl.current || !containerEl.current) {\n return\n }\n const containerWidth = containerEl.current.getBoundingClientRect().width\n const childWidth = childEl.current.getBoundingClientRect().width\n const targetAmount = Math.min(Math.ceil(containerWidth / childWidth), 100)\n\n setOffset(targetAmount * childWidth)\n setAmount(Math.ceil(targetAmount * 2))\n }, [])\n\n return (\n <Container ref={containerEl as any} backgroundColor={color} {...rest}>\n <Inner speed={speed} offset={offset}>\n {Array.from(Array(amount)).map((_, i) => (\n <Item key={i} ref={childEl as any}>\n <Flex>\n <StyledText px={[2, 4]} py={0.5} variant=\"xs\">\n {marqueeText}\n </StyledText>\n {divider && (\n <StyledText px={[1, 4]} py={0.5} variant=\"xs\">\n •\n </StyledText>\n )}\n </Flex>\n </Item>\n ))}\n </Inner>\n </Container>\n )\n}\n\nMarquee.defaultProps = {\n variant: \"defaultDark\",\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;
@@ -38,4 +38,4 @@ export interface MessageProps extends FlexProps {
38
38
  * comments within flows. Additionally, they can be used to highlight particular
39
39
  * messaging within a specific section of a page or screen.
40
40
  */
41
- export declare const Message: React.FC<MessageProps>;
41
+ export declare const Message: React.FC<React.PropsWithChildren<MessageProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Message.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Flex","_Text","_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","MESSAGE_VARIANTS","backgroundColor","color","info","success","alert","warning","error","exports","Container","styled","Flex","withConfig","displayName","componentId","variant","variants","Message","_ref","children","title","rest","createElement","p","Text","defaultProps"],"sources":["../../../src/elements/Message/Message.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport const MESSAGE_VARIANTS = {\n default: {\n backgroundColor: \"black5\",\n color: \"black100\",\n },\n info: {\n backgroundColor: \"blue10\",\n color: \"blue100\",\n },\n success: {\n backgroundColor: \"green10\",\n color: \"green150\",\n },\n alert: {\n backgroundColor: \"orange10\",\n color: \"orange150\",\n },\n warning: {\n backgroundColor: \"yellow10\",\n color: \"yellow150\",\n },\n error: {\n backgroundColor: \"red10\",\n color: \"red100\",\n },\n}\n\nexport type MessageVariant = keyof typeof MESSAGE_VARIANTS\n\nexport interface MessageProps extends FlexProps {\n children?: React.ReactNode\n title?: string\n variant?: MessageVariant\n}\n\nconst Container = styled(Flex)<MessageProps>`\n ${variant({ variants: MESSAGE_VARIANTS })}\n flex-direction: column;\n`\n\n/**\n * `Message` is used for in-line communication. These should fill the allotted\n * container or space they are placed and key for temporal messages and\n * comments within flows. Additionally, they can be used to highlight particular\n * messaging within a specific section of a page or screen.\n */\nexport const Message: React.FC<MessageProps> = ({\n children,\n title,\n variant,\n ...rest\n}) => {\n const color = variant === \"default\" ? \"black60\" : \"black100\"\n\n return (\n <Container p={2} variant={variant} {...rest}>\n <Text variant=\"sm-display\" color=\"currentColor\">\n {title}\n </Text>\n\n <Text variant=\"sm-display\" color={color}>\n {children}\n </Text>\n </Container>\n )\n}\n\nMessage.defaultProps = {\n variant: \"default\",\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Message.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Flex","_Text","_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","MESSAGE_VARIANTS","backgroundColor","color","info","success","alert","warning","error","exports","Container","styled","Flex","withConfig","displayName","componentId","variant","variants","Message","_ref","children","title","rest","createElement","p","Text","defaultProps"],"sources":["../../../src/elements/Message/Message.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport const MESSAGE_VARIANTS = {\n default: {\n backgroundColor: \"black5\",\n color: \"black100\",\n },\n info: {\n backgroundColor: \"blue10\",\n color: \"blue100\",\n },\n success: {\n backgroundColor: \"green10\",\n color: \"green150\",\n },\n alert: {\n backgroundColor: \"orange10\",\n color: \"orange150\",\n },\n warning: {\n backgroundColor: \"yellow10\",\n color: \"yellow150\",\n },\n error: {\n backgroundColor: \"red10\",\n color: \"red100\",\n },\n}\n\nexport type MessageVariant = keyof typeof MESSAGE_VARIANTS\n\nexport interface MessageProps extends FlexProps {\n children?: React.ReactNode\n title?: string\n variant?: MessageVariant\n}\n\nconst Container = styled(Flex)<MessageProps>`\n ${variant({ variants: MESSAGE_VARIANTS })}\n flex-direction: column;\n`\n\n/**\n * `Message` is used for in-line communication. These should fill the allotted\n * container or space they are placed and key for temporal messages and\n * comments within flows. Additionally, they can be used to highlight particular\n * messaging within a specific section of a page or screen.\n */\nexport const Message: React.FC<React.PropsWithChildren<MessageProps>> = ({\n children,\n title,\n variant,\n ...rest\n}) => {\n const color = variant === \"default\" ? \"black60\" : \"black100\"\n\n return (\n <Container p={2} variant={variant} {...rest}>\n <Text variant=\"sm-display\" color=\"currentColor\">\n {title}\n </Text>\n\n <Text variant=\"sm-display\" color={color}>\n {children}\n </Text>\n </Container>\n )\n}\n\nMessage.defaultProps = {\n variant: \"default\",\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;
@@ -16,5 +16,5 @@ export declare const DEFAULT_MODAL_Z_INDEX = 9999;
16
16
  * Low-level modal that has no opinions about layout/overlay
17
17
  * Modals content using a portal, locks scroll.
18
18
  */
19
- export declare const ModalBase: React.FC<ModalBaseProps>;
20
- export declare const _ModalBase: React.FC<ModalBaseProps>;
19
+ export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;
20
+ export declare const _ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBase.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_usePortal2","_Flex","_reactFocusOn","_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","Focus","styled","FocusOn","withConfig","displayName","componentId","Backdrop","div","Container","Flex","systemZIndex","Dialog","attrs","role","DEFAULT_MODAL_Z_INDEX","exports","ModalBase","props","window","createElement","_ModalBase","_ref","children","_ref$zIndex","zIndex","_ref$dialogProps","dialogProps","_ref$onClose","onClose","rest","focusEl","useRef","backdropEl","handleMouseDown","event","current","useEffect","handleKeydown","preventDefault","stopPropagation","document","addEventListener","removeEventListener","_useState","useState","innerHeight","_useState2","maxHeight","setMaxHeight","updateMaxHeight","setTimeout","dispatchEvent","Event","passive","_usePortal","usePortal","createPortal","ref","onMouseDown"],"sources":["../../../src/elements/Modal/ModalBase.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { zIndex as systemZIndex, ZIndexProps } from \"styled-system\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { FocusOn } from \"react-focus-on\"\n\nconst Focus = styled(FocusOn)`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nconst Backdrop = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nconst Container = styled(Flex)`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n ${systemZIndex}\n`\n\nconst Dialog = styled(Flex).attrs({ role: \"dialog\" })`\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n > * {\n max-height: 100%;\n }\n`\n\n/** BaseModal */\nexport type ModalBaseProps = React.HTMLAttributes<HTMLDivElement> &\n FlexProps &\n ZIndexProps & {\n children?: React.ReactNode\n dialogProps?: FlexProps\n onClose?(): void\n }\n\n/**\n * It seems we've landed on this value as the 'top'\n */\nexport const DEFAULT_MODAL_Z_INDEX = 9999\n\n/**\n * BaseModal\n * Low-level modal that has no opinions about layout/overlay\n * Modals content using a portal, locks scroll.\n */\nexport const ModalBase: React.FC<ModalBaseProps> = (props) => {\n if (typeof window === \"undefined\") {\n return null\n }\n return <_ModalBase {...props} />\n}\n\nexport const _ModalBase: React.FC<ModalBaseProps> = ({\n children,\n zIndex = DEFAULT_MODAL_Z_INDEX,\n dialogProps = {},\n onClose = () => null,\n ...rest\n}) => {\n const focusEl = useRef<HTMLDivElement | null>(null)\n const backdropEl = useRef<HTMLDivElement | null>(null)\n\n const handleMouseDown = (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>\n ) => {\n if (event.target === backdropEl.current) {\n onClose()\n }\n }\n\n useEffect(() => {\n const handleKeydown = (event: KeyboardEvent) => {\n switch (event.key) {\n case \"Escape\":\n // Prevent <esc> from interfering with the returned focus\n event.preventDefault()\n event.stopPropagation()\n\n // Handle close\n return onClose()\n default:\n break\n }\n }\n\n document.addEventListener(\"keydown\", handleKeydown)\n return () => {\n document.removeEventListener(\"keydown\", handleKeydown)\n }\n }, [onClose])\n\n // Sets to `innerHeight` so as to simulate `100vh` on iOS\n const [maxHeight, setMaxHeight] = useState(window.innerHeight)\n\n // Keeps `maxHeight` in sync\n useEffect(() => {\n const updateMaxHeight = () => {\n setMaxHeight(window.innerHeight)\n }\n\n // Due to the dialog being portaled; we need to wait until the next tick\n // before we can perform any operations that rely on the sizing of elements.\n // Presumably anything that relies on this also listens to resize for updates.\n setTimeout(() => {\n window.dispatchEvent(new Event(\"resize\"))\n }, 0)\n\n window.addEventListener(\"resize\", updateMaxHeight, { passive: true })\n\n return () => {\n window.removeEventListener(\"resize\", updateMaxHeight)\n }\n }, [])\n\n const { createPortal } = usePortal()\n\n return createPortal(\n <Container zIndex={zIndex} {...rest}>\n <Focus ref={focusEl as any}>\n <Backdrop ref={backdropEl as any} onMouseDown={handleMouseDown}>\n <Dialog maxHeight={maxHeight} {...dialogProps}>\n {children}\n </Dialog>\n </Backdrop>\n </Focus>\n </Container>\n )\n}\n\nModalBase.displayName = \"ModalBase\"\n"],"mappings":"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"}
1
+ {"version":3,"file":"ModalBase.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_usePortal2","_Flex","_reactFocusOn","_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","Focus","styled","FocusOn","withConfig","displayName","componentId","Backdrop","div","Container","Flex","systemZIndex","Dialog","attrs","role","DEFAULT_MODAL_Z_INDEX","exports","ModalBase","props","window","createElement","_ModalBase","_ref","children","_ref$zIndex","zIndex","_ref$dialogProps","dialogProps","_ref$onClose","onClose","rest","focusEl","useRef","backdropEl","handleMouseDown","event","current","useEffect","handleKeydown","preventDefault","stopPropagation","document","addEventListener","removeEventListener","_useState","useState","innerHeight","_useState2","maxHeight","setMaxHeight","updateMaxHeight","setTimeout","dispatchEvent","Event","passive","_usePortal","usePortal","createPortal","ref","onMouseDown"],"sources":["../../../src/elements/Modal/ModalBase.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { zIndex as systemZIndex, ZIndexProps } from \"styled-system\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { FocusOn } from \"react-focus-on\"\n\nconst Focus = styled(FocusOn)`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nconst Backdrop = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nconst Container = styled(Flex)`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n ${systemZIndex}\n`\n\nconst Dialog = styled(Flex).attrs({ role: \"dialog\" })`\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n > * {\n max-height: 100%;\n }\n`\n\n/** BaseModal */\nexport type ModalBaseProps = React.HTMLAttributes<HTMLDivElement> &\n FlexProps &\n ZIndexProps & {\n children?: React.ReactNode\n dialogProps?: FlexProps\n onClose?(): void\n }\n\n/**\n * It seems we've landed on this value as the 'top'\n */\nexport const DEFAULT_MODAL_Z_INDEX = 9999\n\n/**\n * BaseModal\n * Low-level modal that has no opinions about layout/overlay\n * Modals content using a portal, locks scroll.\n */\nexport const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>> = (props) => {\n if (typeof window === \"undefined\") {\n return null\n }\n return <_ModalBase {...props} />\n}\n\nexport const _ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>> = ({\n children,\n zIndex = DEFAULT_MODAL_Z_INDEX,\n dialogProps = {},\n onClose = () => null,\n ...rest\n}) => {\n const focusEl = useRef<HTMLDivElement | null>(null)\n const backdropEl = useRef<HTMLDivElement | null>(null)\n\n const handleMouseDown = (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>\n ) => {\n if (event.target === backdropEl.current) {\n onClose()\n }\n }\n\n useEffect(() => {\n const handleKeydown = (event: KeyboardEvent) => {\n switch (event.key) {\n case \"Escape\":\n // Prevent <esc> from interfering with the returned focus\n event.preventDefault()\n event.stopPropagation()\n\n // Handle close\n return onClose()\n default:\n break\n }\n }\n\n document.addEventListener(\"keydown\", handleKeydown)\n return () => {\n document.removeEventListener(\"keydown\", handleKeydown)\n }\n }, [onClose])\n\n // Sets to `innerHeight` so as to simulate `100vh` on iOS\n const [maxHeight, setMaxHeight] = useState(window.innerHeight)\n\n // Keeps `maxHeight` in sync\n useEffect(() => {\n const updateMaxHeight = () => {\n setMaxHeight(window.innerHeight)\n }\n\n // Due to the dialog being portaled; we need to wait until the next tick\n // before we can perform any operations that rely on the sizing of elements.\n // Presumably anything that relies on this also listens to resize for updates.\n setTimeout(() => {\n window.dispatchEvent(new Event(\"resize\"))\n }, 0)\n\n window.addEventListener(\"resize\", updateMaxHeight, { passive: true })\n\n return () => {\n window.removeEventListener(\"resize\", updateMaxHeight)\n }\n }, [])\n\n const { createPortal } = usePortal()\n\n return createPortal(\n <Container zIndex={zIndex} {...rest}>\n <Focus ref={focusEl as any}>\n <Backdrop ref={backdropEl as any} onMouseDown={handleMouseDown}>\n <Dialog maxHeight={maxHeight} {...dialogProps}>\n {children}\n </Dialog>\n </Backdrop>\n </Focus>\n </Container>\n )\n}\n\nModalBase.displayName = \"ModalBase\"\n"],"mappings":"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"}
@@ -1,8 +1,9 @@
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 DeferredFocusables: () => JSX.Element;
7
- export declare const Fullscreen: () => JSX.Element;
8
- export declare const Scrolling: () => JSX.Element;
6
+ export declare const Default: () => React.JSX.Element;
7
+ export declare const DeferredFocusables: () => React.JSX.Element;
8
+ export declare const Fullscreen: () => React.JSX.Element;
9
+ export declare const Scrolling: () => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_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","_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","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","title","exports","Default","displayName","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<\n ModalBaseProps & {\n dialogChildren?: JSX.Element\n bodyChildren?: JSX.Element\n /** Simulates an input being added after render */\n defer?: boolean\n }\n> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n const [open, setOpen] = useState(false)\n const label = open ? \"opened\" : \"open\"\n const handleClose = () => setOpen(false)\n\n const [deferred, setDeferred] = useState(false)\n\n useEffect(() => {\n if (defer && open) {\n setTimeout(() => {\n setDeferred(true)\n }, 1000)\n }\n }, [defer, open])\n\n return (\n <>\n <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n {label}\n </Button>\n\n {bodyChildren}\n\n {open && (\n <ModalBase onClose={handleClose} {...rest}>\n <Box\n background=\"black\"\n p={4}\n width=\"100%\"\n height=\"100%\"\n style={{ border: \"2px solid red\" }}\n >\n <Box textAlign=\"center\">\n <Text variant=\"sm-display\" color=\"white100\">\n <Join separator={<Spacer y={2} />}>\n <>Some example content. Click outside to close.</>\n <Button variant=\"primaryWhite\" onClick={handleClose}>\n Or click here to close.\n </Button>\n <Input placeholder=\"Just an example for focusing\" />\n <Input placeholder=\"Just an example for focusing\" />\n {dialogChildren}\n {deferred && <Input placeholder=\"Deferred input\" />}\n </Join>\n </Text>\n </Box>\n </Box>\n </ModalBase>\n )}\n </>\n )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n return <Example />\n}\n\nexport const DeferredFocusables = () => {\n return <Example defer />\n}\n\nexport const Fullscreen = () => {\n return (\n <Example\n dialogProps={{\n width: \"100%\",\n height: \"100%\",\n background: \"black\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n />\n )\n}\n\nexport const Scrolling = () => {\n return (\n <Example\n bodyChildren={\n <>\n {Array.from(Array(100)).map((_, i) => (\n <div key={i}>content should not scroll when modal is open</div>\n ))}\n </>\n }\n dialogChildren={\n <>\n {Array.from(Array(100)).map((_, i) => (\n <div key={i}>content should be scrollable</div>\n ))}\n </>\n }\n />\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_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","_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","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","title","exports","Default","displayName","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<React.PropsWithChildren<ModalBaseProps & {\n dialogChildren?: JSX.Element\n bodyChildren?: JSX.Element\n /** Simulates an input being added after render */\n defer?: boolean\n}>> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n const [open, setOpen] = useState(false)\n const label = open ? \"opened\" : \"open\"\n const handleClose = () => setOpen(false)\n\n const [deferred, setDeferred] = useState(false)\n\n useEffect(() => {\n if (defer && open) {\n setTimeout(() => {\n setDeferred(true)\n }, 1000)\n }\n }, [defer, open])\n\n return (\n <>\n <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n {label}\n </Button>\n\n {bodyChildren}\n\n {open && (\n <ModalBase onClose={handleClose} {...rest}>\n <Box\n background=\"black\"\n p={4}\n width=\"100%\"\n height=\"100%\"\n style={{ border: \"2px solid red\" }}\n >\n <Box textAlign=\"center\">\n <Text variant=\"sm-display\" color=\"white100\">\n <Join separator={<Spacer y={2} />}>\n <>Some example content. Click outside to close.</>\n <Button variant=\"primaryWhite\" onClick={handleClose}>\n Or click here to close.\n </Button>\n <Input placeholder=\"Just an example for focusing\" />\n <Input placeholder=\"Just an example for focusing\" />\n {dialogChildren}\n {deferred && <Input placeholder=\"Deferred input\" />}\n </Join>\n </Text>\n </Box>\n </Box>\n </ModalBase>\n )}\n </>\n )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n return <Example />\n}\n\nexport const DeferredFocusables = () => {\n return <Example defer />\n}\n\nexport const Fullscreen = () => {\n return (\n <Example\n dialogProps={{\n width: \"100%\",\n height: \"100%\",\n background: \"black\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n />\n )\n}\n\nexport const Scrolling = () => {\n return (\n <Example\n bodyChildren={\n <>\n {Array.from(Array(100)).map((_, i) => (\n <div key={i}>content should not scroll when modal is open</div>\n ))}\n </>\n }\n dialogChildren={\n <>\n {Array.from(Array(100)).map((_, i) => (\n <div key={i}>content should be scrollable</div>\n ))}\n </>\n }\n />\n )\n}\n"],"mappings":"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"}
@@ -5,4 +5,4 @@ export declare type ModalDialogProps = Omit<ModalBaseProps, "title"> & ModalDial
5
5
  leftPanel?: React.ReactNode;
6
6
  rightPanel?: React.ReactNode;
7
7
  };
8
- export declare const ModalDialog: React.FC<ModalDialogProps>;
8
+ export declare const ModalDialog: React.FC<React.PropsWithChildren<ModalDialogProps>>;