@sproutsocial/racine 12.20.0 → 12.21.1

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 (621) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +46 -44
  3. package/__flow__/Avatar/index.js +26 -26
  4. package/__flow__/Avatar/index.stories.js +8 -8
  5. package/__flow__/Avatar/index.test.js +13 -13
  6. package/__flow__/Badge/constants.js +14 -14
  7. package/__flow__/Badge/index.js +18 -18
  8. package/__flow__/Badge/index.stories.js +8 -8
  9. package/__flow__/Badge/index.test.js +43 -43
  10. package/__flow__/Badge/styles.js +13 -9
  11. package/__flow__/Banner/index.js +21 -21
  12. package/__flow__/Banner/index.stories.js +56 -68
  13. package/__flow__/Banner/index.test.js +32 -34
  14. package/__flow__/Banner/styles.js +4 -4
  15. package/__flow__/Box/index.js +4 -4
  16. package/__flow__/Box/index.stories.js +58 -51
  17. package/__flow__/Box/index.test.js +7 -7
  18. package/__flow__/Box/styles.js +6 -6
  19. package/__flow__/Breadcrumb/index.js +9 -13
  20. package/__flow__/Breadcrumb/index.stories.js +14 -14
  21. package/__flow__/Breadcrumb/index.test.js +20 -20
  22. package/__flow__/Breadcrumb/styles.js +5 -5
  23. package/__flow__/Button/index.js +23 -23
  24. package/__flow__/Button/index.stories.js +34 -34
  25. package/__flow__/Button/styles.js +11 -11
  26. package/__flow__/Card/index.js +7 -7
  27. package/__flow__/Card/index.stories.js +14 -14
  28. package/__flow__/Card/styles.js +7 -7
  29. package/__flow__/CharacterCounter/index.js +7 -7
  30. package/__flow__/CharacterCounter/index.stories.js +25 -26
  31. package/__flow__/CharacterCounter/index.test.js +11 -11
  32. package/__flow__/CharacterCounter/styles.js +3 -3
  33. package/__flow__/ChartLegend/index.js +7 -7
  34. package/__flow__/ChartLegend/index.stories.js +22 -22
  35. package/__flow__/ChartLegend/index.test.js +27 -27
  36. package/__flow__/ChartLegend/styles.js +7 -7
  37. package/__flow__/Checkbox/index.js +10 -10
  38. package/__flow__/Checkbox/index.stories.js +24 -24
  39. package/__flow__/Checkbox/index.test.js +25 -25
  40. package/__flow__/Checkbox/styles.js +27 -28
  41. package/__flow__/Collapsible/index.js +15 -15
  42. package/__flow__/Collapsible/index.stories.js +13 -13
  43. package/__flow__/Collapsible/index.test.js +27 -27
  44. package/__flow__/Collapsible/styles.js +5 -5
  45. package/__flow__/DatePicker/DateRangePicker.js +5 -8
  46. package/__flow__/DatePicker/DateRangePicker.stories.js +19 -19
  47. package/__flow__/DatePicker/DateRangePicker.test.js +21 -21
  48. package/__flow__/DatePicker/SingleDatePicker.js +6 -9
  49. package/__flow__/DatePicker/SingleDatePicker.stories.js +10 -10
  50. package/__flow__/DatePicker/SingleDatePicker.test.js +21 -23
  51. package/__flow__/DatePicker/StatefulDateRangePicker.js +6 -6
  52. package/__flow__/DatePicker/StatefulSingleDatePicker.js +3 -3
  53. package/__flow__/DatePicker/common.js +13 -13
  54. package/__flow__/DatePicker/index.js +3 -3
  55. package/__flow__/DatePicker/styles.js +42 -42
  56. package/__flow__/Drawer/SlideTransition.js +10 -10
  57. package/__flow__/Drawer/index.js +29 -29
  58. package/__flow__/Drawer/index.stories.js +58 -141
  59. package/__flow__/Drawer/index.test.js +28 -28
  60. package/__flow__/Drawer/styles.js +4 -4
  61. package/__flow__/EmptyState/index.js +5 -5
  62. package/__flow__/EmptyState/index.stories.js +10 -10
  63. package/__flow__/EmptyState/index.test.js +27 -27
  64. package/__flow__/EnumIllustrationNames.js +1 -1
  65. package/__flow__/Fieldset/index.js +14 -14
  66. package/__flow__/Fieldset/index.stories.js +19 -20
  67. package/__flow__/Fieldset/index.test.js +14 -14
  68. package/__flow__/Fieldset/styles.js +5 -5
  69. package/__flow__/FormField/index.js +14 -14
  70. package/__flow__/FormField/index.stories.js +31 -21
  71. package/__flow__/FormField/index.test.js +19 -19
  72. package/__flow__/Icon/deprecatedIcons.js +36 -36
  73. package/__flow__/Icon/index.js +17 -17
  74. package/__flow__/Icon/index.stories.js +30 -30
  75. package/__flow__/Icon/index.test.js +15 -15
  76. package/__flow__/Icon/styles.js +12 -12
  77. package/__flow__/IllustrationViewBoxes.js +1 -1
  78. package/__flow__/Image/index.js +6 -7
  79. package/__flow__/Image/index.stories.js +5 -5
  80. package/__flow__/Image/index.test.js +24 -24
  81. package/__flow__/Image/styles.js +6 -5
  82. package/__flow__/Indicator/index.js +7 -7
  83. package/__flow__/Indicator/index.stories.js +8 -14
  84. package/__flow__/Indicator/index.test.js +6 -6
  85. package/__flow__/Indicator/styles.js +6 -6
  86. package/__flow__/Input/index.js +37 -37
  87. package/__flow__/Input/index.stories.js +96 -189
  88. package/__flow__/Input/index.test.js +117 -117
  89. package/__flow__/Input/styles.js +13 -13
  90. package/__flow__/KeyboardKey/index.js +5 -5
  91. package/__flow__/KeyboardKey/index.stories.js +9 -12
  92. package/__flow__/KeyboardKey/index.test.js +7 -7
  93. package/__flow__/KeyboardKey/styles.js +4 -4
  94. package/__flow__/Label/index.js +6 -6
  95. package/__flow__/Label/index.stories.js +5 -7
  96. package/__flow__/Label/index.test.js +8 -8
  97. package/__flow__/Link/constants.js +4 -4
  98. package/__flow__/Link/index.js +11 -11
  99. package/__flow__/Link/index.stories.js +61 -102
  100. package/__flow__/Link/index.test.js +40 -40
  101. package/__flow__/Link/styles.js +6 -6
  102. package/__flow__/Listbox/index.js +16 -16
  103. package/__flow__/Listbox/index.stories.js +35 -35
  104. package/__flow__/Listbox/index.test.js +63 -65
  105. package/__flow__/Loader/index.js +12 -12
  106. package/__flow__/Loader/index.stories.js +10 -10
  107. package/__flow__/Loader/index.test.js +17 -17
  108. package/__flow__/Loader/styles.js +9 -13
  109. package/__flow__/LoaderButton/index.js +25 -25
  110. package/__flow__/LoaderButton/index.stories.js +7 -7
  111. package/__flow__/LoaderButton/index.test.js +15 -15
  112. package/__flow__/Menu/constants.js +8 -8
  113. package/__flow__/Menu/descendants.js +89 -80
  114. package/__flow__/Menu/hooks.js +22 -22
  115. package/__flow__/Menu/index.flow.js +13 -13
  116. package/__flow__/Menu/index.js +56 -60
  117. package/__flow__/Menu/index.stories.js +19 -19
  118. package/__flow__/Menu/index.test.js +22 -22
  119. package/__flow__/Menu/names.js +4945 -4945
  120. package/__flow__/Menu/styles.js +5 -5
  121. package/__flow__/Message/index.js +33 -33
  122. package/__flow__/Message/index.stories.js +18 -13
  123. package/__flow__/Message/index.test.js +6 -6
  124. package/__flow__/Message/styles.js +15 -15
  125. package/__flow__/Modal/index.js +19 -19
  126. package/__flow__/Modal/index.stories.js +43 -43
  127. package/__flow__/Modal/index.test.js +29 -29
  128. package/__flow__/Modal/styles.js +27 -32
  129. package/__flow__/Numeral/index.js +22 -22
  130. package/__flow__/Numeral/index.stories.js +74 -74
  131. package/__flow__/Numeral/styles.js +3 -3
  132. package/__flow__/Numeral/tests/A11y.test.js +7 -7
  133. package/__flow__/Numeral/tests/abbreviate.test.js +40 -40
  134. package/__flow__/Numeral/tests/currency.test.js +24 -24
  135. package/__flow__/Numeral/tests/defaults.test.js +20 -20
  136. package/__flow__/Numeral/tests/invalid.test.js +9 -9
  137. package/__flow__/Numeral/tests/locale.test.js +38 -38
  138. package/__flow__/Numeral/tests/precision.test.js +76 -76
  139. package/__flow__/Numeral/tests/testNumeral.js +11 -11
  140. package/__flow__/Numeral/tests/zero.test.js +8 -8
  141. package/__flow__/OverflowList/index.flow.js +2 -2
  142. package/__flow__/OverflowList/index.js +12 -12
  143. package/__flow__/OverflowList/index.stories.js +10 -10
  144. package/__flow__/OverflowList/index.test.js +25 -25
  145. package/__flow__/OverflowList/styles.js +5 -5
  146. package/__flow__/PartnerLogo/TypePartnerNames.js +37 -37
  147. package/__flow__/PartnerLogo/index.js +20 -20
  148. package/__flow__/PartnerLogo/index.stories.js +52 -52
  149. package/__flow__/PartnerLogo/styles.js +12 -12
  150. package/__flow__/Popout/index.js +66 -67
  151. package/__flow__/Popout/index.stories.js +101 -82
  152. package/__flow__/Popout/index.test.js +43 -43
  153. package/__flow__/Popout/styles.js +4 -5
  154. package/__flow__/Portal/index.js +9 -9
  155. package/__flow__/Portal/index.stories.js +12 -12
  156. package/__flow__/Radio/index.js +4 -4
  157. package/__flow__/Radio/index.stories.js +11 -11
  158. package/__flow__/Radio/index.test.js +12 -12
  159. package/__flow__/Radio/styles.js +15 -16
  160. package/__flow__/SegmentedControl/index.js +7 -7
  161. package/__flow__/SegmentedControl/index.stories.js +7 -7
  162. package/__flow__/SegmentedControl/index.test.js +29 -29
  163. package/__flow__/SegmentedControl/styles.js +10 -9
  164. package/__flow__/Select/index.js +10 -10
  165. package/__flow__/Select/index.stories.js +33 -69
  166. package/__flow__/Select/index.test.js +14 -14
  167. package/__flow__/Select/styles.js +16 -16
  168. package/__flow__/Skeleton/index.js +4 -4
  169. package/__flow__/Skeleton/index.stories.js +5 -5
  170. package/__flow__/SpotIllustration/illustrationNames.js +118 -117
  171. package/__flow__/SpotIllustration/index.js +15 -11
  172. package/__flow__/SpotIllustration/index.stories.js +18 -18
  173. package/__flow__/SpotIllustration/spotIllustrations/molecule.svg +14 -0
  174. package/__flow__/Stack/index.js +43 -33
  175. package/__flow__/Stack/index.stories.js +41 -91
  176. package/__flow__/Stack/index.test.js +16 -7
  177. package/__flow__/Switch/index.js +8 -8
  178. package/__flow__/Switch/index.stories.js +5 -5
  179. package/__flow__/Switch/index.test.js +25 -29
  180. package/__flow__/Switch/styles.js +13 -9
  181. package/__flow__/Table/index.js +17 -17
  182. package/__flow__/Table/index.stories.js +99 -99
  183. package/__flow__/Table/index.test.js +32 -32
  184. package/__flow__/Table/styles.js +4 -4
  185. package/__flow__/TableCell/index.js +8 -7
  186. package/__flow__/TableCell/index.stories.js +20 -23
  187. package/__flow__/TableCell/index.test.js +11 -11
  188. package/__flow__/TableCell/styles.js +4 -5
  189. package/__flow__/TableHeaderCell/index.js +14 -14
  190. package/__flow__/TableHeaderCell/index.stories.js +35 -30
  191. package/__flow__/TableHeaderCell/index.test.js +11 -11
  192. package/__flow__/TableHeaderCell/styles.js +4 -4
  193. package/__flow__/TableRowAccordion/index.js +8 -8
  194. package/__flow__/TableRowAccordion/index.stories.js +36 -36
  195. package/__flow__/TableRowAccordion/index.test.js +28 -30
  196. package/__flow__/TableRowAccordion/styles.js +11 -7
  197. package/__flow__/Tabs/index.js +11 -11
  198. package/__flow__/Tabs/index.stories.js +28 -54
  199. package/__flow__/Tabs/index.test.js +54 -54
  200. package/__flow__/Tabs/styles.js +6 -7
  201. package/__flow__/Text/index.js +14 -14
  202. package/__flow__/Text/index.stories.js +84 -86
  203. package/__flow__/Text/index.test.js +29 -33
  204. package/__flow__/Text/styles.js +4 -4
  205. package/__flow__/Textarea/index.js +5 -5
  206. package/__flow__/Textarea/index.stories.js +54 -93
  207. package/__flow__/Textarea/index.test.js +30 -30
  208. package/__flow__/Textarea/styles.js +6 -6
  209. package/__flow__/ThemeProvider/index.js +4 -4
  210. package/__flow__/Toast/index.js +23 -23
  211. package/__flow__/Toast/index.stories.js +21 -21
  212. package/__flow__/Toast/styles.js +6 -6
  213. package/__flow__/ToggleHint/index.js +8 -8
  214. package/__flow__/ToggleHint/index.test.js +8 -8
  215. package/__flow__/ToggleHint/styles.js +8 -8
  216. package/__flow__/Token/index.js +10 -10
  217. package/__flow__/Token/index.stories.js +49 -54
  218. package/__flow__/Token/index.test.js +28 -28
  219. package/__flow__/Token/styles.js +11 -11
  220. package/__flow__/TokenInput/index.flow.js +1 -1
  221. package/__flow__/TokenInput/index.js +39 -39
  222. package/__flow__/TokenInput/index.stories.js +121 -128
  223. package/__flow__/TokenInput/styles.js +5 -5
  224. package/__flow__/TokenInput/tests/default/clicking.test.js +13 -13
  225. package/__flow__/TokenInput/tests/default/deleting.test.js +39 -39
  226. package/__flow__/TokenInput/tests/default/focusing.test.js +18 -18
  227. package/__flow__/TokenInput/tests/default/inputting.test.js +23 -23
  228. package/__flow__/TokenInput/tests/default/pasting.test.js +52 -52
  229. package/__flow__/TokenInput/tests/default/rendering.test.js +54 -54
  230. package/__flow__/TokenInput/util.js +4 -4
  231. package/__flow__/Tooltip/index.js +21 -21
  232. package/__flow__/Tooltip/index.stories.js +18 -18
  233. package/__flow__/Tooltip/index.test.js +54 -54
  234. package/__flow__/Tooltip/styles.js +4 -5
  235. package/__flow__/VisuallyHidden/index.js +3 -3
  236. package/__flow__/building-stories.stories.mdx +121 -0
  237. package/__flow__/dataviz/dataviz.stories.js +4 -4
  238. package/__flow__/dataviz/index.js +3 -3
  239. package/__flow__/index.js +72 -72
  240. package/__flow__/overview.stories.js +60 -0
  241. package/__flow__/setupTests.js +5 -5
  242. package/__flow__/systemProps/background.js +3 -3
  243. package/__flow__/systemProps/border.js +3 -3
  244. package/__flow__/systemProps/color.js +3 -3
  245. package/__flow__/systemProps/custom.js +3 -3
  246. package/__flow__/systemProps/flexbox.js +3 -3
  247. package/__flow__/systemProps/grid.js +3 -3
  248. package/__flow__/systemProps/index.js +14 -14
  249. package/__flow__/systemProps/layout.js +3 -3
  250. package/__flow__/systemProps/position.js +3 -3
  251. package/__flow__/systemProps/shadow.js +3 -3
  252. package/__flow__/systemProps/space.js +3 -7
  253. package/__flow__/systemProps/systemProps.js +14 -14
  254. package/__flow__/systemProps/tests/background.test.js +17 -17
  255. package/__flow__/systemProps/tests/border.test.js +61 -61
  256. package/__flow__/systemProps/tests/color.test.js +15 -15
  257. package/__flow__/systemProps/tests/custom.test.js +12 -12
  258. package/__flow__/systemProps/tests/flexbox.test.js +33 -33
  259. package/__flow__/systemProps/tests/grid.test.js +31 -31
  260. package/__flow__/systemProps/tests/layout.test.js +29 -29
  261. package/__flow__/systemProps/tests/position.test.js +19 -19
  262. package/__flow__/systemProps/tests/shadow.test.js +11 -11
  263. package/__flow__/systemProps/tests/space.test.js +11 -11
  264. package/__flow__/systemProps/tests/types.flow.js +18 -18
  265. package/__flow__/systemProps/tests/typography.test.js +21 -21
  266. package/__flow__/systemProps/tests/variant.test.js +9 -9
  267. package/__flow__/systemProps/types.flow.js +2 -2
  268. package/__flow__/systemProps/typography.js +4 -4
  269. package/__flow__/systemProps/variant.js +5 -5
  270. package/__flow__/themes/dark/dataviz-palette.js +21 -21
  271. package/__flow__/themes/dark/decorative-palettes.js +1 -1
  272. package/__flow__/themes/dark/theme.js +16 -16
  273. package/__flow__/themes/extendedThemes/README.md +1 -1
  274. package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +4 -4
  275. package/__flow__/themes/extendedThemes/sproutTheme/index.js +2 -2
  276. package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +4 -4
  277. package/__flow__/themes/light/dataviz-palette.js +21 -21
  278. package/__flow__/themes/light/decorative-palettes.js +1 -1
  279. package/__flow__/themes/light/literal-colors.js +133 -133
  280. package/__flow__/themes/light/theme.js +51 -51
  281. package/__flow__/types/system-props.flow.js +5 -5
  282. package/__flow__/types/theme.colors.flow.js +2 -2
  283. package/__flow__/types/theme.flow.js +5 -5
  284. package/__flow__/utils/a11yTest.js +1 -1
  285. package/__flow__/utils/chartColors.js +1 -1
  286. package/__flow__/utils/constants.js +1 -1
  287. package/__flow__/utils/dataQaLabelQueries.js +2 -2
  288. package/__flow__/utils/hooks.js +17 -17
  289. package/__flow__/utils/index.js +4 -4
  290. package/__flow__/utils/innerText.js +9 -9
  291. package/__flow__/utils/mixins.js +6 -6
  292. package/__flow__/utils/react-testing-library.js +6 -6
  293. package/__flow__/utils/responsiveProps/index.js +3 -3
  294. package/__flow__/utils/responsiveProps/index.test.js +8 -8
  295. package/__flow__/utils/system-props.js +3 -3
  296. package/__flow__/utils/useInteractiveColor.js +5 -5
  297. package/__flow__/writing-good-stories.stories.mdx +3 -0
  298. package/bin/racine-codemod.js +12 -12
  299. package/codemods/__tests__/migrate-2.x-to-3.x.test.js +2 -2
  300. package/codemods/migrate-2.x-to-3.x.js +29 -30
  301. package/commonjs/Avatar/index.js +33 -53
  302. package/commonjs/Badge/constants.js +18 -15
  303. package/commonjs/Badge/index.js +14 -28
  304. package/commonjs/Badge/styles.js +3 -9
  305. package/commonjs/Banner/index.js +16 -37
  306. package/commonjs/Banner/styles.js +0 -5
  307. package/commonjs/Box/index.js +2 -9
  308. package/commonjs/Box/styles.js +0 -4
  309. package/commonjs/Breadcrumb/index.js +13 -29
  310. package/commonjs/Breadcrumb/styles.js +1 -4
  311. package/commonjs/Button/index.js +29 -43
  312. package/commonjs/Button/styles.js +6 -15
  313. package/commonjs/Card/index.js +16 -26
  314. package/commonjs/Card/styles.js +1 -5
  315. package/commonjs/CharacterCounter/index.js +6 -23
  316. package/commonjs/CharacterCounter/styles.js +0 -5
  317. package/commonjs/ChartLegend/index.js +5 -20
  318. package/commonjs/ChartLegend/styles.js +2 -11
  319. package/commonjs/Checkbox/index.js +30 -53
  320. package/commonjs/Checkbox/styles.js +14 -35
  321. package/commonjs/Collapsible/index.js +31 -54
  322. package/commonjs/Collapsible/styles.js +3 -6
  323. package/commonjs/DatePicker/DateRangePicker.js +4 -17
  324. package/commonjs/DatePicker/SingleDatePicker.js +3 -17
  325. package/commonjs/DatePicker/StatefulDateRangePicker.js +16 -31
  326. package/commonjs/DatePicker/StatefulSingleDatePicker.js +7 -20
  327. package/commonjs/DatePicker/common.js +8 -22
  328. package/commonjs/DatePicker/index.js +0 -5
  329. package/commonjs/DatePicker/styles.js +8 -25
  330. package/commonjs/Drawer/SlideTransition.js +8 -18
  331. package/commonjs/Drawer/index.js +51 -90
  332. package/commonjs/Drawer/styles.js +0 -8
  333. package/commonjs/EmptyState/index.js +8 -20
  334. package/commonjs/Fieldset/index.js +15 -32
  335. package/commonjs/Fieldset/styles.js +2 -7
  336. package/commonjs/FormField/index.js +19 -36
  337. package/commonjs/Icon/deprecatedIcons.js +36 -36
  338. package/commonjs/Icon/index.js +19 -37
  339. package/commonjs/Icon/styles.js +7 -16
  340. package/commonjs/IllustrationViewBoxes.js +1 -0
  341. package/commonjs/Image/index.js +13 -41
  342. package/commonjs/Image/styles.js +1 -7
  343. package/commonjs/Indicator/index.js +8 -26
  344. package/commonjs/Indicator/styles.js +1 -7
  345. package/commonjs/Input/index.js +80 -119
  346. package/commonjs/Input/styles.js +9 -19
  347. package/commonjs/KeyboardKey/index.js +3 -20
  348. package/commonjs/KeyboardKey/styles.js +0 -4
  349. package/commonjs/Label/index.js +7 -27
  350. package/commonjs/Link/constants.js +3 -4
  351. package/commonjs/Link/index.js +16 -28
  352. package/commonjs/Link/styles.js +1 -8
  353. package/commonjs/Listbox/index.js +15 -36
  354. package/commonjs/Loader/index.js +15 -31
  355. package/commonjs/Loader/styles.js +2 -13
  356. package/commonjs/LoaderButton/index.js +26 -55
  357. package/commonjs/Menu/constants.js +9 -8
  358. package/commonjs/Menu/descendants.js +70 -105
  359. package/commonjs/Menu/hooks.js +23 -41
  360. package/commonjs/Menu/index.flow.js +0 -7
  361. package/commonjs/Menu/index.js +94 -164
  362. package/commonjs/Menu/names.js +1 -1
  363. package/commonjs/Menu/styles.js +0 -6
  364. package/commonjs/Message/index.js +37 -70
  365. package/commonjs/Message/styles.js +9 -24
  366. package/commonjs/Modal/index.js +31 -54
  367. package/commonjs/Modal/styles.js +17 -36
  368. package/commonjs/Numeral/index.js +39 -67
  369. package/commonjs/Numeral/styles.js +0 -3
  370. package/commonjs/Numeral/tests/testNumeral.js +13 -31
  371. package/commonjs/OverflowList/index.flow.js +0 -2
  372. package/commonjs/OverflowList/index.js +27 -41
  373. package/commonjs/OverflowList/styles.js +0 -7
  374. package/commonjs/PartnerLogo/index.js +19 -33
  375. package/commonjs/PartnerLogo/styles.js +7 -15
  376. package/commonjs/Popout/index.js +95 -127
  377. package/commonjs/Popout/styles.js +0 -5
  378. package/commonjs/Portal/index.js +8 -31
  379. package/commonjs/Radio/index.js +18 -42
  380. package/commonjs/Radio/styles.js +9 -21
  381. package/commonjs/SegmentedControl/index.js +17 -37
  382. package/commonjs/SegmentedControl/styles.js +2 -12
  383. package/commonjs/Select/index.js +24 -47
  384. package/commonjs/Select/styles.js +12 -24
  385. package/commonjs/Skeleton/index.js +0 -5
  386. package/commonjs/SpotIllustration/illustrationNames.js +1 -1
  387. package/commonjs/SpotIllustration/index.js +5 -11
  388. package/commonjs/Stack/index.js +27 -42
  389. package/commonjs/Switch/index.js +17 -42
  390. package/commonjs/Switch/styles.js +3 -11
  391. package/commonjs/Table/index.js +26 -50
  392. package/commonjs/Table/styles.js +0 -4
  393. package/commonjs/TableCell/index.js +12 -30
  394. package/commonjs/TableCell/styles.js +0 -5
  395. package/commonjs/TableHeaderCell/index.js +27 -56
  396. package/commonjs/TableHeaderCell/styles.js +0 -6
  397. package/commonjs/TableRowAccordion/index.js +12 -37
  398. package/commonjs/TableRowAccordion/styles.js +2 -9
  399. package/commonjs/Tabs/index.js +16 -66
  400. package/commonjs/Tabs/styles.js +2 -11
  401. package/commonjs/Text/index.js +12 -25
  402. package/commonjs/Text/styles.js +1 -6
  403. package/commonjs/Textarea/index.js +31 -55
  404. package/commonjs/Textarea/styles.js +2 -9
  405. package/commonjs/ThemeProvider/index.js +1 -10
  406. package/commonjs/Toast/index.js +19 -42
  407. package/commonjs/Toast/styles.js +1 -7
  408. package/commonjs/ToggleHint/index.js +15 -39
  409. package/commonjs/ToggleHint/styles.js +2 -9
  410. package/commonjs/Token/index.js +15 -29
  411. package/commonjs/Token/styles.js +5 -12
  412. package/commonjs/TokenInput/index.js +70 -122
  413. package/commonjs/TokenInput/styles.js +1 -7
  414. package/commonjs/TokenInput/util.js +2 -7
  415. package/commonjs/Tooltip/index.js +40 -63
  416. package/commonjs/Tooltip/styles.js +1 -5
  417. package/commonjs/VisuallyHidden/index.js +0 -4
  418. package/commonjs/dataviz/index.js +0 -4
  419. package/commonjs/index.js +0 -129
  420. package/commonjs/systemProps/background.js +0 -1
  421. package/commonjs/systemProps/border.js +0 -1
  422. package/commonjs/systemProps/color.js +0 -1
  423. package/commonjs/systemProps/custom.js +0 -1
  424. package/commonjs/systemProps/flexbox.js +0 -1
  425. package/commonjs/systemProps/grid.js +0 -1
  426. package/commonjs/systemProps/index.js +0 -28
  427. package/commonjs/systemProps/layout.js +0 -1
  428. package/commonjs/systemProps/position.js +0 -1
  429. package/commonjs/systemProps/shadow.js +0 -1
  430. package/commonjs/systemProps/space.js +1 -2
  431. package/commonjs/systemProps/systemProps.js +0 -13
  432. package/commonjs/systemProps/tests/types.flow.js +25 -22
  433. package/commonjs/systemProps/typography.js +0 -1
  434. package/commonjs/systemProps/variant.js +2 -3
  435. package/commonjs/themes/dark/dataviz-palette.js +20 -22
  436. package/commonjs/themes/dark/decorative-palettes.js +0 -2
  437. package/commonjs/themes/dark/theme.js +13 -27
  438. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +2 -9
  439. package/commonjs/themes/extendedThemes/sproutTheme/index.js +0 -5
  440. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +2 -9
  441. package/commonjs/themes/light/dataviz-palette.js +20 -22
  442. package/commonjs/themes/light/decorative-palettes.js +0 -2
  443. package/commonjs/themes/light/literal-colors.js +132 -134
  444. package/commonjs/themes/light/theme.js +43 -59
  445. package/commonjs/types/system-props.flow.js +1 -1
  446. package/commonjs/types/theme.colors.flow.js +0 -2
  447. package/commonjs/types/theme.flow.js +0 -1
  448. package/commonjs/utils/a11yTest.js +3 -10
  449. package/commonjs/utils/chartColors.js +0 -1
  450. package/commonjs/utils/constants.js +1 -1
  451. package/commonjs/utils/dataQaLabelQueries.js +12 -21
  452. package/commonjs/utils/hooks.js +39 -70
  453. package/commonjs/utils/index.js +2 -9
  454. package/commonjs/utils/innerText.js +10 -14
  455. package/commonjs/utils/mixins.js +2 -7
  456. package/commonjs/utils/react-testing-library.js +4 -26
  457. package/commonjs/utils/responsiveProps/index.js +1 -11
  458. package/commonjs/utils/system-props.js +2 -5
  459. package/commonjs/utils/useInteractiveColor.js +6 -8
  460. package/dist/illustration.svg +1 -1
  461. package/dist/illustrationList.js +1 -1
  462. package/lib/Avatar/index.js +40 -47
  463. package/lib/Badge/constants.js +19 -15
  464. package/lib/Badge/index.js +18 -25
  465. package/lib/Badge/styles.js +8 -6
  466. package/lib/Banner/index.js +20 -32
  467. package/lib/Banner/styles.js +3 -2
  468. package/lib/Box/index.js +4 -5
  469. package/lib/Box/styles.js +3 -2
  470. package/lib/Breadcrumb/index.js +19 -27
  471. package/lib/Breadcrumb/styles.js +3 -2
  472. package/lib/Button/index.js +31 -38
  473. package/lib/Button/styles.js +14 -11
  474. package/lib/Card/index.js +18 -24
  475. package/lib/Card/styles.js +5 -4
  476. package/lib/CharacterCounter/index.js +8 -20
  477. package/lib/CharacterCounter/styles.js +3 -2
  478. package/lib/ChartLegend/index.js +9 -17
  479. package/lib/ChartLegend/styles.js +5 -4
  480. package/lib/Checkbox/index.js +32 -51
  481. package/lib/Checkbox/styles.js +21 -26
  482. package/lib/Collapsible/index.js +36 -51
  483. package/lib/Collapsible/styles.js +6 -5
  484. package/lib/DatePicker/DateRangePicker.js +8 -14
  485. package/lib/DatePicker/SingleDatePicker.js +7 -13
  486. package/lib/DatePicker/StatefulDateRangePicker.js +19 -26
  487. package/lib/DatePicker/StatefulSingleDatePicker.js +9 -15
  488. package/lib/DatePicker/common.js +14 -13
  489. package/lib/DatePicker/index.js +2 -2
  490. package/lib/DatePicker/styles.js +12 -22
  491. package/lib/Drawer/SlideTransition.js +11 -14
  492. package/lib/Drawer/index.js +64 -88
  493. package/lib/Drawer/styles.js +4 -3
  494. package/lib/EmptyState/index.js +11 -17
  495. package/lib/Fieldset/index.js +19 -29
  496. package/lib/Fieldset/styles.js +5 -4
  497. package/lib/FormField/index.js +27 -33
  498. package/lib/Icon/deprecatedIcons.js +36 -36
  499. package/lib/Icon/index.js +25 -34
  500. package/lib/Icon/styles.js +11 -13
  501. package/lib/IllustrationViewBoxes.js +1 -0
  502. package/lib/Image/index.js +15 -38
  503. package/lib/Image/styles.js +4 -4
  504. package/lib/Indicator/index.js +11 -23
  505. package/lib/Indicator/styles.js +5 -5
  506. package/lib/Input/index.js +87 -115
  507. package/lib/Input/styles.js +13 -15
  508. package/lib/KeyboardKey/index.js +6 -17
  509. package/lib/KeyboardKey/styles.js +3 -2
  510. package/lib/Label/index.js +10 -24
  511. package/lib/Link/constants.js +5 -4
  512. package/lib/Link/index.js +18 -25
  513. package/lib/Link/styles.js +6 -5
  514. package/lib/Listbox/index.js +21 -29
  515. package/lib/Loader/index.js +17 -29
  516. package/lib/Loader/styles.js +6 -8
  517. package/lib/LoaderButton/index.js +34 -51
  518. package/lib/Menu/constants.js +10 -8
  519. package/lib/Menu/descendants.js +73 -94
  520. package/lib/Menu/hooks.js +28 -39
  521. package/lib/Menu/index.flow.js +6 -5
  522. package/lib/Menu/index.js +113 -150
  523. package/lib/Menu/names.js +1 -1
  524. package/lib/Menu/styles.js +4 -3
  525. package/lib/Message/index.js +42 -66
  526. package/lib/Message/styles.js +15 -23
  527. package/lib/Modal/index.js +38 -51
  528. package/lib/Modal/styles.js +23 -32
  529. package/lib/Numeral/index.js +45 -64
  530. package/lib/Numeral/styles.js +3 -2
  531. package/lib/Numeral/tests/testNumeral.js +17 -27
  532. package/lib/OverflowList/index.flow.js +2 -1
  533. package/lib/OverflowList/index.js +31 -38
  534. package/lib/OverflowList/styles.js +5 -4
  535. package/lib/PartnerLogo/index.js +23 -31
  536. package/lib/PartnerLogo/styles.js +11 -12
  537. package/lib/Popout/index.js +105 -121
  538. package/lib/Popout/styles.js +3 -3
  539. package/lib/Portal/index.js +11 -29
  540. package/lib/Radio/index.js +20 -40
  541. package/lib/Radio/styles.js +14 -14
  542. package/lib/SegmentedControl/index.js +21 -34
  543. package/lib/SegmentedControl/styles.js +7 -9
  544. package/lib/Select/index.js +27 -44
  545. package/lib/Select/styles.js +16 -20
  546. package/lib/Skeleton/index.js +7 -4
  547. package/lib/SpotIllustration/illustrationNames.js +2 -1
  548. package/lib/SpotIllustration/index.js +9 -10
  549. package/lib/Stack/index.js +31 -39
  550. package/lib/Switch/index.js +21 -39
  551. package/lib/Switch/styles.js +8 -7
  552. package/lib/Table/index.js +30 -40
  553. package/lib/Table/styles.js +3 -2
  554. package/lib/TableCell/index.js +14 -27
  555. package/lib/TableCell/styles.js +3 -3
  556. package/lib/TableHeaderCell/index.js +30 -52
  557. package/lib/TableHeaderCell/styles.js +3 -2
  558. package/lib/TableRowAccordion/index.js +16 -34
  559. package/lib/TableRowAccordion/styles.js +5 -3
  560. package/lib/Tabs/index.js +18 -63
  561. package/lib/Tabs/styles.js +6 -6
  562. package/lib/Text/index.js +15 -21
  563. package/lib/Text/styles.js +4 -3
  564. package/lib/Textarea/index.js +33 -53
  565. package/lib/Textarea/styles.js +6 -5
  566. package/lib/ThemeProvider/index.js +4 -7
  567. package/lib/Toast/index.js +26 -37
  568. package/lib/Toast/styles.js +5 -4
  569. package/lib/ToggleHint/index.js +18 -36
  570. package/lib/ToggleHint/styles.js +6 -5
  571. package/lib/Token/index.js +20 -26
  572. package/lib/Token/styles.js +10 -9
  573. package/lib/TokenInput/index.js +78 -118
  574. package/lib/TokenInput/styles.js +5 -4
  575. package/lib/TokenInput/util.js +5 -3
  576. package/lib/Tooltip/index.js +45 -60
  577. package/lib/Tooltip/styles.js +4 -4
  578. package/lib/VisuallyHidden/index.js +3 -2
  579. package/lib/dataviz/index.js +4 -3
  580. package/lib/index.js +66 -64
  581. package/lib/systemProps/background.js +3 -1
  582. package/lib/systemProps/border.js +3 -1
  583. package/lib/systemProps/color.js +3 -1
  584. package/lib/systemProps/custom.js +3 -1
  585. package/lib/systemProps/flexbox.js +3 -1
  586. package/lib/systemProps/grid.js +3 -1
  587. package/lib/systemProps/index.js +16 -14
  588. package/lib/systemProps/layout.js +3 -1
  589. package/lib/systemProps/position.js +3 -1
  590. package/lib/systemProps/shadow.js +3 -1
  591. package/lib/systemProps/space.js +2 -1
  592. package/lib/systemProps/systemProps.js +14 -13
  593. package/lib/systemProps/tests/types.flow.js +27 -22
  594. package/lib/systemProps/typography.js +3 -1
  595. package/lib/systemProps/variant.js +4 -3
  596. package/lib/themes/dark/dataviz-palette.js +23 -21
  597. package/lib/themes/dark/decorative-palettes.js +3 -1
  598. package/lib/themes/dark/theme.js +20 -23
  599. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +4 -7
  600. package/lib/themes/extendedThemes/sproutTheme/index.js +3 -2
  601. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +4 -7
  602. package/lib/themes/light/dataviz-palette.js +23 -21
  603. package/lib/themes/light/decorative-palettes.js +3 -1
  604. package/lib/themes/light/literal-colors.js +135 -133
  605. package/lib/themes/light/theme.js +54 -55
  606. package/lib/types/system-props.flow.js +1 -1
  607. package/lib/types/theme.colors.flow.js +4 -2
  608. package/lib/types/theme.flow.js +3 -2
  609. package/lib/utils/a11yTest.js +5 -8
  610. package/lib/utils/chartColors.js +3 -1
  611. package/lib/utils/constants.js +3 -1
  612. package/lib/utils/dataQaLabelQueries.js +13 -21
  613. package/lib/utils/hooks.js +41 -64
  614. package/lib/utils/index.js +2 -5
  615. package/lib/utils/innerText.js +12 -14
  616. package/lib/utils/mixins.js +6 -5
  617. package/lib/utils/react-testing-library.js +10 -20
  618. package/lib/utils/responsiveProps/index.js +3 -8
  619. package/lib/utils/system-props.js +4 -3
  620. package/lib/utils/useInteractiveColor.js +10 -9
  621. package/package.json +6 -13
