@sproutsocial/racine 11.0.2 → 11.1.2-beta.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 (259) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/__flow__/EnumIconNames.js +1 -1
  3. package/__flow__/IconViewBoxes.js +1 -1
  4. package/__flow__/index.js +1 -0
  5. package/__flow__/systemProps/background.js +28 -0
  6. package/__flow__/systemProps/border.js +76 -0
  7. package/__flow__/systemProps/color.js +25 -0
  8. package/__flow__/systemProps/custom.js +23 -0
  9. package/__flow__/systemProps/flexbox.js +42 -0
  10. package/__flow__/systemProps/grid.js +43 -0
  11. package/__flow__/systemProps/index.js +17 -0
  12. package/__flow__/systemProps/layout.js +43 -0
  13. package/__flow__/systemProps/position.js +29 -0
  14. package/__flow__/systemProps/shadow.js +18 -0
  15. package/__flow__/systemProps/space.js +83 -0
  16. package/__flow__/systemProps/systemProps.js +55 -0
  17. package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
  18. package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
  19. package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
  20. package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
  21. package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
  22. package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
  23. package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
  24. package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
  25. package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
  26. package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
  27. package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
  28. package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
  29. package/__flow__/systemProps/tests/background.test.js +90 -0
  30. package/__flow__/systemProps/tests/border.test.js +299 -0
  31. package/__flow__/systemProps/tests/color.test.js +49 -0
  32. package/__flow__/systemProps/tests/custom.test.js +38 -0
  33. package/__flow__/systemProps/tests/flexbox.test.js +150 -0
  34. package/__flow__/systemProps/tests/grid.test.js +123 -0
  35. package/__flow__/systemProps/tests/layout.test.js +135 -0
  36. package/__flow__/systemProps/tests/position.test.js +78 -0
  37. package/__flow__/systemProps/tests/shadow.test.js +30 -0
  38. package/__flow__/systemProps/tests/space.test.js +32 -0
  39. package/__flow__/systemProps/tests/types.flow.js +55 -0
  40. package/__flow__/systemProps/tests/typography.test.js +93 -0
  41. package/__flow__/systemProps/tests/variant.test.js +25 -0
  42. package/__flow__/systemProps/types.flow.js +20 -0
  43. package/__flow__/systemProps/typography.js +34 -0
  44. package/__flow__/systemProps/variant.js +18 -0
  45. package/bin/buildNpm.js +58 -0
  46. package/commonjs/Avatar/index.js +7 -4
  47. package/commonjs/Badge/index.js +3 -1
  48. package/commonjs/Badge/styles.js +1 -1
  49. package/commonjs/Banner/index.js +3 -1
  50. package/commonjs/Banner/styles.js +1 -1
  51. package/commonjs/Box/styles.js +1 -1
  52. package/commonjs/Breadcrumb/index.js +5 -2
  53. package/commonjs/Button/index.js +3 -1
  54. package/commonjs/Card/index.js +3 -1
  55. package/commonjs/Card/styles.js +3 -3
  56. package/commonjs/CharacterCounter/index.js +3 -1
  57. package/commonjs/CharacterCounter/styles.js +1 -1
  58. package/commonjs/ChartLegend/index.js +3 -1
  59. package/commonjs/ChartLegend/styles.js +3 -3
  60. package/commonjs/Checkbox/index.js +3 -1
  61. package/commonjs/Checkbox/styles.js +1 -1
  62. package/commonjs/Collapsible/index.js +5 -2
  63. package/commonjs/DatePicker/DateRangePicker.js +3 -1
  64. package/commonjs/DatePicker/SingleDatePicker.js +3 -1
  65. package/commonjs/DatePicker/StatefulDateRangePicker.js +3 -1
  66. package/commonjs/DatePicker/StatefulSingleDatePicker.js +3 -1
  67. package/commonjs/DatePicker/common.js +1 -1
  68. package/commonjs/DatePicker/styles.js +2 -6
  69. package/commonjs/Drawer/SlideTransition.js +3 -1
  70. package/commonjs/Drawer/index.js +9 -4
  71. package/commonjs/Drawer/styles.js +2 -2
  72. package/commonjs/EmptyState/index.js +3 -1
  73. package/commonjs/Fieldset/index.js +7 -3
  74. package/commonjs/FormField/index.js +3 -1
  75. package/commonjs/Icon/index.js +5 -2
  76. package/commonjs/Icon/styles.js +1 -1
  77. package/commonjs/IconViewBoxes.js +1 -0
  78. package/commonjs/Image/index.js +3 -1
  79. package/commonjs/Image/styles.js +1 -1
  80. package/commonjs/Indicator/index.js +3 -1
  81. package/commonjs/Input/index.js +3 -1
  82. package/commonjs/Input/styles.js +2 -2
  83. package/commonjs/KeyboardKey/index.js +3 -1
  84. package/commonjs/Label/index.js +4 -2
  85. package/commonjs/Link/index.js +3 -1
  86. package/commonjs/Link/styles.js +1 -1
  87. package/commonjs/Listbox/index.js +7 -4
  88. package/commonjs/Loader/index.js +3 -1
  89. package/commonjs/Loader/styles.js +2 -2
  90. package/commonjs/LoaderButton/index.js +3 -1
  91. package/commonjs/Menu/constants.js +1 -1
  92. package/commonjs/Menu/descendants.js +10 -7
  93. package/commonjs/Menu/hooks.js +1 -1
  94. package/commonjs/Menu/index.js +22 -16
  95. package/commonjs/Menu/styles.js +2 -2
  96. package/commonjs/Message/index.js +3 -1
  97. package/commonjs/Message/styles.js +1 -1
  98. package/commonjs/Modal/index.js +7 -3
  99. package/commonjs/Modal/styles.js +4 -6
  100. package/commonjs/Numeral/constants.js +1 -1
  101. package/commonjs/Numeral/index.js +3 -1
  102. package/commonjs/Numeral/styles.js +3 -3
  103. package/commonjs/OverflowList/styles.js +1 -1
  104. package/commonjs/Popout/index.js +7 -3
  105. package/commonjs/Popout/styles.js +1 -1
  106. package/commonjs/Radio/index.js +3 -1
  107. package/commonjs/Radio/styles.js +4 -4
  108. package/commonjs/SegmentedControl/index.js +5 -2
  109. package/commonjs/Select/index.js +3 -1
  110. package/commonjs/Stack/index.js +3 -1
  111. package/commonjs/Switch/index.js +3 -1
  112. package/commonjs/Switch/styles.js +1 -1
  113. package/commonjs/Table/index.js +10 -5
  114. package/commonjs/TableCell/index.js +3 -1
  115. package/commonjs/TableHeaderCell/index.js +3 -1
  116. package/commonjs/TableRowAccordion/index.js +3 -1
  117. package/commonjs/Tabs/index.js +5 -2
  118. package/commonjs/Tabs/styles.js +4 -4
  119. package/commonjs/Text/index.js +3 -1
  120. package/commonjs/Text/styles.js +1 -1
  121. package/commonjs/Textarea/index.js +3 -1
  122. package/commonjs/Toast/index.js +15 -15
  123. package/commonjs/Toast/styles.js +4 -7
  124. package/commonjs/ToggleHint/index.js +3 -1
  125. package/commonjs/Token/index.js +3 -1
  126. package/commonjs/Token/styles.js +1 -1
  127. package/commonjs/TokenInput/index.js +3 -1
  128. package/commonjs/Tooltip/index.js +5 -2
  129. package/commonjs/Tooltip/styles.js +1 -1
  130. package/commonjs/VisuallyHidden/index.js +1 -1
  131. package/commonjs/include-icons.js +1 -1
  132. package/commonjs/index.js +79 -1
  133. package/commonjs/systemProps/background.js +9 -0
  134. package/commonjs/systemProps/border.js +9 -0
  135. package/commonjs/systemProps/color.js +9 -0
  136. package/commonjs/systemProps/custom.js +12 -0
  137. package/commonjs/systemProps/flexbox.js +9 -0
  138. package/commonjs/systemProps/grid.js +9 -0
  139. package/commonjs/systemProps/index.js +115 -0
  140. package/commonjs/systemProps/layout.js +9 -0
  141. package/commonjs/systemProps/position.js +9 -0
  142. package/commonjs/systemProps/shadow.js +9 -0
  143. package/commonjs/systemProps/space.js +10 -0
  144. package/commonjs/systemProps/systemProps.js +33 -0
  145. package/commonjs/systemProps/tests/types.flow.js +46 -0
  146. package/commonjs/systemProps/types.flow.js +1 -0
  147. package/commonjs/systemProps/typography.js +9 -0
  148. package/commonjs/systemProps/variant.js +12 -0
  149. package/commonjs/themes/dark/decorative-palettes.js +1 -1
  150. package/commonjs/themes/dark/theme.js +1 -1
  151. package/commonjs/themes/light/decorative-palettes.js +1 -1
  152. package/commonjs/themes/light/theme.js +1 -1
  153. package/commonjs/utils/hooks.js +3 -2
  154. package/commonjs/utils/mixins.js +1 -1
  155. package/commonjs/utils/system-props.js +1 -1
  156. package/dist/iconList.js +1 -1
  157. package/dist/icons.svg +1 -1
  158. package/dist/themes/dark/dark.scss +5 -5
  159. package/dist/themes/light/light.scss +95 -95
  160. package/icons/power-up-outline.svg +3 -0
  161. package/includeIcons.js +1 -1
  162. package/lib/Avatar/index.js +7 -4
  163. package/lib/Badge/index.js +3 -1
  164. package/lib/Badge/styles.js +1 -1
  165. package/lib/Banner/index.js +3 -1
  166. package/lib/Banner/styles.js +1 -1
  167. package/lib/Box/styles.js +1 -1
  168. package/lib/Breadcrumb/index.js +5 -2
  169. package/lib/Button/index.js +3 -1
  170. package/lib/Card/index.js +3 -1
  171. package/lib/Card/styles.js +2 -2
  172. package/lib/CharacterCounter/index.js +3 -1
  173. package/lib/CharacterCounter/styles.js +1 -1
  174. package/lib/ChartLegend/index.js +3 -1
  175. package/lib/ChartLegend/styles.js +3 -3
  176. package/lib/Checkbox/index.js +3 -1
  177. package/lib/Collapsible/index.js +5 -2
  178. package/lib/DatePicker/DateRangePicker.js +3 -1
  179. package/lib/DatePicker/SingleDatePicker.js +3 -1
  180. package/lib/DatePicker/StatefulDateRangePicker.js +3 -1
  181. package/lib/DatePicker/StatefulSingleDatePicker.js +3 -1
  182. package/lib/DatePicker/styles.js +2 -6
  183. package/lib/Drawer/SlideTransition.js +3 -1
  184. package/lib/Drawer/index.js +9 -4
  185. package/lib/Drawer/styles.js +2 -2
  186. package/lib/EmptyState/index.js +3 -1
  187. package/lib/Fieldset/index.js +7 -3
  188. package/lib/FormField/index.js +3 -1
  189. package/lib/Icon/index.js +5 -2
  190. package/lib/Icon/styles.js +1 -1
  191. package/lib/IconViewBoxes.js +1 -0
  192. package/lib/Image/index.js +3 -1
  193. package/lib/Image/styles.js +1 -1
  194. package/lib/Indicator/index.js +3 -1
  195. package/lib/Input/index.js +3 -1
  196. package/lib/Input/styles.js +2 -2
  197. package/lib/KeyboardKey/index.js +3 -1
  198. package/lib/Label/index.js +4 -2
  199. package/lib/Link/index.js +3 -1
  200. package/lib/Link/styles.js +1 -1
  201. package/lib/Listbox/index.js +6 -3
  202. package/lib/Loader/index.js +3 -1
  203. package/lib/Loader/styles.js +2 -2
  204. package/lib/LoaderButton/index.js +3 -1
  205. package/lib/Menu/descendants.js +5 -2
  206. package/lib/Menu/index.js +20 -16
  207. package/lib/Menu/styles.js +2 -2
  208. package/lib/Message/index.js +3 -1
  209. package/lib/Modal/index.js +7 -3
  210. package/lib/Modal/styles.js +3 -5
  211. package/lib/Numeral/index.js +3 -1
  212. package/lib/Numeral/styles.js +2 -2
  213. package/lib/OverflowList/styles.js +1 -1
  214. package/lib/Popout/index.js +7 -3
  215. package/lib/Popout/styles.js +1 -1
  216. package/lib/Radio/index.js +3 -1
  217. package/lib/Radio/styles.js +4 -4
  218. package/lib/SegmentedControl/index.js +5 -2
  219. package/lib/Select/index.js +3 -1
  220. package/lib/Stack/index.js +3 -1
  221. package/lib/Switch/index.js +3 -1
  222. package/lib/Switch/styles.js +1 -1
  223. package/lib/Table/index.js +9 -4
  224. package/lib/TableCell/index.js +3 -1
  225. package/lib/TableHeaderCell/index.js +3 -1
  226. package/lib/TableRowAccordion/index.js +3 -1
  227. package/lib/Tabs/index.js +5 -2
  228. package/lib/Tabs/styles.js +3 -3
  229. package/lib/Text/index.js +3 -1
  230. package/lib/Text/styles.js +1 -1
  231. package/lib/Textarea/index.js +3 -1
  232. package/lib/Toast/index.js +14 -14
  233. package/lib/Toast/styles.js +3 -7
  234. package/lib/ToggleHint/index.js +3 -1
  235. package/lib/Token/index.js +3 -1
  236. package/lib/Token/styles.js +1 -1
  237. package/lib/TokenInput/index.js +3 -1
  238. package/lib/Tooltip/index.js +5 -2
  239. package/lib/Tooltip/styles.js +1 -1
  240. package/lib/VisuallyHidden/index.js +1 -1
  241. package/lib/include-icons.js +1 -1
  242. package/lib/index.js +1 -0
  243. package/lib/systemProps/background.js +2 -0
  244. package/lib/systemProps/border.js +2 -0
  245. package/lib/systemProps/color.js +2 -0
  246. package/lib/systemProps/custom.js +5 -0
  247. package/lib/systemProps/flexbox.js +2 -0
  248. package/lib/systemProps/grid.js +2 -0
  249. package/lib/systemProps/index.js +14 -0
  250. package/lib/systemProps/layout.js +2 -0
  251. package/lib/systemProps/position.js +2 -0
  252. package/lib/systemProps/shadow.js +2 -0
  253. package/lib/systemProps/space.js +3 -0
  254. package/lib/systemProps/systemProps.js +14 -0
  255. package/lib/systemProps/tests/types.flow.js +44 -0
  256. package/lib/systemProps/types.flow.js +0 -0
  257. package/lib/systemProps/typography.js +2 -0
  258. package/lib/systemProps/variant.js +5 -0
  259. package/package.json +16 -3
