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