@sproutsocial/racine 20.0.0 → 20.1.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 (463) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +5 -5
  3. package/__flow__/Avatar/Avatar.flow.js +1 -0
  4. package/__flow__/Avatar/constants.flow.js +11 -0
  5. package/__flow__/Avatar/index.flow.js +2 -1
  6. package/__flow__/Menu/Menu.flow.js +3 -0
  7. package/__flow__/Popout/Popout.flow.js +5 -0
  8. package/__flow__/types/theme.colors.flow.js +14 -0
  9. package/commonjs/Avatar/Avatar.flow.js +1 -1
  10. package/commonjs/Avatar/Avatar.js +54 -30
  11. package/commonjs/Avatar/constants.flow.js +17 -0
  12. package/commonjs/Avatar/constants.js +17 -0
  13. package/commonjs/Avatar/index.flow.js +12 -1
  14. package/commonjs/Avatar/index.js +9 -1
  15. package/commonjs/Badge/Badge.flow.js +1 -1
  16. package/commonjs/Badge/Badge.js +1 -1
  17. package/commonjs/Banner/Banner.flow.js +1 -1
  18. package/commonjs/Banner/Banner.js +1 -1
  19. package/commonjs/Banner/styles.js +1 -1
  20. package/commonjs/Box/Box.flow.js +1 -1
  21. package/commonjs/Box/Box.js +1 -1
  22. package/commonjs/Breadcrumb/Breadcrumb.flow.js +1 -1
  23. package/commonjs/Breadcrumb/Breadcrumb.js +3 -3
  24. package/commonjs/Button/Button.flow.js +1 -1
  25. package/commonjs/Button/styles.js +1 -1
  26. package/commonjs/Card/Card.flow.js +1 -1
  27. package/commonjs/Card/Card.js +3 -3
  28. package/commonjs/Card/CardTypes.flow.js +1 -1
  29. package/commonjs/Card/subComponents.js +1 -1
  30. package/commonjs/Card/utils.js +1 -1
  31. package/commonjs/CharacterCounter/CharacterCounter.flow.js +1 -1
  32. package/commonjs/CharacterCounter/CharacterCounter.js +1 -1
  33. package/commonjs/CharacterCounter/styles.js +1 -1
  34. package/commonjs/ChartLegend/ChartLegend.flow.js +1 -1
  35. package/commonjs/ChartLegend/ChartLegend.js +1 -1
  36. package/commonjs/ChartLegend/styles.js +1 -1
  37. package/commonjs/Checkbox/Checkbox.flow.js +1 -1
  38. package/commonjs/Checkbox/Checkbox.js +1 -1
  39. package/commonjs/Checkbox/styles.js +1 -1
  40. package/commonjs/Collapsible/Collapsible.flow.js +1 -1
  41. package/commonjs/Collapsible/Collapsible.js +5 -5
  42. package/commonjs/DatePicker/DateRangePicker/DateRangePicker.flow.js +1 -1
  43. package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js +3 -3
  44. package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +1 -1
  45. package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js +3 -3
  46. package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +1 -1
  47. package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js +3 -3
  48. package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +1 -1
  49. package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +3 -3
  50. package/commonjs/DatePicker/index.flow.js +1 -1
  51. package/commonjs/DatePicker/styles.js +1 -1
  52. package/commonjs/Drawer/Drawer.flow.js +1 -1
  53. package/commonjs/Drawer/Drawer.js +4 -4
  54. package/commonjs/Drawer/SlideTransition.js +1 -1
  55. package/commonjs/Drawer/styles.js +1 -1
  56. package/commonjs/EmptyState/EmptyState.flow.js +1 -1
  57. package/commonjs/EmptyState/EmptyState.js +2 -2
  58. package/commonjs/Fieldset/Fieldset.flow.js +1 -1
  59. package/commonjs/Fieldset/Fieldset.js +2 -2
  60. package/commonjs/Fieldset/styles.js +1 -1
  61. package/commonjs/FormField/FormField.flow.js +1 -1
  62. package/commonjs/FormField/FormField.js +3 -3
  63. package/commonjs/Icon/Icon.flow.js +1 -1
  64. package/commonjs/Icon/Icon.js +3 -3
  65. package/commonjs/Icon/index.flow.js +1 -1
  66. package/commonjs/Icon/styles.js +1 -1
  67. package/commonjs/Image/Image.flow.js +1 -1
  68. package/commonjs/Image/Image.js +1 -1
  69. package/commonjs/Image/styles.js +1 -1
  70. package/commonjs/Indicator/Indicator.flow.js +1 -1
  71. package/commonjs/Indicator/Indicator.js +1 -1
  72. package/commonjs/Input/Input.flow.js +1 -1
  73. package/commonjs/Input/Input.js +8 -4
  74. package/commonjs/Input/styles.js +1 -1
  75. package/commonjs/KeyboardKey/KeyboardKey.flow.js +1 -1
  76. package/commonjs/KeyboardKey/KeyboardKey.js +1 -1
  77. package/commonjs/Label/Label.flow.js +1 -1
  78. package/commonjs/Label/Label.js +1 -1
  79. package/commonjs/Link/Link.flow.js +1 -1
  80. package/commonjs/Link/Link.js +1 -1
  81. package/commonjs/Link/styles.js +1 -1
  82. package/commonjs/Listbox/Listbox.flow.js +1 -1
  83. package/commonjs/Listbox/Listbox.js +3 -3
  84. package/commonjs/Listbox/index.js +1 -1
  85. package/commonjs/Loader/Loader.flow.js +1 -1
  86. package/commonjs/Loader/Loader.js +1 -1
  87. package/commonjs/Loader/styles.js +1 -1
  88. package/commonjs/LoaderButton/LoaderButton.flow.js +1 -1
  89. package/commonjs/LoaderButton/LoaderButton.js +4 -5
  90. package/commonjs/Menu/Menu.flow.js +1 -1
  91. package/commonjs/Menu/Menu.js +51 -30
  92. package/commonjs/Menu/index.js +1 -1
  93. package/commonjs/Menu/styles.js +1 -1
  94. package/commonjs/Menu/utils/descendants.js +12 -6
  95. package/commonjs/Menu/utils/hooks.js +8 -2
  96. package/commonjs/Menu/utils/index.js +0 -11
  97. package/commonjs/Message/Message.flow.js +1 -1
  98. package/commonjs/Message/Message.js +1 -1
  99. package/commonjs/Modal/Modal.flow.js +1 -1
  100. package/commonjs/Modal/Modal.js +1 -1
  101. package/commonjs/Modal/styles.js +1 -1
  102. package/commonjs/Numeral/Numeral.flow.js +1 -1
  103. package/commonjs/Numeral/Numeral.js +3 -3
  104. package/commonjs/PartnerLogo/PartnerLogo.flow.js +1 -1
  105. package/commonjs/PartnerLogo/styles.js +1 -1
  106. package/commonjs/Popout/Popout.flow.js +1 -1
  107. package/commonjs/Popout/Popout.js +15 -10
  108. package/commonjs/Portal/Portal.flow.js +1 -1
  109. package/commonjs/Portal/Portal.js +1 -1
  110. package/commonjs/Radio/Radio.flow.js +1 -1
  111. package/commonjs/Radio/Radio.js +1 -1
  112. package/commonjs/Radio/styles.js +1 -1
  113. package/commonjs/SegmentedControl/SegmentedControl.flow.js +1 -1
  114. package/commonjs/SegmentedControl/SegmentedControl.js +3 -3
  115. package/commonjs/SegmentedControl/styles.js +1 -1
  116. package/commonjs/Select/Select.flow.js +1 -1
  117. package/commonjs/Select/Select.js +1 -1
  118. package/commonjs/Select/styles.js +1 -1
  119. package/commonjs/SpotIllustration/SpotIllustration.flow.js +1 -1
  120. package/commonjs/SpotIllustration/SpotIllustration.js +2 -2
  121. package/commonjs/Stack/Stack.flow.js +1 -1
  122. package/commonjs/Stack/Stack.js +1 -1
  123. package/commonjs/StatefulStory.js +8 -2
  124. package/commonjs/Switch/Switch.flow.js +1 -1
  125. package/commonjs/Switch/Switch.js +1 -1
  126. package/commonjs/Switch/styles.js +1 -1
  127. package/commonjs/Table/Table.flow.js +1 -1
  128. package/commonjs/Table/Table.js +1 -1
  129. package/commonjs/TableCell/TableCell.flow.js +1 -1
  130. package/commonjs/TableCell/TableCell.js +1 -1
  131. package/commonjs/TableHeaderCell/TableHeaderCell.flow.js +1 -1
  132. package/commonjs/TableHeaderCell/TableHeaderCell.js +2 -1
  133. package/commonjs/TableHeaderCell/styles.js +1 -1
  134. package/commonjs/TableRowAccordion/TableRowAccordion.flow.js +1 -1
  135. package/commonjs/TableRowAccordion/TableRowAccordion.js +1 -1
  136. package/commonjs/TableRowAccordion/styles.js +1 -1
  137. package/commonjs/Tabs/Tabs.flow.js +1 -1
  138. package/commonjs/Tabs/Tabs.js +4 -4
  139. package/commonjs/Tabs/styles.js +1 -1
  140. package/commonjs/Text/Text.flow.js +1 -1
  141. package/commonjs/Text/Text.js +1 -1
  142. package/commonjs/Text/styles.js +1 -1
  143. package/commonjs/Textarea/Textarea.flow.js +1 -1
  144. package/commonjs/Textarea/Textarea.js +5 -2
  145. package/commonjs/Textarea/styles.js +1 -1
  146. package/commonjs/ThemeProvider/index.flow.js +1 -1
  147. package/commonjs/ThemeProvider/index.js +3 -1
  148. package/commonjs/Toast/Toast.flow.js +1 -1
  149. package/commonjs/Toast/Toast.js +1 -1
  150. package/commonjs/Toast/index.js +1 -1
  151. package/commonjs/Toast/styles.js +1 -2
  152. package/commonjs/ToggleHint/ToggleHint.flow.js +1 -1
  153. package/commonjs/ToggleHint/ToggleHint.js +1 -1
  154. package/commonjs/ToggleHint/styles.js +1 -1
  155. package/commonjs/Token/Token.flow.js +1 -1
  156. package/commonjs/Token/Token.js +1 -1
  157. package/commonjs/Token/index.js +1 -1
  158. package/commonjs/Token/styles.js +1 -1
  159. package/commonjs/TokenInput/TokenInput.flow.js +1 -1
  160. package/commonjs/TokenInput/TokenInput.js +4 -4
  161. package/commonjs/TokenInput/TokenScreenReaderStatus.js +4 -4
  162. package/commonjs/TokenInput/styles.js +1 -1
  163. package/commonjs/Tooltip/Tooltip.flow.js +1 -1
  164. package/commonjs/Tooltip/Tooltip.js +114 -44
  165. package/commonjs/VisuallyHidden/VisuallyHidden.flow.js +1 -1
  166. package/commonjs/index.flow.js +1 -1
  167. package/commonjs/systemProps/background.flow.js +1 -0
  168. package/commonjs/systemProps/border.flow.js +1 -0
  169. package/commonjs/systemProps/color.flow.js +1 -0
  170. package/commonjs/systemProps/custom.flow.js +1 -0
  171. package/commonjs/systemProps/flexbox.flow.js +1 -0
  172. package/commonjs/systemProps/grid.flow.js +1 -0
  173. package/commonjs/systemProps/index.js +2 -0
  174. package/commonjs/systemProps/layout.flow.js +1 -0
  175. package/commonjs/systemProps/position.flow.js +1 -0
  176. package/commonjs/systemProps/shadow.flow.js +1 -0
  177. package/commonjs/systemProps/space.flow.js +16 -1
  178. package/commonjs/systemProps/typography.flow.js +1 -0
  179. package/commonjs/systemProps/variant.flow.js +1 -0
  180. package/commonjs/themes/dark/theme.js +19 -4
  181. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +5 -4
  182. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +5 -4
  183. package/commonjs/themes/light/theme.js +19 -4
  184. package/commonjs/types/shared.flow.js +1 -1
  185. package/commonjs/types/styled-components.flow.js +1 -1
  186. package/commonjs/utils/a11yTest.js +14 -16
  187. package/commonjs/utils/dataQaLabelQueries.js +2 -2
  188. package/commonjs/utils/hooks.flow.js +4 -2
  189. package/commonjs/utils/hooks.js +5 -5
  190. package/commonjs/utils/index.js +1 -1
  191. package/commonjs/utils/innerText.flow.js +1 -1
  192. package/commonjs/utils/react-testing-library.flow.js +1 -1
  193. package/commonjs/utils/react-testing-library.js +15 -13
  194. package/commonjs/utils/responsiveProps/index.js +2 -2
  195. package/commonjs/utils/system-props/system-props.js +1 -1
  196. package/commonjs/utils/use-measure.js +2 -2
  197. package/dist/themes/dark/theme.scss +13 -0
  198. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +13 -0
  199. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +13 -0
  200. package/dist/themes/light/theme.scss +13 -0
  201. package/dist/types/Avatar/Avatar.d.ts +4 -3
  202. package/dist/types/Avatar/Avatar.d.ts.map +1 -1
  203. package/dist/types/Avatar/AvatarTypes.d.ts +5 -2
  204. package/dist/types/Avatar/AvatarTypes.d.ts.map +1 -1
  205. package/dist/types/Avatar/constants.d.ts +11 -0
  206. package/dist/types/Avatar/constants.d.ts.map +1 -0
  207. package/dist/types/Avatar/index.d.ts +1 -0
  208. package/dist/types/Avatar/index.d.ts.map +1 -1
  209. package/dist/types/Badge/Badge.d.ts +2 -2
  210. package/dist/types/Badge/Badge.d.ts.map +1 -1
  211. package/dist/types/Badge/BadgeTypes.d.ts +1 -1
  212. package/dist/types/Badge/BadgeTypes.d.ts.map +1 -1
  213. package/dist/types/Banner/Banner.d.ts +2 -2
  214. package/dist/types/Banner/Banner.d.ts.map +1 -1
  215. package/dist/types/Banner/BannerTypes.d.ts +1 -1
  216. package/dist/types/Banner/BannerTypes.d.ts.map +1 -1
  217. package/dist/types/Banner/styles.d.ts +3 -3
  218. package/dist/types/Banner/styles.d.ts.map +1 -1
  219. package/dist/types/Breadcrumb/Breadcrumb.d.ts +3 -3
  220. package/dist/types/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  221. package/dist/types/Button/Button.d.ts +2 -2
  222. package/dist/types/Button/Button.d.ts.map +1 -1
  223. package/dist/types/Button/ButtonTypes.d.ts +1 -1
  224. package/dist/types/Button/ButtonTypes.d.ts.map +1 -1
  225. package/dist/types/Card/Card.d.ts +2 -2
  226. package/dist/types/Card/Card.d.ts.map +1 -1
  227. package/dist/types/Card/CardTypes.d.ts +5 -5
  228. package/dist/types/Card/CardTypes.d.ts.map +1 -1
  229. package/dist/types/Card/styles.d.ts +4 -4
  230. package/dist/types/Card/subComponents.d.ts +6 -6
  231. package/dist/types/Card/subComponents.d.ts.map +1 -1
  232. package/dist/types/CharacterCounter/CharacterCounter.d.ts +1 -1
  233. package/dist/types/ChartLegend/ChartLegend.d.ts +2 -2
  234. package/dist/types/ChartLegend/ChartLegend.d.ts.map +1 -1
  235. package/dist/types/ChartLegend/ChartLegendTypes.d.ts +1 -1
  236. package/dist/types/ChartLegend/ChartLegendTypes.d.ts.map +1 -1
  237. package/dist/types/ChartLegend/useChartLabels.d.ts +2 -2
  238. package/dist/types/ChartLegend/useChartLabels.d.ts.map +1 -1
  239. package/dist/types/Checkbox/Checkbox.d.ts +1 -1
  240. package/dist/types/Checkbox/styles.d.ts +3 -3
  241. package/dist/types/Collapsible/Collapsible.d.ts +4 -4
  242. package/dist/types/Collapsible/Collapsible.d.ts.map +1 -1
  243. package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts +2 -2
  244. package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  245. package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts +1 -1
  246. package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts.map +1 -1
  247. package/dist/types/DatePicker/DateRangePicker/StatefulDateRangePicker.d.ts +2 -2
  248. package/dist/types/DatePicker/DateRangePicker/StatefulDateRangePicker.d.ts.map +1 -1
  249. package/dist/types/DatePicker/SingleDatePicker/StatefulSingleDatePicker.d.ts +2 -2
  250. package/dist/types/DatePicker/SingleDatePicker/StatefulSingleDatePicker.d.ts.map +1 -1
  251. package/dist/types/DatePicker/common.d.ts +3 -3
  252. package/dist/types/DatePicker/common.d.ts.map +1 -1
  253. package/dist/types/Drawer/Drawer.d.ts +2 -2
  254. package/dist/types/Drawer/SlideTransition.d.ts +2 -2
  255. package/dist/types/Drawer/SlideTransition.d.ts.map +1 -1
  256. package/dist/types/EmptyState/EmptyState.d.ts +2 -2
  257. package/dist/types/EmptyState/EmptyState.d.ts.map +1 -1
  258. package/dist/types/EnumIllustrationNames.d.ts +1 -1
  259. package/dist/types/EnumIllustrationNames.d.ts.map +1 -1
  260. package/dist/types/EnumLogoNames.d.ts +1 -1
  261. package/dist/types/EnumLogoNames.d.ts.map +1 -1
  262. package/dist/types/Fieldset/Fieldset.d.ts +4 -4
  263. package/dist/types/Fieldset/Fieldset.d.ts.map +1 -1
  264. package/dist/types/FormField/FormField.d.ts +2 -2
  265. package/dist/types/FormField/FormField.d.ts.map +1 -1
  266. package/dist/types/Icon/Icon.d.ts +3 -3
  267. package/dist/types/Icon/Icon.d.ts.map +1 -1
  268. package/dist/types/Icon/IconTypes.d.ts +2 -2
  269. package/dist/types/Icon/IconTypes.d.ts.map +1 -1
  270. package/dist/types/Image/Image.d.ts +2 -2
  271. package/dist/types/Image/Image.d.ts.map +1 -1
  272. package/dist/types/Indicator/Indicator.d.ts +1 -1
  273. package/dist/types/Input/Input.d.ts +2 -2
  274. package/dist/types/KeyboardKey/KeyboardKey.d.ts +1 -1
  275. package/dist/types/Label/Label.d.ts +1 -1
  276. package/dist/types/Link/Link.d.ts +2 -2
  277. package/dist/types/Link/Link.d.ts.map +1 -1
  278. package/dist/types/Link/styles.d.ts +1 -1
  279. package/dist/types/Listbox/Listbox.d.ts +11 -11
  280. package/dist/types/Listbox/Listbox.d.ts.map +1 -1
  281. package/dist/types/Loader/Loader.d.ts +1 -1
  282. package/dist/types/LoaderButton/LoaderButton.d.ts +2 -2
  283. package/dist/types/LoaderButton/LoaderButton.d.ts.map +1 -1
  284. package/dist/types/Menu/Menu.d.ts +14 -14
  285. package/dist/types/Menu/Menu.d.ts.map +1 -1
  286. package/dist/types/Menu/MenuTypes.d.ts +4 -2
  287. package/dist/types/Menu/MenuTypes.d.ts.map +1 -1
  288. package/dist/types/Menu/utils/descendants.d.ts +3 -3
  289. package/dist/types/Menu/utils/descendants.d.ts.map +1 -1
  290. package/dist/types/Menu/utils/hooks.d.ts +1 -1
  291. package/dist/types/Menu/utils/hooks.d.ts.map +1 -1
  292. package/dist/types/Menu/utils/index.d.ts +0 -1
  293. package/dist/types/Menu/utils/index.d.ts.map +1 -1
  294. package/dist/types/Message/Message.d.ts +8 -8
  295. package/dist/types/Message/MessageTypes.d.ts +2 -2
  296. package/dist/types/Message/MessageTypes.d.ts.map +1 -1
  297. package/dist/types/Modal/Modal.d.ts +4 -4
  298. package/dist/types/Modal/styles.d.ts +1 -1
  299. package/dist/types/Modal/styles.d.ts.map +1 -1
  300. package/dist/types/Numeral/Numeral.d.ts +2 -2
  301. package/dist/types/Numeral/Numeral.d.ts.map +1 -1
  302. package/dist/types/Numeral/NumeralTypes.d.ts +1 -1
  303. package/dist/types/Numeral/NumeralTypes.d.ts.map +1 -1
  304. package/dist/types/Numeral/styles.d.ts +2 -2
  305. package/dist/types/PartnerLogo/PartnerLogo.d.ts +2 -2
  306. package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
  307. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +3 -3
  308. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
  309. package/dist/types/Popout/Popout.d.ts +3 -3
  310. package/dist/types/Popout/Popout.d.ts.map +1 -1
  311. package/dist/types/Popout/PopoutTypes.d.ts +5 -1
  312. package/dist/types/Popout/PopoutTypes.d.ts.map +1 -1
  313. package/dist/types/Radio/Radio.d.ts +1 -1
  314. package/dist/types/Radio/styles.d.ts +1 -1
  315. package/dist/types/SegmentedControl/SegmentedControl.d.ts +3 -3
  316. package/dist/types/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  317. package/dist/types/SegmentedControl/styles.d.ts +1 -1
  318. package/dist/types/Select/Select.d.ts +1 -1
  319. package/dist/types/SpotIllustration/SpotIllustration.d.ts +2 -2
  320. package/dist/types/SpotIllustration/SpotIllustration.d.ts.map +1 -1
  321. package/dist/types/Stack/Stack.d.ts +2 -2
  322. package/dist/types/Stack/Stack.d.ts.map +1 -1
  323. package/dist/types/Stack/StackTypes.d.ts +3 -3
  324. package/dist/types/Stack/StackTypes.d.ts.map +1 -1
  325. package/dist/types/Switch/Switch.d.ts +2 -2
  326. package/dist/types/Switch/Switch.d.ts.map +1 -1
  327. package/dist/types/Table/Table.d.ts +8 -8
  328. package/dist/types/Table/Table.d.ts.map +1 -1
  329. package/dist/types/TableCell/TableCell.d.ts +1 -1
  330. package/dist/types/TableHeaderCell/TableHeaderCell.d.ts +2 -2
  331. package/dist/types/TableHeaderCell/TableHeaderCell.d.ts.map +1 -1
  332. package/dist/types/TableHeaderCell/TableHeaderCellTypes.d.ts +1 -1
  333. package/dist/types/TableHeaderCell/TableHeaderCellTypes.d.ts.map +1 -1
  334. package/dist/types/TableRowAccordion/TableRowAccordion.d.ts +1 -1
  335. package/dist/types/Tabs/Tabs.d.ts +2 -2
  336. package/dist/types/Tabs/Tabs.d.ts.map +1 -1
  337. package/dist/types/Tabs/styles.d.ts +2 -2
  338. package/dist/types/Tabs/styles.d.ts.map +1 -1
  339. package/dist/types/Text/Text.d.ts +2 -2
  340. package/dist/types/Text/Text.d.ts.map +1 -1
  341. package/dist/types/Textarea/Textarea.d.ts +2 -2
  342. package/dist/types/Textarea/Textarea.d.ts.map +1 -1
  343. package/dist/types/Textarea/TextareaTypes.d.ts +1 -1
  344. package/dist/types/Textarea/TextareaTypes.d.ts.map +1 -1
  345. package/dist/types/ThemeProvider/index.d.ts +3 -3
  346. package/dist/types/ThemeProvider/index.d.ts.map +1 -1
  347. package/dist/types/Toast/Toast.d.ts +2 -2
  348. package/dist/types/Toast/Toast.d.ts.map +1 -1
  349. package/dist/types/Toast/ToastTypes.d.ts +1 -1
  350. package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
  351. package/dist/types/Toast/styles.d.ts +2 -2
  352. package/dist/types/ToggleHint/ToggleHint.d.ts +2 -2
  353. package/dist/types/ToggleHint/ToggleHint.d.ts.map +1 -1
  354. package/dist/types/Token/Token.d.ts +2 -2
  355. package/dist/types/Token/Token.d.ts.map +1 -1
  356. package/dist/types/TokenInput/TokenInput.d.ts +2 -2
  357. package/dist/types/TokenInput/TokenInput.d.ts.map +1 -1
  358. package/dist/types/Tooltip/Tooltip.d.ts +2 -2
  359. package/dist/types/Tooltip/Tooltip.d.ts.map +1 -1
  360. package/dist/types/Tooltip/TooltipTypes.d.ts +2 -0
  361. package/dist/types/Tooltip/TooltipTypes.d.ts.map +1 -1
  362. package/dist/types/themes/dark/theme.d.ts +13 -0
  363. package/dist/types/themes/dark/theme.d.ts.map +1 -1
  364. package/dist/types/themes/light/theme.d.ts +14 -1
  365. package/dist/types/themes/light/theme.d.ts.map +1 -1
  366. package/dist/types/types/shared.d.ts +3 -3
  367. package/dist/types/types/shared.d.ts.map +1 -1
  368. package/dist/types/types/system-props.d.ts +3 -3
  369. package/dist/types/types/system-props.d.ts.map +1 -1
  370. package/dist/types/types/theme.colors.d.ts +28 -15
  371. package/dist/types/types/theme.colors.d.ts.map +1 -1
  372. package/dist/types/types/theme.d.ts +13 -13
  373. package/dist/types/types/theme.d.ts.map +1 -1
  374. package/dist/types/utils/dataQaLabelQueries.d.ts +2 -2
  375. package/dist/types/utils/dataQaLabelQueries.d.ts.map +1 -1
  376. package/dist/types/utils/hooks.d.ts +6 -6
  377. package/dist/types/utils/hooks.d.ts.map +1 -1
  378. package/dist/types/utils/index.d.ts +1 -1
  379. package/dist/types/utils/index.d.ts.map +1 -1
  380. package/dist/types/utils/react-testing-library.d.ts +3 -123
  381. package/dist/types/utils/react-testing-library.d.ts.map +1 -1
  382. package/lib/Avatar/Avatar.js +51 -28
  383. package/lib/Avatar/constants.flow.js +10 -0
  384. package/lib/Avatar/constants.js +10 -0
  385. package/lib/Avatar/index.flow.js +2 -1
  386. package/lib/Avatar/index.js +2 -1
  387. package/lib/Breadcrumb/Breadcrumb.js +3 -3
  388. package/lib/Card/Card.js +2 -2
  389. package/lib/Card/utils.js +1 -1
  390. package/lib/CharacterCounter/CharacterCounter.js +1 -1
  391. package/lib/Checkbox/Checkbox.js +1 -1
  392. package/lib/Collapsible/Collapsible.js +5 -5
  393. package/lib/DatePicker/DateRangePicker/DateRangePicker.js +2 -2
  394. package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js +2 -2
  395. package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js +2 -2
  396. package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +2 -2
  397. package/lib/Drawer/Drawer.js +3 -3
  398. package/lib/FormField/FormField.js +2 -2
  399. package/lib/Icon/Icon.flow.js +3 -1
  400. package/lib/Icon/Icon.js +3 -3
  401. package/lib/Image/Image.js +1 -1
  402. package/lib/Indicator/Indicator.js +1 -1
  403. package/lib/Input/Input.js +9 -4
  404. package/lib/KeyboardKey/KeyboardKey.js +1 -1
  405. package/lib/Label/Label.js +1 -1
  406. package/lib/Listbox/Listbox.js +3 -3
  407. package/lib/Loader/Loader.js +1 -1
  408. package/lib/LoaderButton/LoaderButton.js +3 -4
  409. package/lib/Menu/Menu.js +51 -30
  410. package/lib/Menu/utils/descendants.js +5 -5
  411. package/lib/Menu/utils/hooks.js +8 -2
  412. package/lib/Menu/utils/index.js +1 -2
  413. package/lib/Numeral/Numeral.js +2 -2
  414. package/lib/PartnerLogo/PartnerLogo.flow.js +5 -1
  415. package/lib/Popout/Popout.flow.js +3 -1
  416. package/lib/Popout/Popout.js +15 -10
  417. package/lib/Portal/Portal.js +1 -1
  418. package/lib/Radio/Radio.js +1 -1
  419. package/lib/SegmentedControl/SegmentedControl.js +2 -2
  420. package/lib/Select/Select.js +1 -1
  421. package/lib/StatefulStory.js +2 -2
  422. package/lib/TableCell/TableCell.flow.js +5 -1
  423. package/lib/TableCell/TableCell.js +1 -1
  424. package/lib/TableHeaderCell/TableHeaderCell.js +2 -1
  425. package/lib/TableRowAccordion/TableRowAccordion.js +1 -1
  426. package/lib/Tabs/Tabs.js +4 -4
  427. package/lib/Textarea/Textarea.js +5 -1
  428. package/lib/ThemeProvider/index.flow.js +3 -1
  429. package/lib/ThemeProvider/index.js +3 -0
  430. package/lib/ToggleHint/ToggleHint.js +1 -1
  431. package/lib/TokenInput/TokenInput.js +4 -4
  432. package/lib/TokenInput/TokenScreenReaderStatus.js +2 -2
  433. package/lib/Tooltip/Tooltip.js +114 -44
  434. package/lib/systemProps/background.flow.js +3 -0
  435. package/lib/systemProps/border.flow.js +3 -0
  436. package/lib/systemProps/color.flow.js +3 -0
  437. package/lib/systemProps/custom.flow.js +3 -0
  438. package/lib/systemProps/flexbox.flow.js +3 -0
  439. package/lib/systemProps/grid.flow.js +3 -0
  440. package/lib/systemProps/index.js +7 -1
  441. package/lib/systemProps/layout.flow.js +3 -0
  442. package/lib/systemProps/position.flow.js +3 -0
  443. package/lib/systemProps/shadow.flow.js +3 -0
  444. package/lib/systemProps/space.flow.js +16 -0
  445. package/lib/systemProps/typography.flow.js +3 -0
  446. package/lib/systemProps/variant.flow.js +3 -0
  447. package/lib/themes/dark/theme.js +16 -3
  448. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +3 -3
  449. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +3 -3
  450. package/lib/themes/light/theme.js +16 -4
  451. package/lib/utils/a11yTest.js +13 -15
  452. package/lib/utils/dataQaLabelQueries.js +2 -2
  453. package/lib/utils/hooks.flow.js +2 -3
  454. package/lib/utils/hooks.js +5 -5
  455. package/lib/utils/index.js +1 -1
  456. package/lib/utils/react-testing-library.js +15 -13
  457. package/lib/utils/responsiveProps/index.js +2 -2
  458. package/lib/utils/use-measure.js +2 -2
  459. package/package.json +47 -42
  460. package/commonjs/Menu/utils/names.js +0 -8
  461. package/dist/types/Menu/utils/names.d.ts +0 -2
  462. package/dist/types/Menu/utils/names.d.ts.map +0 -1
  463. package/lib/Menu/utils/names.js +0 -1
