@sproutsocial/racine 12.20.0 → 12.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (621) hide show
  1. package/CHANGELOG.md +20 -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,165 +2,163 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
-
6
5
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
-
8
6
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
7
 
10
8
  var literalColors = {
11
9
  neutral: {
12
- "0": _seedsColor.default.COLOR_NEUTRAL_0,
13
- "100": _seedsColor.default.COLOR_NEUTRAL_100,
14
- "200": _seedsColor.default.COLOR_NEUTRAL_200,
15
- "300": _seedsColor.default.COLOR_NEUTRAL_300,
16
- "400": _seedsColor.default.COLOR_NEUTRAL_400,
17
- "500": _seedsColor.default.COLOR_NEUTRAL_500,
18
- "600": _seedsColor.default.COLOR_NEUTRAL_600,
19
- "700": _seedsColor.default.COLOR_NEUTRAL_700,
20
- "800": _seedsColor.default.COLOR_NEUTRAL_800,
21
- "900": _seedsColor.default.COLOR_NEUTRAL_900,
22
- "1000": _seedsColor.default.COLOR_NEUTRAL_1000,
23
- "1100": _seedsColor.default.COLOR_NEUTRAL_1100
10
+ '0': _seedsColor.default.COLOR_NEUTRAL_0,
11
+ '100': _seedsColor.default.COLOR_NEUTRAL_100,
12
+ '200': _seedsColor.default.COLOR_NEUTRAL_200,
13
+ '300': _seedsColor.default.COLOR_NEUTRAL_300,
14
+ '400': _seedsColor.default.COLOR_NEUTRAL_400,
15
+ '500': _seedsColor.default.COLOR_NEUTRAL_500,
16
+ '600': _seedsColor.default.COLOR_NEUTRAL_600,
17
+ '700': _seedsColor.default.COLOR_NEUTRAL_700,
18
+ '800': _seedsColor.default.COLOR_NEUTRAL_800,
19
+ '900': _seedsColor.default.COLOR_NEUTRAL_900,
20
+ '1000': _seedsColor.default.COLOR_NEUTRAL_1000,
21
+ '1100': _seedsColor.default.COLOR_NEUTRAL_1100
24
22
  },
25
23
  green: {
26
- "0": _seedsColor.default.COLOR_GREEN_0,
27
- "100": _seedsColor.default.COLOR_GREEN_100,
28
- "200": _seedsColor.default.COLOR_GREEN_200,
29
- "300": _seedsColor.default.COLOR_GREEN_300,
30
- "400": _seedsColor.default.COLOR_GREEN_400,
31
- "500": _seedsColor.default.COLOR_GREEN_500,
32
- "600": _seedsColor.default.COLOR_GREEN_600,
33
- "700": _seedsColor.default.COLOR_GREEN_700,
34
- "800": _seedsColor.default.COLOR_GREEN_800,
35
- "900": _seedsColor.default.COLOR_GREEN_900,
36
- "1000": _seedsColor.default.COLOR_GREEN_1000,
37
- "1100": _seedsColor.default.COLOR_GREEN_1100
24
+ '0': _seedsColor.default.COLOR_GREEN_0,
25
+ '100': _seedsColor.default.COLOR_GREEN_100,
26
+ '200': _seedsColor.default.COLOR_GREEN_200,
27
+ '300': _seedsColor.default.COLOR_GREEN_300,
28
+ '400': _seedsColor.default.COLOR_GREEN_400,
29
+ '500': _seedsColor.default.COLOR_GREEN_500,
30
+ '600': _seedsColor.default.COLOR_GREEN_600,
31
+ '700': _seedsColor.default.COLOR_GREEN_700,
32
+ '800': _seedsColor.default.COLOR_GREEN_800,
33
+ '900': _seedsColor.default.COLOR_GREEN_900,
34
+ '1000': _seedsColor.default.COLOR_GREEN_1000,
35
+ '1100': _seedsColor.default.COLOR_GREEN_1100
38
36
  },
39
37
  red: {
40
- "0": _seedsColor.default.COLOR_RED_0,
41
- "100": _seedsColor.default.COLOR_RED_100,
42
- "200": _seedsColor.default.COLOR_RED_200,
43
- "300": _seedsColor.default.COLOR_RED_300,
44
- "400": _seedsColor.default.COLOR_RED_400,
45
- "500": _seedsColor.default.COLOR_RED_500,
46
- "600": _seedsColor.default.COLOR_RED_600,
47
- "700": _seedsColor.default.COLOR_RED_700,
48
- "800": _seedsColor.default.COLOR_RED_800,
49
- "900": _seedsColor.default.COLOR_RED_900,
50
- "1000": _seedsColor.default.COLOR_RED_1000,
51
- "1100": _seedsColor.default.COLOR_RED_1100
38
+ '0': _seedsColor.default.COLOR_RED_0,
39
+ '100': _seedsColor.default.COLOR_RED_100,
40
+ '200': _seedsColor.default.COLOR_RED_200,
41
+ '300': _seedsColor.default.COLOR_RED_300,
42
+ '400': _seedsColor.default.COLOR_RED_400,
43
+ '500': _seedsColor.default.COLOR_RED_500,
44
+ '600': _seedsColor.default.COLOR_RED_600,
45
+ '700': _seedsColor.default.COLOR_RED_700,
46
+ '800': _seedsColor.default.COLOR_RED_800,
47
+ '900': _seedsColor.default.COLOR_RED_900,
48
+ '1000': _seedsColor.default.COLOR_RED_1000,
49
+ '1100': _seedsColor.default.COLOR_RED_1100
52
50
  },
53
51
  blue: {
54
- "0": _seedsColor.default.COLOR_BLUE_0,
55
- "100": _seedsColor.default.COLOR_BLUE_100,
56
- "200": _seedsColor.default.COLOR_BLUE_200,
57
- "300": _seedsColor.default.COLOR_BLUE_300,
58
- "400": _seedsColor.default.COLOR_BLUE_400,
59
- "500": _seedsColor.default.COLOR_BLUE_500,
60
- "600": _seedsColor.default.COLOR_BLUE_600,
61
- "700": _seedsColor.default.COLOR_BLUE_700,
62
- "800": _seedsColor.default.COLOR_BLUE_800,
63
- "900": _seedsColor.default.COLOR_BLUE_900,
64
- "1000": _seedsColor.default.COLOR_BLUE_1000,
65
- "1100": _seedsColor.default.COLOR_BLUE_1100
52
+ '0': _seedsColor.default.COLOR_BLUE_0,
53
+ '100': _seedsColor.default.COLOR_BLUE_100,
54
+ '200': _seedsColor.default.COLOR_BLUE_200,
55
+ '300': _seedsColor.default.COLOR_BLUE_300,
56
+ '400': _seedsColor.default.COLOR_BLUE_400,
57
+ '500': _seedsColor.default.COLOR_BLUE_500,
58
+ '600': _seedsColor.default.COLOR_BLUE_600,
59
+ '700': _seedsColor.default.COLOR_BLUE_700,
60
+ '800': _seedsColor.default.COLOR_BLUE_800,
61
+ '900': _seedsColor.default.COLOR_BLUE_900,
62
+ '1000': _seedsColor.default.COLOR_BLUE_1000,
63
+ '1100': _seedsColor.default.COLOR_BLUE_1100
66
64
  },
67
65
  teal: {
68
- "0": _seedsColor.default.COLOR_TEAL_0,
69
- "100": _seedsColor.default.COLOR_TEAL_100,
70
- "200": _seedsColor.default.COLOR_TEAL_200,
71
- "300": _seedsColor.default.COLOR_TEAL_300,
72
- "400": _seedsColor.default.COLOR_TEAL_400,
73
- "500": _seedsColor.default.COLOR_TEAL_500,
74
- "600": _seedsColor.default.COLOR_TEAL_600,
75
- "700": _seedsColor.default.COLOR_TEAL_700,
76
- "800": _seedsColor.default.COLOR_TEAL_800,
77
- "900": _seedsColor.default.COLOR_TEAL_900,
78
- "1000": _seedsColor.default.COLOR_TEAL_1000,
79
- "1100": _seedsColor.default.COLOR_TEAL_1100
66
+ '0': _seedsColor.default.COLOR_TEAL_0,
67
+ '100': _seedsColor.default.COLOR_TEAL_100,
68
+ '200': _seedsColor.default.COLOR_TEAL_200,
69
+ '300': _seedsColor.default.COLOR_TEAL_300,
70
+ '400': _seedsColor.default.COLOR_TEAL_400,
71
+ '500': _seedsColor.default.COLOR_TEAL_500,
72
+ '600': _seedsColor.default.COLOR_TEAL_600,
73
+ '700': _seedsColor.default.COLOR_TEAL_700,
74
+ '800': _seedsColor.default.COLOR_TEAL_800,
75
+ '900': _seedsColor.default.COLOR_TEAL_900,
76
+ '1000': _seedsColor.default.COLOR_TEAL_1000,
77
+ '1100': _seedsColor.default.COLOR_TEAL_1100
80
78
  },
81
79
  aqua: {
82
- "0": _seedsColor.default.COLOR_AQUA_0,
83
- "100": _seedsColor.default.COLOR_AQUA_100,
84
- "200": _seedsColor.default.COLOR_AQUA_200,
85
- "300": _seedsColor.default.COLOR_AQUA_300,
86
- "400": _seedsColor.default.COLOR_AQUA_400,
87
- "500": _seedsColor.default.COLOR_AQUA_500,
88
- "600": _seedsColor.default.COLOR_AQUA_600,
89
- "700": _seedsColor.default.COLOR_AQUA_700,
90
- "800": _seedsColor.default.COLOR_AQUA_800,
91
- "900": _seedsColor.default.COLOR_AQUA_900,
92
- "1000": _seedsColor.default.COLOR_AQUA_1000,
93
- "1100": _seedsColor.default.COLOR_AQUA_1100
80
+ '0': _seedsColor.default.COLOR_AQUA_0,
81
+ '100': _seedsColor.default.COLOR_AQUA_100,
82
+ '200': _seedsColor.default.COLOR_AQUA_200,
83
+ '300': _seedsColor.default.COLOR_AQUA_300,
84
+ '400': _seedsColor.default.COLOR_AQUA_400,
85
+ '500': _seedsColor.default.COLOR_AQUA_500,
86
+ '600': _seedsColor.default.COLOR_AQUA_600,
87
+ '700': _seedsColor.default.COLOR_AQUA_700,
88
+ '800': _seedsColor.default.COLOR_AQUA_800,
89
+ '900': _seedsColor.default.COLOR_AQUA_900,
90
+ '1000': _seedsColor.default.COLOR_AQUA_1000,
91
+ '1100': _seedsColor.default.COLOR_AQUA_1100
94
92
  },
95
93
  purple: {
96
- "0": _seedsColor.default.COLOR_PURPLE_0,
97
- "100": _seedsColor.default.COLOR_PURPLE_100,
98
- "200": _seedsColor.default.COLOR_PURPLE_200,
99
- "300": _seedsColor.default.COLOR_PURPLE_300,
100
- "400": _seedsColor.default.COLOR_PURPLE_400,
101
- "500": _seedsColor.default.COLOR_PURPLE_500,
102
- "600": _seedsColor.default.COLOR_PURPLE_600,
103
- "700": _seedsColor.default.COLOR_PURPLE_700,
104
- "800": _seedsColor.default.COLOR_PURPLE_800,
105
- "900": _seedsColor.default.COLOR_PURPLE_900,
106
- "1000": _seedsColor.default.COLOR_PURPLE_1000,
107
- "1100": _seedsColor.default.COLOR_PURPLE_1100
94
+ '0': _seedsColor.default.COLOR_PURPLE_0,
95
+ '100': _seedsColor.default.COLOR_PURPLE_100,
96
+ '200': _seedsColor.default.COLOR_PURPLE_200,
97
+ '300': _seedsColor.default.COLOR_PURPLE_300,
98
+ '400': _seedsColor.default.COLOR_PURPLE_400,
99
+ '500': _seedsColor.default.COLOR_PURPLE_500,
100
+ '600': _seedsColor.default.COLOR_PURPLE_600,
101
+ '700': _seedsColor.default.COLOR_PURPLE_700,
102
+ '800': _seedsColor.default.COLOR_PURPLE_800,
103
+ '900': _seedsColor.default.COLOR_PURPLE_900,
104
+ '1000': _seedsColor.default.COLOR_PURPLE_1000,
105
+ '1100': _seedsColor.default.COLOR_PURPLE_1100
108
106
  },
109
107
  magenta: {
110
- "0": _seedsColor.default.COLOR_MAGENTA_0,
111
- "100": _seedsColor.default.COLOR_MAGENTA_100,
112
- "200": _seedsColor.default.COLOR_MAGENTA_200,
113
- "300": _seedsColor.default.COLOR_MAGENTA_300,
114
- "400": _seedsColor.default.COLOR_MAGENTA_400,
115
- "500": _seedsColor.default.COLOR_MAGENTA_500,
116
- "600": _seedsColor.default.COLOR_MAGENTA_600,
117
- "700": _seedsColor.default.COLOR_MAGENTA_700,
118
- "800": _seedsColor.default.COLOR_MAGENTA_800,
119
- "900": _seedsColor.default.COLOR_MAGENTA_900,
120
- "1000": _seedsColor.default.COLOR_MAGENTA_1000,
121
- "1100": _seedsColor.default.COLOR_MAGENTA_1100
108
+ '0': _seedsColor.default.COLOR_MAGENTA_0,
109
+ '100': _seedsColor.default.COLOR_MAGENTA_100,
110
+ '200': _seedsColor.default.COLOR_MAGENTA_200,
111
+ '300': _seedsColor.default.COLOR_MAGENTA_300,
112
+ '400': _seedsColor.default.COLOR_MAGENTA_400,
113
+ '500': _seedsColor.default.COLOR_MAGENTA_500,
114
+ '600': _seedsColor.default.COLOR_MAGENTA_600,
115
+ '700': _seedsColor.default.COLOR_MAGENTA_700,
116
+ '800': _seedsColor.default.COLOR_MAGENTA_800,
117
+ '900': _seedsColor.default.COLOR_MAGENTA_900,
118
+ '1000': _seedsColor.default.COLOR_MAGENTA_1000,
119
+ '1100': _seedsColor.default.COLOR_MAGENTA_1100
122
120
  },
123
121
  yellow: {
124
- "0": _seedsColor.default.COLOR_YELLOW_0,
125
- "100": _seedsColor.default.COLOR_YELLOW_100,
126
- "200": _seedsColor.default.COLOR_YELLOW_200,
127
- "300": _seedsColor.default.COLOR_YELLOW_300,
128
- "400": _seedsColor.default.COLOR_YELLOW_400,
129
- "500": _seedsColor.default.COLOR_YELLOW_500,
130
- "600": _seedsColor.default.COLOR_YELLOW_600,
131
- "700": _seedsColor.default.COLOR_YELLOW_700,
132
- "800": _seedsColor.default.COLOR_YELLOW_800,
133
- "900": _seedsColor.default.COLOR_YELLOW_900,
134
- "1000": _seedsColor.default.COLOR_YELLOW_1000,
135
- "1100": _seedsColor.default.COLOR_YELLOW_1100
122
+ '0': _seedsColor.default.COLOR_YELLOW_0,
123
+ '100': _seedsColor.default.COLOR_YELLOW_100,
124
+ '200': _seedsColor.default.COLOR_YELLOW_200,
125
+ '300': _seedsColor.default.COLOR_YELLOW_300,
126
+ '400': _seedsColor.default.COLOR_YELLOW_400,
127
+ '500': _seedsColor.default.COLOR_YELLOW_500,
128
+ '600': _seedsColor.default.COLOR_YELLOW_600,
129
+ '700': _seedsColor.default.COLOR_YELLOW_700,
130
+ '800': _seedsColor.default.COLOR_YELLOW_800,
131
+ '900': _seedsColor.default.COLOR_YELLOW_900,
132
+ '1000': _seedsColor.default.COLOR_YELLOW_1000,
133
+ '1100': _seedsColor.default.COLOR_YELLOW_1100
136
134
  },
137
135
  pink: {
138
- "0": _seedsColor.default.COLOR_PINK_0,
139
- "100": _seedsColor.default.COLOR_PINK_100,
140
- "200": _seedsColor.default.COLOR_PINK_200,
141
- "300": _seedsColor.default.COLOR_PINK_300,
142
- "400": _seedsColor.default.COLOR_PINK_400,
143
- "500": _seedsColor.default.COLOR_PINK_500,
144
- "600": _seedsColor.default.COLOR_PINK_600,
145
- "700": _seedsColor.default.COLOR_PINK_700,
146
- "800": _seedsColor.default.COLOR_PINK_800,
147
- "900": _seedsColor.default.COLOR_PINK_900,
148
- "1000": _seedsColor.default.COLOR_PINK_1000,
149
- "1100": _seedsColor.default.COLOR_PINK_1100
136
+ '0': _seedsColor.default.COLOR_PINK_0,
137
+ '100': _seedsColor.default.COLOR_PINK_100,
138
+ '200': _seedsColor.default.COLOR_PINK_200,
139
+ '300': _seedsColor.default.COLOR_PINK_300,
140
+ '400': _seedsColor.default.COLOR_PINK_400,
141
+ '500': _seedsColor.default.COLOR_PINK_500,
142
+ '600': _seedsColor.default.COLOR_PINK_600,
143
+ '700': _seedsColor.default.COLOR_PINK_700,
144
+ '800': _seedsColor.default.COLOR_PINK_800,
145
+ '900': _seedsColor.default.COLOR_PINK_900,
146
+ '1000': _seedsColor.default.COLOR_PINK_1000,
147
+ '1100': _seedsColor.default.COLOR_PINK_1100
150
148
  },
151
149
  orange: {
152
- "0": _seedsColor.default.COLOR_ORANGE_0,
153
- "100": _seedsColor.default.COLOR_ORANGE_100,
154
- "200": _seedsColor.default.COLOR_ORANGE_200,
155
- "300": _seedsColor.default.COLOR_ORANGE_300,
156
- "400": _seedsColor.default.COLOR_ORANGE_400,
157
- "500": _seedsColor.default.COLOR_ORANGE_500,
158
- "600": _seedsColor.default.COLOR_ORANGE_600,
159
- "700": _seedsColor.default.COLOR_ORANGE_700,
160
- "800": _seedsColor.default.COLOR_ORANGE_800,
161
- "900": _seedsColor.default.COLOR_ORANGE_900,
162
- "1000": _seedsColor.default.COLOR_ORANGE_1000,
163
- "1100": _seedsColor.default.COLOR_ORANGE_1100
150
+ '0': _seedsColor.default.COLOR_ORANGE_0,
151
+ '100': _seedsColor.default.COLOR_ORANGE_100,
152
+ '200': _seedsColor.default.COLOR_ORANGE_200,
153
+ '300': _seedsColor.default.COLOR_ORANGE_300,
154
+ '400': _seedsColor.default.COLOR_ORANGE_400,
155
+ '500': _seedsColor.default.COLOR_ORANGE_500,
156
+ '600': _seedsColor.default.COLOR_ORANGE_600,
157
+ '700': _seedsColor.default.COLOR_ORANGE_700,
158
+ '800': _seedsColor.default.COLOR_ORANGE_800,
159
+ '900': _seedsColor.default.COLOR_ORANGE_900,
160
+ '1000': _seedsColor.default.COLOR_ORANGE_1000,
161
+ '1100': _seedsColor.default.COLOR_ORANGE_1100
164
162
  }
165
163
  };
