@sproutsocial/racine 11.0.2 → 11.1.2-badge-update.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 (274) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/__flow__/Badge/constants.js +48 -0
  3. package/__flow__/Badge/index.js +58 -32
  4. package/__flow__/Badge/index.stories.js +29 -42
  5. package/__flow__/Badge/index.test.js +34 -32
  6. package/__flow__/Badge/styles.js +22 -42
  7. package/__flow__/EnumIconNames.js +1 -1
  8. package/__flow__/IconViewBoxes.js +1 -1
  9. package/__flow__/index.js +1 -0
  10. package/__flow__/systemProps/background.js +28 -0
  11. package/__flow__/systemProps/border.js +76 -0
  12. package/__flow__/systemProps/color.js +25 -0
  13. package/__flow__/systemProps/custom.js +23 -0
  14. package/__flow__/systemProps/flexbox.js +42 -0
  15. package/__flow__/systemProps/grid.js +43 -0
  16. package/__flow__/systemProps/index.js +17 -0
  17. package/__flow__/systemProps/layout.js +43 -0
  18. package/__flow__/systemProps/position.js +29 -0
  19. package/__flow__/systemProps/shadow.js +18 -0
  20. package/__flow__/systemProps/space.js +83 -0
  21. package/__flow__/systemProps/systemProps.js +55 -0
  22. package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
  23. package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
  24. package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
  25. package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
  26. package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
  27. package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
  28. package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
  29. package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
  30. package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
  31. package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
  32. package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
  33. package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
  34. package/__flow__/systemProps/tests/background.test.js +90 -0
  35. package/__flow__/systemProps/tests/border.test.js +299 -0
  36. package/__flow__/systemProps/tests/color.test.js +49 -0
  37. package/__flow__/systemProps/tests/custom.test.js +38 -0
  38. package/__flow__/systemProps/tests/flexbox.test.js +150 -0
  39. package/__flow__/systemProps/tests/grid.test.js +123 -0
  40. package/__flow__/systemProps/tests/layout.test.js +135 -0
  41. package/__flow__/systemProps/tests/position.test.js +78 -0
  42. package/__flow__/systemProps/tests/shadow.test.js +30 -0
  43. package/__flow__/systemProps/tests/space.test.js +32 -0
  44. package/__flow__/systemProps/tests/types.flow.js +55 -0
  45. package/__flow__/systemProps/tests/typography.test.js +93 -0
  46. package/__flow__/systemProps/tests/variant.test.js +25 -0
  47. package/__flow__/systemProps/types.flow.js +20 -0
  48. package/__flow__/systemProps/typography.js +34 -0
  49. package/__flow__/systemProps/variant.js +18 -0
  50. package/__flow__/themes/dark/theme.js +1 -0
  51. package/__flow__/themes/light/literal-colors.js +2 -0
  52. package/__flow__/themes/light/theme.js +1 -0
  53. package/__flow__/types/theme.colors.flow.js +27 -0
  54. package/bin/buildNpm.js +58 -0
  55. package/commonjs/Avatar/index.js +7 -4
  56. package/commonjs/Badge/constants.js +43 -0
  57. package/commonjs/Badge/index.js +42 -38
  58. package/commonjs/Badge/styles.js +16 -32
  59. package/commonjs/Banner/index.js +3 -1
  60. package/commonjs/Banner/styles.js +1 -1
  61. package/commonjs/Box/styles.js +1 -1
  62. package/commonjs/Breadcrumb/index.js +5 -2
  63. package/commonjs/Button/index.js +3 -1
  64. package/commonjs/Card/index.js +3 -1
  65. package/commonjs/Card/styles.js +3 -3
  66. package/commonjs/CharacterCounter/index.js +3 -1
  67. package/commonjs/CharacterCounter/styles.js +1 -1
  68. package/commonjs/ChartLegend/index.js +3 -1
  69. package/commonjs/ChartLegend/styles.js +3 -3
  70. package/commonjs/Checkbox/index.js +3 -1
  71. package/commonjs/Checkbox/styles.js +1 -1
  72. package/commonjs/Collapsible/index.js +5 -2
  73. package/commonjs/DatePicker/DateRangePicker.js +3 -1
  74. package/commonjs/DatePicker/SingleDatePicker.js +3 -1
  75. package/commonjs/DatePicker/StatefulDateRangePicker.js +3 -1
  76. package/commonjs/DatePicker/StatefulSingleDatePicker.js +3 -1
  77. package/commonjs/DatePicker/common.js +1 -1
  78. package/commonjs/DatePicker/styles.js +2 -6
  79. package/commonjs/Drawer/SlideTransition.js +3 -1
  80. package/commonjs/Drawer/index.js +9 -4
  81. package/commonjs/Drawer/styles.js +2 -2
  82. package/commonjs/EmptyState/index.js +3 -1
  83. package/commonjs/Fieldset/index.js +7 -3
  84. package/commonjs/FormField/index.js +3 -1
  85. package/commonjs/Icon/index.js +5 -2
  86. package/commonjs/Icon/styles.js +1 -1
  87. package/commonjs/IconViewBoxes.js +1 -0
  88. package/commonjs/Image/index.js +3 -1
  89. package/commonjs/Image/styles.js +1 -1
  90. package/commonjs/Indicator/index.js +3 -1
  91. package/commonjs/Input/index.js +3 -1
  92. package/commonjs/Input/styles.js +2 -2
  93. package/commonjs/KeyboardKey/index.js +3 -1
  94. package/commonjs/Label/index.js +4 -2
  95. package/commonjs/Link/index.js +3 -1
  96. package/commonjs/Link/styles.js +1 -1
  97. package/commonjs/Listbox/index.js +7 -4
  98. package/commonjs/Loader/index.js +3 -1
  99. package/commonjs/Loader/styles.js +2 -2
  100. package/commonjs/LoaderButton/index.js +3 -1
  101. package/commonjs/Menu/constants.js +1 -1
  102. package/commonjs/Menu/descendants.js +10 -7
  103. package/commonjs/Menu/hooks.js +1 -1
  104. package/commonjs/Menu/index.js +22 -16
  105. package/commonjs/Menu/styles.js +2 -2
  106. package/commonjs/Message/index.js +3 -1
  107. package/commonjs/Message/styles.js +1 -1
  108. package/commonjs/Modal/index.js +7 -3
  109. package/commonjs/Modal/styles.js +4 -6
  110. package/commonjs/Numeral/constants.js +1 -1
  111. package/commonjs/Numeral/index.js +3 -1
  112. package/commonjs/Numeral/styles.js +3 -3
  113. package/commonjs/OverflowList/styles.js +1 -1
  114. package/commonjs/Popout/index.js +7 -3
  115. package/commonjs/Popout/styles.js +1 -1
  116. package/commonjs/Radio/index.js +3 -1
  117. package/commonjs/Radio/styles.js +4 -4
  118. package/commonjs/SegmentedControl/index.js +5 -2
  119. package/commonjs/Select/index.js +3 -1
  120. package/commonjs/Stack/index.js +3 -1
  121. package/commonjs/Switch/index.js +3 -1
  122. package/commonjs/Switch/styles.js +1 -1
  123. package/commonjs/Table/index.js +10 -5
  124. package/commonjs/TableCell/index.js +3 -1
  125. package/commonjs/TableHeaderCell/index.js +3 -1
  126. package/commonjs/TableRowAccordion/index.js +3 -1
  127. package/commonjs/Tabs/index.js +5 -2
  128. package/commonjs/Tabs/styles.js +4 -4
  129. package/commonjs/Text/index.js +3 -1
  130. package/commonjs/Text/styles.js +1 -1
  131. package/commonjs/Textarea/index.js +3 -1
  132. package/commonjs/Toast/index.js +15 -15
  133. package/commonjs/Toast/styles.js +4 -7
  134. package/commonjs/ToggleHint/index.js +3 -1
  135. package/commonjs/Token/index.js +3 -1
  136. package/commonjs/Token/styles.js +1 -1
  137. package/commonjs/TokenInput/index.js +3 -1
  138. package/commonjs/Tooltip/index.js +5 -2
  139. package/commonjs/Tooltip/styles.js +1 -1
  140. package/commonjs/VisuallyHidden/index.js +1 -1
  141. package/commonjs/include-icons.js +1 -1
  142. package/commonjs/index.js +79 -1
  143. package/commonjs/systemProps/background.js +9 -0
  144. package/commonjs/systemProps/border.js +9 -0
  145. package/commonjs/systemProps/color.js +9 -0
  146. package/commonjs/systemProps/custom.js +12 -0
  147. package/commonjs/systemProps/flexbox.js +9 -0
  148. package/commonjs/systemProps/grid.js +9 -0
  149. package/commonjs/systemProps/index.js +115 -0
  150. package/commonjs/systemProps/layout.js +9 -0
  151. package/commonjs/systemProps/position.js +9 -0
  152. package/commonjs/systemProps/shadow.js +9 -0
  153. package/commonjs/systemProps/space.js +10 -0
  154. package/commonjs/systemProps/systemProps.js +33 -0
  155. package/commonjs/systemProps/tests/types.flow.js +46 -0
  156. package/commonjs/systemProps/types.flow.js +1 -0
  157. package/commonjs/systemProps/typography.js +9 -0
  158. package/commonjs/systemProps/variant.js +12 -0
  159. package/commonjs/themes/dark/decorative-palettes.js +1 -1
  160. package/commonjs/themes/dark/theme.js +1 -1
  161. package/commonjs/themes/light/decorative-palettes.js +1 -1
  162. package/commonjs/themes/light/literal-colors.js +4 -2
  163. package/commonjs/themes/light/theme.js +1 -1
  164. package/commonjs/types/theme.colors.flow.js +2 -0
  165. package/commonjs/utils/hooks.js +3 -2
  166. package/commonjs/utils/mixins.js +1 -1
  167. package/commonjs/utils/system-props.js +1 -1
  168. package/dist/iconList.js +1 -1
  169. package/dist/icons.svg +1 -1
  170. package/dist/themes/dark/dark.scss +9 -7
  171. package/dist/themes/light/light.scss +99 -97
  172. package/icons/power-up-outline.svg +3 -0
  173. package/includeIcons.js +1 -1
  174. package/lib/Avatar/index.js +7 -4
  175. package/lib/Badge/constants.js +38 -0
  176. package/lib/Badge/index.js +39 -38
  177. package/lib/Badge/styles.js +13 -28
  178. package/lib/Banner/index.js +3 -1
  179. package/lib/Banner/styles.js +1 -1
  180. package/lib/Box/styles.js +1 -1
  181. package/lib/Breadcrumb/index.js +5 -2
  182. package/lib/Button/index.js +3 -1
  183. package/lib/Card/index.js +3 -1
  184. package/lib/Card/styles.js +2 -2
  185. package/lib/CharacterCounter/index.js +3 -1
  186. package/lib/CharacterCounter/styles.js +1 -1
  187. package/lib/ChartLegend/index.js +3 -1
  188. package/lib/ChartLegend/styles.js +3 -3
  189. package/lib/Checkbox/index.js +3 -1
  190. package/lib/Collapsible/index.js +5 -2
  191. package/lib/DatePicker/DateRangePicker.js +3 -1
  192. package/lib/DatePicker/SingleDatePicker.js +3 -1
  193. package/lib/DatePicker/StatefulDateRangePicker.js +3 -1
  194. package/lib/DatePicker/StatefulSingleDatePicker.js +3 -1
  195. package/lib/DatePicker/styles.js +2 -6
  196. package/lib/Drawer/SlideTransition.js +3 -1
  197. package/lib/Drawer/index.js +9 -4
  198. package/lib/Drawer/styles.js +2 -2
  199. package/lib/EmptyState/index.js +3 -1
  200. package/lib/Fieldset/index.js +7 -3
  201. package/lib/FormField/index.js +3 -1
  202. package/lib/Icon/index.js +5 -2
  203. package/lib/Icon/styles.js +1 -1
  204. package/lib/IconViewBoxes.js +1 -0
  205. package/lib/Image/index.js +3 -1
  206. package/lib/Image/styles.js +1 -1
  207. package/lib/Indicator/index.js +3 -1
  208. package/lib/Input/index.js +3 -1
  209. package/lib/Input/styles.js +2 -2
  210. package/lib/KeyboardKey/index.js +3 -1
  211. package/lib/Label/index.js +4 -2
  212. package/lib/Link/index.js +3 -1
  213. package/lib/Link/styles.js +1 -1
  214. package/lib/Listbox/index.js +6 -3
  215. package/lib/Loader/index.js +3 -1
  216. package/lib/Loader/styles.js +2 -2
  217. package/lib/LoaderButton/index.js +3 -1
  218. package/lib/Menu/descendants.js +5 -2
  219. package/lib/Menu/index.js +20 -16
  220. package/lib/Menu/styles.js +2 -2
  221. package/lib/Message/index.js +3 -1
  222. package/lib/Modal/index.js +7 -3
  223. package/lib/Modal/styles.js +3 -5
  224. package/lib/Numeral/index.js +3 -1
  225. package/lib/Numeral/styles.js +2 -2
  226. package/lib/OverflowList/styles.js +1 -1
  227. package/lib/Popout/index.js +7 -3
  228. package/lib/Popout/styles.js +1 -1
  229. package/lib/Radio/index.js +3 -1
  230. package/lib/Radio/styles.js +4 -4
  231. package/lib/SegmentedControl/index.js +5 -2
  232. package/lib/Select/index.js +3 -1
  233. package/lib/Stack/index.js +3 -1
  234. package/lib/Switch/index.js +3 -1
  235. package/lib/Switch/styles.js +1 -1
  236. package/lib/Table/index.js +9 -4
  237. package/lib/TableCell/index.js +3 -1
  238. package/lib/TableHeaderCell/index.js +3 -1
  239. package/lib/TableRowAccordion/index.js +3 -1
  240. package/lib/Tabs/index.js +5 -2
  241. package/lib/Tabs/styles.js +3 -3
  242. package/lib/Text/index.js +3 -1
  243. package/lib/Text/styles.js +1 -1
  244. package/lib/Textarea/index.js +3 -1
  245. package/lib/Toast/index.js +14 -14
  246. package/lib/Toast/styles.js +3 -7
  247. package/lib/ToggleHint/index.js +3 -1
  248. package/lib/Token/index.js +3 -1
  249. package/lib/Token/styles.js +1 -1
  250. package/lib/TokenInput/index.js +3 -1
  251. package/lib/Tooltip/index.js +5 -2
  252. package/lib/Tooltip/styles.js +1 -1
  253. package/lib/VisuallyHidden/index.js +1 -1
  254. package/lib/include-icons.js +1 -1
  255. package/lib/index.js +1 -0
  256. package/lib/systemProps/background.js +2 -0
  257. package/lib/systemProps/border.js +2 -0
  258. package/lib/systemProps/color.js +2 -0
  259. package/lib/systemProps/custom.js +5 -0
  260. package/lib/systemProps/flexbox.js +2 -0
  261. package/lib/systemProps/grid.js +2 -0
  262. package/lib/systemProps/index.js +14 -0
  263. package/lib/systemProps/layout.js +2 -0
  264. package/lib/systemProps/position.js +2 -0
  265. package/lib/systemProps/shadow.js +2 -0
  266. package/lib/systemProps/space.js +3 -0
  267. package/lib/systemProps/systemProps.js +14 -0
  268. package/lib/systemProps/tests/types.flow.js +44 -0
  269. package/lib/systemProps/types.flow.js +0 -0
  270. package/lib/systemProps/typography.js +2 -0
  271. package/lib/systemProps/variant.js +5 -0
  272. package/lib/themes/light/literal-colors.js +4 -2
  273. package/lib/types/theme.colors.flow.js +2 -1
  274. package/package.json +15 -3