@@ -9,51 +9,68 @@ var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-m
9
9
  var _Popout = _interopRequireDefault(require("../Popout"));
10
10
  var _styles = require("./styles");
11
11
  var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
12
- _excluded2 = ["appearance", "children"];
12
+ _excluded2 = ["appearance", "children", "onMouseEnter", "onMouseLeave"];
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
15
  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; }
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
+ function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
19
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
20
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
21
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
21
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
22
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
22
23
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
24
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
24
25
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
25
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
26
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
26
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
27
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
27
28
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
28
29
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
30
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
31
  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); }
31
32
  var idCounter = 0;
32
- var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance, ariaProps, wrapperStyles) {
33
+ var wrapContent = function wrapContent(_ref) {
34
+ var isOpen = _ref.isOpen,
35
+ content = _ref.content,
36
+ contentId = _ref.contentId,
37
+ show = _ref.show,
38
+ hide = _ref.hide,
39
+ Wrapper = _ref.Wrapper,
40
+ appearance = _ref.appearance,
41
+ ariaProps = _ref.ariaProps,
42
+ wrapperStyles = _ref.wrapperStyles,
43
+ onMouseEnter = _ref.onMouseEnter,
44
+ onMouseLeave = _ref.onMouseLeave;
33
45
  return /*#__PURE__*/React.createElement(Wrapper, _extends({
34
46
  appearance: appearance,
35
47
  onMouseOver: show,
36
48
  onMouseOut: hide,
37
49
  onFocus: show,
38
50
  onBlur: hide,
51
+ onMouseEnter: onMouseEnter,
52
+ onMouseLeave: onMouseLeave,
39
53
  style: Object.keys(wrapperStyles).length === 0 ? undefined : wrapperStyles
40
- }, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content) : content);
54
+ }, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content, {
55
+ 'aria-expanded': isOpen,
56
+ 'aria-describedby': contentId
57
+ }) : content);
41
58
  };
