@sproutsocial/racine 11.1.0 → 11.1.2-badge-update.1

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 (200) hide show
  1. package/CHANGELOG.md +12 -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__/themes/dark/theme.js +1 -0
  10. package/__flow__/themes/light/literal-colors.js +2 -0
  11. package/__flow__/themes/light/theme.js +1 -0
  12. package/__flow__/types/theme.colors.flow.js +27 -0
  13. package/bin/buildNpm.js +58 -0
  14. package/commonjs/Avatar/index.js +7 -4
  15. package/commonjs/Badge/constants.js +43 -0
  16. package/commonjs/Badge/index.js +42 -38
  17. package/commonjs/Badge/styles.js +16 -32
  18. package/commonjs/Banner/index.js +3 -1
  19. package/commonjs/Banner/styles.js +1 -1
  20. package/commonjs/Box/styles.js +1 -1
  21. package/commonjs/Breadcrumb/index.js +5 -2
  22. package/commonjs/Button/index.js +3 -1
  23. package/commonjs/Card/index.js +3 -1
  24. package/commonjs/Card/styles.js +3 -3
  25. package/commonjs/CharacterCounter/index.js +3 -1
  26. package/commonjs/CharacterCounter/styles.js +1 -1
  27. package/commonjs/ChartLegend/index.js +3 -1
  28. package/commonjs/ChartLegend/styles.js +3 -3
  29. package/commonjs/Checkbox/index.js +3 -1
  30. package/commonjs/Checkbox/styles.js +1 -1
  31. package/commonjs/Collapsible/index.js +5 -2
  32. package/commonjs/DatePicker/DateRangePicker.js +3 -1
  33. package/commonjs/DatePicker/SingleDatePicker.js +3 -1
  34. package/commonjs/DatePicker/StatefulDateRangePicker.js +3 -1
  35. package/commonjs/DatePicker/StatefulSingleDatePicker.js +3 -1
  36. package/commonjs/DatePicker/common.js +1 -1
  37. package/commonjs/DatePicker/styles.js +2 -6
  38. package/commonjs/Drawer/SlideTransition.js +3 -1
  39. package/commonjs/Drawer/index.js +9 -4
  40. package/commonjs/Drawer/styles.js +2 -2
  41. package/commonjs/EmptyState/index.js +3 -1
  42. package/commonjs/Fieldset/index.js +7 -3
  43. package/commonjs/FormField/index.js +3 -1
  44. package/commonjs/Icon/index.js +5 -2
  45. package/commonjs/Icon/styles.js +1 -1
  46. package/commonjs/IconViewBoxes.js +1 -0
  47. package/commonjs/Image/index.js +3 -1
  48. package/commonjs/Image/styles.js +1 -1
  49. package/commonjs/Indicator/index.js +3 -1
  50. package/commonjs/Input/index.js +3 -1
  51. package/commonjs/Input/styles.js +2 -2
  52. package/commonjs/KeyboardKey/index.js +3 -1
  53. package/commonjs/Label/index.js +4 -2
  54. package/commonjs/Link/index.js +3 -1
  55. package/commonjs/Link/styles.js +1 -1
  56. package/commonjs/Listbox/index.js +7 -4
  57. package/commonjs/Loader/index.js +3 -1
  58. package/commonjs/Loader/styles.js +2 -2
  59. package/commonjs/LoaderButton/index.js +3 -1
  60. package/commonjs/Menu/constants.js +1 -1
  61. package/commonjs/Menu/descendants.js +10 -7
  62. package/commonjs/Menu/hooks.js +1 -1
  63. package/commonjs/Menu/index.js +22 -16
  64. package/commonjs/Menu/styles.js +2 -2
  65. package/commonjs/Message/index.js +3 -1
  66. package/commonjs/Message/styles.js +1 -1
  67. package/commonjs/Modal/index.js +7 -3
  68. package/commonjs/Modal/styles.js +4 -6
  69. package/commonjs/Numeral/constants.js +1 -1
  70. package/commonjs/Numeral/index.js +3 -1
  71. package/commonjs/Numeral/styles.js +3 -3
  72. package/commonjs/OverflowList/styles.js +1 -1
  73. package/commonjs/Popout/index.js +7 -3
  74. package/commonjs/Popout/styles.js +1 -1
  75. package/commonjs/Radio/index.js +3 -1
  76. package/commonjs/Radio/styles.js +4 -4
  77. package/commonjs/SegmentedControl/index.js +5 -2
  78. package/commonjs/Select/index.js +3 -1
  79. package/commonjs/Stack/index.js +3 -1
  80. package/commonjs/Switch/index.js +3 -1
  81. package/commonjs/Switch/styles.js +1 -1
  82. package/commonjs/Table/index.js +10 -5
  83. package/commonjs/TableCell/index.js +3 -1
  84. package/commonjs/TableHeaderCell/index.js +3 -1
  85. package/commonjs/TableRowAccordion/index.js +3 -1
  86. package/commonjs/Tabs/index.js +5 -2
  87. package/commonjs/Tabs/styles.js +4 -4
  88. package/commonjs/Text/index.js +3 -1
  89. package/commonjs/Text/styles.js +1 -1
  90. package/commonjs/Textarea/index.js +3 -1
  91. package/commonjs/Toast/index.js +15 -15
  92. package/commonjs/Toast/styles.js +4 -7
  93. package/commonjs/ToggleHint/index.js +3 -1
  94. package/commonjs/Token/index.js +3 -1
  95. package/commonjs/Token/styles.js +1 -1
  96. package/commonjs/TokenInput/index.js +3 -1
  97. package/commonjs/Tooltip/index.js +5 -2
  98. package/commonjs/Tooltip/styles.js +1 -1
  99. package/commonjs/VisuallyHidden/index.js +1 -1
  100. package/commonjs/include-icons.js +1 -1
  101. package/commonjs/index.js +1 -1
  102. package/commonjs/themes/dark/decorative-palettes.js +1 -1
  103. package/commonjs/themes/dark/theme.js +1 -1
  104. package/commonjs/themes/light/decorative-palettes.js +1 -1
  105. package/commonjs/themes/light/literal-colors.js +4 -2
  106. package/commonjs/themes/light/theme.js +1 -1
  107. package/commonjs/types/theme.colors.flow.js +2 -0
  108. package/commonjs/utils/hooks.js +3 -2
  109. package/commonjs/utils/mixins.js +1 -1
  110. package/commonjs/utils/system-props.js +1 -1
  111. package/dist/iconList.js +1 -1
  112. package/dist/icons.svg +1 -1
  113. package/dist/themes/dark/dark.scss +9 -7
  114. package/dist/themes/light/light.scss +99 -97
  115. package/icons/power-up-outline.svg +3 -0
  116. package/includeIcons.js +1 -1
  117. package/lib/Avatar/index.js +7 -4
  118. package/lib/Badge/constants.js +38 -0
  119. package/lib/Badge/index.js +39 -38
  120. package/lib/Badge/styles.js +13 -28
  121. package/lib/Banner/index.js +3 -1
  122. package/lib/Banner/styles.js +1 -1
  123. package/lib/Box/styles.js +1 -1
  124. package/lib/Breadcrumb/index.js +5 -2
  125. package/lib/Button/index.js +3 -1
  126. package/lib/Card/index.js +3 -1
  127. package/lib/Card/styles.js +2 -2
  128. package/lib/CharacterCounter/index.js +3 -1
  129. package/lib/CharacterCounter/styles.js +1 -1
  130. package/lib/ChartLegend/index.js +3 -1
  131. package/lib/ChartLegend/styles.js +3 -3
  132. package/lib/Checkbox/index.js +3 -1
  133. package/lib/Collapsible/index.js +5 -2
  134. package/lib/DatePicker/DateRangePicker.js +3 -1
  135. package/lib/DatePicker/SingleDatePicker.js +3 -1
  136. package/lib/DatePicker/StatefulDateRangePicker.js +3 -1
  137. package/lib/DatePicker/StatefulSingleDatePicker.js +3 -1
  138. package/lib/DatePicker/styles.js +2 -6
  139. package/lib/Drawer/SlideTransition.js +3 -1
  140. package/lib/Drawer/index.js +9 -4
  141. package/lib/Drawer/styles.js +2 -2
  142. package/lib/EmptyState/index.js +3 -1
  143. package/lib/Fieldset/index.js +7 -3
  144. package/lib/FormField/index.js +3 -1
  145. package/lib/Icon/index.js +5 -2
  146. package/lib/Icon/styles.js +1 -1
  147. package/lib/IconViewBoxes.js +1 -0
  148. package/lib/Image/index.js +3 -1
  149. package/lib/Image/styles.js +1 -1
  150. package/lib/Indicator/index.js +3 -1
  151. package/lib/Input/index.js +3 -1
  152. package/lib/Input/styles.js +2 -2
  153. package/lib/KeyboardKey/index.js +3 -1
  154. package/lib/Label/index.js +4 -2
  155. package/lib/Link/index.js +3 -1
  156. package/lib/Link/styles.js +1 -1
  157. package/lib/Listbox/index.js +6 -3
  158. package/lib/Loader/index.js +3 -1
  159. package/lib/Loader/styles.js +2 -2
  160. package/lib/LoaderButton/index.js +3 -1
  161. package/lib/Menu/descendants.js +5 -2
  162. package/lib/Menu/index.js +20 -16
  163. package/lib/Menu/styles.js +2 -2
  164. package/lib/Message/index.js +3 -1
  165. package/lib/Modal/index.js +7 -3
  166. package/lib/Modal/styles.js +3 -5
  167. package/lib/Numeral/index.js +3 -1
  168. package/lib/Numeral/styles.js +2 -2
  169. package/lib/OverflowList/styles.js +1 -1
  170. package/lib/Popout/index.js +7 -3
  171. package/lib/Popout/styles.js +1 -1
  172. package/lib/Radio/index.js +3 -1
  173. package/lib/Radio/styles.js +4 -4
  174. package/lib/SegmentedControl/index.js +5 -2
  175. package/lib/Select/index.js +3 -1
  176. package/lib/Stack/index.js +3 -1
  177. package/lib/Switch/index.js +3 -1
  178. package/lib/Switch/styles.js +1 -1
  179. package/lib/Table/index.js +9 -4
  180. package/lib/TableCell/index.js +3 -1
  181. package/lib/TableHeaderCell/index.js +3 -1
  182. package/lib/TableRowAccordion/index.js +3 -1
  183. package/lib/Tabs/index.js +5 -2
  184. package/lib/Tabs/styles.js +3 -3
  185. package/lib/Text/index.js +3 -1
  186. package/lib/Text/styles.js +1 -1
  187. package/lib/Textarea/index.js +3 -1
  188. package/lib/Toast/index.js +14 -14
  189. package/lib/Toast/styles.js +3 -7
  190. package/lib/ToggleHint/index.js +3 -1
  191. package/lib/Token/index.js +3 -1
  192. package/lib/Token/styles.js +1 -1
  193. package/lib/TokenInput/index.js +3 -1
  194. package/lib/Tooltip/index.js +5 -2
  195. package/lib/Tooltip/styles.js +1 -1
  196. package/lib/VisuallyHidden/index.js +1 -1
  197. package/lib/include-icons.js +1 -1
  198. package/lib/themes/light/literal-colors.js +4 -2
  199. package/lib/types/theme.colors.flow.js +2 -1
  200. package/package.json +4 -2
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
 
