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