package/commonjs/index.js CHANGED
@@ -1,7 +1,85 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.VisuallyHidden = exports.DateRangePicker = exports.SingleDatePicker = exports.ListboxButton = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.toast = exports.OverflowList = exports.Listbox = exports.Menu = exports.ToastContainer = exports.Skeleton = exports.Breadcrumb = exports.Avatar = exports.Stack = exports.Message = exports.Fieldset = exports.FormField = exports.EmptyState = exports.SegmentedControl = exports.Collapsible = exports.Numeral = exports.LoaderButton = exports.Drawer = exports.Tooltip = exports.ThemeProvider = exports.Popout = exports.Modal = exports.Tabs = exports.TokenInput = exports.Token = exports.Switch = exports.Link = exports.Button = exports.Select = exports.Input = exports.Label = exports.Box = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.ChartLegend = exports.KeyboardKey = exports.Image = exports.Text = exports.Loader = exports.ToggleHint = exports.Textarea = exports.Radio = exports.Checkbox = exports.CharacterCounter = exports.Card = exports.Indicator = exports.Badge = exports.Banner = exports.Alert = exports.Icon = exports.darkTheme = exports.theme = exports.useTextContent = exports.useMultiselect = exports.useSelect = exports.disabled = exports.focusRing = exports.visuallyHidden = void 0;
4
+ var _exportNames = {
5
+ visuallyHidden: true,
6
+ focusRing: true,
7
+ disabled: true,
8
+ useSelect: true,
9
+ useMultiselect: true,
10
+ useTextContent: true,
11
+ theme: true,
12
+ darkTheme: true,
13
+ Icon: true,
14
+ Alert: true,
15
+ Banner: true,
16
+ Badge: true,
17
+ Indicator: true,
18
+ Card: true,
19
+ CharacterCounter: true,
20
+ Checkbox: true,
21
+ Radio: true,
22
+ Textarea: true,
23
+ ToggleHint: true,
24
+ Loader: true,
25
+ Text: true,
26
+ Image: true,
27
+ KeyboardKey: true,
28
+ ChartLegend: true,
29
+ Table: true,
30
+ TableCell: true,
31
+ TableHeaderCell: true,
32
+ TableRowAccordion: true,
33
+ Box: true,
34
+ Label: true,
35
+ Input: true,
36
+ Select: true,
37
+ Button: true,
38
+ Link: true,
39
+ Switch: true,
40
+ Token: true,
41
+ TokenInput: true,
42
+ Tabs: true,
43
+ Modal: true,
44
+ Popout: true,
45
+ ThemeProvider: true,
46
+ Tooltip: true,
47
+ Drawer: true,
48
+ LoaderButton: true,
49
+ Numeral: true,
50
+ Collapsible: true,
51
+ SegmentedControl: true,
52
+ EmptyState: true,
53
+ FormField: true,
54
+ Fieldset: true,
55
+ Message: true,
56
+ Stack: true,
57
+ Avatar: true,
58
+ Breadcrumb: true,
59
+ Skeleton: true,
60
+ ToastContainer: true,
61
+ Menu: true,
62
+ Listbox: true,
63
+ OverflowList: true,
64
+ toast: true,
65
+ MenuButton: true,
66
+ MenuButtonContext: true,
67
+ MenuItemContainer: true,
68
+ ListboxButton: true,
69
+ SingleDatePicker: true,
70
+ DateRangePicker: true,
71
+ VisuallyHidden: true
72
+ };
73
+ exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.toast = exports.theme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
74
+
75
+ var _systemProps = require("./systemProps");
76
+
77
+ Object.keys(_systemProps).forEach(function (key) {
78
+ if (key === "default" || key === "__esModule") return;
79
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
80
+ if (key in exports && exports[key] === _systemProps[key]) return;
81
+ exports[key] = _systemProps[key];
82
+ });
5
83
 