@@ -267,7 +262,8 @@ $dark: (
267
262
  700: #515e5f,
268
263
  800: #364141,
269
264
  900: #273333,
270
- 1000: #162020
265
+ 1000: #162020,
266
+ 1100: #040404
271
267
  ),
272
268
  green: (
273
269
  0: #ebf9eb,
@@ -294,7 +290,8 @@ $dark: (
294
290
  700: #db3e3e,
295
291
  800: #c63434,
296
292
  900: #992222,
297
- 1000: #6d1313
293
+ 1000: #6d1313,
294
+ 1100: #2b1111
298
295
  ),
299
296
  blue: (
300
297
  0: #e9f8ff,
@@ -615,5 +612,10 @@ $dark: (
615
612
  slow: .6s
616
613
  ),
617
614
  mode: dark
615
+ ),
616
+ shadows: (
617
+ low: 0px 2px 4px #040404FF,
618
+ medium: 0px 8px 16px #040404FF,
619
+ high: 0px 16px 32px #040404FF
618
620
  )
619
621
  );
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
 
@@ -361,7 +269,8 @@ $light: (
361
269
  700: #515e5f,
362
270
  800: #364141,
363
271
  900: #273333,
364
- 1000: #162020
272
+ 1000: #162020,
273
+ 1100: #040404
365
274
  ),
