@sproutsocial/racine 20.12.0 → 20.13.5

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 (342) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/README.md +1 -0
  3. package/__flow__/EnumLogoNames.flow.js +1 -1
  4. package/__flow__/LogoViewBoxes.js +2 -0
  5. package/__flow__/types/theme.colors.flow.js +2 -0
  6. package/commonjs/Avatar/Avatar.flow.js +2 -2
  7. package/commonjs/Avatar/Avatar.js +10 -12
  8. package/commonjs/Avatar/constants.flow.js +2 -3
  9. package/commonjs/Avatar/constants.js +2 -3
  10. package/commonjs/Avatar/index.js +1 -2
  11. package/commonjs/Badge/Badge.flow.js +2 -2
  12. package/commonjs/Badge/Badge.js +3 -4
  13. package/commonjs/Badge/constants.flow.js +2 -3
  14. package/commonjs/Badge/constants.js +3 -5
  15. package/commonjs/Badge/index.js +1 -2
  16. package/commonjs/Badge/styles.js +1 -2
  17. package/commonjs/Banner/Banner.flow.js +2 -2
  18. package/commonjs/Banner/Banner.js +3 -4
  19. package/commonjs/Banner/index.js +1 -2
  20. package/commonjs/Banner/styles.js +5 -7
  21. package/commonjs/Box/Box.flow.js +2 -2
  22. package/commonjs/Box/Box.js +3 -4
  23. package/commonjs/Box/index.js +1 -2
  24. package/commonjs/Box/styles.js +1 -2
  25. package/commonjs/Breadcrumb/Breadcrumb.flow.js +2 -2
  26. package/commonjs/Breadcrumb/Breadcrumb.js +5 -6
  27. package/commonjs/Breadcrumb/index.js +1 -2
  28. package/commonjs/Breadcrumb/styles.js +1 -2
  29. package/commonjs/Button/Button.flow.js +2 -2
  30. package/commonjs/Button/Button.js +1 -2
  31. package/commonjs/Button/index.js +1 -2
  32. package/commonjs/Button/styles.js +4 -8
  33. package/commonjs/Card/Card.flow.js +2 -2
  34. package/commonjs/Card/Card.js +3 -4
  35. package/commonjs/Card/CardTypes.flow.js +2 -2
  36. package/commonjs/Card/index.js +1 -2
  37. package/commonjs/Card/styles.js +9 -17
  38. package/commonjs/Card/subComponents.js +9 -15
  39. package/commonjs/Card/utils.js +4 -7
  40. package/commonjs/CharacterCounter/CharacterCounter.flow.js +2 -2
  41. package/commonjs/CharacterCounter/CharacterCounter.js +10 -12
  42. package/commonjs/CharacterCounter/index.js +1 -2
  43. package/commonjs/CharacterCounter/styles.js +3 -4
  44. package/commonjs/ChartLegend/ChartLegend.flow.js +2 -2
  45. package/commonjs/ChartLegend/ChartLegend.js +3 -4
  46. package/commonjs/ChartLegend/index.js +1 -2
  47. package/commonjs/ChartLegend/styles.js +5 -8
  48. package/commonjs/ChartLegend/useChartLabels.js +2 -3
  49. package/commonjs/Checkbox/Checkbox.flow.js +2 -2
  50. package/commonjs/Checkbox/Checkbox.js +11 -13
  51. package/commonjs/Checkbox/index.js +1 -2
  52. package/commonjs/Checkbox/styles.js +9 -16
  53. package/commonjs/Collapsible/Collapsible.flow.js +2 -2
  54. package/commonjs/Collapsible/Collapsible.js +13 -13
  55. package/commonjs/Collapsible/index.js +1 -2
  56. package/commonjs/Collapsible/styles.js +2 -3
  57. package/commonjs/DatePicker/DateRangePicker/DateRangePicker.flow.js +2 -2
  58. package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js +3 -4
  59. package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +2 -2
  60. package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js +4 -5
  61. package/commonjs/DatePicker/DateRangePicker/index.js +1 -2
  62. package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +2 -2
  63. package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js +3 -4
  64. package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +2 -2
  65. package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +4 -5
  66. package/commonjs/DatePicker/SingleDatePicker/index.js +1 -2
  67. package/commonjs/DatePicker/common.js +9 -15
  68. package/commonjs/DatePicker/index.flow.js +2 -2
  69. package/commonjs/DatePicker/styles.js +5 -7
  70. package/commonjs/Drawer/Drawer.flow.js +2 -2
  71. package/commonjs/Drawer/Drawer.js +11 -11
  72. package/commonjs/Drawer/SlideTransition.js +4 -5
  73. package/commonjs/Drawer/index.js +1 -2
  74. package/commonjs/Drawer/styles.js +4 -6
  75. package/commonjs/EmptyState/EmptyState.flow.js +2 -2
  76. package/commonjs/EmptyState/EmptyState.js +3 -4
  77. package/commonjs/EmptyState/index.js +1 -2
  78. package/commonjs/Fieldset/Fieldset.flow.js +2 -2
  79. package/commonjs/Fieldset/Fieldset.js +3 -4
  80. package/commonjs/Fieldset/index.js +1 -2
  81. package/commonjs/Fieldset/styles.js +4 -5
  82. package/commonjs/FormField/FormField.flow.js +2 -2
  83. package/commonjs/FormField/FormField.js +5 -6
  84. package/commonjs/FormField/index.js +1 -2
  85. package/commonjs/Icon/Icon.flow.js +2 -2
  86. package/commonjs/Icon/Icon.js +5 -6
  87. package/commonjs/Icon/index.flow.js +2 -2
  88. package/commonjs/Icon/index.js +1 -2
  89. package/commonjs/Icon/styles.js +3 -4
  90. package/commonjs/Image/Image.flow.js +2 -2
  91. package/commonjs/Image/Image.js +11 -13
  92. package/commonjs/Image/index.js +1 -2
  93. package/commonjs/Image/styles.js +3 -4
  94. package/commonjs/Indicator/Indicator.flow.js +2 -2
  95. package/commonjs/Indicator/Indicator.js +10 -12
  96. package/commonjs/Indicator/index.js +1 -2
  97. package/commonjs/Indicator/styles.js +1 -2
  98. package/commonjs/Input/Input.flow.js +2 -2
  99. package/commonjs/Input/Input.js +12 -13
  100. package/commonjs/Input/index.js +1 -2
  101. package/commonjs/Input/styles.js +4 -6
  102. package/commonjs/KeyboardKey/KeyboardKey.flow.js +2 -2
  103. package/commonjs/KeyboardKey/KeyboardKey.js +11 -13
  104. package/commonjs/KeyboardKey/index.js +1 -2
  105. package/commonjs/KeyboardKey/styles.js +1 -2
  106. package/commonjs/Label/Label.flow.js +2 -2
  107. package/commonjs/Label/Label.js +11 -13
  108. package/commonjs/Label/index.js +1 -2
  109. package/commonjs/Link/Link.flow.js +2 -2
  110. package/commonjs/Link/Link.js +3 -4
  111. package/commonjs/Link/constants.js +1 -2
  112. package/commonjs/Link/index.js +1 -2
  113. package/commonjs/Link/styles.js +3 -4
  114. package/commonjs/Listbox/Listbox.flow.js +2 -2
  115. package/commonjs/Listbox/Listbox.js +8 -12
  116. package/commonjs/Listbox/index.js +3 -4
  117. package/commonjs/Loader/Loader.flow.js +2 -2
  118. package/commonjs/Loader/Loader.js +10 -12
  119. package/commonjs/Loader/index.js +1 -2
  120. package/commonjs/Loader/styles.js +4 -6
  121. package/commonjs/LoaderButton/LoaderButton.flow.js +2 -2
  122. package/commonjs/LoaderButton/LoaderButton.js +4 -6
  123. package/commonjs/LoaderButton/index.js +1 -2
  124. package/commonjs/LogoViewBoxes.js +2 -0
  125. package/commonjs/Menu/Menu.flow.js +2 -2
  126. package/commonjs/Menu/Menu.js +42 -50
  127. package/commonjs/Menu/index.js +3 -4
  128. package/commonjs/Menu/styles.js +5 -7
  129. package/commonjs/Menu/utils/constants.flow.js +3 -5
  130. package/commonjs/Menu/utils/constants.js +3 -5
  131. package/commonjs/Menu/utils/descendants.js +17 -16
  132. package/commonjs/Menu/utils/hooks.js +3 -6
  133. package/commonjs/Message/Message.flow.js +3 -4
  134. package/commonjs/Message/Message.js +3 -4
  135. package/commonjs/Message/constants.js +2 -3
  136. package/commonjs/Message/index.js +1 -2
  137. package/commonjs/Message/styles.js +5 -10
  138. package/commonjs/Modal/Modal.flow.js +2 -2
  139. package/commonjs/Modal/Modal.js +7 -7
  140. package/commonjs/Modal/index.js +1 -2
  141. package/commonjs/Modal/styles.js +8 -14
  142. package/commonjs/Numeral/Numeral.flow.js +2 -2
  143. package/commonjs/Numeral/Numeral.js +3 -4
  144. package/commonjs/Numeral/constants.js +7 -13
  145. package/commonjs/Numeral/index.js +1 -2
  146. package/commonjs/Numeral/styles.js +3 -5
  147. package/commonjs/PartnerLogo/PartnerLogo.flow.js +2 -2
  148. package/commonjs/PartnerLogo/PartnerLogo.js +1 -2
  149. package/commonjs/PartnerLogo/PartnerLogoTypes.js +4 -6
  150. package/commonjs/PartnerLogo/index.js +1 -2
  151. package/commonjs/PartnerLogo/styles.js +3 -4
  152. package/commonjs/Popout/Popout.flow.js +2 -2
  153. package/commonjs/Popout/Popout.js +21 -22
  154. package/commonjs/Popout/index.js +1 -2
  155. package/commonjs/Popout/styles.js +2 -3
  156. package/commonjs/Portal/Portal.flow.js +2 -2
  157. package/commonjs/Portal/Portal.js +11 -13
  158. package/commonjs/Portal/index.js +1 -2
  159. package/commonjs/Radio/Radio.flow.js +2 -2
  160. package/commonjs/Radio/Radio.js +11 -13
  161. package/commonjs/Radio/index.js +1 -2
  162. package/commonjs/Radio/styles.js +6 -10
  163. package/commonjs/SegmentedControl/SegmentedControl.flow.js +2 -2
  164. package/commonjs/SegmentedControl/SegmentedControl.js +8 -8
  165. package/commonjs/SegmentedControl/index.js +1 -2
  166. package/commonjs/SegmentedControl/styles.js +6 -9
  167. package/commonjs/Select/Select.flow.js +2 -2
  168. package/commonjs/Select/Select.js +11 -13
  169. package/commonjs/Select/index.js +1 -2
  170. package/commonjs/Select/styles.js +4 -6
  171. package/commonjs/Skeleton/Skeleton.js +1 -2
  172. package/commonjs/Skeleton/index.js +1 -2
  173. package/commonjs/SpotIllustration/SpotIllustration.flow.js +2 -2
  174. package/commonjs/SpotIllustration/SpotIllustration.js +3 -4
  175. package/commonjs/SpotIllustration/illustrationNames.js +1 -2
  176. package/commonjs/SpotIllustration/index.js +1 -2
  177. package/commonjs/Stack/Stack.flow.js +2 -2
  178. package/commonjs/Stack/Stack.js +6 -6
  179. package/commonjs/Stack/index.js +1 -2
  180. package/commonjs/Switch/Switch.flow.js +2 -2
  181. package/commonjs/Switch/Switch.js +3 -4
  182. package/commonjs/Switch/index.js +1 -2
  183. package/commonjs/Switch/styles.js +4 -5
  184. package/commonjs/Table/Table.flow.js +2 -2
  185. package/commonjs/Table/Table.js +7 -12
  186. package/commonjs/Table/index.js +1 -2
  187. package/commonjs/Table/styles.js +1 -2
  188. package/commonjs/TableCell/TableCell.flow.js +2 -2
  189. package/commonjs/TableCell/TableCell.js +11 -14
  190. package/commonjs/TableCell/index.js +1 -2
  191. package/commonjs/TableCell/styles.js +1 -2
  192. package/commonjs/TableHeaderCell/TableHeaderCell.flow.js +4 -5
  193. package/commonjs/TableHeaderCell/TableHeaderCell.js +12 -15
  194. package/commonjs/TableHeaderCell/constants.js +2 -3
  195. package/commonjs/TableHeaderCell/index.js +1 -2
  196. package/commonjs/TableHeaderCell/styles.js +5 -8
  197. package/commonjs/TableRowAccordion/TableRowAccordion.flow.js +2 -2
  198. package/commonjs/TableRowAccordion/TableRowAccordion.js +12 -14
  199. package/commonjs/TableRowAccordion/index.js +1 -2
  200. package/commonjs/TableRowAccordion/styles.js +5 -8
  201. package/commonjs/Tabs/Tabs.flow.js +2 -2
  202. package/commonjs/Tabs/Tabs.js +12 -15
  203. package/commonjs/Tabs/index.js +1 -2
  204. package/commonjs/Tabs/styles.js +5 -8
  205. package/commonjs/Text/Text.flow.js +2 -2
  206. package/commonjs/Text/Text.js +3 -4
  207. package/commonjs/Text/index.js +1 -2
  208. package/commonjs/Text/styles.js +3 -4
  209. package/commonjs/Textarea/Textarea.flow.js +2 -2
  210. package/commonjs/Textarea/Textarea.js +11 -13
  211. package/commonjs/Textarea/index.js +1 -2
  212. package/commonjs/Textarea/styles.js +4 -6
  213. package/commonjs/ThemeProvider/index.flow.js +2 -2
  214. package/commonjs/ThemeProvider/index.js +3 -4
  215. package/commonjs/Toast/Toast.flow.js +2 -2
  216. package/commonjs/Toast/Toast.js +3 -4
  217. package/commonjs/Toast/index.js +3 -4
  218. package/commonjs/Toast/styles.js +6 -8
  219. package/commonjs/ToggleHint/ToggleHint.flow.js +2 -2
  220. package/commonjs/ToggleHint/ToggleHint.js +11 -13
  221. package/commonjs/ToggleHint/index.js +1 -2
  222. package/commonjs/ToggleHint/styles.js +4 -6
  223. package/commonjs/Token/Token.flow.js +2 -2
  224. package/commonjs/Token/Token.js +3 -4
  225. package/commonjs/Token/index.js +3 -4
  226. package/commonjs/Token/styles.js +3 -4
  227. package/commonjs/TokenInput/TokenInput.flow.js +2 -2
  228. package/commonjs/TokenInput/TokenInput.js +12 -14
  229. package/commonjs/TokenInput/TokenScreenReaderStatus.js +4 -5
  230. package/commonjs/TokenInput/index.js +1 -2
  231. package/commonjs/TokenInput/styles.js +3 -4
  232. package/commonjs/TokenInput/util.js +3 -5
  233. package/commonjs/Tooltip/Tooltip.flow.js +2 -2
  234. package/commonjs/Tooltip/Tooltip.js +11 -11
  235. package/commonjs/Tooltip/index.js +1 -2
  236. package/commonjs/Tooltip/styles.js +2 -3
  237. package/commonjs/VisuallyHidden/VisuallyHidden.flow.js +2 -2
  238. package/commonjs/VisuallyHidden/VisuallyHidden.js +2 -3
  239. package/commonjs/illustrationNames.js +1 -2
  240. package/commonjs/index.flow.js +2 -2
  241. package/commonjs/logoNames.js +1 -2
  242. package/commonjs/systemProps/background.flow.js +1 -2
  243. package/commonjs/systemProps/border.flow.js +1 -2
  244. package/commonjs/systemProps/color.flow.js +1 -2
  245. package/commonjs/systemProps/custom.flow.js +2 -3
  246. package/commonjs/systemProps/flexbox.flow.js +1 -2
  247. package/commonjs/systemProps/grid.flow.js +1 -2
  248. package/commonjs/systemProps/index.js +5 -7
  249. package/commonjs/systemProps/layout.flow.js +1 -2
  250. package/commonjs/systemProps/position.flow.js +1 -2
  251. package/commonjs/systemProps/shadow.flow.js +1 -2
  252. package/commonjs/systemProps/space.flow.js +1 -2
  253. package/commonjs/systemProps/systemProps.flow.js +1 -2
  254. package/commonjs/systemProps/typography.flow.js +1 -2
  255. package/commonjs/systemProps/variant.flow.js +2 -3
  256. package/commonjs/themes/dark/dataviz-palette.js +2 -3
  257. package/commonjs/themes/dark/decorative-palettes.js +12 -23
  258. package/commonjs/themes/dark/theme.js +5 -6
  259. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.flow.js +1 -2
  260. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +9 -16
  261. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +9 -16
  262. package/commonjs/themes/light/dataviz-palette.js +2 -3
  263. package/commonjs/themes/light/decorative-palettes.js +12 -23
  264. package/commonjs/themes/light/literal-colors.js +1 -2
  265. package/commonjs/themes/light/theme.js +22 -34
  266. package/commonjs/types/shared.flow.js +2 -2
  267. package/commonjs/types/styled-components.flow.js +2 -2
  268. package/commonjs/utils/a11yTest.js +2 -3
  269. package/commonjs/utils/chartColors.js +5 -9
  270. package/commonjs/utils/constants.js +1 -2
  271. package/commonjs/utils/dataQaLabelQueries.js +2 -3
  272. package/commonjs/utils/hooks.flow.js +1 -0
  273. package/commonjs/utils/hooks.js +4 -6
  274. package/commonjs/utils/index.js +2 -4
  275. package/commonjs/utils/innerText.flow.js +2 -2
  276. package/commonjs/utils/innerText.js +1 -2
  277. package/commonjs/utils/mixins.js +5 -10
  278. package/commonjs/utils/react-testing-library.flow.js +2 -2
  279. package/commonjs/utils/react-testing-library.js +5 -8
  280. package/commonjs/utils/responsiveProps/index.js +2 -3
  281. package/commonjs/utils/system-props/gap.js +2 -3
  282. package/commonjs/utils/system-props/system-props.js +9 -16
  283. package/commonjs/utils/useInteractiveColor.js +2 -3
  284. package/dist/logo.svg +1 -1
  285. package/dist/logoList.js +1 -1
  286. package/dist/themes/dark/theme.scss +2 -1
  287. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +2 -1
  288. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +4 -2
  289. package/dist/themes/light/theme.scss +4 -2
  290. package/dist/types/Button/styles.d.ts.map +1 -1
  291. package/dist/types/EnumLogoNames.d.ts +1 -1
  292. package/dist/types/EnumLogoNames.d.ts.map +1 -1
  293. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +1 -1
  294. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
  295. package/dist/types/logoNames.d.ts +1 -1
  296. package/dist/types/logoNames.d.ts.map +1 -1
  297. package/dist/types/themes/dark/theme.d.ts +19 -18
  298. package/dist/types/themes/dark/theme.d.ts.map +1 -1
  299. package/dist/types/themes/light/theme.d.ts +29 -27
  300. package/dist/types/themes/light/theme.d.ts.map +1 -1
  301. package/dist/types/types/theme.colors.d.ts +2 -0
  302. package/dist/types/types/theme.colors.d.ts.map +1 -1
  303. package/lib/Breadcrumb/Breadcrumb.js +2 -2
  304. package/lib/Button/styles.js +1 -4
  305. package/lib/CharacterCounter/CharacterCounter.js +7 -8
  306. package/lib/Checkbox/Checkbox.js +8 -9
  307. package/lib/Collapsible/Collapsible.js +2 -2
  308. package/lib/Drawer/Drawer.js +2 -2
  309. package/lib/FormField/FormField.js +2 -2
  310. package/lib/Icon/Icon.js +2 -2
  311. package/lib/Image/Image.js +8 -9
  312. package/lib/Indicator/Indicator.js +7 -8
  313. package/lib/Input/Input.js +9 -9
  314. package/lib/KeyboardKey/KeyboardKey.js +7 -8
  315. package/lib/Label/Label.js +7 -8
  316. package/lib/Listbox/Listbox.js +2 -2
  317. package/lib/Loader/Loader.js +7 -8
  318. package/lib/LogoViewBoxes.js +2 -0
  319. package/lib/Menu/Menu.js +2 -2
  320. package/lib/Menu/utils/descendants.js +2 -2
  321. package/lib/Popout/Popout.js +2 -2
  322. package/lib/Portal/Portal.js +8 -9
  323. package/lib/Radio/Radio.js +8 -9
  324. package/lib/Select/Select.js +8 -9
  325. package/lib/TableCell/TableCell.js +7 -8
  326. package/lib/TableHeaderCell/TableHeaderCell.js +8 -9
  327. package/lib/TableRowAccordion/TableRowAccordion.js +8 -9
  328. package/lib/Tabs/Tabs.js +9 -11
  329. package/lib/Textarea/Textarea.js +8 -9
  330. package/lib/ToggleHint/ToggleHint.js +8 -9
  331. package/lib/TokenInput/TokenInput.js +8 -9
  332. package/lib/Tooltip/Tooltip.js +2 -2
  333. package/lib/logoNames.js +1 -1
  334. package/lib/systemProps/space.flow.js +14 -0
  335. package/lib/themes/dark/theme.js +2 -2
  336. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +2 -2
  337. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +2 -2
  338. package/lib/themes/light/theme.js +7 -4
  339. package/lib/utils/hooks.flow.js +1 -0
  340. package/lib/utils/hooks.js +2 -2
  341. package/lib/utils/react-testing-library.js +2 -2
  342. package/package.json +16 -24
