@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,14 +2,10 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.TooltipContent = void 0;
5
-
6
5
  var _styledComponents = _interopRequireDefault(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
8
 
12
- // eslint-disable-next-line prettier/prettier
13
9
  var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
14
10
  displayName: "styles__TooltipContent",
15
11
  componentId: "sc-t1xjnk-0"
@@ -18,6 +14,6 @@ var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
18
14
  }, function (props) {
19
15
  return props.theme.typography[200];
20
16
  }, function (props) {
21
- return props.appearance === "box" ? "left" : "center";
17
+ return props.appearance === 'box' ? 'left' : 'center';
22
18
  });
23
19
  exports.TooltipContent = TooltipContent;
@@ -2,16 +2,12 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.VisuallyHidden = void 0;
5
-
6
5
  var _mixins = require("../utils/mixins");
7
-
8
6
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
8
 
12
9
  var VisuallyHidden = _styledComponents.default.span.withConfig({
13
10
  displayName: "VisuallyHidden",
14
11
  componentId: "sc-rxkbyc-0"
15
12
  })(["", ""], _mixins.visuallyHidden);
16
-
17
13
  exports.VisuallyHidden = VisuallyHidden;
@@ -2,13 +2,9 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.DataVizRotation = void 0;
5
-
6
5
  var _react = _interopRequireDefault(require("react"));
7
-
8
6
  var _Box = _interopRequireDefault(require("../Box"));
9
-
10
7
  var _styledComponents = require("styled-components");
11
-
12
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
9
 