42
- var Tooltip = function Tooltip(_ref) {
43
- var content = _ref.content,
44
- children = _ref.children,
45
- _ref$enterDelay = _ref.enterDelay,
46
- enterDelay = _ref$enterDelay === void 0 ? _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000 : _ref$enterDelay,
47
- _ref$placement = _ref.placement,
48
- placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
49
- appearance = _ref.appearance,
50
- _ref$zIndex = _ref.zIndex,
51
- zIndex = _ref$zIndex === void 0 ? 7 : _ref$zIndex,
52
- qa = _ref.qa,
53
- popoutProps = _ref.popoutProps,
54
- _ref$truncated = _ref.truncated,
55
- truncated = _ref$truncated === void 0 ? false : _ref$truncated,
56
- rest = _objectWithoutProperties(_ref, _excluded);
59
+ var Tooltip = function Tooltip(_ref2) {
60
+ var content = _ref2.content,
61
+ children = _ref2.children,
62
+ _ref2$enterDelay = _ref2.enterDelay,
63
+ enterDelay = _ref2$enterDelay === void 0 ? _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000 : _ref2$enterDelay,
64
+ _ref2$placement = _ref2.placement,
65
+ placement = _ref2$placement === void 0 ? 'auto' : _ref2$placement,
66
+ appearance = _ref2.appearance,
67
+ _ref2$zIndex = _ref2.zIndex,
68
+ zIndex = _ref2$zIndex === void 0 ? 7 : _ref2$zIndex,
69
+ qa = _ref2.qa,
70
+ popoutProps = _ref2.popoutProps,
71
+ _ref2$truncated = _ref2.truncated,
72
+ truncated = _ref2$truncated === void 0 ? false : _ref2$truncated,
73
+ rest = _objectWithoutProperties(_ref2, _excluded);
57
74
  var _useState = (0, React.useState)(false),
58
75
  _useState2 = _slicedToArray(_useState, 2),
59
76
  shouldShow = _useState2[0],
@@ -62,46 +79,91 @@ var Tooltip = function Tooltip(_ref) {
62
79
  _useState4 = _slicedToArray(_useState3, 2),
63
80
  isOpen = _useState4[0],
64
81
  setIsOpen = _useState4[1];
65
- var _useState5 = (0, React.useState)("Racine-tooltip-".concat(idCounter++)),
66
- _useState6 = _slicedToArray(_useState5, 1),
67
- id = _useState6[0];
82
+ var _useState5 = (0, React.useState)(false),
83
+ _useState6 = _slicedToArray(_useState5, 2),
84
+ isTooltipHovered = _useState6[0],
85
+ setIsTooltipHovered = _useState6[1];
86
+ var _useState7 = (0, React.useState)("Racine-tooltip-".concat(idCounter++)),
87
+ _useState8 = _slicedToArray(_useState7, 1),
88
+ id = _useState8[0];
68
89
  var isInvalidContent = content === null || content === undefined;
69
90
  var show = function show() {
70
91
  return setShouldShow(true);
71
92
  };
72
93
  var hide = function hide() {
73
- return setShouldShow(false);
94
+ if (!isTooltipHovered) {
95
+ setShouldShow(false);
96
+ }
74
97
  };
75
98
  var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
76
99
  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
77
100
  var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
78
101
  (0, React.useEffect)(function () {
102
+ var documentBody = document.body;
79
103
  var timeout;
104
+ var onEsc = function onEsc(e) {
105
+ // older browsers use "Esc"
106
+ if (['Escape', 'Esc'].includes(e.key)) {
107
+ e.stopPropagation();
108
+ setIsOpen(false);
109
+ setShouldShow(false);
110
+ }
111
+ };
80
112
  if (shouldShow) {
81
113
  timeout = setTimeout(function () {
82
114
  return setIsOpen(true);
83
115
  }, enterDelay);
84
116
  } else {
85
117
  timeout = setTimeout(function () {
86
- return setIsOpen(false);
118
+ if (!isTooltipHovered) {
119
+ setIsOpen(false);
120
+ }
87
121
  }, exitDelay);
88
122
  }
123
+ documentBody.addEventListener('keydown', onEsc, false);
89
124
  return function () {
90
- return clearTimeout(timeout);
125
+ documentBody.removeEventListener('keydown', onEsc, false);
126
+ clearTimeout(timeout);
91
127
  };
92
- }, [isOpen, shouldShow, enterDelay, exitDelay]);
93
- var wrappedContent = wrapContent(content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _objectSpread({
94
- id: id
95
- }, rest), {});
96
- var ariaPropsForWrappedChildren = isOpen ? {
97
- 'aria-describedby': id
98
- } : {};
128
+ }, [isOpen, setShouldShow, shouldShow, enterDelay, exitDelay, isTooltipHovered]);
129
+ var wrappedContent = wrapContent({
130
+ isOpen: isOpen,
131
+ content: content,
132
+ contentId: id,
133
+ show: shouldTooltipContentsBeInteractive ? show : undefined,
134
+ hide: shouldTooltipContentsBeInteractive ? hide : undefined,
135
+ Wrapper: Content,
136
+ appearance: defaultAppearance,
137
+ ariaProps: _objectSpread(_objectSpread({}, rest), {}, {
138
+ id: id,
139
+ tabIndex: 0
140
+ }),
141
+ wrapperStyles: {},
142
+ onMouseEnter: function onMouseEnter() {
143
+ return setIsTooltipHovered(true);
144
+ },
145
+ onMouseLeave: function onMouseLeave() {
146
+ return setIsTooltipHovered(false);
147
+ }
148
+ });
149
+ _objectDestructuringEmpty(isOpen ? {} : {});
99
150
  var wrapperStylesForWrappedChildren = truncated ? {
100
151
  overflow: 'hidden',
101
152
  textOverflow: 'ellipsis',
102
153
  whiteSpace: 'nowrap'
103
154
  } : {};
104
- var wrappedChildren = wrapContent(children, show, hide, 'span', defaultAppearance, ariaPropsForWrappedChildren, wrapperStylesForWrappedChildren);
155
+ // Wraps the triggering element and passes props down
156
+ var wrappedChildren = wrapContent({
157
+ isOpen: isOpen,
158
+ content: children,
159
+ contentId: id,
160
+ show: show,
161
+ hide: hide,
162
+ Wrapper: 'span',
163
+ appearance: defaultAppearance,
164
+ ariaProps: {},
165
+ wrapperStyles: wrapperStylesForWrappedChildren
166
+ });
105
167
  return /*#__PURE__*/React.createElement(_Popout.default, _extends({
106
168
  content: !isInvalidContent ? wrappedContent : undefined,
107
169
  isOpen: isOpen,
@@ -109,17 +171,23 @@ var Tooltip = function Tooltip(_ref) {
109
171
  qa: _objectSpread({
110
172
  'data-qa-tooltip': id
111
173
  }, qa),
174
+ id: id + '-wrapper',
112
175
  focusOnContent: false,
113
176
  zIndex: zIndex,
114
- display: truncated ? 'flex' : undefined
177
+ "aria-haspopup": "false",
178
+ display: truncated ? 'flex' : undefined,
179
+ disableWrapperAria: true // required so that the child span doesnt take in redundant aria props
115
180
  }, popoutProps), wrappedChildren);
116
181
  };
117
- var Content = function Content(_ref2) {
118
- var _ref2$appearance = _ref2.appearance,
119
- appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
120
- children = _ref2.children,
121
- rest = _objectWithoutProperties(_ref2, _excluded2);
182
+ var Content = function Content(_ref4) {
183
+ var _ref4$appearance = _ref4.appearance,
184
+ appearance = _ref4$appearance === void 0 ? 'pill' : _ref4$appearance,
185
+ children = _ref4.children,
186
+ onMouseEnter = _ref4.onMouseEnter,
187
+ onMouseLeave = _ref4.onMouseLeave,
188
+ rest = _objectWithoutProperties(_ref4, _excluded2);
122
189
  return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
190
+ role: "tooltip",
123
191
  appearance: appearance,
124
192
  borderRadius: appearance === 'box' ? 500 : '5000em',
125
193
  px: 400,
@@ -129,7 +197,9 @@ var Content = function Content(_ref2) {
129
197
  bg: "container.background.base",
130
198
  boxShadow: "medium",
131
199
  border: 500,
132
- borderColor: "container.border.base"
200
+ borderColor: "container.border.base",
201
+ onMouseEnter: onMouseEnter,
202
+ onMouseLeave: onMouseLeave
133
203
  }, rest), children);
134
204
  };