6
84
  var _mixins = require("./utils/mixins");
7
85
 
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.backgroundSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var backgroundSystemProps = _styledSystem.background;
9
+ exports.backgroundSystemProps = backgroundSystemProps;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.borderSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var borderSystemProps = _styledSystem.border;
9
+ exports.borderSystemProps = borderSystemProps;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.colorSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var colorSystemProps = _styledSystem.color;
9
+ exports.colorSystemProps = colorSystemProps;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.customSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var customSystemProps = (0, _styledSystem.compose)((0, _styledSystem.system)({
9
+ cursor: true,
10
+ whiteSpace: true
11
+ }));
12
+ exports.customSystemProps = customSystemProps;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.flexboxSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var flexboxSystemProps = _styledSystem.flexbox;
9
+ exports.flexboxSystemProps = flexboxSystemProps;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.gridSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var gridSystemProps = _styledSystem.grid;
9
+ exports.gridSystemProps = gridSystemProps;
@@ -0,0 +1,115 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _typesFlow = require("./types.flow.js");
6
+
7
+ Object.keys(_typesFlow).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _typesFlow[key]) return;
10
+ exports[key] = _typesFlow[key];
11
+ });
12
+
13
+ var _background = require("./background");
14
+
15
+ Object.keys(_background).forEach(function (key) {
16
+ if (key === "default" || key === "__esModule") return;
17
+ if (key in exports && exports[key] === _background[key]) return;
18
+ exports[key] = _background[key];
19
+ });
20
+
21
+ var _border = require("./border");
22
+
23
+ Object.keys(_border).forEach(function (key) {
24
+ if (key === "default" || key === "__esModule") return;
25
+ if (key in exports && exports[key] === _border[key]) return;
26
+ exports[key] = _border[key];
27
+ });
28
+
29
+ var _color = require("./color");
30
+
31
+ Object.keys(_color).forEach(function (key) {
32
+ if (key === "default" || key === "__esModule") return;
33
+ if (key in exports && exports[key] === _color[key]) return;
34
+ exports[key] = _color[key];
35
+ });
36
+
37
+ var _custom = require("./custom");
38
+
39
+ Object.keys(_custom).forEach(function (key) {
40
+ if (key === "default" || key === "__esModule") return;
41
+ if (key in exports && exports[key] === _custom[key]) return;
42
+ exports[key] = _custom[key];
43
+ });
44
+
45
+ var _flexbox = require("./flexbox");
46
+
47
+ Object.keys(_flexbox).forEach(function (key) {
48
+ if (key === "default" || key === "__esModule") return;
49
+ if (key in exports && exports[key] === _flexbox[key]) return;
50
+ exports[key] = _flexbox[key];
51
+ });
52
+
53
+ var _grid = require("./grid");
54
+
55
+ Object.keys(_grid).forEach(function (key) {
56
+ if (key === "default" || key === "__esModule") return;
57
+ if (key in exports && exports[key] === _grid[key]) return;
58
+ exports[key] = _grid[key];
59
+ });
60
+
61
+ var _layout = require("./layout");
62
+
63
+ Object.keys(_layout).forEach(function (key) {
64
+ if (key === "default" || key === "__esModule") return;
65
+ if (key in exports && exports[key] === _layout[key]) return;
66
+ exports[key] = _layout[key];
67
+ });
68
+
69
+ var _position = require("./position");
70
+
71
+ Object.keys(_position).forEach(function (key) {
72
+ if (key === "default" || key === "__esModule") return;
73
+ if (key in exports && exports[key] === _position[key]) return;
74
+ exports[key] = _position[key];
75
+ });
76
+
77
+ var _shadow = require("./shadow");
78
+
79
+ Object.keys(_shadow).forEach(function (key) {
80
+ if (key === "default" || key === "__esModule") return;
81
+ if (key in exports && exports[key] === _shadow[key]) return;
82
+ exports[key] = _shadow[key];
83
+ });
84
+
85
+ var _space = require("./space");
86
+
87
+ Object.keys(_space).forEach(function (key) {
88
+ if (key === "default" || key === "__esModule") return;
89
+ if (key in exports && exports[key] === _space[key]) return;
90
+ exports[key] = _space[key];
91
+ });
92
+
93
+ var _systemProps = require("./systemProps");
94
+
95
+ Object.keys(_systemProps).forEach(function (key) {
96
+ if (key === "default" || key === "__esModule") return;
97
+ if (key in exports && exports[key] === _systemProps[key]) return;
98
+ exports[key] = _systemProps[key];
99
+ });
100
+
101
+ var _typography = require("./typography");
102
+
103
+ Object.keys(_typography).forEach(function (key) {
104
+ if (key === "default" || key === "__esModule") return;
105
+ if (key in exports && exports[key] === _typography[key]) return;
106
+ exports[key] = _typography[key];
107
+ });
108
+
109
+ var _variant = require("./variant");
110
+
111
+ Object.keys(_variant).forEach(function (key) {
112
+ if (key === "default" || key === "__esModule") return;
113
+ if (key in exports && exports[key] === _variant[key]) return;
114
+ exports[key] = _variant[key];
115
+ });
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.layoutSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var layoutSystemProps = _styledSystem.layout;
9
+ exports.layoutSystemProps = layoutSystemProps;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.positionSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var positionSystemProps = _styledSystem.position;
9
+ exports.positionSystemProps = positionSystemProps;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.shadowSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var shadowSystemProps = _styledSystem.shadow;
9
+ exports.shadowSystemProps = shadowSystemProps;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.spaceSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ /* eslint-disable prettier/prettier */
9
+ var spaceSystemProps = _styledSystem.space;
10
+ exports.spaceSystemProps = spaceSystemProps;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.systemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var _background = require("./background");
9
+
10
+ var _border = require("./border");
11
+
12
+ var _color = require("./color");
13
+
14
+ var _custom = require("./custom");
15
+
16
+ var _flexbox = require("./flexbox");
17
+
18
+ var _grid = require("./grid");
19
+
20
+ var _layout = require("./layout");
21
+
22
+ var _position = require("./position");
23
+
24
+ var _shadow = require("./shadow");
25
+
26
+ var _space = require("./space");
27
+
28
+ var _typography = require("./typography");
29
+
30
+ var _variant = require("./variant");
31
+
32
+ var systemProps = (0, _styledSystem.compose)(_custom.customSystemProps, _variant.variantSystemProps, _background.backgroundSystemProps, _border.borderSystemProps, _color.colorSystemProps, _flexbox.flexboxSystemProps, _grid.gridSystemProps, _layout.layoutSystemProps, _position.positionSystemProps, _shadow.shadowSystemProps, _space.spaceSystemProps, _typography.typographySystemProps);
33
+ exports.systemProps = systemProps;
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ /**
4
+ * All system props should be responsive but accepting a tuple of length 1-5.
5
+ */
6
+ "a";
7
+ ["a"];
8
+ ["a", "a"];
9
+ ["a", "a", "a"];
10
+ ["a", "a", "a", "a"];
11
+ ["a", "a", "a", "a", "a"]; // $FlowExpectedError
12
+
13
+ ["a", "a", "a", "a", "a", "a"]; // $FlowExpectedError
14
+
15
+ ["b"]; // $FlowExpectedError
16
+
17
+ [null];
18
+ /**
19
+ * All system props should accept "base" values: boolean, null, and undefined.
20
+ */
21
+
22
+ "a";
23
+ true;
24
+ false;
25
+ null;
26
+ undefined;
27
+ /**
28
+ * All system props should be responsive and allow "base" values.
29
+ */
30
+
31
+ "a";
32
+ "b";
33
+ true;
34
+ false;
35
+ null;
36
+ undefined;
37
+ ["a", null, undefined, false, "b"];
38
+ ["a"]; // $FlowExpectedError
39
+
40
+ "c"; // $FlowExpectedError
41
+
42
+ 1; // $FlowExpectedError
43
+
44
+ ({}); // $FlowExpectedError
45
+
46
+ [];
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.typographySystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var typographySystemProps = _styledSystem.typography;
9
+ exports.typographySystemProps = typographySystemProps;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.variantSystemProps = void 0;
5
+
6
+ var _styledSystem = require("styled-system");
7
+
8
+ var variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
9
+ key: "typography",
10
+ prop: "typeScale"
11
+ }));
12
+ exports.variantSystemProps = variantSystemProps;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.neutral = exports.red = exports.orange = exports.yellow = exports.purple = exports.blue = exports.green = void 0;
4
+ exports.yellow = exports.red = exports.purple = exports.orange = exports.neutral = exports.green = exports.blue = void 0;
5
5
 