166
164
  var _default = literalColors;
@@ -2,36 +2,24 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.typography = exports.space = exports.shadows = exports.radii = exports.fontWeights = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
5
-
6
5
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
-
8
6
  var _literalColors = _interopRequireDefault(require("./literal-colors"));
9
-
10
7
  var _datavizPalette = require("./dataviz-palette");
11
-
12
8
  var _decorativePalettes = require("./decorative-palettes");
13
-
14
9
  var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
15
-
16
10
  var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
17
-
18
11
  var _seedsSpace = _interopRequireDefault(require("@sproutsocial/seeds-space"));
19
-
20
12
  var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
21
-
22
13
  var _seedsMotion = _interopRequireDefault(require("@sproutsocial/seeds-motion"));
23
-
24
14
  var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"));
25
-
26
15
  var _polished = require("polished");
27
-
28
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
-
30
- 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); }
31
-
32
- var breakpoints = ["900px", "1200px", "1500px", "1800px"];
17
+ 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); }
18
+ var breakpoints = ['900px', '1200px', '1500px', '1800px'];
33
19
  exports.breakpoints = breakpoints;
34
- var MODE = "light"; // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
20
+ var MODE = 'light';
21
+
22
+ // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
35
23
 
36
24
  var colors = _extends({
37
25
  app: {
@@ -47,7 +35,6 @@ var colors = _extends({
47
35
  error: _decorativePalettes.red.background,
48
36
  info: _decorativePalettes.blue.background,
49
37
  opportunity: _decorativePalettes.purple.background,
50
-
51
38
  /** @deprecated Use "error" instead of "danger" */
52
39
  danger: _decorativePalettes.red.background,
53
40
  decorative: {
@@ -73,7 +60,6 @@ var colors = _extends({
73
60
  success: _decorativePalettes.green.highlight,
74
61
  warning: _decorativePalettes.yellow.highlight,
75
62
  error: _decorativePalettes.red.highlight,
76
-
77
63
  /** @deprecated Use "error" instead of "danger" */
78
64
  danger: _decorativePalettes.red.highlight,
79
65
  info: _decorativePalettes.blue.highlight,
@@ -102,7 +88,7 @@ var colors = _extends({
102
88
  active: _seedsColor.default.COLOR_BLUE_900
103
89
  },
104
90
  border: {
105
- base: "transparent"
91
+ base: 'transparent'
106
92
  },
107
93
  text: {
108
94
  base: _seedsColor.default.COLOR_NEUTRAL_0,
@@ -111,7 +97,7 @@ var colors = _extends({
111
97
  },
112
98
  secondary: {
113
99
  background: {
114
- base: "transparent",
100
+ base: 'transparent',
115
101
  hover: _seedsColor.default.COLOR_NEUTRAL_800,
116
102
  active: _seedsColor.default.COLOR_NEUTRAL_900
117
103
  },
@@ -125,12 +111,12 @@ var colors = _extends({
125
111
  },
126
112
  pill: {
127
113
  background: {
128
- base: "transparent",
114
+ base: 'transparent',
129
115
  hover: _seedsColor.default.COLOR_NEUTRAL_100,
130
116
  active: _seedsColor.default.COLOR_NEUTRAL_200
131
117
  },
132
118
  border: {
133
- base: "transparent"
119
+ base: 'transparent'
134
120
  },
135
121
  text: {
136
122
  base: _seedsColor.default.COLOR_NEUTRAL_800,
@@ -144,7 +130,7 @@ var colors = _extends({
144
130
  active: _seedsColor.default.COLOR_RED_1000
145
131
  },
146
132
  border: {
147
- base: "transparent"
133
+ base: 'transparent'
148
134
  },
149
135
  text: {
150
136
  base: _seedsColor.default.COLOR_NEUTRAL_0,
@@ -153,7 +139,7 @@ var colors = _extends({
153
139
  },
154
140
  placeholder: {
155
141
  background: {
156
- base: "transparent",
142
+ base: 'transparent',
157
143
  hover: _seedsColor.default.COLOR_NEUTRAL_0,
158
144
  active: _seedsColor.default.COLOR_NEUTRAL_0
159
145
  },
@@ -167,10 +153,10 @@ var colors = _extends({
167
153
  },
168
154
  unstyled: {
169
155
  background: {
170
- base: "transparent"
156
+ base: 'transparent'
171
157
  },
172
158
  border: {
173
- base: "transparent"
159
+ base: 'transparent'
174
160
  },
175
161
  text: {
176
162
  base: _seedsColor.default.COLOR_NEUTRAL_700,
@@ -199,7 +185,6 @@ var colors = _extends({
199
185
  success: _decorativePalettes.green.foreground,
200
186
  warning: _decorativePalettes.yellow.foreground,
201
187
  error: _decorativePalettes.red.foreground,
202
-
203
188
  /** @deprecated Use "error" instead of "danger" */
204
189
  danger: _decorativePalettes.red.foreground,
205
190
  info: _decorativePalettes.blue.foreground,
@@ -226,7 +211,7 @@ var colors = _extends({
226
211
  },
227
212
  listItem: {
228
213
  background: {
229
- base: "transparent",
214
+ base: 'transparent',
230
215
  hover: _seedsColor.default.COLOR_NEUTRAL_100,
231
216
  selected: _seedsColor.default.COLOR_NEUTRAL_800
232
217
  }
@@ -281,20 +266,19 @@ var colors = _extends({
281
266
  list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
282
267
  }
283
268
  }, _literalColors.default, _datavizPalette.datavizPalette);
284
-
285
269
  var typography = {
286
- "100": _seedsTypography.default.TYPOGRAPHY_SIZE_100,
287
- "200": _seedsTypography.default.TYPOGRAPHY_SIZE_200,
288
- "300": _seedsTypography.default.TYPOGRAPHY_SIZE_300,
289
- "400": _seedsTypography.default.TYPOGRAPHY_SIZE_400,
290
- "500": _seedsTypography.default.TYPOGRAPHY_SIZE_500,
291
- "600": _seedsTypography.default.TYPOGRAPHY_SIZE_600,
292
- "700": _seedsTypography.default.TYPOGRAPHY_SIZE_700,
293
- "800": _seedsTypography.default.TYPOGRAPHY_SIZE_800,
294
- "900": _seedsTypography.default.TYPOGRAPHY_SIZE_900,
295
- "1000": _seedsTypography.default.TYPOGRAPHY_SIZE_1000,
296
- "1100": _seedsTypography.default.TYPOGRAPHY_SIZE_1100,
297
- "1200": _seedsTypography.default.TYPOGRAPHY_SIZE_1200
270
+ '100': _seedsTypography.default.TYPOGRAPHY_SIZE_100,
271
+ '200': _seedsTypography.default.TYPOGRAPHY_SIZE_200,
272
+ '300': _seedsTypography.default.TYPOGRAPHY_SIZE_300,
273
+ '400': _seedsTypography.default.TYPOGRAPHY_SIZE_400,
274
+ '500': _seedsTypography.default.TYPOGRAPHY_SIZE_500,
275
+ '600': _seedsTypography.default.TYPOGRAPHY_SIZE_600,
276
+ '700': _seedsTypography.default.TYPOGRAPHY_SIZE_700,
277
+ '800': _seedsTypography.default.TYPOGRAPHY_SIZE_800,
278
+ '900': _seedsTypography.default.TYPOGRAPHY_SIZE_900,
279
+ '1000': _seedsTypography.default.TYPOGRAPHY_SIZE_1000,
280
+ '1100': _seedsTypography.default.TYPOGRAPHY_SIZE_1100,
281
+ '1200': _seedsTypography.default.TYPOGRAPHY_SIZE_1200
298
282
  };
299
283
  exports.typography = typography;
300
284
  var fontFamily = _seedsTypography.default.TYPOGRAPHY_FAMILY;
@@ -305,40 +289,40 @@ var fontWeights = {
305
289
  bold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_BOLD,
306
290
  extrabold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
307
291
  };
292
+
308
293
  /**
309
294
  * @deprecated
310
295
  * Import from `Stack/TypeSpaceLiterals` instead.
311
296
  */
312
-
313
297
  exports.fontWeights = fontWeights;
314
298
  var space = {
315
- "0": _seedsSpace.default.SPACE_SIZE_0,
316
- "100": _seedsSpace.default.SPACE_SIZE_100,
317
- "200": _seedsSpace.default.SPACE_SIZE_200,
318
- "300": _seedsSpace.default.SPACE_SIZE_300,
319
- "350": _seedsSpace.default.SPACE_SIZE_350,
320
- "400": _seedsSpace.default.SPACE_SIZE_400,
321
- "450": _seedsSpace.default.SPACE_SIZE_450,
322
- "500": _seedsSpace.default.SPACE_SIZE_500,
323
- "600": _seedsSpace.default.SPACE_SIZE_600
299
+ '0': _seedsSpace.default.SPACE_SIZE_0,
300
+ '100': _seedsSpace.default.SPACE_SIZE_100,
301
+ '200': _seedsSpace.default.SPACE_SIZE_200,
302
+ '300': _seedsSpace.default.SPACE_SIZE_300,
303
+ '350': _seedsSpace.default.SPACE_SIZE_350,
304
+ '400': _seedsSpace.default.SPACE_SIZE_400,
305
+ '450': _seedsSpace.default.SPACE_SIZE_450,
306
+ '500': _seedsSpace.default.SPACE_SIZE_500,
307
+ '600': _seedsSpace.default.SPACE_SIZE_600
324
308
  };
325
309
  exports.space = space;
326
310
  var radii = {
327
- "400": _seedsBorder.default.BORDER_RADIUS_400,
328
- "500": _seedsBorder.default.BORDER_RADIUS_500,
329
- "600": _seedsBorder.default.BORDER_RADIUS_600,
330
- "1000": _seedsBorder.default.BORDER_RADIUS_1000,
311
+ '400': _seedsBorder.default.BORDER_RADIUS_400,
312
+ '500': _seedsBorder.default.BORDER_RADIUS_500,
313
+ '600': _seedsBorder.default.BORDER_RADIUS_600,
314
+ '1000': _seedsBorder.default.BORDER_RADIUS_1000,
331
315
  inner: _seedsBorder.default.BORDER_RADIUS_500,
332
316
  outer: _seedsBorder.default.BORDER_RADIUS_600,
333
317
  pill: _seedsBorder.default.BORDER_RADIUS_1000
334
318
  };
335
319
  exports.radii = radii;
336
320
  var borders = {
337
- "500": _seedsBorder.default.BORDER_WIDTH_500 + " solid"
321
+ '500': _seedsBorder.default.BORDER_WIDTH_500 + " solid"
338
322
  };
339
323
  exports.borders = borders;
340
324
  var borderWidths = {
341
- "500": _seedsBorder.default.BORDER_WIDTH_500
325
+ '500': _seedsBorder.default.BORDER_WIDTH_500
342
326
  };
343
327
  exports.borderWidths = borderWidths;
344
328
  var shadows = {
@@ -369,7 +353,7 @@ var theme = {
369
353
  fontWeights: fontWeights,
370
354
  space: _extends({}, space, {
371
355
  space: space,
372
- "-space": Object.keys(space).reduce(function (negativeSpace, key) {
356
+ '-space': Object.keys(space).reduce(function (negativeSpace, key) {
373
357
  // The values are strings (eg 24px) so we concatenate a negative sign
374
358
  negativeSpace[key] = "-" + space[key];
375
359
  return negativeSpace;
@@ -1,2 +1,2 @@
1
1
  "use strict";
2
- "no babel-plugin-flow-react-proptypes";
2
+ 'no babel-plugin-flow-react-proptypes';
@@ -1,7 +1,5 @@
1
1
  "use strict";
2
2
 
3
3
  var _literalColors = _interopRequireDefault(require("../themes/light/literal-colors"));
4
-
5
4
  var _datavizPalette = require("../themes/light/dataviz-palette");
6
-
7
5
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
2
 
3
3
  var _theme = require("../themes/light/theme");
4
-
5
4
  var _theme2 = require("../themes/extendedThemes/sproutTheme/light/theme");
@@ -2,28 +2,23 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.a11yCheck = void 0;
5
-
6
5
  var _jestAxe = require("jest-axe");
7
-
6
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
8
7
  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
9
-
10
8
  function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
11
-
12
9
  // use runA11yCheck from react-test-library utils file if using react-testing-library
13
10
  var a11yCheck = /*#__PURE__*/function () {
14
- var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(html) {
15
- return regeneratorRuntime.wrap(function _callee$(_context) {
11
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(html) {
12
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
16
13
  while (1) {
17
14
  switch (_context.prev = _context.next) {
18
15
  case 0:
19
16
  _context.t0 = expect;
20
17
  _context.next = 3;
21
18
  return (0, _jestAxe.axe)(html);
22
-
23
19
  case 3:
24
20
  _context.t1 = _context.sent;
25
21
  return _context.abrupt("return", (0, _context.t0)(_context.t1).toHaveNoViolations());
26
-
27
22
  case 5:
28
23
  case "end":
29
24
  return _context.stop();
@@ -31,10 +26,8 @@ var a11yCheck = /*#__PURE__*/function () {
31
26
  }
32
27
  }, _callee);
33
28
  }));
34
-
35
29
  return function a11yCheck(_x) {
36
30
  return _ref.apply(this, arguments);
37
31
  };
38
32
  }();
39
-
40
33
  exports.a11yCheck = a11yCheck;
@@ -2,7 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.THEME_MAP = exports.EXTENDED_THEME = exports.CONTRAST_THEME = exports.COMPARE_THEME = void 0;
5
-
6
5
  var _seedsColor = require("@sproutsocial/seeds-color");
7
6
 
8
7
  var COMPARE_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_PURPLE_800];