135
205
  var _default = Tooltip;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
4
  var React = _interopRequireWildcard(require("react"));
5
5
  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); }
6
6
  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; }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.backgroundSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#background
8
9
  var backgroundSystemProps = _styledSystem.background;
9
10
  exports.backgroundSystemProps = backgroundSystemProps;
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.borderSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#border
8
9
  var borderSystemProps = _styledSystem.border;
9
10
  exports.borderSystemProps = borderSystemProps;
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.colorSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#color
8
9
  var colorSystemProps = _styledSystem.color;
9
10
  exports.colorSystemProps = colorSystemProps;
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.customSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/custom-props
8
9
  var customSystemProps = (0, _styledSystem.compose)((0, _styledSystem.system)({
9
10
  cursor: true,
10
11
  whiteSpace: true
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.flexboxSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#flexbox
8
9
  var flexboxSystemProps = _styledSystem.flexbox;
9
10
  exports.flexboxSystemProps = flexboxSystemProps;
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.gridSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#grid-layout
8
9
  var gridSystemProps = _styledSystem.grid;
9
10
  exports.gridSystemProps = gridSystemProps;
@@ -67,6 +67,8 @@ Object.defineProperty(exports, "typographySystemProps", {
67
67
  });
68
68
  exports.variantSystemProps = void 0;
69
69
  var _styledSystem = require("styled-system");
70
+ // https://styled-system.com/custom-props
71
+
70
72
  var customSystemProps = (0, _styledSystem.compose)((0, _styledSystem.system)({
71
73
  cursor: true,
72
74
  whiteSpace: true
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.layoutSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#layout
8
9
  var layoutSystemProps = _styledSystem.layout;
9
10
  exports.layoutSystemProps = layoutSystemProps;
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.positionSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#position
8
9
  var positionSystemProps = _styledSystem.position;
9
10
  exports.positionSystemProps = positionSystemProps;
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.shadowSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#shadow
8
9
  var shadowSystemProps = _styledSystem.shadow;
9
10
  exports.shadowSystemProps = shadowSystemProps;
@@ -5,5 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.spaceSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
- /* eslint-disable prettier/prettier */var spaceSystemProps = _styledSystem.space;
8
+ /* eslint-disable prettier/prettier */ // https://styled-system.com/table#space
9
+ // prettier-ignore
10
+ // prettier-ignore
11
+ // prettier-ignore
12
+ // prettier-ignore
13
+ // prettier-ignore
14
+ // prettier-ignore
15
+ // prettier-ignore
16
+ // prettier-ignore
17
+ // prettier-ignore
18
+ // prettier-ignore
19
+ // prettier-ignore
20
+ // prettier-ignore
21
+ // prettier-ignore
22
+ // prettier-ignore
23
+ var spaceSystemProps = _styledSystem.space;
9
24
  exports.spaceSystemProps = spaceSystemProps;
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.typographySystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/table#typography
8
9
  var typographySystemProps = _styledSystem.typography;
9
10
  exports.typographySystemProps = typographySystemProps;
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.variantSystemProps = void 0;
7
7
  var _styledSystem = require("styled-system");
8
+ // https://styled-system.com/variants
8
9
  var variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
9
10
  key: 'typography',
10
11
  prop: 'typeScale'
@@ -11,12 +11,14 @@ var _theme = _interopRequireDefault(require("../light/theme"));
11
11
  var _datavizPalette = require("./dataviz-palette");
12
12
  var _decorativePalettes = require("./decorative-palettes");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
15
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
14
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
15
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17
17
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
18
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
19
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
20
+ //import {theme as lightTheme} from '@src';
21
+ //import {TypeThemeMode} from '@src/types/theme';
20
22
  var MODE = 'dark';
21
23
  var shadows = {
22
24
  low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
@@ -183,6 +185,19 @@ var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
183
185
  background: {
184
186
  highlight: _seedsColor.default.COLOR_YELLOW_900,
185
187
  selection: _seedsColor.default.COLOR_BLUE_800
188
+ },
189
+ decorative: {
190
+ green: _decorativePalettes.green.foreground,
191
+ blue: _decorativePalettes.blue.foreground,
192
+ purple: _decorativePalettes.purple.foreground,
193
+ yellow: _decorativePalettes.yellow.foreground,
194
+ orange: _decorativePalettes.orange.foreground,
195
+ red: _decorativePalettes.red.foreground,
196
+ neutral: _decorativePalettes.neutral.foreground,
197
+ magenta: _decorativePalettes.magenta.foreground,
198
+ pink: _decorativePalettes.pink.foreground,
199
+ aqua: _decorativePalettes.aqua.foreground,
200
+ teal: _decorativePalettes.teal.foreground
186
201
  }
187
202
  },
188
203
  icon: {
@@ -7,12 +7,13 @@ exports.navigation = exports.listening = exports.growth = exports.default = expo
7
7
  var _polished = require("polished");
8
8
  var _theme = _interopRequireDefault(require("../../../dark/theme"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
11
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
13
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
14
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
15
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
15
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
16
+ //import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
16
17
  var navigation = {
17
18
  main: {
18
19
  background: {
@@ -7,12 +7,13 @@ exports.navigation = exports.listening = exports.growth = exports.default = expo
7
7
  var _polished = require("polished");
8
8
  var _theme = _interopRequireDefault(require("../../../light/theme"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
11
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
13
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
14
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
15
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
15
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
16
+ //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
16
17
  var navigation = {
17
18
  main: {
18
19
  background: {
@@ -18,12 +18,14 @@ var _decorativePalettes = require("./decorative-palettes");
18
18
  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); }
19
19
  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; }
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
22
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
23
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
22
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
24
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
25
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
26
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
26
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
27
+ // json-to-scss is not working with the alias right now
28
+ //import {TypeThemeMode} from '@src/types/theme';
27
29
  var breakpoints = ['900px', '1200px', '1500px', '1800px'];
28
30
  exports.breakpoints = breakpoints;
29
31
  var MODE = 'light';
@@ -186,6 +188,19 @@ var colors = _objectSpread(_objectSpread({
186
188
  background: {
187
189
  highlight: _seedsColor.default.COLOR_YELLOW_200,
188
190
  selection: _seedsColor.default.COLOR_BLUE_300
191
+ },
192
+ decorative: {
193
+ green: _decorativePalettes.green.foreground,
194
+ blue: _decorativePalettes.blue.foreground,
195
+ purple: _decorativePalettes.purple.foreground,
196
+ yellow: _decorativePalettes.yellow.foreground,
197
+ orange: _decorativePalettes.orange.foreground,
198
+ red: _decorativePalettes.red.foreground,
199
+ neutral: _decorativePalettes.neutral.foreground,
200
+ magenta: _decorativePalettes.magenta.foreground,
201
+ pink: _decorativePalettes.pink.foreground,
202
+ aqua: _decorativePalettes.aqua.foreground,
203
+ teal: _decorativePalettes.teal.foreground
189
204
  }
190
205
  },
191
206
  icon: {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
4
  var React = _interopRequireWildcard(require("react"));
5
5
  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); }
6
6
  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; }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
4
  var React = _interopRequireWildcard(require("react"));
5
5
  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); }
6
6
  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; }