@@ -2,19 +2,12 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.ReactDatesCssOverrides = exports.CalendarDay = void 0;
5
-
6
5
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
-
8
6
  var _moment = _interopRequireDefault(require("moment"));
9
-
10
7
  var _Box = _interopRequireDefault(require("../Box"));
11
-
12
8
  var _mixins = require("../utils/mixins");
13
-
14
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
12
 
20
13
  /*
@@ -28,54 +21,44 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
28
21
  * selected-end-no-selected-start
29
22
  *
30
23
  */
24
+
31
25
  var isSelected = function isSelected(modifiers) {
32
- return modifiers.has("selected-span") || modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("selected-end") || modifiers.has("hovered-span") || modifiers.has("after-hovered-start");
26
+ return modifiers.has('selected-span') || modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('selected-end') || modifiers.has('hovered-span') || modifiers.has('after-hovered-start');
33
27
  };
34
-
35
28
  var isOutOfRange = function isOutOfRange(modifiers) {
36
- return modifiers.has("blocked-out-of-range");
29
+ return modifiers.has('blocked-out-of-range');
37
30
  };
38
-
39
31
  var isHoveredAndInRange = function isHoveredAndInRange(modifiers) {
40
- return modifiers.has("hovered") && !modifiers.has("blocked-out-of-range");
32
+ return modifiers.has('hovered') && !modifiers.has('blocked-out-of-range');
41
33
  };
