@sproutsocial/racine 21.0.2 → 22.0.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 (212) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/__flow__/TableCell/TableCell.flow.js +2 -0
  3. package/__flow__/types/theme.colors.flow.js +6 -0
  4. package/commonjs/Badge/styles.js +2 -2
  5. package/commonjs/Banner/styles.js +2 -2
  6. package/commonjs/Box/styles.js +2 -2
  7. package/commonjs/Button/styles.js +6 -6
  8. package/commonjs/Card/styles.js +4 -4
  9. package/commonjs/Card/utils.js +2 -2
  10. package/commonjs/CharacterCounter/styles.js +2 -2
  11. package/commonjs/ChartLegend/styles.js +3 -3
  12. package/commonjs/Checkbox/styles.js +7 -6
  13. package/commonjs/Collapsible/Collapsible.js +3 -1
  14. package/commonjs/DatePicker/styles.js +2 -2
  15. package/commonjs/Drawer/styles.js +2 -2
  16. package/commonjs/FormField/FormField.js +3 -3
  17. package/commonjs/Icon/styles.js +2 -2
  18. package/commonjs/Image/styles.js +2 -2
  19. package/commonjs/Indicator/styles.js +3 -3
  20. package/commonjs/Input/Input.js +2 -2
  21. package/commonjs/Input/styles.js +4 -4
  22. package/commonjs/KeyboardKey/styles.js +2 -2
  23. package/commonjs/Link/styles.js +5 -5
  24. package/commonjs/Loader/styles.js +4 -4
  25. package/commonjs/Menu/Menu.js +4 -4
  26. package/commonjs/Menu/styles.js +3 -3
  27. package/commonjs/Message/styles.js +3 -3
  28. package/commonjs/Modal/styles.js +2 -2
  29. package/commonjs/PartnerLogo/styles.js +2 -2
  30. package/commonjs/Popout/Popout.js +2 -2
  31. package/commonjs/Popout/styles.js +2 -2
  32. package/commonjs/Portal/Portal.js +4 -4
  33. package/commonjs/Radio/styles.js +5 -5
  34. package/commonjs/SegmentedControl/styles.js +4 -4
  35. package/commonjs/Select/styles.js +4 -4
  36. package/commonjs/Switch/styles.js +2 -2
  37. package/commonjs/Table/styles.js +2 -2
  38. package/commonjs/TableCell/TableCell.js +5 -1
  39. package/commonjs/TableCell/styles.js +2 -2
  40. package/commonjs/TableHeaderCell/styles.js +2 -2
  41. package/commonjs/TableRowAccordion/styles.js +2 -2
  42. package/commonjs/Tabs/styles.js +2 -2
  43. package/commonjs/Text/styles.js +2 -2
  44. package/commonjs/Textarea/styles.js +4 -4
  45. package/commonjs/ThemeProvider/index.js +2 -3
  46. package/commonjs/ToggleHint/styles.js +4 -4
  47. package/commonjs/Token/Token.js +2 -2
  48. package/commonjs/Token/styles.js +4 -4
  49. package/commonjs/TokenInput/styles.js +4 -4
  50. package/commonjs/VisuallyHidden/VisuallyHidden.js +2 -2
  51. package/commonjs/index.js +37 -68
  52. package/commonjs/themes/light/theme.js +7 -1
  53. package/commonjs/types/index.js +4 -15
  54. package/commonjs/utils/hooks.js +2 -2
  55. package/commonjs/utils/mixins.js +3 -4
  56. package/commonjs/utils/react-testing-library.js +2 -2
  57. package/commonjs/utils/responsiveProps/index.js +2 -3
  58. package/dist/types/Badge/BadgeTypes.d.ts +1 -1
  59. package/dist/types/Badge/BadgeTypes.d.ts.map +1 -1
  60. package/dist/types/Banner/BannerTypes.d.ts +1 -1
  61. package/dist/types/Banner/BannerTypes.d.ts.map +1 -1
  62. package/dist/types/Box/BoxTypes.d.ts +1 -1
  63. package/dist/types/Box/BoxTypes.d.ts.map +1 -1
  64. package/dist/types/Breadcrumb/BreadcrumbTypes.d.ts +1 -1
  65. package/dist/types/Breadcrumb/BreadcrumbTypes.d.ts.map +1 -1
  66. package/dist/types/Button/ButtonTypes.d.ts +1 -1
  67. package/dist/types/Button/ButtonTypes.d.ts.map +1 -1
  68. package/dist/types/CharacterCounter/CharacterCounterTypes.d.ts +1 -1
  69. package/dist/types/CharacterCounter/CharacterCounterTypes.d.ts.map +1 -1
  70. package/dist/types/ChartLegend/ChartLegendTypes.d.ts +1 -1
  71. package/dist/types/ChartLegend/ChartLegendTypes.d.ts.map +1 -1
  72. package/dist/types/ChartLegend/styles.d.ts +1 -1
  73. package/dist/types/ChartLegend/styles.d.ts.map +1 -1
  74. package/dist/types/Checkbox/CheckboxTypes.d.ts +1 -1
  75. package/dist/types/Checkbox/CheckboxTypes.d.ts.map +1 -1
  76. package/dist/types/Checkbox/styles.d.ts.map +1 -1
  77. package/dist/types/Collapsible/Collapsible.d.ts.map +1 -1
  78. package/dist/types/Drawer/DrawerTypes.d.ts +1 -1
  79. package/dist/types/Drawer/DrawerTypes.d.ts.map +1 -1
  80. package/dist/types/Drawer/styles.d.ts +1 -1
  81. package/dist/types/Drawer/styles.d.ts.map +1 -1
  82. package/dist/types/Icon/IconTypes.d.ts +1 -1
  83. package/dist/types/Icon/IconTypes.d.ts.map +1 -1
  84. package/dist/types/Image/ImageTypes.d.ts +1 -1
  85. package/dist/types/Image/ImageTypes.d.ts.map +1 -1
  86. package/dist/types/Indicator/IndicatorTypes.d.ts +1 -1
  87. package/dist/types/Indicator/IndicatorTypes.d.ts.map +1 -1
  88. package/dist/types/Input/InputTypes.d.ts +1 -1
  89. package/dist/types/Input/InputTypes.d.ts.map +1 -1
  90. package/dist/types/KeyboardKey/KeyboardKeyTypes.d.ts +1 -1
  91. package/dist/types/KeyboardKey/KeyboardKeyTypes.d.ts.map +1 -1
  92. package/dist/types/Link/LinkTypes.d.ts +1 -1
  93. package/dist/types/Link/LinkTypes.d.ts.map +1 -1
  94. package/dist/types/Listbox/Listbox.d.ts +1 -1
  95. package/dist/types/Loader/LoaderTypes.d.ts +1 -1
  96. package/dist/types/Loader/LoaderTypes.d.ts.map +1 -1
  97. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +1 -1
  98. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
  99. package/dist/types/Popout/PopoutTypes.d.ts +1 -1
  100. package/dist/types/Popout/PopoutTypes.d.ts.map +1 -1
  101. package/dist/types/Radio/RadioTypes.d.ts +1 -1
  102. package/dist/types/Radio/RadioTypes.d.ts.map +1 -1
  103. package/dist/types/Select/SelectTypes.d.ts +2 -2
  104. package/dist/types/Select/SelectTypes.d.ts.map +1 -1
  105. package/dist/types/Stack/StackTypes.d.ts +1 -1
  106. package/dist/types/Stack/StackTypes.d.ts.map +1 -1
  107. package/dist/types/Table/TableTypes.d.ts +1 -1
  108. package/dist/types/Table/TableTypes.d.ts.map +1 -1
  109. package/dist/types/TableCell/TableCell.d.ts.map +1 -1
  110. package/dist/types/TableCell/TableCellTypes.d.ts +3 -1
  111. package/dist/types/TableCell/TableCellTypes.d.ts.map +1 -1
  112. package/dist/types/TableRowAccordion/TableRowAccordionTypes.d.ts +1 -1
  113. package/dist/types/TableRowAccordion/TableRowAccordionTypes.d.ts.map +1 -1
  114. package/dist/types/Tabs/TabsTypes.d.ts +1 -1
  115. package/dist/types/Tabs/TabsTypes.d.ts.map +1 -1
  116. package/dist/types/Text/TextTypes.d.ts +1 -1
  117. package/dist/types/Text/TextTypes.d.ts.map +1 -1
  118. package/dist/types/Textarea/TextareaTypes.d.ts +1 -1
  119. package/dist/types/Textarea/TextareaTypes.d.ts.map +1 -1
  120. package/dist/types/ThemeProvider/index.d.ts +1 -1
  121. package/dist/types/ThemeProvider/index.d.ts.map +1 -1
  122. package/dist/types/Toast/ToastTypes.d.ts +1 -1
  123. package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
  124. package/dist/types/Toast/styles.d.ts +1 -1
  125. package/dist/types/Toast/styles.d.ts.map +1 -1
  126. package/dist/types/ToggleHint/ToggleHintTypes.d.ts +1 -1
  127. package/dist/types/ToggleHint/ToggleHintTypes.d.ts.map +1 -1
  128. package/dist/types/Token/TokenTypes.d.ts +1 -1
  129. package/dist/types/Token/TokenTypes.d.ts.map +1 -1
  130. package/dist/types/TokenInput/TokenInputTypes.d.ts +1 -1
  131. package/dist/types/TokenInput/TokenInputTypes.d.ts.map +1 -1
  132. package/dist/types/index.d.ts +5 -10
  133. package/dist/types/index.d.ts.map +1 -1
  134. package/dist/types/systemProps/index.d.ts +1 -1
  135. package/dist/types/systemProps/index.d.ts.map +1 -1
  136. package/dist/types/themes/dark/theme.d.ts +6 -0
  137. package/dist/types/themes/dark/theme.d.ts.map +1 -1
  138. package/dist/types/themes/light/theme.d.ts +6 -0
  139. package/dist/types/themes/light/theme.d.ts.map +1 -1
  140. package/dist/types/types/index.d.ts +1 -2
  141. package/dist/types/types/index.d.ts.map +1 -1
  142. package/dist/types/types/styled-components.d.ts +1 -1
  143. package/dist/types/types/styled-components.d.ts.map +1 -1
  144. package/dist/types/types/system-props.d.ts +28 -1
  145. package/dist/types/types/system-props.d.ts.map +1 -1
  146. package/dist/types/types/theme.colors.d.ts +6 -0
  147. package/dist/types/types/theme.colors.d.ts.map +1 -1
  148. package/dist/types/utils/responsiveProps/index.d.ts +1 -1
  149. package/dist/types/utils/responsiveProps/index.d.ts.map +1 -1
  150. package/lib/Badge/styles.js +1 -1
  151. package/lib/Banner/styles.js +1 -1
  152. package/lib/Box/styles.js +1 -1
  153. package/lib/Button/styles.js +2 -2
  154. package/lib/Card/styles.js +1 -1
  155. package/lib/Card/utils.js +1 -1
  156. package/lib/CharacterCounter/styles.js +1 -1
  157. package/lib/ChartLegend/styles.js +1 -1
  158. package/lib/Checkbox/styles.js +3 -2
  159. package/lib/Collapsible/Collapsible.js +3 -1
  160. package/lib/DatePicker/styles.js +1 -1
  161. package/lib/Drawer/styles.js +1 -1
  162. package/lib/FormField/FormField.js +1 -1
  163. package/lib/Icon/styles.js +1 -1
  164. package/lib/Image/styles.js +1 -1
  165. package/lib/Indicator/styles.js +2 -2
  166. package/lib/Input/Input.js +1 -1
  167. package/lib/Input/styles.js +2 -2
  168. package/lib/KeyboardKey/styles.js +1 -1
  169. package/lib/Link/styles.js +2 -2
  170. package/lib/Loader/styles.js +2 -2
  171. package/lib/Menu/Menu.js +2 -2
  172. package/lib/Menu/styles.js +1 -1
  173. package/lib/Message/styles.js +1 -1
  174. package/lib/Modal/styles.js +1 -1
  175. package/lib/PartnerLogo/styles.js +1 -1
  176. package/lib/Popout/Popout.js +1 -1
  177. package/lib/Popout/styles.js +1 -1
  178. package/lib/Portal/Portal.js +1 -1
  179. package/lib/Radio/styles.js +2 -2
  180. package/lib/SegmentedControl/styles.js +1 -1
  181. package/lib/Select/styles.js +2 -2
  182. package/lib/Switch/styles.js +1 -1
  183. package/lib/Table/styles.js +1 -1
  184. package/lib/TableCell/TableCell.js +5 -1
  185. package/lib/TableCell/styles.js +1 -1
  186. package/lib/TableHeaderCell/styles.js +1 -1
  187. package/lib/TableRowAccordion/styles.js +1 -1
  188. package/lib/Tabs/styles.js +1 -1
  189. package/lib/Text/styles.js +1 -1
  190. package/lib/Textarea/styles.js +2 -2
  191. package/lib/ThemeProvider/index.js +1 -1
  192. package/lib/ToggleHint/styles.js +2 -2
  193. package/lib/Token/Token.js +1 -1
  194. package/lib/Token/styles.js +2 -2
  195. package/lib/TokenInput/styles.js +2 -2
  196. package/lib/VisuallyHidden/VisuallyHidden.js +1 -1
  197. package/lib/index.js +5 -9
  198. package/lib/themes/light/theme.js +7 -1
  199. package/lib/types/index.js +1 -2
  200. package/lib/utils/hooks.js +1 -1
  201. package/lib/utils/mixins.js +1 -1
  202. package/lib/utils/react-testing-library.js +1 -1
  203. package/lib/utils/responsiveProps/index.js +1 -1
  204. package/package.json +16 -1
  205. package/dist/themes/dark/_themed.scss +0 -119
  206. package/dist/themes/dark/theme.scss +0 -678
  207. package/dist/themes/extendedThemes/sproutTheme/dark/_themed.scss +0 -119
  208. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +0 -1091
  209. package/dist/themes/extendedThemes/sproutTheme/light/_themed.scss +0 -119
  210. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +0 -1091
  211. package/dist/themes/light/_themed.scss +0 -119
  212. package/dist/themes/light/theme.scss +0 -800
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss DELETED
@@ -1,1091 +0,0 @@
1
- $theme: (
2
- "analytics": (
3
- "trend": (
4
- "positive": #067c7c,
5
- "neutral": #364141,
6
- "negative": #364141
7
- ),
8
- "overlay": (
9
- "background": (
10
- "base": rgba(255,255,255,0.8)
11
- )
12
- )
13
- ),
14
- "cardControl": (
15
- "background": (
16
- "base": #FFFFFF,
17
- "selected": #364141,
18
- "hover": #f3f4f4
19
- ),
20
- "text": (
21
- "selected": #FFFFFF
22
- )
23
- ),
24
- "datePicker": (
25
- "comparison": (
26
- "background": (
27
- "base": #b0b6b7
28
- ),
29
- "text": (
30
- "base": #364141
31
- )
32
- )
33
- ),
34
- "default": (
35
- "breakpoints": (900px, 1200px, 1500px, 1800px),
36
- "colors": (
37
- "app": (
38
- "background": (
39
- "base": #f3f4f4
40
- )
41
- ),
42
- "container": (
43
- "background": (
44
- "base": #FFFFFF,
45
- "success": #d7f4d7,
46
- "warning": #fdefcd,
47
- "error": #ffd5d2,
48
- "info": #deebfe,
49
- "opportunity": #eaeaf9,
50
- "danger": #ffd5d2,
51
- "decorative": (
52
- "green": #d7f4d7,
53
- "blue": #deebfe,
54
- "purple": #eaeaf9,
55
- "yellow": #fdefcd,
56
- "orange": #fcdccc,
57
- "red": #ffd5d2,
58
- "neutral": #f3f4f4,
59
- "magenta": #f9e3fc,
60
- "pink": #fcdbeb,
61
- "aqua": #c5f9f9,
62
- "teal": #cdf7ef
63
- ),
64
- "selected": #364141,
65
- "positive_sentiment": #3876e3,
66
- "negative_sentiment": #f76054,
67
- "neutral_sentiment": #c8cccc
68
- ),
69
- "border": (
70
- "base": #dee1e1,
71
- "success": #59cb59,
72
- "warning": #ffbc00,
73
- "error": #ed4c42,
74
- "danger": #ed4c42,
75
- "info": #2b68d3,
76
- "opportunity": #9180f4,
77
- "decorative": (
78
- "green": #59cb59,
79
- "blue": #2b68d3,
80
- "purple": #9180f4,
81
- "yellow": #ffbc00,
82
- "orange": #f57d33,
83
- "red": #ed4c42,
84
- "neutral": #6e797a,
85
- "magenta": #c44eb9,
86
- "pink": #e0447c,
87
- "aqua": #17b8ce,
88
- "teal": #08c4b2
89
- ),
90
- "selected": #364141
91
- )
92
- ),
93
- "button": (
94
- "primary": (
95
- "background": (
96
- "base": #205bc3,
97
- "hover": #1150aa,
98
- "active": #0c3f89
99
- ),
100
- "border": (
101
- "base": transparent
102
- ),
103
- "text": (
104
- "base": #FFFFFF,
105
- "hover": #FFFFFF
106
- )
107
- ),
108
- "secondary": (
109
- "background": (
110
- "base": transparent,
111
- "hover": #364141,
112
- "active": #273333
113
- ),
114
- "border": (
115
- "base": #364141
116
- ),
117
- "text": (
118
- "base": #364141,
119
- "hover": #FFFFFF
120
- )
121
- ),
122
- "pill": (
123
- "background": (
124
- "base": transparent,
125
- "hover": #f3f4f4,
126
- "active": #dee1e1
127
- ),
128
- "border": (
129
- "base": transparent,
130
- "hover": #364141
131
- ),
132
- "text": (
133
- "base": #364141,
134
- "hover": #273333
135
- )
136
- ),
137
- "destructive": (
138
- "background": (
139
- "base": #c63434,
140
- "hover": #992222,
141
- "active": #6d1313
142
- ),
143
- "border": (
144
- "base": transparent
145
- ),
146
- "text": (
147
- "base": #FFFFFF,
148
- "hover": #FFFFFF
149
- )
150
- ),
151
- "placeholder": (
152
- "background": (
153
- "base": transparent,
154
- "hover": #FFFFFF,
155
- "active": #FFFFFF
156
- ),
157
- "border": (
158
- "base": #929a9b
159
- ),
160
- "text": (
161
- "base": #205bc3,
162
- "hover": #1150aa
163
- )
164
- ),
165
- "unstyled": (
166
- "background": (
167
- "base": transparent
168
- ),
169
- "border": (
170
- "base": transparent
171
- ),
172
- "text": (
173
- "base": #515e5f,
174
- "hover": #273333
175
- )
176
- )
177
- ),
178
- "link": (
179
- "base": #1150aa,
180
- "hover": #0c3f89
181
- ),
182
- "text": (
183
- "headline": #273333,
184
- "subtext": #515e5f,
185
- "body": #364141,
186
- "inverse": #FFFFFF,
187
- "error": #992222,
188
- "background": (
189
- "highlight": #ffe99a,
190
- "selection": #a1c2f8
191
- ),
192
- "decorative": (
193
- "green": #006b40,
194
- "blue": #0c3f89,
195
- "purple": #5e4eba,
196
- "yellow": #944c0c,
197
- "orange": #962c0b,
198
- "red": #992222,
199
- "neutral": #273333,
200
- "magenta": #6c2277,
201
- "pink": #931847,
202
- "aqua": #035e73,
203
- "teal": #026661
204
- )
205
- ),
206
- "icon": (
207
- "base": #364141,
208
- "inverse": #FFFFFF,
209
- "success": #006b40,
210
- "warning": #944c0c,
211
- "error": #992222,
212
- "danger": #992222,
213
- "info": #0c3f89,
214
- "opportunity": #5e4eba,
215
- "applied": #205bc3,
216
- "positive_sentiment": #2b68d3,
217
- "negative_sentiment": #ed4c42,
218
- "neutral_sentiment": #929a9b
219
- ),
220
- "form": (
221
- "background": (
222
- "base": #FFFFFF,
223
- "selected": #364141
224
- ),
225
- "border": (
226
- "base": #6e797a,
227
- "error": #ed4c42,
228
- "warning": #ffbc00,
229
- "selected": #364141
230
- ),
231
- "placeholder": (
232
- "base": #515e5f
233
- )
234
- ),
235
- "listItem": (
236
- "background": (
237
- "base": transparent,
238
- "hover": #f3f4f4,
239
- "selected": #364141
240
- )
241
- ),
242
- "overlay": (
243
- "background": (
244
- "base": rgba(22,32,32,0.56)
245
- ),
246
- "text": (
247
- "base": #FFFFFF
248
- ),
249
- "icon": (
250
- "base": #FFFFFF
251
- )
252
- ),
253
- "elevation": (
254
- "base": #2733333D
255
- ),
256
- "illustration": (
257
- "fill": #679eff,
258
- "stroke": #273333
259
- ),
260
- "network": (
261
- "twitter": #1da1f2,
262
- "twitter_like": #e0245e,
263
- "facebook": #217bee,
264
- "facebook_audience_network": #58409B,
265
- "linkedin": #0A66C2,
266
- "instagram": #e4405f,
267
- "feedly": #2bb24c,
268
- "analytics": #ef6c00,
269
- "youtube": #ff0000,
270
- "messenger": #0084ff,
271
- "snapchat": #fffc00,
272
- "pinterest": #E60023,
273
- "tumblr": #35465c,
274
- "reddit": #ff4500,
275
- "tripadvisor": #00B087,
276
- "glassdoor": #0CAA41,
277
- "google_my_business": #4285F4,
278
- "google_business_messages": #1A73EA,
279
- "google_play_store": #01875F,
280
- "apple_app_store": #17C8F5,
281
- "salesforce": #1589EE,
282
- "zendesk": #03363D,
283
- "hubspot": #FF7A59,
284
- "microsoft_dynamics": #002050,
285
- "yelp": #FF1A1A,
286
- "whatsapp": #25D366,
287
- "tiktok": #000000,
288
- "threads": #000000,
289
- "trustpilot": #04DA8D
290
- ),
291
- "dataviz": (
292
- "map": (
293
- "1": #08c4b2,
294
- "2": #6f5ed3,
295
- "3": #ce3665,
296
- "4": #ffcd1c,
297
- "5": #3876e3,
298
- "6": #db61db,
299
- "7": #59cb59,
300
- "8": #fc8943,
301
- "9": #db3e3e,
302
- "10": #026661,
303
- "11": #a193f2,
304
- "12": #931847,
305
- "13": #944c0c,
306
- "14": #0c3f89,
307
- "15": #6c2277,
308
- "16": #006b40,
309
- "17": #962c0b,
310
- "18": #ff7f6e,
311
- "19": #0ca750,
312
- "20": #ba7506
313
- ),
314
- "list": (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3876e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c3f89, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506)
315
- ),
316
- "neutral": (
317
- "0": #FFFFFF,
318
- "100": #f3f4f4,
319
- "200": #dee1e1,
320
- "300": #c8cccc,
321
- "400": #b0b6b7,
322
- "500": #929a9b,
323
- "600": #6e797a,
324
- "700": #515e5f,
325
- "800": #364141,
326
- "900": #273333,
327
- "1000": #162020,
328
- "1100": #040404
329
- ),
330
- "green": (
331
- "0": #ebf9eb,
332
- "100": #d7f4d7,
333
- "200": #c2f2bd,
334
- "300": #98e58e,
335
- "400": #75dd66,
336
- "500": #59cb59,
337
- "600": #2bb656,
338
- "700": #0ca750,
339
- "800": #008b46,
340
- "900": #006b40,
341
- "1000": #08422f,
342
- "1100": #002b20
343
- ),
344
- "red": (
345
- "0": #ffeae9,
346
- "100": #ffd5d2,
347
- "200": #ffb8b1,
348
- "300": #ff9c8f,
349
- "400": #ff7f6e,
350
- "500": #f76054,
351
- "600": #ed4c42,
352
- "700": #db3e3e,
353
- "800": #c63434,
354
- "900": #992222,
355
- "1000": #6d1313,
356
- "1100": #2b1111
357
- ),
358
- "blue": (
359
- "0": #e9f4ff,
360
- "100": #deebfe,
361
- "200": #c7dbf9,
362
- "300": #a1c2f8,
363
- "400": #679eff,
364
- "500": #3876e3,
365
- "600": #2b68d3,
366
- "700": #205bc3,
367
- "800": #1150aa,
368
- "900": #0c3f89,
369
- "1000": #0a2960,
370
- "1100": #001738
371
- ),
372
- "teal": (
373
- "0": #e5f9f5,
374
- "50": #CCF1EA,
375
- "100": #cdf7ef,
376
- "200": #b3f2e6,
377
- "300": #7dead5,
378
- "400": #24e0c5,
379
- "500": #08c4b2,
380
- "600": #00a99c,
381
- "700": #0b968f,
382
- "800": #067c7c,
383
- "900": #026661,
384
- "1000": #083f3f,
385
- "1100": #002528
386
- ),
387
- "aqua": (
388
- "0": #d9fcfb,
389
- "100": #c5f9f9,
390
- "200": #a5f2f2,
391
- "300": #76e5e2,
392
- "400": #33d6e2,
393
- "500": #17b8ce,
394
- "600": #0797ae,
395
- "700": #0b8599,
396
- "800": #0f6e84,
397
- "900": #035e73,
398
- "1000": #083d4f,
399
- "1100": #002838
400
- ),
401
- "purple": (
402
- "0": #f2f2f9,
403
- "100": #eaeaf9,
404
- "200": #d8d7f9,
405
- "300": #c1c1f7,
406
- "400": #a193f2,
407
- "500": #9180f4,
408
- "600": #816fea,
409
- "700": #6f5ed3,
410
- "800": #5e4eba,
411
- "900": #483a9c,
412
- "1000": #2d246b,
413
- "1100": #1d1d38
414
- ),
415
- "magenta": (
416
- "0": #fef0ff,
417
- "100": #f9e3fc,
418
- "200": #f4c4f7,
419
- "300": #edadf2,
420
- "350": #EC9AF1,
421
- "400": #f282f5,
422
- "500": #db61db,
423
- "600": #c44eb9,
424
- "700": #ac44a8,
425
- "800": #8f3896,
426
- "900": #6c2277,
427
- "1000": #451551,
428
- "1100": #29192d
429
- ),
430
- "yellow": (
431
- "0": #fff8e2,
432
- "100": #fdefcd,
433
- "200": #ffe99a,
434
- "300": #ffe16e,
435
- "400": #ffd943,
436
- "500": #ffcd1c,
437
- "600": #ffbc00,
438
- "700": #dd9903,
439
- "800": #ba7506,
440
- "900": #944c0c,
441
- "1000": #542a00,
442
- "1100": #2d1a05
443
- ),
444
- "pink": (
445
- "0": #ffe9f3,
446
- "100": #fcdbeb,
447
- "200": #ffb5d5,
448
- "300": #ff95c1,
449
- "400": #ff76ae,
450
- "500": #ef588b,
451
- "600": #e0447c,
452
- "700": #ce3665,
453
- "800": #b22f5b,
454
- "900": #931847,
455
- "1000": #561231,
456
- "1100": #2b1721
457
- ),
458
- "orange": (
459
- "0": #ffede3,
460
- "100": #fcdccc,
461
- "200": #ffc6a4,
462
- "300": #ffb180,
463
- "400": #ff9c5d,
464
- "500": #fc8943,
465
- "600": #f57d33,
466
- "700": #ed7024,
467
- "800": #ce5511,
468
- "900": #962c0b,
469
- "1000": #601700,
470
- "1100": #2d130e
471
- ),
472
- "DATAVIZ_COLORS_LIST": (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3876e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c3f89, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506),
473
- "DATAVIZ_COLORS_MAP": (
474
- "1": #08c4b2,
475
- "2": #6f5ed3,
476
- "3": #ce3665,
477
- "4": #ffcd1c,
478
- "5": #3876e3,
479
- "6": #db61db,
480
- "7": #59cb59,
481
- "8": #fc8943,
482
- "9": #db3e3e,
483
- "10": #026661,
484
- "11": #a193f2,
485
- "12": #931847,
486
- "13": #944c0c,
487
- "14": #0c3f89,
488
- "15": #6c2277,
489
- "16": #006b40,
490
- "17": #962c0b,
491
- "18": #ff7f6e,
492
- "19": #0ca750,
493
- "20": #ba7506
494
- ),
495
- "navigation": (
496
- "main": (
497
- "background": (
498
- "base": #273333,
499
- "overflowGradient": #162020
500
- ),
501
- "border": (
502
- "base": #162020
503
- )
504
- ),
505
- "secondary": (
506
- "background": (
507
- "base": #364141
508
- ),
509
- "widget": (
510
- "background": (
511
- "base": #162020
512
- )
513
- ),
514
- "accordion": (
515
- "background": (
516
- "base": #273333
517
- )
518
- )
519
- ),
520
- "settings": (
521
- "listItem": (
522
- "background": (
523
- "base": transparent,
524
- "hover": #dee1e1,
525
- "selected": #FFFFFF
526
- )
527
- )
528
- ),
529
- "text": (
530
- "base": #FFFFFF,
531
- "hover": #FFFFFF
532
- ),
533
- "icon": (
534
- "base": #FFFFFF,
535
- "hover": #FFFFFF
536
- ),
537
- "listItem": (
538
- "background": (
539
- "base": #364141,
540
- "hover": #162020,
541
- "selected": #515e5f
542
- )
543
- )
544
- ),
545
- "datePicker": (
546
- "comparison": (
547
- "background": (
548
- "base": #b0b6b7
549
- ),
550
- "text": (
551
- "base": #364141
552
- )
553
- )
554
- ),
555
- "analytics": (
556
- "trend": (
557
- "positive": #067c7c,
558
- "neutral": #364141,
559
- "negative": #364141
560
- ),
561
- "overlay": (
562
- "background": (
563
- "base": rgba(255,255,255,0.8)
564
- )
565
- )
566
- ),
567
- "listening": (
568
- "chart": (
569
- "indicator": (
570
- "default": (
571
- "primary": #b0b6b7,
572
- "secondary": #FFFFFF
573
- ),
574
- "hover": (
575
- "primary": #162020,
576
- "secondary": #FFFFFF
577
- )
578
- ),
579
- "spike": (
580
- "background": (
581
- "base": #08c4b2
582
- ),
583
- "icon": (
584
- "base": #FFFFFF
585
- )
586
- )
587
- ),
588
- "topicTypes": (
589
- "customTopic": #679eff,
590
- "brandHealth": #ff7f6e,
591
- "industryInsights": #75dd66,
592
- "competitiveAnalysis": #ffd943,
593
- "campaignAnalysis": #f282f5,
594
- "eventMonitoring": #33d6e2,
595
- "featuredTopic": #75dd66
596
- ),
597
- "worldMap": (
598
- "empty": #dee1e1,
599
- "q0": #d8d7f9,
600
- "q1": #c1c1f7,
601
- "q2": #a193f2,
602
- "q3": #9180f4,
603
- "q4": #816fea,
604
- "q5": #6f5ed3,
605
- "q6": #5e4eba,
606
- "q7": #483a9c
607
- )
608
- ),
609
- "growth": (
610
- "carousel": (
611
- "indicator": (
612
- "active": #2b68d3,
613
- "inactive": #c8cccc
614
- )
615
- ),
616
- "education": (
617
- "decorative": (
618
- "aqua": #0797ae,
619
- "teal": #0b968f
620
- )
621
- ),
622
- "opportunity": (
623
- "background": (
624
- "base": #6f5ed3,
625
- "secondary": #273333,
626
- "hover": #c1c1f7
627
- ),
628
- "button": (
629
- "primary": (
630
- "base": #6f5ed3,
631
- "hover": #5e4eba
632
- )
633
- ),
634
- "badge": (
635
- "background": (
636
- "base": #d8d7f9,
637
- "active": #5e4eba
638
- ),
639
- "icon": (
640
- "base": #6f5ed3,
641
- "active": #eaeaf9
642
- ),
643
- "text": (
644
- "base": #6f5ed3
645
- )
646
- ),
647
- "decorative": (
648
- "green": #0ca750,
649
- "lightAqua": #0797ae,
650
- "darkAqua": #002838,
651
- "purple": #6f5ed3
652
- )
653
- ),
654
- "featuredDemo": (
655
- "background": (
656
- "primary": (
657
- "base": #205bc3,
658
- "hover": #0c3f89
659
- ),
660
- "secondary": (
661
- "base": #5e4eba,
662
- "hover": #5e4eba
663
- )
664
- )
665
- ),
666
- "darkModal": (
667
- "background": (
668
- "base": #002838
669
- ),
670
- "text": (
671
- "base": #FFFFFF
672
- ),
673
- "cards": (
674
- "background": (
675
- "base": #FFFFFF,
676
- "hover": #eaeaf9
677
- ),
678
- "text": (
679
- "base": #364141,
680
- "hover": #273333
681
- ),
682
- "border": (
683
- "base": #FFFFFF,
684
- "hover": #6f5ed3
685
- )
686
- )
687
- ),
688
- "user": (
689
- "status": (
690
- "online": #0ca750
691
- )
692
- )
693
- ),
694
- "cardControl": (
695
- "background": (
696
- "base": #FFFFFF,
697
- "selected": #364141,
698
- "hover": #f3f4f4
699
- ),
700
- "text": (
701
- "selected": #FFFFFF
702
- )
703
- )
704
- ),
705
- "typography": (
706
- "100": (
707
- "fontSize": 11px,
708
- "lineHeight": 18.666666666666668px
709
- ),
710
- "200": (
711
- "fontSize": 13px,
712
- "lineHeight": 21.333333333333332px
713
- ),
714
- "300": (
715
- "fontSize": 16px,
716
- "lineHeight": 24px
717
- ),
718
- "400": (
719
- "fontSize": 18px,
720
- "lineHeight": 26.666666666666668px
721
- ),
722
- "500": (
723
- "fontSize": 21px,
724
- "lineHeight": 29.333333333333332px
725
- ),
726
- "600": (
727
- "fontSize": 24px,
728
- "lineHeight": 32px
729
- ),
730
- "700": (
731
- "fontSize": 32px,
732
- "lineHeight": 40px
733
- ),
734
- "800": (
735
- "fontSize": 43px,
736
- "lineHeight": 50.666666666666664px
737
- ),
738
- "900": (
739
- "fontSize": 57px,
740
- "lineHeight": 64px
741
- ),
742
- "1000": (
743
- "fontSize": 76px,
744
- "lineHeight": 80px
745
- ),
746
- "1100": (
747
- "fontSize": 101px,
748
- "lineHeight": 101.33333333333333px
749
- ),
750
- "1200": (
751
- "fontSize": 135px,
752
- "lineHeight": 125.33333333333333px
753
- ),
754
- "typography": (
755
- "100": (
756
- "fontSize": 11px,
757
- "lineHeight": 18.666666666666668px
758
- ),
759
- "200": (
760
- "fontSize": 13px,
761
- "lineHeight": 21.333333333333332px
762
- ),
763
- "300": (
764
- "fontSize": 16px,
765
- "lineHeight": 24px
766
- ),
767
- "400": (
768
- "fontSize": 18px,
769
- "lineHeight": 26.666666666666668px
770
- ),
771
- "500": (
772
- "fontSize": 21px,
773
- "lineHeight": 29.333333333333332px
774
- ),
775
- "600": (
776
- "fontSize": 24px,
777
- "lineHeight": 32px
778
- ),
779
- "700": (
780
- "fontSize": 32px,
781
- "lineHeight": 40px
782
- ),
783
- "800": (
784
- "fontSize": 43px,
785
- "lineHeight": 50.666666666666664px
786
- ),
787
- "900": (
788
- "fontSize": 57px,
789
- "lineHeight": 64px
790
- ),
791
- "1000": (
792
- "fontSize": 76px,
793
- "lineHeight": 80px
794
- ),
795
- "1100": (
796
- "fontSize": 101px,
797
- "lineHeight": 101.33333333333333px
798
- ),
799
- "1200": (
800
- "fontSize": 135px,
801
- "lineHeight": 125.33333333333333px
802
- )
803
- )
804
- ),
805
- "fontSizes": (
806
- "100": 11px,
807
- "200": 13px,
808
- "300": 16px,
809
- "400": 18px,
810
- "500": 21px,
811
- "600": 24px,
812
- "700": 32px,
813
- "800": 43px,
814
- "900": 57px,
815
- "1000": 76px,
816
- "1100": 101px,
817
- "1200": 135px
818
- ),
819
- "lineHeights": (
820
- "100": 18.666666666666668px,
821
- "200": 21.333333333333332px,
822
- "300": 24px,
823
- "400": 26.666666666666668px,
824
- "500": 29.333333333333332px,
825
- "600": 32px,
826
- "700": 40px,
827
- "800": 50.666666666666664px,
828
- "900": 64px,
829
- "1000": 80px,
830
- "1100": 101.33333333333333px,
831
- "1200": 125.33333333333333px
832
- ),
833
- "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
834
- "fontWeights": (
835
- "normal": 400,
836
- "semibold": 600,
837
- "bold": 700,
838
- "extrabold": 800
839
- ),
840
- "space": (
841
- "0": 0px,
842
- "100": 2px,
843
- "200": 4px,
844
- "300": 8px,
845
- "350": 12px,
846
- "400": 16px,
847
- "450": 24px,
848
- "500": 32px,
849
- "600": 40px,
850
- "space": (
851
- "0": 0px,
852
- "100": 2px,
853
- "200": 4px,
854
- "300": 8px,
855
- "350": 12px,
856
- "400": 16px,
857
- "450": 24px,
858
- "500": 32px,
859
- "600": 40px
860
- ),
861
- "-space": (
862
- "0": -0px,
863
- "100": -2px,
864
- "200": -4px,
865
- "300": -8px,
866
- "350": -12px,
867
- "400": -16px,
868
- "450": -24px,
869
- "500": -32px,
870
- "600": -40px
871
- )
872
- ),
873
- "radii": (
874
- "400": 4px,
875
- "500": 6px,
876
- "600": 8px,
877
- "1000": 999999px,
878
- "inner": 6px,
879
- "outer": 8px,
880
- "pill": 999999px,
881
- "radii": (
882
- "400": 4px,
883
- "500": 6px,
884
- "600": 8px,
885
- "1000": 999999px,
886
- "inner": 6px,
887
- "outer": 8px,
888
- "pill": 999999px
889
- )
890
- ),
891
- "borders": (
892
- "500": 1px solid
893
- ),
894
- "borderWidths": (
895
- "500": 1px
896
- ),
897
- "shadows": (
898
- "low": 0px 2px 4px #2733333D,
899
- "medium": 0px 8px 16px #2733333D,
900
- "high": 0px 16px 32px #2733333D
901
- ),
902
- "easing": (
903
- "ease_in": cubic-bezier(.4, 0, .7, .2),
904
- "ease_out": cubic-bezier(0, 0, .2, 1),
905
- "ease_inout": cubic-bezier(.4, 0, .2, 1)
906
- ),
907
- "duration": (
908
- "fast": .15s,
909
- "medium": .3s,
910
- "slow": .6s
911
- ),
912
- "mode": light
913
- ),
914
- "growth": (
915
- "carousel": (
916
- "indicator": (
917
- "active": #2b68d3,
918
- "inactive": #c8cccc
919
- )
920
- ),
921
- "education": (
922
- "decorative": (
923
- "aqua": #0797ae,
924
- "teal": #0b968f
925
- )
926
- ),
927
- "opportunity": (
928
- "background": (
929
- "base": #6f5ed3,
930
- "secondary": #273333,
931
- "hover": #c1c1f7
932
- ),
933
- "button": (
934
- "primary": (
935
- "base": #6f5ed3,
936
- "hover": #5e4eba
937
- )
938
- ),
939
- "badge": (
940
- "background": (
941
- "base": #d8d7f9,
942
- "active": #5e4eba
943
- ),
944
- "icon": (
945
- "base": #6f5ed3,
946
- "active": #eaeaf9
947
- ),
948
- "text": (
949
- "base": #6f5ed3
950
- )
951
- ),
952
- "decorative": (
953
- "green": #0ca750,
954
- "lightAqua": #0797ae,
955
- "darkAqua": #002838,
956
- "purple": #6f5ed3
957
- )
958
- ),
959
- "featuredDemo": (
960
- "background": (
961
- "primary": (
962
- "base": #205bc3,
963
- "hover": #0c3f89
964
- ),
965
- "secondary": (
966
- "base": #5e4eba,
967
- "hover": #5e4eba
968
- )
969
- )
970
- ),
971
- "darkModal": (
972
- "background": (
973
- "base": #002838
974
- ),
975
- "text": (
976
- "base": #FFFFFF
977
- ),
978
- "cards": (
979
- "background": (
980
- "base": #FFFFFF,
981
- "hover": #eaeaf9
982
- ),
983
- "text": (
984
- "base": #364141,
985
- "hover": #273333
986
- ),
987
- "border": (
988
- "base": #FFFFFF,
989
- "hover": #6f5ed3
990
- )
991
- )
992
- ),
993
- "user": (
994
- "status": (
995
- "online": #0ca750
996
- )
997
- )
998
- ),
999
- "listening": (
1000
- "chart": (
1001
- "indicator": (
1002
- "default": (
1003
- "primary": #b0b6b7,
1004
- "secondary": #FFFFFF
1005
- ),
1006
- "hover": (
1007
- "primary": #162020,
1008
- "secondary": #FFFFFF
1009
- )
1010
- ),
1011
- "spike": (
1012
- "background": (
1013
- "base": #08c4b2
1014
- ),
1015
- "icon": (
1016
- "base": #FFFFFF
1017
- )
1018
- )
1019
- ),
1020
- "topicTypes": (
1021
- "customTopic": #679eff,
1022
- "brandHealth": #ff7f6e,
1023
- "industryInsights": #75dd66,
1024
- "competitiveAnalysis": #ffd943,
1025
- "campaignAnalysis": #f282f5,
1026
- "eventMonitoring": #33d6e2,
1027
- "featuredTopic": #75dd66
1028
- ),
1029
- "worldMap": (
1030
- "empty": #dee1e1,
1031
- "q0": #d8d7f9,
1032
- "q1": #c1c1f7,
1033
- "q2": #a193f2,
1034
- "q3": #9180f4,
1035
- "q4": #816fea,
1036
- "q5": #6f5ed3,
1037
- "q6": #5e4eba,
1038
- "q7": #483a9c
1039
- )
1040
- ),
1041
- "navigation": (
1042
- "main": (
1043
- "background": (
1044
- "base": #273333,
1045
- "overflowGradient": #162020
1046
- ),
1047
- "border": (
1048
- "base": #162020
1049
- )
1050
- ),
1051
- "secondary": (
1052
- "background": (
1053
- "base": #364141
1054
- ),
1055
- "widget": (
1056
- "background": (
1057
- "base": #162020
1058
- )
1059
- ),
1060
- "accordion": (
1061
- "background": (
1062
- "base": #273333
1063
- )
1064
- )
1065
- ),
1066
- "settings": (
1067
- "listItem": (
1068
- "background": (
1069
- "base": transparent,
1070
- "hover": #dee1e1,
1071
- "selected": #FFFFFF
1072
- )
1073
- )
1074
- ),
1075
- "text": (
1076
- "base": #FFFFFF,
1077
- "hover": #FFFFFF
1078
- ),
1079
- "icon": (
1080
- "base": #FFFFFF,
1081
- "hover": #FFFFFF
1082
- ),
1083
- "listItem": (
1084
- "background": (
1085
- "base": #364141,
1086
- "hover": #162020,
1087
- "selected": #515e5f
1088
- )
1089
- )
1090
- )
1091
- );