@sproutsocial/racine 12.7.0 → 12.10.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 (50) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/__flow__/Checkbox/styles.js +75 -75
  3. package/__flow__/Collapsible/index.js +2 -3
  4. package/__flow__/EnumIconNames.js +1 -1
  5. package/__flow__/IconViewBoxes.js +1 -1
  6. package/__flow__/Image/index.js +2 -10
  7. package/__flow__/SegmentedControl/index.js +2 -3
  8. package/__flow__/TableCell/index.js +2 -9
  9. package/__flow__/Toast/styles.js +5 -0
  10. package/__flow__/ToggleHint/index.js +2 -9
  11. package/__flow__/index.js +1 -0
  12. package/__flow__/systemProps/color.js +2 -1
  13. package/__flow__/themes/dark/decorative-palettes.js +24 -0
  14. package/__flow__/themes/dark/theme.js +12 -0
  15. package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +21 -0
  16. package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +21 -0
  17. package/__flow__/themes/light/decorative-palettes.js +24 -0
  18. package/__flow__/themes/light/theme.js +12 -0
  19. package/__flow__/types/theme.colors.flow.js +8 -0
  20. package/__flow__/types/theme.flow.js +2 -0
  21. package/__flow__/utils/responsiveProps/index.test.js +2 -10
  22. package/commonjs/EnumIconNames.js +1 -0
  23. package/commonjs/EnumIllustrationNames.js +1 -0
  24. package/commonjs/EnumLogoNames.js +1 -0
  25. package/commonjs/IconViewBoxes.js +374 -0
  26. package/commonjs/IllustrationViewBoxes.js +105 -0
  27. package/commonjs/LogoViewBoxes.js +66 -0
  28. package/commonjs/Toast/styles.js +3 -1
  29. package/commonjs/themes/dark/decorative-palettes.js +26 -2
  30. package/commonjs/themes/dark/theme.js +10 -2
  31. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +24 -3
  32. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +24 -3
  33. package/commonjs/themes/light/decorative-palettes.js +26 -2
  34. package/commonjs/themes/light/theme.js +10 -2
  35. package/dist/icon.svg +1 -1
  36. package/dist/iconList.js +1 -1
  37. package/dist/themes/dark/theme.scss +10 -2
  38. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +50 -4
  39. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +50 -4
  40. package/dist/themes/light/theme.scss +10 -2
  41. package/lib/IconViewBoxes.js +9 -0
  42. package/lib/Toast/styles.js +3 -1
  43. package/lib/themes/dark/decorative-palettes.js +20 -0
  44. package/lib/themes/dark/theme.js +11 -3
  45. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +22 -2
  46. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +22 -2
  47. package/lib/themes/light/decorative-palettes.js +20 -0
  48. package/lib/themes/light/theme.js +11 -3
  49. package/lib/types/theme.flow.js +1 -1
  50. package/package.json +1 -1
