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