@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
@@ -1,684 +0,0 @@
1
- $theme: (
2
- "default": (
3
- "breakpoints": (900px, 1200px, 1500px, 1800px),
4
- "colors": (
5
- "app": (
6
- "background": (
7
- "base": #162020
8
- )
9
- ),
10
- "container": (
11
- "background": (
12
- "base": #273333,
13
- "success": #006b40,
14
- "warning": #944c0c,
15
- "error": #992222,
16
- "info": #0c3f89,
17
- "opportunity": #483a9c,
18
- "danger": #992222,
19
- "decorative": (
20
- "green": #006b40,
21
- "blue": #0c3f89,
22
- "purple": #483a9c,
23
- "yellow": #944c0c,
24
- "orange": #962c0b,
25
- "red": #992222,
26
- "neutral": #162020,
27
- "magenta": #6c2277,
28
- "pink": #931847,
29
- "aqua": #035e73,
30
- "teal": #026661
31
- ),
32
- "selected": #FFFFFF,
33
- "positive_sentiment": #3876e3,
34
- "negative_sentiment": #f76054,
35
- "neutral_sentiment": #c8cccc
36
- ),
37
- "border": (
38
- "base": #040404,
39
- "success": #59cb59,
40
- "warning": #ffbc00,
41
- "error": #ed4c42,
42
- "danger": #ed4c42,
43
- "info": #2b68d3,
44
- "opportunity": #9180f4,
45
- "decorative": (
46
- "green": #59cb59,
47
- "blue": #2b68d3,
48
- "purple": #9180f4,
49
- "yellow": #ffbc00,
50
- "orange": #f57d33,
51
- "red": #ed4c42,
52
- "neutral": #6e797a,
53
- "magenta": #c44eb9,
54
- "pink": #e0447c,
55
- "aqua": #17b8ce,
56
- "teal": #08c4b2
57
- ),
58
- "selected": #FFFFFF
59
- )
60
- ),
61
- "button": (
62
- "primary": (
63
- "background": (
64
- "base": #679eff,
65
- "hover": #a1c2f8,
66
- "active": #c7dbf9
67
- ),
68
- "border": (
69
- "base": transparent
70
- ),
71
- "text": (
72
- "base": #273333,
73
- "hover": #162020
74
- )
75
- ),
76
- "secondary": (
77
- "background": (
78
- "base": transparent,
79
- "hover": #f3f4f4,
80
- "active": #FFFFFF
81
- ),
82
- "border": (
83
- "base": #FFFFFF
84
- ),
85
- "text": (
86
- "base": #FFFFFF,
87
- "hover": #364141
88
- )
89
- ),
90
- "pill": (
91
- "background": (
92
- "base": transparent,
93
- "hover": #162020,
94
- "active": #273333
95
- ),
96
- "border": (
97
- "base": transparent,
98
- "hover": #FFFFFF
99
- ),
100
- "text": (
101
- "base": #f3f4f4,
102
- "hover": #FFFFFF
103
- )
104
- ),
105
- "destructive": (
106
- "background": (
107
- "base": #ff7f6e,
108
- "hover": #ff9c8f,
109
- "active": #ffb8b1
110
- ),
111
- "border": (
112
- "base": transparent
113
- ),
114
- "text": (
115
- "base": #273333,
116
- "hover": #162020
117
- )
118
- ),
119
- "placeholder": (
120
- "background": (
121
- "base": transparent,
122
- "hover": #040404,
123
- "active": #040404
124
- ),
125
- "border": (
126
- "base": #929a9b
127
- ),
128
- "text": (
129
- "base": #679eff,
130
- "hover": #a1c2f8
131
- )
132
- ),
133
- "unstyled": (
134
- "background": (
135
- "base": transparent
136
- ),
137
- "border": (
138
- "base": transparent
139
- ),
140
- "text": (
141
- "base": #c8cccc,
142
- "hover": #dee1e1
143
- )
144
- )
145
- ),
146
- "link": (
147
- "base": #679eff,
148
- "hover": #a1c2f8
149
- ),
150
- "text": (
151
- "headline": #FFFFFF,
152
- "subtext": #dee1e1,
153
- "body": #f3f4f4,
154
- "inverse": #273333,
155
- "error": #ffd5d2,
156
- "background": (
157
- "highlight": #944c0c,
158
- "selection": #1150aa
159
- ),
160
- "decorative": (
161
- "green": #d7f4d7,
162
- "blue": #deebfe,
163
- "purple": #eaeaf9,
164
- "yellow": #fdefcd,
165
- "orange": #fcdccc,
166
- "red": #ffd5d2,
167
- "neutral": #f3f4f4,
168
- "magenta": #f9e3fc,
169
- "pink": #fcdbeb,
170
- "aqua": #c5f9f9,
171
- "teal": #cdf7ef
172
- )
173
- ),
174
- "icon": (
175
- "base": #f3f4f4,
176
- "inverse": #273333,
177
- "success": #d7f4d7,
178
- "warning": #fdefcd,
179
- "error": #ffd5d2,
180
- "danger": #ffd5d2,
181
- "info": #deebfe,
182
- "opportunity": #eaeaf9,
183
- "applied": #679eff,
184
- "positive_sentiment": #2b68d3,
185
- "negative_sentiment": #ed4c42,
186
- "neutral_sentiment": #929a9b
187
- ),
188
- "form": (
189
- "background": (
190
- "base": #273333,
191
- "selected": #FFFFFF
192
- ),
193
- "border": (
194
- "base": #929a9b,
195
- "error": #ed4c42,
196
- "warning": #ffbc00,
197
- "selected": #FFFFFF
198
- ),
199
- "placeholder": (
200
- "base": #929a9b
201
- )
202
- ),
203
- "listItem": (
204
- "background": (
205
- "base": transparent,
206
- "hover": #364141,
207
- "selected": #FFFFFF
208
- )
209
- ),
210
- "overlay": (
211
- "background": (
212
- "base": rgba(22,32,32,0.72)
213
- ),
214
- "text": (
215
- "base": #FFFFFF
216
- ),
217
- "icon": (
218
- "base": #FFFFFF
219
- )
220
- ),
221
- "elevation": (
222
- "base": #040404
223
- ),
224
- "illustration": (
225
- "fill": #679eff,
226
- "stroke": #f3f4f4
227
- ),
228
- "network": (
229
- "twitter": #1da1f2,
230
- "twitter_like": #e0245e,
231
- "facebook": #217bee,
232
- "facebook_audience_network": #58409B,
233
- "linkedin": #0A66C2,
234
- "instagram": #e4405f,
235
- "feedly": #2bb24c,
236
- "analytics": #ef6c00,
237
- "youtube": #ff0000,
238
- "messenger": #0084ff,
239
- "snapchat": #fffc00,
240
- "pinterest": #E60023,
241
- "tumblr": #35465c,
242
- "reddit": #ff4500,
243
- "tripadvisor": #00B087,
244
- "glassdoor": #0CAA41,
245
- "google_my_business": #4285F4,
246
- "google_business_messages": #1A73EA,
247
- "google_play_store": #01875F,
248
- "apple_app_store": #17C8F5,
249
- "salesforce": #1589EE,
250
- "zendesk": #03363D,
251
- "hubspot": #FF7A59,
252
- "microsoft_dynamics": #002050,
253
- "yelp": #FF1A1A,
254
- "whatsapp": #25D366,
255
- "tiktok": #000000,
256
- "threads": #000000,
257
- "trustpilot": #04DA8D,
258
- "trustpilot_0_star": #DCDCE6,
259
- "trustpilot_1_star": #FF3722,
260
- "trustpilot_2_star": #FF8622,
261
- "trustpilot_3_star": #FFCE00,
262
- "trustpilot_4_star": #73CF11,
263
- "trustpilot_5_star": #00B67A
264
- ),
265
- "dataviz": (
266
- "map": (
267
- "1": #24e0c5,
268
- "2": #a193f2,
269
- "3": #ff76ae,
270
- "4": #ffcd1c,
271
- "5": #679eff,
272
- "6": #f282f5,
273
- "7": #75dd66,
274
- "8": #ff9c5d,
275
- "9": #db3e3e,
276
- "10": #0b968f,
277
- "11": #6f5ed3,
278
- "12": #ce3665,
279
- "13": #ba7506,
280
- "14": #205bc3,
281
- "15": #ac44a8,
282
- "16": #0ca750,
283
- "17": #ed7024,
284
- "18": #ff7f6e,
285
- "19": #c2f2bd,
286
- "20": #ffe99a
287
- ),
288
- "list": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #679eff, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #205bc3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a)
289
- ),
290
- "neutral": (
291
- "0": #FFFFFF,
292
- "100": #f3f4f4,
293
- "200": #dee1e1,
294
- "300": #c8cccc,
295
- "400": #b0b6b7,
296
- "500": #929a9b,
297
- "600": #6e797a,
298
- "700": #515e5f,
299
- "800": #364141,
300
- "900": #273333,
301
- "1000": #162020,
302
- "1100": #040404
303
- ),
304
- "green": (
305
- "0": #ebf9eb,
306
- "100": #d7f4d7,
307
- "200": #c2f2bd,
308
- "300": #98e58e,
309
- "400": #75dd66,
310
- "500": #59cb59,
311
- "600": #2bb656,
312
- "700": #0ca750,
313
- "800": #008b46,
314
- "900": #006b40,
315
- "1000": #08422f,
316
- "1100": #002b20
317
- ),
318
- "red": (
319
- "0": #ffeae9,
320
- "100": #ffd5d2,
321
- "200": #ffb8b1,
322
- "300": #ff9c8f,
323
- "400": #ff7f6e,
324
- "500": #f76054,
325
- "600": #ed4c42,
326
- "700": #db3e3e,
327
- "800": #c63434,
328
- "900": #992222,
329
- "1000": #6d1313,
330
- "1100": #2b1111
331
- ),
332
- "blue": (
333
- "0": #e9f4ff,
334
- "100": #deebfe,
335
- "200": #c7dbf9,
336
- "300": #a1c2f8,
337
- "400": #679eff,
338
- "500": #3876e3,
339
- "600": #2b68d3,
340
- "700": #205bc3,
341
- "800": #1150aa,
342
- "900": #0c3f89,
343
- "1000": #0a2960,
344
- "1100": #001738
345
- ),
346
- "teal": (
347
- "0": #e5f9f5,
348
- "50": #CCF1EA,
349
- "100": #cdf7ef,
350
- "200": #b3f2e6,
351
- "300": #7dead5,
352
- "400": #24e0c5,
353
- "500": #08c4b2,
354
- "600": #00a99c,
355
- "700": #0b968f,
356
- "800": #067c7c,
357
- "900": #026661,
358
- "1000": #083f3f,
359
- "1100": #002528
360
- ),
361
- "aqua": (
362
- "0": #d9fcfb,
363
- "100": #c5f9f9,
364
- "200": #a5f2f2,
365
- "300": #76e5e2,
366
- "400": #33d6e2,
367
- "500": #17b8ce,
368
- "600": #0797ae,
369
- "700": #0b8599,
370
- "800": #0f6e84,
371
- "900": #035e73,
372
- "1000": #083d4f,
373
- "1100": #002838
374
- ),
375
- "purple": (
376
- "0": #f2f2f9,
377
- "100": #eaeaf9,
378
- "200": #d8d7f9,
379
- "300": #c1c1f7,
380
- "400": #a193f2,
381
- "500": #9180f4,
382
- "600": #816fea,
383
- "700": #6f5ed3,
384
- "800": #5e4eba,
385
- "900": #483a9c,
386
- "1000": #2d246b,
387
- "1100": #1d1d38
388
- ),
389
- "magenta": (
390
- "0": #fef0ff,
391
- "100": #f9e3fc,
392
- "200": #f4c4f7,
393
- "300": #edadf2,
394
- "350": #EC9AF1,
395
- "400": #f282f5,
396
- "500": #db61db,
397
- "600": #c44eb9,
398
- "700": #ac44a8,
399
- "800": #8f3896,
400
- "900": #6c2277,
401
- "1000": #451551,
402
- "1100": #29192d
403
- ),
404
- "yellow": (
405
- "0": #fff8e2,
406
- "100": #fdefcd,
407
- "200": #ffe99a,
408
- "300": #ffe16e,
409
- "400": #ffd943,
410
- "500": #ffcd1c,
411
- "600": #ffbc00,
412
- "700": #dd9903,
413
- "800": #ba7506,
414
- "900": #944c0c,
415
- "1000": #542a00,
416
- "1100": #2d1a05
417
- ),
418
- "pink": (
419
- "0": #ffe9f3,
420
- "100": #fcdbeb,
421
- "200": #ffb5d5,
422
- "300": #ff95c1,
423
- "400": #ff76ae,
424
- "500": #ef588b,
425
- "600": #e0447c,
426
- "700": #ce3665,
427
- "800": #b22f5b,
428
- "900": #931847,
429
- "1000": #561231,
430
- "1100": #2b1721
431
- ),
432
- "orange": (
433
- "0": #ffede3,
434
- "100": #fcdccc,
435
- "200": #ffc6a4,
436
- "300": #ffb180,
437
- "400": #ff9c5d,
438
- "500": #fc8943,
439
- "600": #f57d33,
440
- "700": #ed7024,
441
- "800": #ce5511,
442
- "900": #962c0b,
443
- "1000": #601700,
444
- "1100": #2d130e
445
- ),
446
- "DATAVIZ_COLORS_LIST": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #679eff, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #205bc3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a),
447
- "DATAVIZ_COLORS_MAP": (
448
- "1": #24e0c5,
449
- "2": #a193f2,
450
- "3": #ff76ae,
451
- "4": #ffcd1c,
452
- "5": #679eff,
453
- "6": #f282f5,
454
- "7": #75dd66,
455
- "8": #ff9c5d,
456
- "9": #db3e3e,
457
- "10": #0b968f,
458
- "11": #6f5ed3,
459
- "12": #ce3665,
460
- "13": #ba7506,
461
- "14": #205bc3,
462
- "15": #ac44a8,
463
- "16": #0ca750,
464
- "17": #ed7024,
465
- "18": #ff7f6e,
466
- "19": #c2f2bd,
467
- "20": #ffe99a
468
- )
469
- ),
470
- "typography": (
471
- "100": (
472
- "fontSize": 11px,
473
- "lineHeight": 18.666666666666668px
474
- ),
475
- "200": (
476
- "fontSize": 13px,
477
- "lineHeight": 21.333333333333332px
478
- ),
479
- "300": (
480
- "fontSize": 16px,
481
- "lineHeight": 24px
482
- ),
483
- "400": (
484
- "fontSize": 18px,
485
- "lineHeight": 26.666666666666668px
486
- ),
487
- "500": (
488
- "fontSize": 21px,
489
- "lineHeight": 29.333333333333332px
490
- ),
491
- "600": (
492
- "fontSize": 24px,
493
- "lineHeight": 32px
494
- ),
495
- "700": (
496
- "fontSize": 32px,
497
- "lineHeight": 40px
498
- ),
499
- "800": (
500
- "fontSize": 43px,
501
- "lineHeight": 50.666666666666664px
502
- ),
503
- "900": (
504
- "fontSize": 57px,
505
- "lineHeight": 64px
506
- ),
507
- "1000": (
508
- "fontSize": 76px,
509
- "lineHeight": 80px
510
- ),
511
- "1100": (
512
- "fontSize": 101px,
513
- "lineHeight": 101.33333333333333px
514
- ),
515
- "1200": (
516
- "fontSize": 135px,
517
- "lineHeight": 125.33333333333333px
518
- ),
519
- "typography": (
520
- "100": (
521
- "fontSize": 11px,
522
- "lineHeight": 18.666666666666668px
523
- ),
524
- "200": (
525
- "fontSize": 13px,
526
- "lineHeight": 21.333333333333332px
527
- ),
528
- "300": (
529
- "fontSize": 16px,
530
- "lineHeight": 24px
531
- ),
532
- "400": (
533
- "fontSize": 18px,
534
- "lineHeight": 26.666666666666668px
535
- ),
536
- "500": (
537
- "fontSize": 21px,
538
- "lineHeight": 29.333333333333332px
539
- ),
540
- "600": (
541
- "fontSize": 24px,
542
- "lineHeight": 32px
543
- ),
544
- "700": (
545
- "fontSize": 32px,
546
- "lineHeight": 40px
547
- ),
548
- "800": (
549
- "fontSize": 43px,
550
- "lineHeight": 50.666666666666664px
551
- ),
552
- "900": (
553
- "fontSize": 57px,
554
- "lineHeight": 64px
555
- ),
556
- "1000": (
557
- "fontSize": 76px,
558
- "lineHeight": 80px
559
- ),
560
- "1100": (
561
- "fontSize": 101px,
562
- "lineHeight": 101.33333333333333px
563
- ),
564
- "1200": (
565
- "fontSize": 135px,
566
- "lineHeight": 125.33333333333333px
567
- )
568
- )
569
- ),
570
- "fontSizes": (
571
- "100": 11px,
572
- "200": 13px,
573
- "300": 16px,
574
- "400": 18px,
575
- "500": 21px,
576
- "600": 24px,
577
- "700": 32px,
578
- "800": 43px,
579
- "900": 57px,
580
- "1000": 76px,
581
- "1100": 101px,
582
- "1200": 135px
583
- ),
584
- "lineHeights": (
585
- "100": 18.666666666666668px,
586
- "200": 21.333333333333332px,
587
- "300": 24px,
588
- "400": 26.666666666666668px,
589
- "500": 29.333333333333332px,
590
- "600": 32px,
591
- "700": 40px,
592
- "800": 50.666666666666664px,
593
- "900": 64px,
594
- "1000": 80px,
595
- "1100": 101.33333333333333px,
596
- "1200": 125.33333333333333px
597
- ),
598
- "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
599
- "fontWeights": (
600
- "normal": 400,
601
- "semibold": 600,
602
- "bold": 700,
603
- "extrabold": 800
604
- ),
605
- "space": (
606
- "0": 0px,
607
- "100": 2px,
608
- "200": 4px,
609
- "300": 8px,
610
- "350": 12px,
611
- "400": 16px,
612
- "450": 24px,
613
- "500": 32px,
614
- "600": 40px,
615
- "space": (
616
- "0": 0px,
617
- "100": 2px,
618
- "200": 4px,
619
- "300": 8px,
620
- "350": 12px,
621
- "400": 16px,
622
- "450": 24px,
623
- "500": 32px,
624
- "600": 40px
625
- ),
626
- "-space": (
627
- "0": -0px,
628
- "100": -2px,
629
- "200": -4px,
630
- "300": -8px,
631
- "350": -12px,
632
- "400": -16px,
633
- "450": -24px,
634
- "500": -32px,
635
- "600": -40px
636
- )
637
- ),
638
- "radii": (
639
- "400": 4px,
640
- "500": 6px,
641
- "600": 8px,
642
- "1000": 999999px,
643
- "inner": 6px,
644
- "outer": 8px,
645
- "pill": 999999px,
646
- "radii": (
647
- "400": 4px,
648
- "500": 6px,
649
- "600": 8px,
650
- "1000": 999999px,
651
- "inner": 6px,
652
- "outer": 8px,
653
- "pill": 999999px
654
- )
655
- ),
656
- "borders": (
657
- "500": 1px solid
658
- ),
659
- "borderWidths": (
660
- "500": 1px
661
- ),
662
- "shadows": (
663
- "low": 0px 2px 4px #040404FF,
664
- "medium": 0px 8px 16px #040404FF,
665
- "high": 0px 16px 32px #040404FF
666
- ),
667
- "easing": (
668
- "ease_in": cubic-bezier(.4, 0, .7, .2),
669
- "ease_out": cubic-bezier(0, 0, .2, 1),
670
- "ease_inout": cubic-bezier(.4, 0, .2, 1)
671
- ),
672
- "duration": (
673
- "fast": .15s,
674
- "medium": .3s,
675
- "slow": .6s
676
- ),
677
- "mode": dark
678
- ),
679
- "shadows": (
680
- "low": 0px 2px 4px #040404FF,
681
- "medium": 0px 8px 16px #040404FF,
682
- "high": 0px 16px 32px #040404FF
683
- )
684
- );