package/commonjs/themes/dark/theme.js CHANGED
@@ -50,7 +50,11 @@ var colors = _extends({}, _theme.default.colors, {
50
50
  yellow: _decorativePalettes.yellow.background,
51
51
  orange: _decorativePalettes.orange.background,
52
52
  red: _decorativePalettes.red.background,
53
- neutral: _decorativePalettes.neutral.background
53
+ neutral: _decorativePalettes.neutral.background,
54
+ magenta: _decorativePalettes.magenta.background,
55
+ pink: _decorativePalettes.pink.background,
56
+ aqua: _decorativePalettes.aqua.background,
57
+ teal: _decorativePalettes.teal.background
54
58
  },
55
59
  selected: _seedsColor.default.COLOR_NEUTRAL_0,
56
60
  positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
@@ -72,7 +76,11 @@ var colors = _extends({}, _theme.default.colors, {
72
76
  yellow: _decorativePalettes.yellow.highlight,
73
77
  orange: _decorativePalettes.orange.highlight,
74
78
  red: _decorativePalettes.red.highlight,
75
- neutral: _decorativePalettes.neutral.highlight
79
+ neutral: _decorativePalettes.neutral.highlight,
80
+ magenta: _decorativePalettes.magenta.highlight,
81
+ pink: _decorativePalettes.pink.highlight,
82
+ aqua: _decorativePalettes.aqua.highlight,
83
+ teal: _decorativePalettes.teal.highlight
76
84
  },
77
85
  selected: _seedsColor.default.COLOR_NEUTRAL_0
78
86
  }
package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
4
+ exports.navigation = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
5
5
 
6
6
  var _polished = require("polished");
7
7
 
@@ -16,6 +16,9 @@ var navigation = {
16
16
  background: {
17
17
  base: _theme.default.colors.neutral[1000],
18
18
  overflowGradient: _theme.default.colors.neutral[1100]
19
+ },
20
+ border: {
21
+ base: _theme.default.colors.neutral[1100]
19
22
  }
20
23
  },
21
24
  secondary: {
@@ -87,7 +90,8 @@ var growth = {
87
90
  },
88
91
  opportunity: {
89
92
  background: {
90
- base: _theme.default.colors.purple[700]
93
+ base: _theme.default.colors.purple[700],
94
+ hover: _theme.default.colors.purple[500]
91
95
  },
92
96
  button: {
93
97
  primary: {
@@ -137,16 +141,33 @@ var growth = {
137
141
  hover: _theme.default.colors.purple[700]
138
142
  }
139
143
  }
144
+ },
145
+ user: {
146
+ status: {
147
+ online: _theme.default.colors.green[700]
148
+ }
140
149
  }
141
150
  };
142
151
  exports.growth = growth;
152
+ var cardControl = {
153
+ background: {
154
+ base: _theme.default.colors.neutral[900],
155
+ selected: _theme.default.colors.neutral[700],
156
+ hover: _theme.default.colors.neutral[800]
157
+ },
158
+ text: {
159
+ selected: _theme.default.colors.text.body
160
+ }
161
+ };
162
+ exports.cardControl = cardControl;
143
163
 
144
164
  var darkTheme = _extends({}, _theme.default, {
145
165
  colors: _extends({}, _theme.default.colors, {
146
166
  navigation: navigation,
147
167
  datePicker: datePicker,
148
168
  analytics: analytics,
149
- growth: growth
169
+ growth: growth,
170
+ cardControl: cardControl
150
171
  })
151
172
  });
152
173
 
package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
4
+ exports.navigation = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
5
5
 
6
6
  var _polished = require("polished");
7
7
 
@@ -16,6 +16,9 @@ var navigation = {
16
16
  background: {
17
17
  base: _theme.default.colors.neutral[900],
18
18
  overflowGradient: _theme.default.colors.neutral[1000]
19
+ },
20
+ border: {
21
+ base: _theme.default.colors.neutral[1000]
19
22
  }
20
23
  },
21
24
  secondary: {
@@ -87,7 +90,8 @@ var growth = {
87
90
  },
88
91
  opportunity: {
89
92
  background: {
90
- base: _theme.default.colors.purple[700]
93
+ base: _theme.default.colors.purple[700],
94
+ hover: _theme.default.colors.purple[300]
91
95
  },
92
96
  button: {
93
97
  primary: {
@@ -137,16 +141,33 @@ var growth = {
137
141
  hover: _theme.default.colors.purple[700]
138
142
  }
139
143
  }
144
+ },
145
+ user: {
146
+ status: {
147
+ online: _theme.default.colors.green[700]
148
+ }
140
149
  }
141
150
  };
142
151
  exports.growth = growth;
152
+ var cardControl = {
153
+ background: {
154
+ base: _theme.default.colors.neutral[0],
155
+ selected: _theme.default.colors.neutral[800],
156
+ hover: _theme.default.colors.neutral[100]
157
+ },
158
+ text: {
159
+ selected: _theme.default.colors.text.inverse
160
+ }
161
+ };
162
+ exports.cardControl = cardControl;
143
163
 
144
164
  var lightTheme = _extends({}, _theme.default, {
145
165
  colors: _extends({}, _theme.default.colors, {
146
166
  navigation: navigation,
147
167
  datePicker: datePicker,
148
168
  analytics: analytics,
149
- growth: growth
169
+ growth: growth,
170
+ cardControl: cardControl
150
171
  })
151
172
  });
152
173
 
package/commonjs/themes/light/decorative-palettes.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.yellow = exports.red = exports.purple = exports.orange = exports.neutral = exports.green = exports.blue = void 0;
4
+ exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
5
5
 
6
6
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
@@ -48,4 +48,28 @@ var neutral = {
48
48
  highlight: _seedsColor.default.COLOR_NEUTRAL_500,
49
49
  foreground: _seedsColor.default.COLOR_NEUTRAL_900
50
50
  };
51
- exports.neutral = neutral;
51
+ exports.neutral = neutral;
52
+ var magenta = {
53
+ background: _seedsColor.default.COLOR_MAGENTA_100,
54
+ highlight: _seedsColor.default.COLOR_MAGENTA_600,
55
+ foreground: _seedsColor.default.COLOR_MAGENTA_900
56
+ };
57
+ exports.magenta = magenta;
58
+ var pink = {
59
+ background: _seedsColor.default.COLOR_PINK_100,
60
+ highlight: _seedsColor.default.COLOR_PINK_600,
61
+ foreground: _seedsColor.default.COLOR_PINK_900
62
+ };
63
+ exports.pink = pink;
64
+ var aqua = {
65
+ background: _seedsColor.default.COLOR_AQUA_100,
66
+ highlight: _seedsColor.default.COLOR_AQUA_500,
67
+ foreground: _seedsColor.default.COLOR_AQUA_900
68
+ };
69
+ exports.aqua = aqua;
70
+ var teal = {
71
+ background: _seedsColor.default.COLOR_TEAL_100,
72
+ highlight: _seedsColor.default.COLOR_TEAL_500,
73
+ foreground: _seedsColor.default.COLOR_TEAL_900
74
+ };
75
+ exports.teal = teal;
package/commonjs/themes/light/theme.js CHANGED
@@ -55,7 +55,11 @@ var colors = _extends({
55
55
  yellow: _decorativePalettes.yellow.background,
56
56
  orange: _decorativePalettes.orange.background,
57
57
  red: _decorativePalettes.red.background,
58
- neutral: _decorativePalettes.neutral.background
58
+ neutral: _decorativePalettes.neutral.background,
59
+ magenta: _decorativePalettes.magenta.background,
60
+ pink: _decorativePalettes.pink.background,
61
+ aqua: _decorativePalettes.aqua.background,
62
+ teal: _decorativePalettes.teal.background
59
63
  },
60
64
  selected: _seedsColor.default.COLOR_NEUTRAL_800,
61
65
  positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
@@ -77,7 +81,11 @@ var colors = _extends({
77
81
  yellow: _decorativePalettes.yellow.highlight,
78
82
  orange: _decorativePalettes.orange.highlight,
79
83
  red: _decorativePalettes.red.highlight,
80
- neutral: _decorativePalettes.neutral.highlight
84
+ neutral: _decorativePalettes.neutral.highlight,
85
+ magenta: _decorativePalettes.magenta.highlight,
86
+ pink: _decorativePalettes.pink.highlight,
87
+ aqua: _decorativePalettes.aqua.highlight,
88
+ teal: _decorativePalettes.teal.highlight
81
89
  },
82
90
  selected: _seedsColor.default.COLOR_NEUTRAL_800
83
91
  }