@@ -15,19 +15,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
15
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
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
- 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); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
18
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
19
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
20
20
  //import {theme as lightTheme} from '@src';
21
21
  //import {TypeThemeMode} from '@src/types/theme';
22
22
  var MODE = 'dark';
23
- var shadows = {
23
+ var shadows = exports.shadows = {
24
24
  low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
25
25
  medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
26
26
  high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF")
27
27
  };
28
28
 
29
29
  // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
30
- exports.shadows = shadows;
30
+
31
31
  var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
32
32
  app: {
33
33
  background: {
@@ -265,5 +265,4 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
265
265
  shadows: shadows,
266
266
  mode: MODE
267
267
  });
268
- var _default = darkTheme;
269
- exports.default = _default;
268
+ var _default = exports.default = darkTheme;
@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = darkTheme;
8
- exports.default = _default;
7
+ var _default = exports.default = darkTheme;
@@ -11,10 +11,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
11
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
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
- 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); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
14
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
15
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
16
16
  //import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
17
- var navigation = {
17
+ var navigation = exports.navigation = {
18
18
  main: {
19
19
  background: {
20
20
  base: _theme.default.colors.neutral[1000],
@@ -67,8 +67,7 @@ var navigation = {
67
67
  }
68
68
  }
69
69
  };
70
- exports.navigation = navigation;
71
- var datePicker = {
70
+ var datePicker = exports.datePicker = {
72
71
  comparison: {
73
72
  background: {
74
73
  base: _theme.default.colors.neutral[400]
@@ -78,8 +77,7 @@ var datePicker = {
78
77
  }
79
78
  }
80
79
  };
81
- exports.datePicker = datePicker;
82
- var analytics = {
80
+ var analytics = exports.analytics = {
83
81
  trend: {
84
82
  positive: _theme.default.colors.teal[500],
85
83
  neutral: _theme.default.colors.neutral[100],
@@ -91,8 +89,7 @@ var analytics = {
91
89
  }
92
90
  }
93
91
  };
94
- exports.analytics = analytics;
95
- var listening = {
92
+ var listening = exports.listening = {
96
93
  chart: {
97
94
  indicator: {
98
95
  default: {
@@ -134,8 +131,7 @@ var listening = {
134
131
  q7: _theme.default.colors.purple[900]
135
132
  }
136
133
  };
137
- exports.listening = listening;
138
- var growth = {
134
+ var growth = exports.growth = {
139
135
  carousel: {
140
136
  indicator: {
141
137
  active: _theme.default.colors.blue[600],
@@ -221,8 +217,7 @@ var growth = {
221
217
  }
222
218
  }
223
219
  };
224
- exports.growth = growth;
225
- var cardControl = {
220
+ var cardControl = exports.cardControl = {
226
221
  background: {
227
222
  base: _theme.default.colors.neutral[900],
228
223
  selected: _theme.default.colors.neutral[700],
@@ -232,7 +227,6 @@ var cardControl = {
232
227
  selected: _theme.default.colors.text.body
233
228
  }
234
229
  };
235
- exports.cardControl = cardControl;
236
230
  var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
237
231
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
238
232
  navigation: navigation,
@@ -243,5 +237,4 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
243
237
  cardControl: cardControl
244
238
  })
245
239
  });
246
- var _default = darkTheme;
247
- exports.default = _default;
240
+ var _default = exports.default = darkTheme;
@@ -11,10 +11,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
11
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
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
- 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); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
14
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
15
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
16
16
  //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
17
- var navigation = {
17
+ var navigation = exports.navigation = {
18
18
  main: {
19
19
  background: {
20
20
  base: _theme.default.colors.neutral[900],
@@ -64,8 +64,7 @@ var navigation = {
64
64
  }
65
65
  }
66
66
  };
67
- exports.navigation = navigation;
68
- var datePicker = {
67
+ var datePicker = exports.datePicker = {
69
68
  comparison: {
70
69
  background: {
71
70
  base: _theme.default.colors.neutral[400]
@@ -75,8 +74,7 @@ var datePicker = {
75
74
  }
76
75
  }
77
76
  };
78
- exports.datePicker = datePicker;
79
- var analytics = {
77
+ var analytics = exports.analytics = {
80
78
  trend: {
81
79
  positive: _theme.default.colors.teal[800],
82
80
  neutral: _theme.default.colors.neutral[800],
@@ -88,8 +86,7 @@ var analytics = {
88
86
  }
89
87
  }
90
88
  };
91
- exports.analytics = analytics;
92
- var listening = {
89
+ var listening = exports.listening = {
93
90
  chart: {
94
91
  indicator: {
95
92
  default: {
@@ -131,8 +128,7 @@ var listening = {
131
128
  q7: _theme.default.colors.purple[900]
132
129
  }
133
130
  };
134
- exports.listening = listening;
135
- var growth = {
131
+ var growth = exports.growth = {
136
132
  carousel: {
137
133
  indicator: {
138
134
  active: _theme.default.colors.blue[600],
@@ -218,8 +214,7 @@ var growth = {
218
214
  }
219
215
  }
220
216
  };
221
- exports.growth = growth;
222
- var cardControl = {
217
+ var cardControl = exports.cardControl = {
223
218
  background: {
224
219
  base: _theme.default.colors.neutral[0],
225
220
  selected: _theme.default.colors.neutral[800],
@@ -229,7 +224,6 @@ var cardControl = {
229
224
  selected: _theme.default.colors.text.inverse
230
225
  }
231
226
  };
232
- exports.cardControl = cardControl;
233
227
  var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
234
228
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
235
229
  navigation: navigation,
@@ -240,5 +234,4 @@ var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
240
234
  cardControl: cardControl
241
235
  })
242
236
  });
243
- var _default = lightTheme;
244
- exports.default = _default;
237
+ var _default = exports.default = lightTheme;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.datavizPalette = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- var datavizPalette = {
9
+ var datavizPalette = exports.datavizPalette = {
10
10
  DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_500, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_500, _seedsColor.default.COLOR_MAGENTA_500, _seedsColor.default.COLOR_GREEN_500, _seedsColor.default.COLOR_ORANGE_500, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_900, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_900, _seedsColor.default.COLOR_YELLOW_900, _seedsColor.default.COLOR_BLUE_900, _seedsColor.default.COLOR_MAGENTA_900, _seedsColor.default.COLOR_GREEN_900, _seedsColor.default.COLOR_ORANGE_900, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_YELLOW_800],
11
11
  DATAVIZ_COLORS_MAP: {
12
12
  '1': _seedsColor.default.COLOR_TEAL_500,
@@ -30,5 +30,4 @@ var datavizPalette = {
30
30
  '19': _seedsColor.default.COLOR_GREEN_700,
31
31
  '20': _seedsColor.default.COLOR_YELLOW_800
32
32
  }
33
- };
34
- exports.datavizPalette = datavizPalette;
33
+ };
@@ -6,69 +6,58 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- var green = {
9
+ var green = exports.green = {
10
10
  background: _seedsColor.default.COLOR_GREEN_100,
11
11
  highlight: _seedsColor.default.COLOR_GREEN_500,
12
12
  foreground: _seedsColor.default.COLOR_GREEN_900
13
13
  };
14
- exports.green = green;
15
- var blue = {
14
+ var blue = exports.blue = {
16
15
  background: _seedsColor.default.COLOR_BLUE_100,
17
16
  highlight: _seedsColor.default.COLOR_BLUE_600,
18
17
  foreground: _seedsColor.default.COLOR_BLUE_900
19
18
  };
20
- exports.blue = blue;
21
- var purple = {
19
+ var purple = exports.purple = {
22
20
  background: _seedsColor.default.COLOR_PURPLE_100,
23
21
  highlight: _seedsColor.default.COLOR_PURPLE_500,
24
22
  foreground: _seedsColor.default.COLOR_PURPLE_800
25
23
  };
26
- exports.purple = purple;
27
- var yellow = {
24
+ var yellow = exports.yellow = {
28
25
  background: _seedsColor.default.COLOR_YELLOW_100,
29
26
  highlight: _seedsColor.default.COLOR_YELLOW_600,
30
27
  foreground: _seedsColor.default.COLOR_YELLOW_900
31
28
  };
32
- exports.yellow = yellow;
33
- var orange = {
29
+ var orange = exports.orange = {
34
30
  background: _seedsColor.default.COLOR_ORANGE_100,
35
31
  highlight: _seedsColor.default.COLOR_ORANGE_600,
36
32
  foreground: _seedsColor.default.COLOR_ORANGE_900
37
33
  };
38
- exports.orange = orange;
39
- var red = {
34
+ var red = exports.red = {
40
35
  background: _seedsColor.default.COLOR_RED_100,
41
36
  highlight: _seedsColor.default.COLOR_RED_600,
42
37
  foreground: _seedsColor.default.COLOR_RED_900
43
38
  };
44
- exports.red = red;
45
- var neutral = {
39
+ var neutral = exports.neutral = {
46
40
  background: _seedsColor.default.COLOR_NEUTRAL_100,
47
41
  highlight: _seedsColor.default.COLOR_NEUTRAL_600,
48
42
  foreground: _seedsColor.default.COLOR_NEUTRAL_900
49
43
  };
50
- exports.neutral = neutral;
51
- var magenta = {
44
+ var magenta = exports.magenta = {
52
45
  background: _seedsColor.default.COLOR_MAGENTA_100,
53
46
  highlight: _seedsColor.default.COLOR_MAGENTA_600,
54
47
  foreground: _seedsColor.default.COLOR_MAGENTA_900
55
48
  };
56
- exports.magenta = magenta;
57
- var pink = {
49
+ var pink = exports.pink = {
58
50
  background: _seedsColor.default.COLOR_PINK_100,
59
51
  highlight: _seedsColor.default.COLOR_PINK_600,
60
52
  foreground: _seedsColor.default.COLOR_PINK_900
61
53
  };
62
- exports.pink = pink;
63
- var aqua = {
54
+ var aqua = exports.aqua = {
64
55
  background: _seedsColor.default.COLOR_AQUA_100,
65
56
  highlight: _seedsColor.default.COLOR_AQUA_500,
66
57
  foreground: _seedsColor.default.COLOR_AQUA_900
67
58
  };
68
- exports.aqua = aqua;
69
- var teal = {
59
+ var teal = exports.teal = {
70
60
  background: _seedsColor.default.COLOR_TEAL_100,
71
61
  highlight: _seedsColor.default.COLOR_TEAL_500,
72
62
  foreground: _seedsColor.default.COLOR_TEAL_900
73
- };
74
- exports.teal = teal;
63
+ };
@@ -162,5 +162,4 @@ var literalColors = {
162
162
  '1100': _seedsColor.default.COLOR_ORANGE_1100
163
163
  }
164
164
  };
165
- var _default = literalColors;
166
- exports.default = _default;
165
+ var _default = exports.default = literalColors;
@@ -15,19 +15,18 @@ var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"))
15
15
  var _literalColors = _interopRequireDefault(require("./literal-colors"));
16
16
  var _datavizPalette = require("./dataviz-palette");
17
17
  var _decorativePalettes = require("./decorative-palettes");
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
- 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; }
18
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
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
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
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
- 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); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
25
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
26
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
27
27
  // json-to-scss is not working with the alias right now
28
28
  //import {TypeThemeMode} from '@src/types/theme';
29
- var breakpoints = ['900px', '1200px', '1500px', '1800px'];
30
- exports.breakpoints = breakpoints;
29
+ var breakpoints = exports.breakpoints = ['900px', '1200px', '1500px', '1800px'];
31
30
  var MODE = 'light';
32
31
 
33
32
  // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
@@ -127,7 +126,8 @@ var colors = _objectSpread(_objectSpread({
127
126
  active: _seedsColor.default.COLOR_NEUTRAL_200
128
127
  },
129
128
  border: {
130
- base: 'transparent'
129
+ base: 'transparent',
130
+ hover: _seedsColor.default.COLOR_NEUTRAL_800
131
131
  },
132
132
  text: {
133
133
  base: _seedsColor.default.COLOR_NEUTRAL_800,
@@ -286,14 +286,15 @@ var colors = _objectSpread(_objectSpread({
286
286
  yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP,
287
287
  whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP,
288
288
  tiktok: _seedsNetworkcolor.default.NETWORK_COLOR_TIKTOK,
289
- threads: _seedsNetworkcolor.default.NETWORK_COLOR_THREADS
289
+ threads: _seedsNetworkcolor.default.NETWORK_COLOR_THREADS,
290
+ trustpilot: _seedsNetworkcolor.default.NETWORK_COLOR_TRUSTPILOT
290
291
  },
291
292
  dataviz: {
292
293
  map: _datavizPalette.datavizPalette.DATAVIZ_COLORS_MAP,
293
294
  list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
294
295
  }
295
296
  }, _literalColors.default), _datavizPalette.datavizPalette);
296
- var typography = {
297
+ var typography = exports.typography = {
297
298
  100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
298
299
  200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
299
300
  300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
@@ -307,8 +308,7 @@ var typography = {
307
308
  1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
308
309
  1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200
309
310
  };
310
- exports.typography = typography;
311
- var fontSizes = {
311
+ var fontSizes = exports.fontSizes = {
312
312
  100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.fontSize,
313
313
  200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.fontSize,
314
314
  300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.fontSize,
@@ -322,8 +322,7 @@ var fontSizes = {
322
322
  1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.fontSize,
323
323
  1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.fontSize
324
324
  };
325
- exports.fontSizes = fontSizes;
326
- var lineHeights = {
325
+ var lineHeights = exports.lineHeights = {
327
326
  100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.lineHeight,
328
327
  200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.lineHeight,
329
328
  300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.lineHeight,
@@ -337,17 +336,14 @@ var lineHeights = {
337
336
  1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.lineHeight,
338
337
  1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.lineHeight
339
338
  };
340
- exports.lineHeights = lineHeights;
341
- var fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
342
- exports.fontFamily = fontFamily;
343
- var fontWeights = {
339
+ var fontFamily = exports.fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
340
+ var fontWeights = exports.fontWeights = {
344
341
  normal: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_NORMAL,
345
342
  semibold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_SEMIBOLD,
346
343
  bold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_BOLD,
347
344
  extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
348
345
  };
349
- exports.fontWeights = fontWeights;
350
- var space = {
346
+ var space = exports.space = {
351
347
  0: _seedsSpace.default.SPACE_SIZE_0,
352
348
  100: _seedsSpace.default.SPACE_SIZE_100,
353
349
  200: _seedsSpace.default.SPACE_SIZE_200,
@@ -358,8 +354,7 @@ var space = {
358
354
  500: _seedsSpace.default.SPACE_SIZE_500,
359
355
  600: _seedsSpace.default.SPACE_SIZE_600
360
356
  };
361
- exports.space = space;
362
- var radii = {
357
+ var radii = exports.radii = {
363
358
  400: _seedsBorder.default.BORDER_RADIUS_400,
364
359
  500: _seedsBorder.default.BORDER_RADIUS_500,
365
360
  600: _seedsBorder.default.BORDER_RADIUS_600,
@@ -368,33 +363,27 @@ var radii = {
368
363
  outer: _seedsBorder.default.BORDER_RADIUS_600,
369
364
  pill: _seedsBorder.default.BORDER_RADIUS_1000
370
365
  };
371
- exports.radii = radii;
372
- var borders = {
366
+ var borders = exports.borders = {
373
367
  500: "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid")
374
368
  };
375
- exports.borders = borders;
376
- var borderWidths = {
369
+ var borderWidths = exports.borderWidths = {
377
370
  500: _seedsBorder.default.BORDER_WIDTH_500
378
371
  };
379
- exports.borderWidths = borderWidths;
380
- var shadows = {
372
+ var shadows = exports.shadows = {
381
373
  low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
382
374
  medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
383
375
  high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
384
376
  };
385
- exports.shadows = shadows;
386
- var easing = {
377
+ var easing = exports.easing = {
387
378
  ease_in: _seedsMotion.default.MOTION_EASE_IN,
388
379
  ease_out: _seedsMotion.default.MOTION_EASE_OUT,
389
380
  ease_inout: _seedsMotion.default.MOTION_EASE_INOUT
390
381
  };
391
- exports.easing = easing;
392
- var duration = {
382
+ var duration = exports.duration = {
393
383
  fast: _seedsMotion.default.MOTION_DURATION_FAST,
394
384
  medium: _seedsMotion.default.MOTION_DURATION_MEDIUM,
395
385
  slow: _seedsMotion.default.MOTION_DURATION_SLOW
396
386
  };
397
- exports.duration = duration;
398
387
  var theme = {
399
388
  breakpoints: breakpoints,
400
389
  colors: colors,
@@ -423,5 +412,4 @@ var theme = {
423
412
  duration: duration,
424
413
  mode: MODE
425
414
  };
426
- var _default = theme;
427
- exports.default = _default;
415
+ var _default = exports.default = theme;
@@ -2,5 +2,5 @@
2
2
 
3
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
- 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
- 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; }
5
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
6
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -2,5 +2,5 @@
2
2
 
3
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
- 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
- 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; }
5
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
6
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -10,7 +10,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
10
10
  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); } }
11
11
  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); }); }; } /* eslint-env jest, node */
12
12
  // use runA11yCheck from react-test-library utils file if using react-testing-library
13
- var a11yCheck = /*#__PURE__*/function () {
13
+ var a11yCheck = exports.a11yCheck = /*#__PURE__*/function () {
14
14
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(html) {
15
15
  return _regeneratorRuntime().wrap(function _callee$(_context) {
16
16
  while (1) switch (_context.prev = _context.next) {
@@ -30,5 +30,4 @@ var a11yCheck = /*#__PURE__*/function () {
30
30
  return function a11yCheck(_x) {
31
31
  return _ref.apply(this, arguments);
32
32
  };
33
- }();
34
- exports.a11yCheck = a11yCheck;
33
+ }();
@@ -5,15 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.THEME_MAP = exports.EXTENDED_THEME = exports.CONTRAST_THEME = exports.COMPARE_THEME = void 0;
7
7
  var _seedsColor = require("@sproutsocial/seeds-color");
8
- var COMPARE_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_PURPLE_800];
9
- exports.COMPARE_THEME = COMPARE_THEME;
10
- var CONTRAST_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_PURPLE_700, _seedsColor.COLOR_PINK_700, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_RED_700];
11
- exports.CONTRAST_THEME = CONTRAST_THEME;
12
- var EXTENDED_THEME = [_seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_PINK_500, _seedsColor.COLOR_RED_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_800, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_BLUE_800, _seedsColor.COLOR_PURPLE_800, _seedsColor.COLOR_MAGENTA_800, _seedsColor.COLOR_PINK_800, _seedsColor.COLOR_RED_800, _seedsColor.COLOR_ORANGE_800, _seedsColor.COLOR_YELLOW_800, _seedsColor.COLOR_NEUTRAL_700];
13
- exports.EXTENDED_THEME = EXTENDED_THEME;
14
- var THEME_MAP = {
8
+ var COMPARE_THEME = exports.COMPARE_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_PURPLE_800];
9
+ var CONTRAST_THEME = exports.CONTRAST_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_PURPLE_700, _seedsColor.COLOR_PINK_700, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_RED_700];
10
+ var EXTENDED_THEME = exports.EXTENDED_THEME = [_seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_PINK_500, _seedsColor.COLOR_RED_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_800, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_BLUE_800, _seedsColor.COLOR_PURPLE_800, _seedsColor.COLOR_MAGENTA_800, _seedsColor.COLOR_PINK_800, _seedsColor.COLOR_RED_800, _seedsColor.COLOR_ORANGE_800, _seedsColor.COLOR_YELLOW_800, _seedsColor.COLOR_NEUTRAL_700];
11
+ var THEME_MAP = exports.THEME_MAP = {
15
12
  COMPARE: COMPARE_THEME,
16
13
  CONTRAST: CONTRAST_THEME,
17
14
  EXTENDED: EXTENDED_THEME
18
- };
19
- exports.THEME_MAP = THEME_MAP;
15
+ };
@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.EM_DASH = void 0;
7
- var EM_DASH = '—'; // shift + option + hyphen on a mac keyboard
8
- exports.EM_DASH = EM_DASH;
7
+ var EM_DASH = exports.EM_DASH = '—'; // shift + option + hyphen on a mac keyboard
@@ -60,12 +60,11 @@ var _buildQueries = (0, _react.buildQueries)(queryAllByDataQaLabel, getMultipleE
60
60
  getByDataQaLabel = _buildQueries2[2],
61
61
  findAllByDataQaLabel = _buildQueries2[3],
62
62
  findByDataQaLabel = _buildQueries2[4];
63
- var dataQaLabelQueries = {
63
+ var dataQaLabelQueries = exports.dataQaLabelQueries = {
64
64
  queryByDataQaLabel: queryByDataQaLabel,
65
65
  queryAllByDataQaLabel: queryAllByDataQaLabel,
66
66
  getAllByDataQaLabel: getAllByDataQaLabel,
67
67
  getByDataQaLabel: getByDataQaLabel,
68
68
  findAllByDataQaLabel: findAllByDataQaLabel,
69
69
  findByDataQaLabel: findByDataQaLabel
70
- };
71
- exports.dataQaLabelQueries = dataQaLabelQueries;
70
+ };
@@ -9,6 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
9
9
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
10
  // https://stackoverflow.com/questions/44700904/how-to-get-a-functions-return-type-in-flow
11
11
  // eslint-disable-next-line flowtype/type-id-match
12
+
12
13
  var useTextContentClone = function useTextContentClone(initial) {
13
14
  var _useState = (0, _react.useState)(initial),
14
15
  _useState2 = _slicedToArray(_useState, 2),
@@ -16,8 +16,8 @@ var _ = require("./");
16
16
  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; }
17
17
  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
18
  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
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
- 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
20
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
21
21
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
22
  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."); }
23
23
  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); }
@@ -80,7 +80,7 @@ function useMutationObserverOnce(targetNode, config, callback) {
80
80
  }
81
81
  return value;
82
82
  }
83
- var useSelect = function useSelect() {
83
+ var useSelect = exports.useSelect = function useSelect() {
84
84
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
85
85
  initialValue: '',
86
86
  // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -105,7 +105,6 @@ var useSelect = function useSelect() {
105
105
  onChange: onChange
106
106
  };
107
107
  };
108
- exports.useSelect = useSelect;
109
108
  var valueReducer = function valueReducer(state, action) {
110
109
  var newState = new Set(state);
111
110
  switch (action.type) {
@@ -127,7 +126,7 @@ var valueReducer = function valueReducer(state, action) {
127
126
  }
128
127
  }
129
128
  };
130
- var useMultiselect = function useMultiselect() {
129
+ var useMultiselect = exports.useMultiselect = function useMultiselect() {
131
130
  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
132
131
  initialValue: [],
133
132
  // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -170,7 +169,6 @@ var useMultiselect = function useMultiselect() {
170
169
  onClear: onClear
171
170
  };
172
171
  };
173
- exports.useMultiselect = useMultiselect;
174
172
  function useWhyDidYouUpdate(name, props) {
175
173
  // Get a mutable ref object where we can store props ...
176
174
  // ... for comparison next time this hook runs.