14
10
  var DataVizRotation = (0, _styledComponents.withTheme)(function (p) {
package/commonjs/index.js CHANGED
@@ -76,276 +76,147 @@ var _exportNames = {
76
76
  VisuallyHidden: true
77
77
  };
78
78
  exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.useInteractiveColor = exports.toast = exports.theme = exports.sproutLightTheme = exports.sproutDarkTheme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.SpotIllustration = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.PartnerLogo = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
79
-
80
79
  var _systemProps = require("./systemProps");
81
-
82
80
  Object.keys(_systemProps).forEach(function (key) {
83
81
  if (key === "default" || key === "__esModule") return;
84
82
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
85
83
  if (key in exports && exports[key] === _systemProps[key]) return;
86
84
  exports[key] = _systemProps[key];
87
85
  });
88
-
89
86
  var _mixins = require("./utils/mixins");
90
-
91
87
  exports.visuallyHidden = _mixins.visuallyHidden;
92
88
  exports.focusRing = _mixins.focusRing;
93
89
  exports.disabled = _mixins.disabled;
94
-
95
90
  var _hooks = require("./utils/hooks");
96
-
97
91
  exports.useSelect = _hooks.useSelect;
98
92
  exports.useMultiselect = _hooks.useMultiselect;
99
93
  exports.useTextContent = _hooks.useTextContent;
100
-
101
94
  var _useInteractiveColor = require("./utils/useInteractiveColor");
102
-
103
95
  exports.useInteractiveColor = _useInteractiveColor.useInteractiveColor;
104
-
105
96
  var _theme = _interopRequireDefault(require("./themes/light/theme"));
106
-
107
97
  exports.theme = _theme.default;
108
-
109
98
  var _theme2 = _interopRequireDefault(require("./themes/dark/theme"));
110
-
111
99
  exports.darkTheme = _theme2.default;
112
-
113
100
  var _sproutTheme = require("./themes/extendedThemes/sproutTheme");
114
-
115
101
  exports.sproutLightTheme = _sproutTheme.sproutLightTheme;
116
102
  exports.sproutDarkTheme = _sproutTheme.sproutDarkTheme;
117
-
118
103
  var _Icon = _interopRequireDefault(require("./Icon"));
119
-
120
104
  exports.Icon = _Icon.default;
121
-
122
105
  var _Banner = _interopRequireDefault(require("./Banner"));
123
-
124
106
  exports.Alert = _Banner.default;
125
107
  exports.Banner = _Banner.default;
126
-
127
108
  var _Badge = _interopRequireDefault(require("./Badge"));
128
-
129
109
  exports.Badge = _Badge.default;
130
-
131
110
  var _Indicator = _interopRequireDefault(require("./Indicator"));
132
-
133
111
  exports.Indicator = _Indicator.default;
134
-
135
112
  var _Card = _interopRequireDefault(require("./Card"));
136
-
137
113
  exports.Card = _Card.default;
138
-
139
114
  var _CharacterCounter = _interopRequireDefault(require("./CharacterCounter"));
140
-
141
115
  exports.CharacterCounter = _CharacterCounter.default;
142
-
143
116
  var _Checkbox = _interopRequireDefault(require("./Checkbox"));
144
-
145
117
  exports.Checkbox = _Checkbox.default;
146
-
147
118
  var _Radio = _interopRequireDefault(require("./Radio"));
148
-
149
119
  exports.Radio = _Radio.default;
150
-
151
120
  var _Textarea = _interopRequireDefault(require("./Textarea"));
152
-
153
121
  exports.Textarea = _Textarea.default;
154
-
155
122
  var _ToggleHint = _interopRequireDefault(require("./ToggleHint"));
156
-
157
123
  exports.ToggleHint = _ToggleHint.default;
158
-
159
124
  var _Loader = _interopRequireDefault(require("./Loader"));
160
-
161
125
  exports.Loader = _Loader.default;
162
-
163
126
  var _Text = _interopRequireDefault(require("./Text"));
164
-
165
127
  exports.Text = _Text.default;
166
-
167
128
  var _Image = _interopRequireDefault(require("./Image"));
168
-
169
129
  exports.Image = _Image.default;
170
-
171
130
  var _KeyboardKey = _interopRequireDefault(require("./KeyboardKey"));
172
-
173
131
  exports.KeyboardKey = _KeyboardKey.default;
174
-
175
132
  var _ChartLegend = _interopRequireDefault(require("./ChartLegend"));
176
-
177
133
  exports.ChartLegend = _ChartLegend.default;
178
-
179
134
  var _Table = _interopRequireDefault(require("./Table"));
180
-
181
135
  exports.Table = _Table.default;
182
-
183
136
  var _TableCell = _interopRequireDefault(require("./TableCell"));
184
-
185
137
  exports.TableCell = _TableCell.default;
186
-
187
138
  var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
188
-
189
139
  exports.TableHeaderCell = _TableHeaderCell.default;
190
-
191
140
  var _TableRowAccordion = _interopRequireDefault(require("./TableRowAccordion"));
192
-
193
141
  exports.TableRowAccordion = _TableRowAccordion.default;
194
-
195
142
  var _Box = _interopRequireDefault(require("./Box"));
196
-
197
143
  exports.Box = _Box.default;
198
-
199
144
  var _Label = _interopRequireDefault(require("./Label"));
200
-
201
145
  exports.Label = _Label.default;
202
-
203
146
  var _Input = _interopRequireDefault(require("./Input"));
204
-
205
147
  exports.Input = _Input.default;
206
-
207
148
  var _Select = _interopRequireDefault(require("./Select"));
208
-
209
149
  exports.Select = _Select.default;
210
-
211
150
  var _Button = _interopRequireDefault(require("./Button"));
212
-
213
151
  exports.Button = _Button.default;
214
-
215
152
  var _Link = _interopRequireDefault(require("./Link"));
216
-
217
153
  exports.Link = _Link.default;
218
-
219
154
  var _Switch = _interopRequireDefault(require("./Switch"));
220
-
221
155
  exports.Switch = _Switch.default;
222
-
223
156
  var _Token = _interopRequireDefault(require("./Token"));
224
-
225
157
  exports.Token = _Token.default;
226
-
227
158
  var _TokenInput = _interopRequireDefault(require("./TokenInput"));
228
-
229
159
  exports.TokenInput = _TokenInput.default;
230
-
231
160
  var _Tabs = _interopRequireDefault(require("./Tabs"));
232
-
233
161
  exports.Tabs = _Tabs.default;
234
-
235
162
  var _Modal = _interopRequireDefault(require("./Modal"));
236
-
237
163
  exports.Modal = _Modal.default;
238
-
239
164
  var _Popout = _interopRequireDefault(require("./Popout"));
240
-
241
165
  exports.Popout = _Popout.default;
242
-
243
166
  var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
244
-
245
167
  exports.ThemeProvider = _ThemeProvider.default;
246
-
247
168
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
248
-
249
169
  exports.Tooltip = _Tooltip.default;
250
-
251
170
  var _Drawer = _interopRequireDefault(require("./Drawer"));
252
-
253
171
  exports.Drawer = _Drawer.default;
254
-
255
172
  var _LoaderButton = _interopRequireDefault(require("./LoaderButton"));
256
-
257
173
  exports.LoaderButton = _LoaderButton.default;
258
-
259
174
  var _Numeral = _interopRequireDefault(require("./Numeral"));
260
-
261
175
  exports.Numeral = _Numeral.default;
262
-
263
176
  var _Collapsible = _interopRequireDefault(require("./Collapsible"));
264
-
265
177
  exports.Collapsible = _Collapsible.default;
266
-
267
178
  var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl"));
268
-
269
179
  exports.SegmentedControl = _SegmentedControl.default;
270
-
271
180
  var _EmptyState = _interopRequireDefault(require("./EmptyState"));
272
-
273
181
  exports.EmptyState = _EmptyState.default;
274
-
275
182
  var _FormField = _interopRequireDefault(require("./FormField"));
276
-
277
183
  exports.FormField = _FormField.default;
278
-
279
184
  var _Fieldset = _interopRequireDefault(require("./Fieldset"));
280
-
281
185
  exports.Fieldset = _Fieldset.default;
282
-
283
186
  var _Message = _interopRequireDefault(require("./Message"));
284
-
285
187
  exports.Message = _Message.default;
286
-
287
188
  var _Stack = _interopRequireDefault(require("./Stack"));
288
-
289
189
  exports.Stack = _Stack.default;
290
-
291
190
  var _Avatar = _interopRequireDefault(require("./Avatar"));
292
-
293
191
  exports.Avatar = _Avatar.default;
294
-
295
192
  var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
296
-
297
193
  exports.Breadcrumb = _Breadcrumb.default;
298
-
299
194
  var _Skeleton = _interopRequireDefault(require("./Skeleton"));
300
-
301
195
  exports.Skeleton = _Skeleton.default;
302
-
303
196
  var _Toast = _interopRequireWildcard(require("./Toast"));
304
-
305
197
  exports.ToastContainer = _Toast.default;
306
198
  exports.toast = _Toast.toast;
307
-
308
199
  var _Menu = _interopRequireWildcard(require("./Menu"));
309
-
310
200
  exports.Menu = _Menu.default;
311
201
  exports.MenuButton = _Menu.MenuButton;
312
-
313
202
  var _hooks2 = require("./Menu/hooks");
314
-
315
203
  exports.MenuButtonContext = _hooks2.MenuButtonContext;
316
-
317
204
  var _styles = require("./Menu/styles");
318
-
319
205
  exports.MenuItemContainer = _styles.MenuItemContainer;
320
-
321
206
  var _Listbox = _interopRequireWildcard(require("./Listbox"));
322
-
323
207
  exports.Listbox = _Listbox.default;
324
208
  exports.ListboxButton = _Listbox.ListboxButton;
325
-
326
209
  var _OverflowList = _interopRequireDefault(require("./OverflowList"));
327
-
328
210
  exports.OverflowList = _OverflowList.default;
329
-
330
211
  var _DatePicker = require("./DatePicker");
331
-
332
212
  exports.SingleDatePicker = _DatePicker.SingleDatePicker;
333
213
  exports.DateRangePicker = _DatePicker.DateRangePicker;
334
-
335
214
  var _VisuallyHidden = require("./VisuallyHidden");
336
-
337
215
  exports.VisuallyHidden = _VisuallyHidden.VisuallyHidden;
338
-
339
216
  var _PartnerLogo = _interopRequireDefault(require("./PartnerLogo"));
340
-
341
217
  exports.PartnerLogo = _PartnerLogo.default;
342
-
343
218
  var _SpotIllustration = _interopRequireDefault(require("./SpotIllustration"));
344
-
345
219
  exports.SpotIllustration = _SpotIllustration.default;
346
-
347
220
  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); }
