@sproutsocial/racine 12.11.0 → 12.12.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 (13) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +24 -0
  3. package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +24 -0
  4. package/__flow__/themes/light/theme.js +2 -1
  5. package/__flow__/types/theme.flow.js +2 -0
  6. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +25 -1
  7. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +25 -1
  8. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +44 -0
  9. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +44 -0
  10. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +23 -0
  11. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +23 -0
  12. package/lib/types/theme.flow.js +1 -1
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Change Log
2
2
 
3
+ ## 12.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - f2c4585: Add Listening-specific colors to Sprout extended theme
8
+
9
+ ### Patch Changes
10
+
11
+ - f2c4585: The deprecation for the `TypeSpaceLiteral` import from the `themes/light/theme` file will now give a warning of the deprecation in VsCode.
12
+
3
13
  ## 12.11.0
4
14
 
5
15
  ### Minor Changes
package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -73,6 +73,29 @@ export const analytics = {
73
73
  },
74
74
  };
75
75
 
76
+ export const listening = {
77
+ topicTypes: {
78
+ customTopic: baseDarkTheme.colors.teal[400],
79
+ brandHealth: baseDarkTheme.colors.red[400],
80
+ industryInsights: baseDarkTheme.colors.green[400],
81
+ competitiveAnalysis: baseDarkTheme.colors.yellow[400],
82
+ campaignAnalysis: baseDarkTheme.colors.magenta[400],
83
+ eventMonitoring: baseDarkTheme.colors.aqua[400],
84
+ featuredTopic: baseDarkTheme.colors.green[400],
85
+ },
86
+ worldMap: {
87
+ empty: baseDarkTheme.colors.neutral[200],
88
+ q0: baseDarkTheme.colors.purple[200],
89
+ q1: baseDarkTheme.colors.purple[300],
90
+ q2: baseDarkTheme.colors.purple[400],
91
+ q3: baseDarkTheme.colors.purple[500],
92
+ q4: baseDarkTheme.colors.purple[600],
93
+ q5: baseDarkTheme.colors.purple[700],
94
+ q6: baseDarkTheme.colors.purple[800],
95
+ q7: baseDarkTheme.colors.purple[900],
96
+ },
97
+ };
98
+
76
99
  export const growth = {
77
100
  education: {
78
101
  decorative: {
@@ -160,6 +183,7 @@ const darkTheme: TypeSproutTheme = {
160
183
  navigation,
161
184
  datePicker,
162
185
  analytics,
186
+ listening,
163
187
  growth,
164
188
  cardControl,
165
189
  },
package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -73,6 +73,29 @@ export const analytics = {
73
73
  },
74
74
  };
75
75
 
76
+ export const listening = {
77
+ topicTypes: {
78
+ customTopic: baseLightTheme.colors.blue[400],
79
+ brandHealth: baseLightTheme.colors.red[400],
80
+ industryInsights: baseLightTheme.colors.green[400],
81
+ competitiveAnalysis: baseLightTheme.colors.yellow[400],
82
+ campaignAnalysis: baseLightTheme.colors.magenta[400],
83
+ eventMonitoring: baseLightTheme.colors.aqua[400],
84
+ featuredTopic: baseLightTheme.colors.green[400],
85
+ },
86
+ worldMap: {
87
+ empty: baseLightTheme.colors.neutral[200],
88
+ q0: baseLightTheme.colors.purple[200],
89
+ q1: baseLightTheme.colors.purple[300],
90
+ q2: baseLightTheme.colors.purple[400],
91
+ q3: baseLightTheme.colors.purple[500],
92
+ q4: baseLightTheme.colors.purple[600],
93
+ q5: baseLightTheme.colors.purple[700],
94
+ q6: baseLightTheme.colors.purple[800],
95
+ q7: baseLightTheme.colors.purple[900],
96
+ },
97
+ };
98
+
76
99
  export const growth = {
77
100
  education: {
78
101
  decorative: {
@@ -160,6 +183,7 @@ const lightTheme: TypeSproutTheme = {
160
183
  navigation,
161
184
  datePicker,
162
185
  analytics,
186
+ listening,
163
187
  growth,
164
188
  cardControl,
165
189
  },
package/__flow__/themes/light/theme.js CHANGED
@@ -23,6 +23,7 @@ import DEPTH from "@sproutsocial/seeds-depth";
23
23
  import MOTION from "@sproutsocial/seeds-motion";
24
24
  import BORDER from "@sproutsocial/seeds-border";
25
25
  import { transparentize } from "polished";
26
+ import type { TypeSpaceLiterals as StackTypeSpaceLiterals } from "../../Stack/TypeSpaceLiterals";
26
27
 
27
28
  export const breakpoints = ["900px", "1200px", "1500px", "1800px"];
28
29
 
@@ -307,7 +308,7 @@ export const fontWeights = {
307
308
  * @deprecated
308
309
  * Import from `Stack/TypeSpaceLiterals` instead.
309
310
  */
310
- export type { TypeSpaceLiterals } from "../../Stack/TypeSpaceLiterals";
311
+ export type TypeSpaceLiterals = StackTypeSpaceLiterals;
311
312
 
312
313
  export const space = {
313
314
  "0": SPACE.SPACE_SIZE_0,
package/__flow__/types/theme.flow.js CHANGED
@@ -17,6 +17,7 @@ import {
17
17
  datePicker,
18
18
  navigation,
19
19
  analytics,
20
+ listening,
20
21
  growth,
21
22
  cardControl,
22
23
  } from "../themes/extendedThemes/sproutTheme/light/theme";
@@ -59,6 +60,7 @@ export type TypeSproutTheme = {
59
60
  navigation: typeof navigation,
60
61
  datePicker: typeof datePicker,
61
62
  analytics: typeof analytics,
63
+ listening: typeof listening,
62
64
  growth: typeof growth,
63
65
  cardControl: typeof cardControl,
64
66
  |},
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.cardControl = exports.analytics = void 0;
4
+ exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
5
5
 
6
6
  var _polished = require("polished");
7
7
 
@@ -81,6 +81,29 @@ var analytics = {
81
81
  }
82
82
  };
83
83
  exports.analytics = analytics;
84
+ var listening = {
85
+ topicTypes: {
86
+ customTopic: _theme.default.colors.teal[400],
87
+ brandHealth: _theme.default.colors.red[400],
88
+ industryInsights: _theme.default.colors.green[400],
89
+ competitiveAnalysis: _theme.default.colors.yellow[400],
90
+ campaignAnalysis: _theme.default.colors.magenta[400],
91
+ eventMonitoring: _theme.default.colors.aqua[400],
92
+ featuredTopic: _theme.default.colors.green[400]
93
+ },
94
+ worldMap: {
95
+ empty: _theme.default.colors.neutral[200],
96
+ q0: _theme.default.colors.purple[200],
97
+ q1: _theme.default.colors.purple[300],
98
+ q2: _theme.default.colors.purple[400],
99
+ q3: _theme.default.colors.purple[500],
100
+ q4: _theme.default.colors.purple[600],
101
+ q5: _theme.default.colors.purple[700],
102
+ q6: _theme.default.colors.purple[800],
103
+ q7: _theme.default.colors.purple[900]
104
+ }
105
+ };
106
+ exports.listening = listening;
84
107
  var growth = {
85
108
  education: {
86
109
  decorative: {
@@ -167,6 +190,7 @@ var darkTheme = _extends({}, _theme.default, {
167
190
  navigation: navigation,
168
191
  datePicker: datePicker,
169
192
  analytics: analytics,
193
+ listening: listening,
170
194
  growth: growth,
171
195
  cardControl: cardControl
172
196
  })
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.cardControl = exports.analytics = void 0;
4
+ exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
5
5
 
6
6
  var _polished = require("polished");
7
7
 
@@ -81,6 +81,29 @@ var analytics = {
81
81
  }
82
82
  };
83
83
  exports.analytics = analytics;
84
+ var listening = {
85
+ topicTypes: {
86
+ customTopic: _theme.default.colors.blue[400],
87
+ brandHealth: _theme.default.colors.red[400],
88
+ industryInsights: _theme.default.colors.green[400],
89
+ competitiveAnalysis: _theme.default.colors.yellow[400],
90
+ campaignAnalysis: _theme.default.colors.magenta[400],
91
+ eventMonitoring: _theme.default.colors.aqua[400],
92
+ featuredTopic: _theme.default.colors.green[400]
93
+ },
94
+ worldMap: {
95
+ empty: _theme.default.colors.neutral[200],
96
+ q0: _theme.default.colors.purple[200],
97
+ q1: _theme.default.colors.purple[300],
98
+ q2: _theme.default.colors.purple[400],
99
+ q3: _theme.default.colors.purple[500],
100
+ q4: _theme.default.colors.purple[600],
101
+ q5: _theme.default.colors.purple[700],
102
+ q6: _theme.default.colors.purple[800],
103
+ q7: _theme.default.colors.purple[900]
104
+ }
105
+ };
106
+ exports.listening = listening;
84
107
  var growth = {
85
108
  education: {
86
109
  decorative: {
@@ -167,6 +190,7 @@ var lightTheme = _extends({}, _theme.default, {
167
190
  navigation: navigation,
168
191
  datePicker: datePicker,
169
192
  analytics: analytics,
193
+ listening: listening,
170
194
  growth: growth,
171
195
  cardControl: cardControl
172
196
  })
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -539,6 +539,28 @@ $theme: (
539
539
  )
540
540
  )
541
541
  ),
542
+ "listening": (
543
+ "topicTypes": (
544
+ "customTopic": #24e0c5,
545
+ "brandHealth": #ff7f6e,
546
+ "industryInsights": #75dd66,
547
+ "competitiveAnalysis": #ffd943,
548
+ "campaignAnalysis": #f282f5,
549
+ "eventMonitoring": #33d6e2,
550
+ "featuredTopic": #75dd66
551
+ ),
552
+ "worldMap": (
553
+ "empty": #dee1e1,
554
+ "q0": #d8d7f9,
555
+ "q1": #c1c1f7,
556
+ "q2": #a193f2,
557
+ "q3": #9180f4,
558
+ "q4": #816fea,
559
+ "q5": #6f5ed3,
560
+ "q6": #5e4eba,
561
+ "q7": #483a9c
562
+ )
563
+ ),
542
564
  "growth": (
543
565
  "education": (
544
566
  "decorative": (
@@ -865,6 +887,28 @@ $theme: (
865
887
  )
866
888
  )
867
889
  ),
890
+ "listening": (
891
+ "topicTypes": (
892
+ "customTopic": #24e0c5,
893
+ "brandHealth": #ff7f6e,
894
+ "industryInsights": #75dd66,
895
+ "competitiveAnalysis": #ffd943,
896
+ "campaignAnalysis": #f282f5,
897
+ "eventMonitoring": #33d6e2,
898
+ "featuredTopic": #75dd66
899
+ ),
900
+ "worldMap": (
901
+ "empty": #dee1e1,
902
+ "q0": #d8d7f9,
903
+ "q1": #c1c1f7,
904
+ "q2": #a193f2,
905
+ "q3": #9180f4,
906
+ "q4": #816fea,
907
+ "q5": #6f5ed3,
908
+ "q6": #5e4eba,
909
+ "q7": #483a9c
910
+ )
911
+ ),
868
912
  "navigation": (
869
913
  "main": (
870
914
  "background": (
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -539,6 +539,28 @@ $theme: (
539
539
  )
540
540
  )
541
541
  ),
542
+ "listening": (
543
+ "topicTypes": (
544
+ "customTopic": #56adf5,
545
+ "brandHealth": #ff7f6e,
546
+ "industryInsights": #75dd66,
547
+ "competitiveAnalysis": #ffd943,
548
+ "campaignAnalysis": #f282f5,
549
+ "eventMonitoring": #33d6e2,
550
+ "featuredTopic": #75dd66
551
+ ),
552
+ "worldMap": (
553
+ "empty": #dee1e1,
554
+ "q0": #d8d7f9,
555
+ "q1": #c1c1f7,
556
+ "q2": #a193f2,
557
+ "q3": #9180f4,
558
+ "q4": #816fea,
559
+ "q5": #6f5ed3,
560
+ "q6": #5e4eba,
561
+ "q7": #483a9c
562
+ )
563
+ ),
542
564
  "growth": (
543
565
  "education": (
544
566
  "decorative": (
@@ -865,6 +887,28 @@ $theme: (
865
887
  )
866
888
  )
867
889
  ),
890
+ "listening": (
891
+ "topicTypes": (
892
+ "customTopic": #56adf5,
893
+ "brandHealth": #ff7f6e,
894
+ "industryInsights": #75dd66,
895
+ "competitiveAnalysis": #ffd943,
896
+ "campaignAnalysis": #f282f5,
897
+ "eventMonitoring": #33d6e2,
898
+ "featuredTopic": #75dd66
899
+ ),
900
+ "worldMap": (
901
+ "empty": #dee1e1,
902
+ "q0": #d8d7f9,
903
+ "q1": #c1c1f7,
904
+ "q2": #a193f2,
905
+ "q3": #9180f4,
906
+ "q4": #816fea,
907
+ "q5": #6f5ed3,
908
+ "q6": #5e4eba,
909
+ "q7": #483a9c
910
+ )
911
+ ),
868
912
  "navigation": (
869
913
  "main": (
870
914
  "background": (
package/lib/themes/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -69,6 +69,28 @@ export var analytics = {
69
69
  }
70
70
  }
71
71
  };
72
+ export var listening = {
73
+ topicTypes: {
74
+ customTopic: baseDarkTheme.colors.teal[400],
75
+ brandHealth: baseDarkTheme.colors.red[400],
76
+ industryInsights: baseDarkTheme.colors.green[400],
77
+ competitiveAnalysis: baseDarkTheme.colors.yellow[400],
78
+ campaignAnalysis: baseDarkTheme.colors.magenta[400],
79
+ eventMonitoring: baseDarkTheme.colors.aqua[400],
80
+ featuredTopic: baseDarkTheme.colors.green[400]
81
+ },
82
+ worldMap: {
83
+ empty: baseDarkTheme.colors.neutral[200],
84
+ q0: baseDarkTheme.colors.purple[200],
85
+ q1: baseDarkTheme.colors.purple[300],
86
+ q2: baseDarkTheme.colors.purple[400],
87
+ q3: baseDarkTheme.colors.purple[500],
88
+ q4: baseDarkTheme.colors.purple[600],
89
+ q5: baseDarkTheme.colors.purple[700],
90
+ q6: baseDarkTheme.colors.purple[800],
91
+ q7: baseDarkTheme.colors.purple[900]
92
+ }
93
+ };
72
94
  export var growth = {
73
95
  education: {
74
96
  decorative: {
@@ -153,6 +175,7 @@ var darkTheme = _extends({}, baseDarkTheme, {
153
175
  navigation: navigation,
154
176
  datePicker: datePicker,
155
177
  analytics: analytics,
178
+ listening: listening,
156
179
  growth: growth,
157
180
  cardControl: cardControl
158
181
  })
package/lib/themes/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -69,6 +69,28 @@ export var analytics = {
69
69
  }
70
70
  }
71
71
  };
72
+ export var listening = {
73
+ topicTypes: {
74
+ customTopic: baseLightTheme.colors.blue[400],
75
+ brandHealth: baseLightTheme.colors.red[400],
76
+ industryInsights: baseLightTheme.colors.green[400],
77
+ competitiveAnalysis: baseLightTheme.colors.yellow[400],
78
+ campaignAnalysis: baseLightTheme.colors.magenta[400],
79
+ eventMonitoring: baseLightTheme.colors.aqua[400],
80
+ featuredTopic: baseLightTheme.colors.green[400]
81
+ },
82
+ worldMap: {
83
+ empty: baseLightTheme.colors.neutral[200],
84
+ q0: baseLightTheme.colors.purple[200],
85
+ q1: baseLightTheme.colors.purple[300],
86
+ q2: baseLightTheme.colors.purple[400],
87
+ q3: baseLightTheme.colors.purple[500],
88
+ q4: baseLightTheme.colors.purple[600],
89
+ q5: baseLightTheme.colors.purple[700],
90
+ q6: baseLightTheme.colors.purple[800],
91
+ q7: baseLightTheme.colors.purple[900]
92
+ }
93
+ };
72
94
  export var growth = {
73
95
  education: {
74
96
  decorative: {
@@ -153,6 +175,7 @@ var lightTheme = _extends({}, baseLightTheme, {
153
175
  navigation: navigation,
154
176
  datePicker: datePicker,
155
177
  analytics: analytics,
178
+ listening: listening,
156
179
  growth: growth,
157
180
  cardControl: cardControl
158
181
  })
package/lib/types/theme.flow.js CHANGED
@@ -1,2 +1,2 @@
1
1
  import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../themes/light/theme";
2
- import { datePicker, navigation, analytics, growth, cardControl } from "../themes/extendedThemes/sproutTheme/light/theme";
2
+ import { datePicker, navigation, analytics, listening, growth, cardControl } from "../themes/extendedThemes/sproutTheme/light/theme";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "12.11.0",
3
+ "version": "12.12.0",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",