366
275
  green: (
367
276
  0: #ebf9eb,
@@ -388,7 +297,8 @@ $light: (
388
297
  700: #db3e3e,
389
298
  800: #c63434,
390
299
  900: #992222,
391
- 1000: #6d1313
300
+ 1000: #6d1313,
301
+ 1100: #2b1111
392
302
  ),
393
303
  blue: (
394
304
  0: #e9f8ff,
@@ -706,5 +616,97 @@ $light: (
706
616
  slow: .6s
707
617
  ),
708
618
  mode: light
619
+ ),
620
+ duration: (
621
+ fast: .15s,
622
+ medium: .3s,
623
+ slow: .6s
624
+ ),
625
+ easing: (
626
+ ease_in: cubic-bezier(.4, 0, .7, .2),
627
+ ease_out: cubic-bezier(0, 0, .2, 1),
628
+ ease_inout: cubic-bezier(.4, 0, .2, 1)
629
+ ),
630
+ fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
631
+ fontWeights: (
632
+ normal: 400,
633
+ semibold: 600,
634
+ bold: 700,
635
+ extrabold: 800
636
+ ),
637
+ radii: (
638
+ 400: 4px,
639
+ 500: 6px,
640
+ 600: 8px,
641
+ 1000: 999999px,
642
+ inner: 6px,
643
+ outer: 8px,
644
+ pill: 999999px
645
+ ),
646
+ shadows: (
647
+ low: 0px 2px 4px #2733333D,
648
+ medium: 0px 8px 16px #2733333D,
649
+ high: 0px 16px 32px #2733333D
650
+ ),
651
+ space: (
652
+ 0: 0px,
653
+ 100: 2px,
654
+ 200: 4px,
655
+ 300: 8px,
656
+ 350: 12px,
657
+ 400: 16px,
658
+ 450: 24px,
659
+ 500: 32px,
660
+ 600: 40px
661
+ ),
662
+ typography: (
663
+ 100: (
664
+ fontSize: 11px,
665
+ lineHeight: 18.666666666666668px
666
+ ),
667
+ 200: (
668
+ fontSize: 13px,
669
+ lineHeight: 21.333333333333332px
670
+ ),
671
+ 300: (
672
+ fontSize: 16px,
673
+ lineHeight: 24px
674
+ ),
675
+ 400: (
676
+ fontSize: 18px,
677
+ lineHeight: 26.666666666666668px
678
+ ),
679
+ 500: (
680
+ fontSize: 21px,
681
+ lineHeight: 29.333333333333332px
682
+ ),
683
+ 600: (
684
+ fontSize: 24px,
685
+ lineHeight: 32px
686
+ ),
687
+ 700: (
688
+ fontSize: 32px,
689
+ lineHeight: 40px
690
+ ),
691
+ 800: (
692
+ fontSize: 43px,
693
+ lineHeight: 50.666666666666664px
694
+ ),
695
+ 900: (
696
+ fontSize: 57px,
697
+ lineHeight: 64px
698
+ ),
699
+ 1000: (
700
+ fontSize: 76px,
701
+ lineHeight: 80px
702
+ ),
703
+ 1100: (
704
+ fontSize: 101px,
705
+ lineHeight: 101.33333333333333px
706
+ ),
707
+ 1200: (
708
+ fontSize: 135px,
709
+ lineHeight: 125.33333333333333px
710
+ )
709
711
  )
710
712
  );
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>