348
-
349
221
  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; }
350
-
351
222
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.backgroundSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var backgroundSystemProps = _styledSystem.background;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.borderSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var borderSystemProps = _styledSystem.border;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.colorSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var colorSystemProps = _styledSystem.color;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.customSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var customSystemProps = (0, _styledSystem.compose)((0, _styledSystem.system)({
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.flexboxSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var flexboxSystemProps = _styledSystem.flexbox;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.gridSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var gridSystemProps = _styledSystem.grid;
@@ -1,113 +1,85 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
-
5
4
  var _typesFlow = require("./types.flow.js");
6
-
7
5
  Object.keys(_typesFlow).forEach(function (key) {
8
6
  if (key === "default" || key === "__esModule") return;
9
7
  if (key in exports && exports[key] === _typesFlow[key]) return;
10
8
  exports[key] = _typesFlow[key];
11
9
  });
12
-
13
10
  var _background = require("./background");
14
-
15
11
  Object.keys(_background).forEach(function (key) {
16
12
  if (key === "default" || key === "__esModule") return;
17
13
  if (key in exports && exports[key] === _background[key]) return;
18
14
  exports[key] = _background[key];
19
15
  });
20
-
21
16
  var _border = require("./border");
22
-
23
17
  Object.keys(_border).forEach(function (key) {
24
18
  if (key === "default" || key === "__esModule") return;
25
19
  if (key in exports && exports[key] === _border[key]) return;
26
20
  exports[key] = _border[key];
27
21
  });
28
-
29
22
  var _color = require("./color");
30
-
31
23
  Object.keys(_color).forEach(function (key) {
32
24
  if (key === "default" || key === "__esModule") return;
33
25
  if (key in exports && exports[key] === _color[key]) return;
34
26
  exports[key] = _color[key];
35
27
  });
36
-
37
28
  var _custom = require("./custom");
38
-
39
29
  Object.keys(_custom).forEach(function (key) {
40
30
  if (key === "default" || key === "__esModule") return;
41
31
  if (key in exports && exports[key] === _custom[key]) return;
42
32
  exports[key] = _custom[key];
43
33
  });
44
-
45
34
  var _flexbox = require("./flexbox");
46
-
47
35
  Object.keys(_flexbox).forEach(function (key) {
48
36
  if (key === "default" || key === "__esModule") return;
49
37
  if (key in exports && exports[key] === _flexbox[key]) return;
50
38
  exports[key] = _flexbox[key];
51
39
  });
52
-
53
40
  var _grid = require("./grid");
54
-
55
41
  Object.keys(_grid).forEach(function (key) {
56
42
  if (key === "default" || key === "__esModule") return;
57
43
  if (key in exports && exports[key] === _grid[key]) return;
58
44
  exports[key] = _grid[key];
59
45
  });
60
-
61
46
  var _layout = require("./layout");
62
-
63
47
  Object.keys(_layout).forEach(function (key) {
64
48
  if (key === "default" || key === "__esModule") return;
65
49
  if (key in exports && exports[key] === _layout[key]) return;
66
50
  exports[key] = _layout[key];
67
51
  });
68
-
69
52
  var _position = require("./position");
70
-
71
53
  Object.keys(_position).forEach(function (key) {
72
54
  if (key === "default" || key === "__esModule") return;
73
55
  if (key in exports && exports[key] === _position[key]) return;
74
56
  exports[key] = _position[key];
75
57
  });
76
-
77
58
  var _shadow = require("./shadow");
78
-
79
59
  Object.keys(_shadow).forEach(function (key) {
80
60
  if (key === "default" || key === "__esModule") return;
81
61
  if (key in exports && exports[key] === _shadow[key]) return;
82
62
  exports[key] = _shadow[key];
83
63
  });
84
-
85
64
  var _space = require("./space");
86
-
87
65
  Object.keys(_space).forEach(function (key) {
88
66
  if (key === "default" || key === "__esModule") return;
89
67
  if (key in exports && exports[key] === _space[key]) return;
90
68
  exports[key] = _space[key];
91
69
  });
92
-
93
70
  var _systemProps = require("./systemProps");
94
-
95
71
  Object.keys(_systemProps).forEach(function (key) {
96
72
  if (key === "default" || key === "__esModule") return;
97
73
  if (key in exports && exports[key] === _systemProps[key]) return;
98
74
  exports[key] = _systemProps[key];
99
75
  });
100
-
101
76
  var _typography = require("./typography");
102
-
103
77
  Object.keys(_typography).forEach(function (key) {
104
78
  if (key === "default" || key === "__esModule") return;
105
79
  if (key in exports && exports[key] === _typography[key]) return;
106
80
  exports[key] = _typography[key];
107
81
  });
108
-
109
82
  var _variant = require("./variant");
110
-
111
83
  Object.keys(_variant).forEach(function (key) {
112
84
  if (key === "default" || key === "__esModule") return;
113
85
  if (key in exports && exports[key] === _variant[key]) return;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.layoutSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var layoutSystemProps = _styledSystem.layout;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.positionSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var positionSystemProps = _styledSystem.position;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.shadowSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var shadowSystemProps = _styledSystem.shadow;
@@ -2,9 +2,8 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.spaceSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
-
8
6
  /* eslint-disable prettier/prettier */
7
+
9
8
  var spaceSystemProps = _styledSystem.space;
10
9
  exports.spaceSystemProps = spaceSystemProps;
@@ -2,31 +2,18 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.systemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
-
8
6
  var _background = require("./background");
9
-
10
7
  var _border = require("./border");
11
-
12
8
  var _color = require("./color");
13
-
14
9
  var _custom = require("./custom");
15
-
16
10
  var _flexbox = require("./flexbox");
17
-
18
11
  var _grid = require("./grid");
19
-
20
12
  var _layout = require("./layout");
21
-
22
13
  var _position = require("./position");
23
-
24
14
  var _shadow = require("./shadow");
25
-
26
15
  var _space = require("./space");
27
-
28
16
  var _typography = require("./typography");
29
-
30
17
  var _variant = require("./variant");
31
18
 
32
19
  var systemProps = (0, _styledSystem.compose)(_custom.customSystemProps, _variant.variantSystemProps, _background.backgroundSystemProps, _border.borderSystemProps, _color.colorSystemProps, _flexbox.flexboxSystemProps, _grid.gridSystemProps, _layout.layoutSystemProps, _position.positionSystemProps, _shadow.shadowSystemProps, _space.spaceSystemProps, _typography.typographySystemProps);
@@ -3,44 +3,47 @@
3
3
  /**
4
4
  * All system props should be responsive but accepting a tuple of length 1-5.
5
5
  */
6
- "a";
7
- ["a"];
8
- ["a", "a"];
9
- ["a", "a", "a"];
10
- ["a", "a", "a", "a"];
11
- ["a", "a", "a", "a", "a"]; // $FlowExpectedError
12
-
13
- ["a", "a", "a", "a", "a", "a"]; // $FlowExpectedError
14
-
15
- ["b"]; // $FlowExpectedError
16
6
 
7
+ 'a';
8
+ ['a'];
9
+ ['a', 'a'];
10
+ ['a', 'a', 'a'];
11
+ ['a', 'a', 'a', 'a'];
12
+ ['a', 'a', 'a', 'a', 'a'];
13
+ // $FlowExpectedError
14
+ ['a', 'a', 'a', 'a', 'a', 'a'];
15
+ // $FlowExpectedError
16
+ ['b'];
17
+ // $FlowExpectedError
17
18
  [null];
19
+
18
20
  /**
19
21
  * All system props should accept "base" values: boolean, null, and undefined.
20
22
  */
21
23
 
22
- "a";
24
+ 'a';
23
25
  true;
24
26
  false;
25
27
  null;
26
28
  undefined;
29
+
27
30
  /**
28
31
  * All system props should be responsive and allow "base" values.
29
32
  */
30
33
 
31
- "a";
32
- "b";
34
+ 'a';
35
+ 'b';
33
36
  true;
34
37
  false;
35
38
  null;
36
39
  undefined;
37
- ["a", null, undefined, false, "b"];
38
- ["a"]; // $FlowExpectedError
39
-
40
- "c"; // $FlowExpectedError
41
-
42
- 1; // $FlowExpectedError
43
-
44
- ({}); // $FlowExpectedError
45
-
40
+ ['a', null, undefined, false, 'b'];
41
+ ['a'];
42
+ // $FlowExpectedError
43
+ 'c';
44
+ // $FlowExpectedError
45
+ 1;
46
+ // $FlowExpectedError
47
+ ({});
48
+ // $FlowExpectedError
46
49
  [];
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.typographySystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var typographySystemProps = _styledSystem.typography;
@@ -2,11 +2,10 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.variantSystemProps = void 0;
5
-
6
5
  var _styledSystem = require("styled-system");
7
6
 
8
7
  var variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
9
- key: "typography",
10
- prop: "typeScale"
8
+ key: 'typography',
9
+ prop: 'typeScale'
11
10
  }));
12
11
  exports.variantSystemProps = variantSystemProps;