package/dist/themes/dark/dark.scss CHANGED
@@ -1,10 +1,5 @@
1
1
  $dark: (
2
2
  __esModule: true,
3
- shadows: (
4
- low: 0px 2px 4px #040404FF,
5
- medium: 0px 8px 16px #040404FF,
6
- high: 0px 16px 32px #040404FF
7
- ),
8
3
  default: (
9
4
  utils: (
10
5
 
@@ -615,5 +610,10 @@ $dark: (
615
610
  slow: .6s
616
611
  ),
617
612
  mode: dark
613
+ ),
614
+ shadows: (
615
+ low: 0px 2px 4px #040404FF,
616
+ medium: 0px 8px 16px #040404FF,
617
+ high: 0px 16px 32px #040404FF
618
618
  )
619
619
  );
package/dist/themes/light/light.scss CHANGED
@@ -1,104 +1,12 @@
1
1
  $light: (
2
2
  __esModule: true,
3
- breakpoints: (900px, 1200px, 1500px, 1800px),
4
- typography: (
5
- 100: (
6
- fontSize: 11px,
7
- lineHeight: 18.666666666666668px
8
- ),
9
- 200: (
10
- fontSize: 13px,
11
- lineHeight: 21.333333333333332px
12
- ),
13
- 300: (
14
- fontSize: 16px,
15
- lineHeight: 24px
16
- ),
17
- 400: (
18
- fontSize: 18px,
19
- lineHeight: 26.666666666666668px
20
- ),
21
- 500: (
22
- fontSize: 21px,
23
- lineHeight: 29.333333333333332px
24
- ),
25
- 600: (
26
- fontSize: 24px,
27
- lineHeight: 32px
28
- ),
29
- 700: (
30
- fontSize: 32px,
31
- lineHeight: 40px
32
- ),
33
- 800: (
34
- fontSize: 43px,
35
- lineHeight: 50.666666666666664px
36
- ),
37
- 900: (
38
- fontSize: 57px,
39
- lineHeight: 64px
40
- ),
41
- 1000: (
42
- fontSize: 76px,
43
- lineHeight: 80px
44
- ),
45
- 1100: (
46
- fontSize: 101px,
47
- lineHeight: 101.33333333333333px
48
- ),
49
- 1200: (
50
- fontSize: 135px,
51
- lineHeight: 125.33333333333333px
52
- )
53
- ),
54
- fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
55
- fontWeights: (
56
- normal: 400,
57
- semibold: 600,
58
- bold: 700,
59
- extrabold: 800
60
- ),
61
- space: (
62
- 0: 0px,
63
- 100: 2px,
64
- 200: 4px,
65
- 300: 8px,
66
- 350: 12px,
67
- 400: 16px,
68
- 450: 24px,
69
- 500: 32px,
70
- 600: 40px
71
- ),
72
- radii: (
73
- 400: 4px,
74
- 500: 6px,
75
- 600: 8px,
76
- 1000: 999999px,
77
- inner: 6px,
78
- outer: 8px,
79
- pill: 999999px
80
- ),
81
- borders: (
82
- 500: 1px solid
83
- ),
84
3
  borderWidths: (
85
4
  500: 1px
86
5
  ),
87
- shadows: (
88
- low: 0px 2px 4px #2733333D,
89
- medium: 0px 8px 16px #2733333D,
90
- high: 0px 16px 32px #2733333D
91
- ),
92
- easing: (
93
- ease_in: cubic-bezier(.4, 0, .7, .2),
94
- ease_out: cubic-bezier(0, 0, .2, 1),
95
- ease_inout: cubic-bezier(.4, 0, .2, 1)
96
- ),
97
- duration: (
98
- fast: .15s,
99
- medium: .3s,
100
- slow: .6s
6
+ borders: (
7
+ 500: 1px solid
101
8
  ),
9
+ breakpoints: (900px, 1200px, 1500px, 1800px),
102
10
  default: (
103
11
  utils: (
104
12
 
@@ -706,5 +614,97 @@ $light: (
706
614
  slow: .6s
707
615
  ),
708
616
  mode: light
617
+ ),
618
+ duration: (
619
+ fast: .15s,
620
+ medium: .3s,
621
+ slow: .6s
622
+ ),
623
+ easing: (
624
+ ease_in: cubic-bezier(.4, 0, .7, .2),
625
+ ease_out: cubic-bezier(0, 0, .2, 1),
626
+ ease_inout: cubic-bezier(.4, 0, .2, 1)
627
+ ),
628
+ fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
629
+ fontWeights: (
630
+ normal: 400,
631
+ semibold: 600,
632
+ bold: 700,
633
+ extrabold: 800
634
+ ),
635
+ radii: (
636
+ 400: 4px,
637
+ 500: 6px,
638
+ 600: 8px,
639
+ 1000: 999999px,
640
+ inner: 6px,
641
+ outer: 8px,
642
+ pill: 999999px
643
+ ),
644
+ shadows: (
645
+ low: 0px 2px 4px #2733333D,
646
+ medium: 0px 8px 16px #2733333D,
647
+ high: 0px 16px 32px #2733333D
648
+ ),
649
+ space: (
650
+ 0: 0px,
651
+ 100: 2px,
652
+ 200: 4px,
653
+ 300: 8px,
654
+ 350: 12px,
655
+ 400: 16px,
656
+ 450: 24px,
657
+ 500: 32px,
658
+ 600: 40px
659
+ ),
660
+ typography: (
661
+ 100: (
662
+ fontSize: 11px,
663
+ lineHeight: 18.666666666666668px
664
+ ),
665
+ 200: (
666
+ fontSize: 13px,
667
+ lineHeight: 21.333333333333332px
668
+ ),
669
+ 300: (
670
+ fontSize: 16px,
671
+ lineHeight: 24px
672
+ ),
673
+ 400: (
674
+ fontSize: 18px,
675
+ lineHeight: 26.666666666666668px
676
+ ),
677
+ 500: (
678
+ fontSize: 21px,
679
+ lineHeight: 29.333333333333332px
680
+ ),
681
+ 600: (
682
+ fontSize: 24px,
683
+ lineHeight: 32px
684
+ ),
685
+ 700: (
686
+ fontSize: 32px,
687
+ lineHeight: 40px
688
+ ),
689
+ 800: (
690
+ fontSize: 43px,
691
+ lineHeight: 50.666666666666664px
692
+ ),
693
+ 900: (
694
+ fontSize: 57px,
695
+ lineHeight: 64px
696
+ ),
697
+ 1000: (
698
+ fontSize: 76px,
699
+ lineHeight: 80px
700
+ ),
701
+ 1100: (
702
+ fontSize: 101px,
703
+ lineHeight: 101.33333333333333px
704
+ ),
705
+ 1200: (
706
+ fontSize: 135px,
707
+ lineHeight: 125.33333333333333px
708
+ )
709
709
  )
710
710
  );
package/icons/power-up-outline.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 16">
2
+ <path d="M11.912 5.4a.745.745 0 00-.662-.4H6.356l1.589-3.972a.75.75 0 00-.075-.7A.784.784 0 007.25 0h-5.5a.75.75 0 00-.743.651l-1 7.5A.752.752 0 00.75 9h4.572l-1.306 6.066a.75.75 0 00.438.846.485.485 0 00.296.088.751.751 0 00.619-.326l6.5-9.5a.75.75 0 00.043-.774zm-5.63 6.284l.701-3.275a.749.749 0 00-.15-.628.745.745 0 00-.583-.281H1.607l.8-6h3.737l-1.59 3.972a.763.763 0 00.074.7.746.746 0 00.622.328h4.578l-3.547 5.184z"/>
3
+ </svg>