42
-
43
34
  var shouldHaveLeftPill = function shouldHaveLeftPill(modifiers, day) {
44
35
  if (!isSelected(modifiers)) {
45
36
  return false;
46
37
  }
47
-
48
- if (modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("first-day-of-week") || day.isSame((0, _moment.default)(day).startOf("month"), "day")) {
38
+ if (modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('first-day-of-week') || day.isSame((0, _moment.default)(day).startOf('month'), 'day')) {
49
39
  return true;
50
40
  }
51
-
52
41
  return false;
53
42
  };
54
-
55
43
  var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
56
44
  if (!isSelected(modifiers)) {
57
45
  return false;
58
46
  }
59
-
60
- if (modifiers.has("selected") || modifiers.has("selected-end") || modifiers.has("last-day-of-week") || day.isSame((0, _moment.default)(day).endOf("month"), "day")) {
47
+ if (modifiers.has('selected') || modifiers.has('selected-end') || modifiers.has('last-day-of-week') || day.isSame((0, _moment.default)(day).endOf('month'), 'day')) {
61
48
  return true;
62
49
  }
63
-
64
50
  return false;
65
51
  };
66
-
67
52
  var CalendarDay = (0, _styledComponents.default)(_Box.default).withConfig({
68
53
  displayName: "styles__CalendarDay",
69
54
  componentId: "sc-fso9yi-0"
70
55
  })(["", ";"], function (_ref) {
71
56
  var modifiers = _ref.modifiers,
72
- day = _ref.day,
73
- theme = _ref.theme;
74
-
57
+ day = _ref.day,
58
+ theme = _ref.theme;
75
59
  if (isSelected(modifiers)) {
76
60
  return (0, _styledComponents.css)(["background-color:", ";color:", ";margin-left:", ";margin-right:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], theme.colors.container.background.selected, theme.colors.text.inverse, shouldHaveLeftPill(modifiers, day) && theme.space[200], shouldHaveRightPill(modifiers, day) && theme.space[200], shouldHaveLeftPill(modifiers, day) && theme.radii.pill, shouldHaveLeftPill(modifiers, day) && theme.radii.pill, shouldHaveRightPill(modifiers, day) && theme.radii.pill, shouldHaveRightPill(modifiers, day) && theme.radii.pill);
77
61
  }
78
-
79
62
  if (isHoveredAndInRange(modifiers)) {
80
63
  return (0, _styledComponents.css)(["margin:0 ", ";border-radius:", ";border:1px solid ", ";"], theme.space[200], theme.radii.pill, theme.colors.container.border.selected);
81
64
  } else if (isOutOfRange(modifiers)) {
@@ -2,35 +2,26 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.SlideTransition = void 0;
5
-
6
5
  var React = _interopRequireWildcard(require("react"));
7
-
8
6
  var _reactSpring = require("react-spring");
9
-
10
7
  var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
11
-
12
8
  var _excluded = ["isVisible", "children", "width", "direction"];
13
-
14
9
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
10
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
-
18
11
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
-
20
12
  var SlideTransition = function SlideTransition(_ref) {
21
13
  var isVisible = _ref.isVisible,
22
- children = _ref.children,
23
- width = _ref.width,
24
- direction = _ref.direction,
25
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
26
-
27
- var offset = width * (direction === "left" ? -1 : 1);
14
+ children = _ref.children,
15
+ width = _ref.width,
16
+ direction = _ref.direction,
17
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
18
+ var offset = width * (direction === 'left' ? -1 : 1);
28
19
  var transitions = (0, _reactSpring.useTransition)(isVisible, null, {
29
20
  from: {
30
21
  transform: "translateX(" + offset + "px)"
31
22
  },
32
23
  enter: {
33
- transform: "translateX(0)"
24
+ transform: 'translateX(0)'
34
25
  },
35
26
  leave: {
36
27
  transform: "translateX(" + offset + "px)"
@@ -41,8 +32,8 @@ var SlideTransition = function SlideTransition(_ref) {
41
32
  });
42
33
  return transitions.map(function (_ref2) {
43
34
  var key = _ref2.key,
44
- item = _ref2.item,
45
- props = _ref2.props;
35
+ item = _ref2.item,
36
+ props = _ref2.props;
46
37
  return children({
47
38
  key: key,
48
39
  isVisible: item,
@@ -50,5 +41,4 @@ var SlideTransition = function SlideTransition(_ref) {
50
41
  });
51
42
  });
52
43
  };
53
-
54
44
  exports.SlideTransition = SlideTransition;
@@ -2,64 +2,42 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
-
6
5
  var React = _interopRequireWildcard(require("react"));
7
-
8
6
  var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
9
-
10
7
  var _SlideTransition = require("./SlideTransition");
11
-
12
8
  var _styles = _interopRequireWildcard(require("./styles"));
13
-
14
9
  var _reactSpring = require("react-spring");
15
-
16
10
  var _Portal = _interopRequireDefault(require("../Portal"));
17
-
18
11
  var _Box = _interopRequireDefault(require("../Box"));
19
-
20
12
  var _Text = _interopRequireDefault(require("../Text"));
21
-
22
13
  var _Button = _interopRequireDefault(require("../Button"));
23
-
24
14
  var _Icon = _interopRequireDefault(require("../Icon"));
25
-
26
15
  var _excluded = ["title", "children", "render"],
27
- _excluded2 = ["children"],
28
- _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
29
- _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
30
-
16
+ _excluded2 = ["children"],
17
+ _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
18
+ _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
31
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
32
-
33
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
34
-
35
21
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
36
-
37
22
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
38
-
39
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
40
-
23
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
41
24
  // If ever we needed to make drawer width configurable, move this to a default prop
42
25
  var DRAWER_WIDTH = 600;
43
26
  var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
44
-
45
27
  var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
46
28
  return ref.current && event.target instanceof Node && ref.current.contains(event.target);
47
29
  };
48
-
49
30
  var DrawerContext = /*#__PURE__*/React.createContext({});
50
-
51
31
  var DrawerCloseButton = function DrawerCloseButton(props) {
52
32
  var _useContext = (0, React.useContext)(DrawerContext),
53
- onClose = _useContext.onClose,
54
- closeButtonLabel = _useContext.closeButtonLabel;
55
-
33
+ onClose = _useContext.onClose,
34
+ closeButtonLabel = _useContext.closeButtonLabel;
56
35
  if (props.render) {
57
36
  return props.render({
58
37
  onClose: onClose,
59
38
  closeButtonLabel: closeButtonLabel
60
39
  });
61
40
  }
62
-
63
41
  return (
64
42
  /*#__PURE__*/
65
43
  // $FlowIssue - upgrade v0.112.0
@@ -72,28 +50,24 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
72
50
  }))
73
51
  );
74
52
  };
75
-
76
53
  var DrawerHeader = function DrawerHeader(_ref) {
77
54
  var _ref$title = _ref.title,
78
- title = _ref$title === void 0 ? "" : _ref$title,
79
- children = _ref.children,
80
- render = _ref.render,
81
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
82
-
55
+ title = _ref$title === void 0 ? '' : _ref$title,
56
+ children = _ref.children,
57
+ render = _ref.render,
58
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
83
59
  var drawerContext = (0, React.useContext)(DrawerContext);
84
-
85
60
  if (render) {
86
61
  return render(drawerContext);
87
62
  }
88
-
89
63
  return /*#__PURE__*/React.createElement(_Box.default, _extends({
90
64
  display: "flex",
91
65
  flex: "0 0 auto",
92
66
  justifyContent: "space-between",
93
67
  alignItems: "center",
94
68
  pt: 400,
95
- px: 450 // $FlowIssue - upgrade v0.112.0
96
-
69
+ px: 450
70
+ // $FlowIssue - upgrade v0.112.0
97
71
  }, rest), children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Text.default, {
98
72
  as: "h2",
99
73
  fontSize: 400,
@@ -101,11 +75,9 @@ var DrawerHeader = function DrawerHeader(_ref) {
101
75
  color: "text.headline"
102
76
  }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
103
77
  };
104
-
105
78
  var DrawerContent = function DrawerContent(_ref2) {
106
79
  var children = _ref2.children,
107
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
108
-
80
+ rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
109
81
  return (
110
82
  /*#__PURE__*/
111
83
  // $FlowIssue - upgrade v0.112.0
@@ -116,56 +88,48 @@ var DrawerContent = function DrawerContent(_ref2) {
116
88
  }, rest), children)
117
89
  );
118
90
  };
119
-
120
91
  var Drawer = function Drawer(_ref3) {
121
92
  var id = _ref3.id,
122
- style = _ref3.style,
123
- offset = _ref3.offset,
124
- direction = _ref3.direction,
125
- children = _ref3.children,
126
- disableCloseOnClickOutside = _ref3.disableCloseOnClickOutside,
127
- onClose = _ref3.onClose,
128
- zIndex = _ref3.zIndex,
129
- closeTargets = _ref3.closeTargets,
130
- rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
131
-
93
+ style = _ref3.style,
94
+ offset = _ref3.offset,
95
+ direction = _ref3.direction,
96
+ children = _ref3.children,
97
+ disableCloseOnClickOutside = _ref3.disableCloseOnClickOutside,
98
+ onClose = _ref3.onClose,
99
+ zIndex = _ref3.zIndex,
100
+ closeTargets = _ref3.closeTargets,
101
+ rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
132
102
  var drawerRef = (0, React.useRef)(null);
133
103
  (0, React.useEffect)(function () {
134
104
  var documentBody = document.body;
135
-
136
105
  if (!documentBody) {
137
106
  return;
138
107
  }
139
-
140
108
  var onEsc = function onEsc(event) {
141
- if (event.key === "Escape") {
109
+ if (event.key === 'Escape') {
142
110
  onClose();
143
111
  }
144
112
  };
145
-
146
113
  var bodyClick = function bodyClick(event) {
147
114
  if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
148
115
  onClose();
149
116
  }
150
117
  };
151
-
152
- documentBody && documentBody.addEventListener("keydown", onEsc, false);
153
-
118
+ documentBody && documentBody.addEventListener('keydown', onEsc, false);
154
119
  if (closeTargets) {
155
120
  closeTargets.forEach(function (targetElement) {
156
- return targetElement && targetElement.addEventListener("click", bodyClick, false);
121
+ return targetElement && targetElement.addEventListener('click', bodyClick, false);
157
122
  });
158
123
  } else {
159
- documentBody.firstElementChild && documentBody.firstElementChild.addEventListener("click", bodyClick, false);
124
+ documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
160
125
  }
161
-
162
126
  return function () {
163
127
  if (closeTargets) {
164
128
  closeTargets.forEach(function (targetElement) {
165
- return targetElement && targetElement.removeEventListener("click", bodyClick, false);
129
+ return targetElement && targetElement.removeEventListener('click', bodyClick, false);
166
130
  });
167
131
  } else {
168
- documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener("click", bodyClick, false);
132
+ documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
169
133
  }
170
134
  };
171
135
  }, [onClose, disableCloseOnClickOutside, closeTargets]);
@@ -182,25 +146,23 @@ var Drawer = function Drawer(_ref3) {
182
146
  "data-qa-drawer": id
183
147
  }, rest), children));
184
148
  };
185
-
186
149
  var DrawerContainer = function DrawerContainer(_ref4) {
187
150
  var children = _ref4.children,
188
- closeButtonLabel = _ref4.closeButtonLabel,
189
- _ref4$direction = _ref4.direction,
190
- direction = _ref4$direction === void 0 ? "right" : _ref4$direction,
191
- _ref4$disableCloseOnC = _ref4.disableCloseOnClickOutside,
192
- disableCloseOnClickOutside = _ref4$disableCloseOnC === void 0 ? false : _ref4$disableCloseOnC,
193
- id = _ref4.id,
194
- isOpen = _ref4.isOpen,
195
- _ref4$offset = _ref4.offset,
196
- offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
197
- onClose = _ref4.onClose,
198
- _ref4$zIndex = _ref4.zIndex,
199
- zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
200
- _ref4$closeTargets = _ref4.closeTargets,
201
- closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
202
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
203
-
151
+ closeButtonLabel = _ref4.closeButtonLabel,
152
+ _ref4$direction = _ref4.direction,
153
+ direction = _ref4$direction === void 0 ? 'right' : _ref4$direction,
154
+ _ref4$disableCloseOnC = _ref4.disableCloseOnClickOutside,
155
+ disableCloseOnClickOutside = _ref4$disableCloseOnC === void 0 ? false : _ref4$disableCloseOnC,
156
+ id = _ref4.id,
157
+ isOpen = _ref4.isOpen,
158
+ _ref4$offset = _ref4.offset,
159
+ offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
160
+ onClose = _ref4.onClose,
161
+ _ref4$zIndex = _ref4.zIndex,
162
+ zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
163
+ _ref4$closeTargets = _ref4.closeTargets,
164
+ closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
165
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
204
166
  return /*#__PURE__*/React.createElement(_Portal.default, {
205
167
  id: id
206
168
  }, /*#__PURE__*/React.createElement(DrawerContext.Provider, {
@@ -214,8 +176,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
214
176
  isVisible: isOpen
215
177
  }, function (_ref5) {
216
178
  var isVisible = _ref5.isVisible,
217
- style = _ref5.style,
218
- key = _ref5.key;
179
+ style = _ref5.style,
180
+ key = _ref5.key;
219
181
  return isVisible && /*#__PURE__*/React.createElement(Drawer, _extends({
220
182
  key: key,
221
183
  id: id,
@@ -228,18 +190,17 @@ var DrawerContainer = function DrawerContainer(_ref4) {
228
190
  onClose: onClose,
229
191
  zIndex: zIndex,
230
192
  closeTargets: closeTargets,
231
- "data-qa-drawer": id || "",
232
- "data-qa-drawer-isopen": isOpen === true // $FlowIssue - upgrade v0.112.0
233
-
193
+ "data-qa-drawer": id || '',
194
+ "data-qa-drawer-isopen": isOpen === true
195
+ // $FlowIssue - upgrade v0.112.0
234
196
  }, rest), children);
235
197
  })));
236
198
  };
237
-
238
199
  DrawerContainer.Header = DrawerHeader;
239
200
  DrawerContainer.Content = DrawerContent;
240
201
  DrawerContainer.CloseButton = DrawerCloseButton;
241
- DrawerContainer.Header.displayName = "Drawer.Header";
242
- DrawerContainer.Content.displayName = "Drawer.Content";
243
- DrawerContainer.CloseButton.displayName = "Drawer.CloseButton";
202
+ DrawerContainer.Header.displayName = 'Drawer.Header';
203
+ DrawerContainer.Content.displayName = 'Drawer.Content';
204
+ DrawerContainer.CloseButton.displayName = 'Drawer.CloseButton';
244
205
  var _default = DrawerContainer;
245
206
  exports.default = _default;
@@ -2,17 +2,11 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.default = exports.Content = void 0;
5
-
6
5
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
-
8
6
  var _systemProps = require("../utils/system-props");
9
-
10
7
  var _Box = _interopRequireDefault(require("../Box"));
11
-
12
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
9
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
10
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
11
 
18
12
  var Content = (0, _styledComponents.default)(_Box.default).withConfig({
@@ -20,7 +14,6 @@ var Content = (0, _styledComponents.default)(_Box.default).withConfig({
20
14
  componentId: "sc-bo5voc-0"
21
15
  })(["overflow-y:auto;"]);
22
16
  exports.Content = Content;
23
-
24
17
  var Container = _styledComponents.default.div.withConfig({
25
18
  displayName: "styles__Container",
26
19
  componentId: "sc-bo5voc-1"
@@ -33,6 +26,5 @@ var Container = _styledComponents.default.div.withConfig({
33
26
  }, function (props) {
34
27
  return (0, _styledComponents.css)(["", ":", "px;"], props.direction, props.offset);
35
28
  }, _systemProps.COMMON);
36
-
37
29
  var _default = Container;
38
30
  exports.default = _default;
@@ -2,33 +2,22 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
-
6
5
  var React = _interopRequireWildcard(require("react"));
7
-
8
6
  var _Box = _interopRequireDefault(require("../Box"));
9
-
10
7
  var _Text = _interopRequireDefault(require("../Text"));
11
-
12
8
  var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryAction"];
13
-
14
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
20
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
-
12
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
13
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
-
24
14
  var EmptyState = function EmptyState(_ref) {
25
15
  var media = _ref.media,
26
- headline = _ref.headline,
27
- subtext = _ref.subtext,
28
- primaryAction = _ref.primaryAction,
29
- secondaryAction = _ref.secondaryAction,
30
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
31
-
16
+ headline = _ref.headline,
17
+ subtext = _ref.subtext,
18
+ primaryAction = _ref.primaryAction,
19
+ secondaryAction = _ref.secondaryAction,
20
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
32
21
  return (
33
22
  /*#__PURE__*/
34
23
  // $FlowIssue - upgrade v0.112.0
@@ -59,14 +48,13 @@ var EmptyState = function EmptyState(_ref) {
59
48
  }, subtext), /*#__PURE__*/React.createElement(_Box.default, {
60
49
  mt: primaryAction || secondaryAction ? 450 : 0
61
50
  }, primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
62
- appearance: "primary"
51
+ appearance: 'primary'
63
52
  }), secondaryAction && /*#__PURE__*/React.createElement(_Box.default, {
64
53
  mt: 400
65
54
  }, /*#__PURE__*/React.cloneElement(secondaryAction, {
66
- appearance: "default"
55
+ appearance: 'default'
67
56
  })))))
68
57
  );
69
58
  };
70
-
71
59
  var _default = EmptyState;
72
60
  exports.default = _default;
@@ -2,40 +2,28 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
-
6
5
  var React = _interopRequireWildcard(require("react"));
7
-
8
6
  var _Box = _interopRequireDefault(require("../Box"));
9
-
10
7
  var _Text = _interopRequireDefault(require("../Text"));
11
-
12
8
  var _styles = require("./styles");
13
-
14
9
  var _excluded = ["layout", "label", "helperText", "children"],
15
- _excluded2 = ["children"],
16
- _excluded3 = ["children"];
17
-
10
+ _excluded2 = ["children"],
11
+ _excluded3 = ["children"];
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
15
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
26
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
-
28
17
  /**
29
18
  * Fieldset Component
30
19
  */
31
20
  var Fieldset = function Fieldset(_ref) {
32
21
  var _ref$layout = _ref.layout,
33
- layout = _ref$layout === void 0 ? "vertical" : _ref$layout,
34
- label = _ref.label,
35
- helperText = _ref.helperText,
36
- children = _ref.children,
37
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
38
-
22
+ layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
23
+ label = _ref.label,
24
+ helperText = _ref.helperText,
25
+ children = _ref.children,
26
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
39
27
  return (
40
28
  /*#__PURE__*/
41
29
  // $FlowIssue - upgrade v0.112.0
@@ -43,10 +31,10 @@ var Fieldset = function Fieldset(_ref) {
43
31
  as: "fieldset",
44
32
  border: "none",
45
33
  p: 0,
46
- "data-qa-fieldset": ""
47
- }, rest), typeof label === "string" ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === "string" ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(_Box.default, {
34
+ "data-qa-fieldset": ''
35
+ }, rest), typeof label === 'string' ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === 'string' ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(_Box.default, {
48
36
  display: "flex",
49
- flexDirection: layout === "vertical" ? "column" : "row"
37
+ flexDirection: layout === 'vertical' ? 'column' : 'row'
50
38
  }, React.Children.map(children, function (child) {
51
39
  return /*#__PURE__*/React.createElement(_styles.ChildContainer, {
52
40
  layout: layout
@@ -54,11 +42,9 @@ var Fieldset = function Fieldset(_ref) {
54
42
  })))
55
43
  );
56
44
  };
57
-
58
45
  var FieldsetLegend = function FieldsetLegend(_ref2) {
59
46
  var children = _ref2.children,
60
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
61
-
47
+ rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
62
48
  return /*#__PURE__*/React.createElement(_Text.default, _extends({
63
49
  as: "legend",
64
50
  fontSize: 300,
@@ -67,21 +53,18 @@ var FieldsetLegend = function FieldsetLegend(_ref2) {
67
53
  mb: 300
68
54
  }, rest), children);
69
55
  };
70
-
71
56
  var FieldsetHelperText = function FieldsetHelperText(_ref3) {
72
57
  var children = _ref3.children,
73
- rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
74
-
58
+ rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
75
59
  return /*#__PURE__*/React.createElement(_Text.default, _extends({
76
60
  as: "p",
77
61
  fontSize: 200,
78
62
  mb: 300
79
63
  }, rest), children);
80
64
  };
81
-
82
65
  Fieldset.Legend = FieldsetLegend;
83
66
  Fieldset.HelperText = FieldsetHelperText;
84
- Fieldset.Legend.displayName = "Fieldset.Legend";
85
- Fieldset.HelperText.displayName = "Fieldset.HelperText";
67
+ Fieldset.Legend.displayName = 'Fieldset.Legend';
68
+ Fieldset.HelperText.displayName = 'Fieldset.HelperText';
86
69
  var _default = Fieldset;
87
70
  exports.default = _default;
@@ -2,23 +2,18 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.ChildContainer = void 0;
5
-
6
5
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
-
8
6
  var _Box = _interopRequireDefault(require("../Box"));
9
-
10
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
8
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
-
14
9
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
10
 
16
11
  var ChildContainer = (0, _styledComponents.default)(_Box.default).withConfig({
17
12
  displayName: "styles__ChildContainer",
18
13
  componentId: "sc-1bemv2g-0"
19
14
  })(["", " ", ""], function (props) {
20
- return props.layout === "vertical" && (0, _styledComponents.css)(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
15
+ return props.layout === 'vertical' && (0, _styledComponents.css)(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
21
16
  }, function (props) {
22
- return props.layout === "horizontal" && (0, _styledComponents.css)(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
17
+ return props.layout === 'horizontal' && (0, _styledComponents.css)(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
23
18
  });
24
19
  exports.ChildContainer = ChildContainer;