6
6
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.default = exports.shadows = void 0;
4
+ exports.shadows = exports.default = void 0;
5
5
 
6
6
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.neutral = exports.red = exports.orange = exports.yellow = exports.purple = exports.blue = exports.green = void 0;
4
+ exports.yellow = exports.red = exports.purple = exports.orange = exports.neutral = exports.green = exports.blue = void 0;
5
5
 
6
6
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
@@ -19,7 +19,8 @@ var literalColors = {
19
19
  "700": _seedsColor.default.COLOR_NEUTRAL_700,
20
20
  "800": _seedsColor.default.COLOR_NEUTRAL_800,
21
21
  "900": _seedsColor.default.COLOR_NEUTRAL_900,
22
- "1000": _seedsColor.default.COLOR_NEUTRAL_1000
22
+ "1000": _seedsColor.default.COLOR_NEUTRAL_1000,
23
+ "1100": _seedsColor.default.COLOR_NEUTRAL_1100
23
24
  },
24
25
  green: {
25
26
  "0": _seedsColor.default.COLOR_GREEN_0,
@@ -46,7 +47,8 @@ var literalColors = {
46
47
  "700": _seedsColor.default.COLOR_RED_700,
47
48
  "800": _seedsColor.default.COLOR_RED_800,
48
49
  "900": _seedsColor.default.COLOR_RED_900,
49
- "1000": _seedsColor.default.COLOR_RED_1000
50
+ "1000": _seedsColor.default.COLOR_RED_1000,
51
+ "1100": _seedsColor.default.COLOR_RED_1100
50
52
  },
51
53
  blue: {
52
54
  "0": _seedsColor.default.COLOR_BLUE_0,
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.default = exports.duration = exports.easing = exports.shadows = exports.borderWidths = exports.borders = exports.radii = exports.space = exports.fontWeights = exports.fontFamily = exports.typography = exports.breakpoints = void 0;
4
+ exports.typography = exports.space = exports.shadows = exports.radii = exports.fontWeights = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
5
5
 
6
6
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
@@ -2,4 +2,6 @@
2
2
 
3
3
  var _literalColors = _interopRequireDefault(require("../themes/light/literal-colors"));
4
4
 
5
+ var _datavizPalette = require("../themes/light/dataviz-palette");
6
+
5
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -2,11 +2,12 @@
2
2
  "no babel-plugin-flow-react-proptypes";
3
3
 
4
4
  exports.__esModule = true;
5
- exports.useTextContent = useTextContent;
5
+ exports.useMultiselect = void 0;
6
6
  exports.useMutationObserver = useMutationObserver;
7
7
  exports.useMutationObserverOnce = useMutationObserverOnce;
8
+ exports.useSelect = void 0;
9
+ exports.useTextContent = useTextContent;
8
10
  exports.useWhyDidYouUpdate = useWhyDidYouUpdate;
9
- exports.useMultiselect = exports.useSelect = void 0;
10
11
 
11
12
  var _react = require("react");
12
13
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.disabled = exports.pill = exports.focusRing = exports.visuallyHidden = exports.svgToDataURL = void 0;
4
+ exports.visuallyHidden = exports.svgToDataURL = exports.pill = exports.focusRing = exports.disabled = void 0;
5
5
 
6
6
  var _styledComponents = require("styled-components");
7
7
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.GRID = exports.FLEXBOX = exports.POSITION = exports.LAYOUT = exports.TYPOGRAPHY = exports.BORDER = exports.COMMON = void 0;
4
+ exports.TYPOGRAPHY = exports.POSITION = exports.LAYOUT = exports.GRID = exports.FLEXBOX = exports.COMMON = exports.BORDER = void 0;
5
5
 
6
6
  var styles = _interopRequireWildcard(require("styled-system"));
7
7
 
package/dist/iconList.js CHANGED
@@ -1 +1 @@
1
- module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-outline","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","magic-wand","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plus","positive-sentiment","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];
1
+ module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-outline","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","magic-wand","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plus","positive-sentiment","power-up-outline","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];