@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/dark/theme.scss DELETED
@@ -1,678 +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
- ),
259
- "dataviz": (
260
- "map": (
261
- "1": #24e0c5,
262
- "2": #a193f2,
263
- "3": #ff76ae,
264
- "4": #ffcd1c,
265
- "5": #679eff,
266
- "6": #f282f5,
267
- "7": #75dd66,
268
- "8": #ff9c5d,
269
- "9": #db3e3e,
270
- "10": #0b968f,
271
- "11": #6f5ed3,
272
- "12": #ce3665,
273
- "13": #ba7506,
274
- "14": #205bc3,
275
- "15": #ac44a8,
276
- "16": #0ca750,
277
- "17": #ed7024,
278
- "18": #ff7f6e,
279
- "19": #c2f2bd,
280
- "20": #ffe99a
281
- ),
282
- "list": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #679eff, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #205bc3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a)
283
- ),
284
- "neutral": (
285
- "0": #FFFFFF,
286
- "100": #f3f4f4,
287
- "200": #dee1e1,
288
- "300": #c8cccc,
289
- "400": #b0b6b7,
290
- "500": #929a9b,
291
- "600": #6e797a,
292
- "700": #515e5f,
293
- "800": #364141,
294
- "900": #273333,
295
- "1000": #162020,
296
- "1100": #040404
297
- ),
298
- "green": (
299
- "0": #ebf9eb,
300
- "100": #d7f4d7,
301
- "200": #c2f2bd,
302
- "300": #98e58e,
303
- "400": #75dd66,
304
- "500": #59cb59,
305
- "600": #2bb656,
306
- "700": #0ca750,
307
- "800": #008b46,
308
- "900": #006b40,
309
- "1000": #08422f,
310
- "1100": #002b20
311
- ),
312
- "red": (
313
- "0": #ffeae9,
314
- "100": #ffd5d2,
315
- "200": #ffb8b1,
316
- "300": #ff9c8f,
317
- "400": #ff7f6e,
318
- "500": #f76054,
319
- "600": #ed4c42,
320
- "700": #db3e3e,
321
- "800": #c63434,
322
- "900": #992222,
323
- "1000": #6d1313,
324
- "1100": #2b1111
325
- ),
326
- "blue": (
327
- "0": #e9f4ff,
328
- "100": #deebfe,
329
- "200": #c7dbf9,
330
- "300": #a1c2f8,
331
- "400": #679eff,
332
- "500": #3876e3,
333
- "600": #2b68d3,
334
- "700": #205bc3,
335
- "800": #1150aa,
336
- "900": #0c3f89,
337
- "1000": #0a2960,
338
- "1100": #001738
339
- ),
340
- "teal": (
341
- "0": #e5f9f5,
342
- "50": #CCF1EA,
343
- "100": #cdf7ef,
344
- "200": #b3f2e6,
345
- "300": #7dead5,
346
- "400": #24e0c5,
347
- "500": #08c4b2,
348
- "600": #00a99c,
349
- "700": #0b968f,
350
- "800": #067c7c,
351
- "900": #026661,
352
- "1000": #083f3f,
353
- "1100": #002528
354
- ),
355
- "aqua": (
356
- "0": #d9fcfb,
357
- "100": #c5f9f9,
358
- "200": #a5f2f2,
359
- "300": #76e5e2,
360
- "400": #33d6e2,
361
- "500": #17b8ce,
362
- "600": #0797ae,
363
- "700": #0b8599,
364
- "800": #0f6e84,
365
- "900": #035e73,
366
- "1000": #083d4f,
367
- "1100": #002838
368
- ),
369
- "purple": (
370
- "0": #f2f2f9,
371
- "100": #eaeaf9,
372
- "200": #d8d7f9,
373
- "300": #c1c1f7,
374
- "400": #a193f2,
375
- "500": #9180f4,
376
- "600": #816fea,
377
- "700": #6f5ed3,
378
- "800": #5e4eba,
379
- "900": #483a9c,
380
- "1000": #2d246b,
381
- "1100": #1d1d38
382
- ),
383
- "magenta": (
384
- "0": #fef0ff,
385
- "100": #f9e3fc,
386
- "200": #f4c4f7,
387
- "300": #edadf2,
388
- "350": #EC9AF1,
389
- "400": #f282f5,
390
- "500": #db61db,
391
- "600": #c44eb9,
392
- "700": #ac44a8,
393
- "800": #8f3896,
394
- "900": #6c2277,
395
- "1000": #451551,
396
- "1100": #29192d
397
- ),
398
- "yellow": (
399
- "0": #fff8e2,
400
- "100": #fdefcd,
401
- "200": #ffe99a,
402
- "300": #ffe16e,
403
- "400": #ffd943,
404
- "500": #ffcd1c,
405
- "600": #ffbc00,
406
- "700": #dd9903,
407
- "800": #ba7506,
408
- "900": #944c0c,
409
- "1000": #542a00,
410
- "1100": #2d1a05
411
- ),
412
- "pink": (
413
- "0": #ffe9f3,
414
- "100": #fcdbeb,
415
- "200": #ffb5d5,
416
- "300": #ff95c1,
417
- "400": #ff76ae,
418
- "500": #ef588b,
419
- "600": #e0447c,
420
- "700": #ce3665,
421
- "800": #b22f5b,
422
- "900": #931847,
423
- "1000": #561231,
424
- "1100": #2b1721
425
- ),
426
- "orange": (
427
- "0": #ffede3,
428
- "100": #fcdccc,
429
- "200": #ffc6a4,
430
- "300": #ffb180,
431
- "400": #ff9c5d,
432
- "500": #fc8943,
433
- "600": #f57d33,
434
- "700": #ed7024,
435
- "800": #ce5511,
436
- "900": #962c0b,
437
- "1000": #601700,
438
- "1100": #2d130e
439
- ),
440
- "DATAVIZ_COLORS_LIST": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #679eff, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #205bc3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a),
441
- "DATAVIZ_COLORS_MAP": (
442
- "1": #24e0c5,
443
- "2": #a193f2,
444
- "3": #ff76ae,
445
- "4": #ffcd1c,
446
- "5": #679eff,
447
- "6": #f282f5,
448
- "7": #75dd66,
449
- "8": #ff9c5d,
450
- "9": #db3e3e,
451
- "10": #0b968f,
452
- "11": #6f5ed3,
453
- "12": #ce3665,
454
- "13": #ba7506,
455
- "14": #205bc3,
456
- "15": #ac44a8,
457
- "16": #0ca750,
458
- "17": #ed7024,
459
- "18": #ff7f6e,
460
- "19": #c2f2bd,
461
- "20": #ffe99a
462
- )
463
- ),
464
- "typography": (
465
- "100": (
466
- "fontSize": 11px,
467
- "lineHeight": 18.666666666666668px
468
- ),
469
- "200": (
470
- "fontSize": 13px,
471
- "lineHeight": 21.333333333333332px
472
- ),
473
- "300": (
474
- "fontSize": 16px,
475
- "lineHeight": 24px
476
- ),
477
- "400": (
478
- "fontSize": 18px,
479
- "lineHeight": 26.666666666666668px
480
- ),
481
- "500": (
482
- "fontSize": 21px,
483
- "lineHeight": 29.333333333333332px
484
- ),
485
- "600": (
486
- "fontSize": 24px,
487
- "lineHeight": 32px
488
- ),
489
- "700": (
490
- "fontSize": 32px,
491
- "lineHeight": 40px
492
- ),
493
- "800": (
494
- "fontSize": 43px,
495
- "lineHeight": 50.666666666666664px
496
- ),
497
- "900": (
498
- "fontSize": 57px,
499
- "lineHeight": 64px
500
- ),
501
- "1000": (
502
- "fontSize": 76px,
503
- "lineHeight": 80px
504
- ),
505
- "1100": (
506
- "fontSize": 101px,
507
- "lineHeight": 101.33333333333333px
508
- ),
509
- "1200": (
510
- "fontSize": 135px,
511
- "lineHeight": 125.33333333333333px
512
- ),
513
- "typography": (
514
- "100": (
515
- "fontSize": 11px,
516
- "lineHeight": 18.666666666666668px
517
- ),
518
- "200": (
519
- "fontSize": 13px,
520
- "lineHeight": 21.333333333333332px
521
- ),
522
- "300": (
523
- "fontSize": 16px,
524
- "lineHeight": 24px
525
- ),
526
- "400": (
527
- "fontSize": 18px,
528
- "lineHeight": 26.666666666666668px
529
- ),
530
- "500": (
531
- "fontSize": 21px,
532
- "lineHeight": 29.333333333333332px
533
- ),
534
- "600": (
535
- "fontSize": 24px,
536
- "lineHeight": 32px
537
- ),
538
- "700": (
539
- "fontSize": 32px,
540
- "lineHeight": 40px
541
- ),
542
- "800": (
543
- "fontSize": 43px,
544
- "lineHeight": 50.666666666666664px
545
- ),
546
- "900": (
547
- "fontSize": 57px,
548
- "lineHeight": 64px
549
- ),
550
- "1000": (
551
- "fontSize": 76px,
552
- "lineHeight": 80px
553
- ),
554
- "1100": (
555
- "fontSize": 101px,
556
- "lineHeight": 101.33333333333333px
557
- ),
558
- "1200": (
559
- "fontSize": 135px,
560
- "lineHeight": 125.33333333333333px
561
- )
562
- )
563
- ),
564
- "fontSizes": (
565
- "100": 11px,
566
- "200": 13px,
567
- "300": 16px,
568
- "400": 18px,
569
- "500": 21px,
570
- "600": 24px,
571
- "700": 32px,
572
- "800": 43px,
573
- "900": 57px,
574
- "1000": 76px,
575
- "1100": 101px,
576
- "1200": 135px
577
- ),
578
- "lineHeights": (
579
- "100": 18.666666666666668px,
580
- "200": 21.333333333333332px,
581
- "300": 24px,
582
- "400": 26.666666666666668px,
583
- "500": 29.333333333333332px,
584
- "600": 32px,
585
- "700": 40px,
586
- "800": 50.666666666666664px,
587
- "900": 64px,
588
- "1000": 80px,
589
- "1100": 101.33333333333333px,
590
- "1200": 125.33333333333333px
591
- ),
592
- "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
593
- "fontWeights": (
594
- "normal": 400,
595
- "semibold": 600,
596
- "bold": 700,
597
- "extrabold": 800
598
- ),
599
- "space": (
600
- "0": 0px,
601
- "100": 2px,
602
- "200": 4px,
603
- "300": 8px,
604
- "350": 12px,
605
- "400": 16px,
606
- "450": 24px,
607
- "500": 32px,
608
- "600": 40px,
609
- "space": (
610
- "0": 0px,
611
- "100": 2px,
612
- "200": 4px,
613
- "300": 8px,
614
- "350": 12px,
615
- "400": 16px,
616
- "450": 24px,
617
- "500": 32px,
618
- "600": 40px
619
- ),
620
- "-space": (
621
- "0": -0px,
622
- "100": -2px,
623
- "200": -4px,
624
- "300": -8px,
625
- "350": -12px,
626
- "400": -16px,
627
- "450": -24px,
628
- "500": -32px,
629
- "600": -40px
630
- )
631
- ),
632
- "radii": (
633
- "400": 4px,
634
- "500": 6px,
635
- "600": 8px,
636
- "1000": 999999px,
637
- "inner": 6px,
638
- "outer": 8px,
639
- "pill": 999999px,
640
- "radii": (
641
- "400": 4px,
642
- "500": 6px,
643
- "600": 8px,
644
- "1000": 999999px,
645
- "inner": 6px,
646
- "outer": 8px,
647
- "pill": 999999px
648
- )
649
- ),
650
- "borders": (
651
- "500": 1px solid
652
- ),
653
- "borderWidths": (
654
- "500": 1px
655
- ),
656
- "shadows": (
657
- "low": 0px 2px 4px #040404FF,
658
- "medium": 0px 8px 16px #040404FF,
659
- "high": 0px 16px 32px #040404FF
660
- ),
661
- "easing": (
662
- "ease_in": cubic-bezier(.4, 0, .7, .2),
663
- "ease_out": cubic-bezier(0, 0, .2, 1),
664
- "ease_inout": cubic-bezier(.4, 0, .2, 1)
665
- ),
666
- "duration": (
667
- "fast": .15s,
668
- "medium": .3s,
669
- "slow": .6s
670
- ),
671
- "mode": dark
672
- ),
673
- "shadows": (
674
- "low": 0px 2px 4px #040404FF,
675
- "medium": 0px 8px 16px #040404FF,
676
- "high": 0px 16px 32px #040404FF
677
- )
678
- );