@novalabsxyz/tokens 2.0.0-alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +202 -0
- package/build/css/tokens-dark.css +771 -0
- package/build/css/tokens-light.css +759 -0
- package/build/index.d.ts +3 -0
- package/build/index.d.ts.map +1 -0
- package/build/index.js +5 -0
- package/build/index.js.map +1 -0
- package/build/js/tokens-dark-mobile.js +769 -0
- package/build/js/tokens-dark.js +769 -0
- package/build/js/tokens-light-mobile.js +757 -0
- package/build/js/tokens-light.js +757 -0
- package/build/scss/tokens-dark.scss +769 -0
- package/build/scss/tokens-light.scss +757 -0
- package/package.json +30 -0
@@ -0,0 +1,769 @@
|
|
1
|
+
export const hm_colors_background_bg_active = '#1f242f';
|
2
|
+
export const hm_colors_background_bg_brand_primary = '#9e77ed';
|
3
|
+
export const hm_colors_background_bg_brand_primary_alt = '#161b26';
|
4
|
+
export const hm_colors_background_bg_brand_secondary = '#7f56d9';
|
5
|
+
export const hm_colors_background_bg_brand_section = '#161b26';
|
6
|
+
export const hm_colors_background_bg_brand_section_subtle = '#0c111d';
|
7
|
+
export const hm_colors_background_bg_brand_solid = '#7f56d9';
|
8
|
+
export const hm_colors_background_bg_brand_solid_hover = '#9e77ed';
|
9
|
+
export const hm_colors_background_bg_disabled = '#1f242f';
|
10
|
+
export const hm_colors_background_bg_disabled_subtle = '#161b26';
|
11
|
+
export const hm_colors_background_bg_error_primary = '#f04438';
|
12
|
+
export const hm_colors_background_bg_error_secondary = '#d92d20';
|
13
|
+
export const hm_colors_background_bg_error_solid = '#d92d20';
|
14
|
+
export const hm_colors_background_bg_overlay = '#1f242f';
|
15
|
+
export const hm_colors_background_bg_primary = '#0c111d';
|
16
|
+
export const hm_colors_background_bg_primary_solid = '#161b26';
|
17
|
+
export const hm_colors_background_bg_primary_alt = '#161b26';
|
18
|
+
export const hm_colors_background_bg_primary_hover = '#1f242f';
|
19
|
+
export const hm_colors_background_bg_quaternary = '#333741';
|
20
|
+
export const hm_colors_background_bg_secondary = '#161b26';
|
21
|
+
export const hm_colors_background_bg_secondary_solid = '#61646c';
|
22
|
+
export const hm_colors_background_bg_secondary_alt = '#0c111d';
|
23
|
+
export const hm_colors_background_bg_secondary_hover = '#1f242f';
|
24
|
+
export const hm_colors_background_bg_secondary_subtle = '#161b26';
|
25
|
+
export const hm_colors_background_bg_success_primary = '#17b26a';
|
26
|
+
export const hm_colors_background_bg_success_secondary = '#079455';
|
27
|
+
export const hm_colors_background_bg_success_solid = '#079455';
|
28
|
+
export const hm_colors_background_bg_tertiary = '#1f242f';
|
29
|
+
export const hm_colors_background_bg_warning_primary = '#f79009';
|
30
|
+
export const hm_colors_background_bg_warning_secondary = '#dc6803';
|
31
|
+
export const hm_colors_background_bg_warning_solid = '#dc6803';
|
32
|
+
export const hm_colors_border_border_brand = '#b692f6';
|
33
|
+
export const hm_colors_border_border_brand_solid = '#9e77ed';
|
34
|
+
export const hm_colors_border_border_brand_solid_alt = '#333741';
|
35
|
+
export const hm_colors_border_border_disabled = '#333741';
|
36
|
+
export const hm_colors_border_border_disabled_subtle = '#1f242f';
|
37
|
+
export const hm_colors_border_border_error = '#f97066';
|
38
|
+
export const hm_colors_border_border_error_solid = '#f04438';
|
39
|
+
export const hm_colors_border_border_primary = '#333741';
|
40
|
+
export const hm_colors_border_border_secondary = '#1f242f';
|
41
|
+
export const hm_colors_border_border_tertiary = '#1f242f';
|
42
|
+
export const hm_colors_foreground_fg_brand_primary_600 = '#9e77ed';
|
43
|
+
export const hm_colors_foreground_fg_brand_primary_alt = '#cecfd2';
|
44
|
+
export const hm_colors_foreground_fg_brand_secondary_500 = '#9e77ed';
|
45
|
+
export const hm_colors_foreground_fg_disabled = '#85888e';
|
46
|
+
export const hm_colors_foreground_fg_disabled_subtle = '#61646c';
|
47
|
+
export const hm_colors_foreground_fg_error_primary = '#f04438';
|
48
|
+
export const hm_colors_foreground_fg_error_secondary = '#f97066';
|
49
|
+
export const hm_colors_foreground_fg_primary_900 = '#ffffff';
|
50
|
+
export const hm_colors_foreground_fg_quaternary_500 = '#94969c';
|
51
|
+
export const hm_colors_foreground_fg_quaternary_hover = '#cecfd2';
|
52
|
+
export const hm_colors_foreground_fg_quinary_400 = '#85888e';
|
53
|
+
export const hm_colors_foreground_fg_quinary_hover = '#94969c';
|
54
|
+
export const hm_colors_foreground_fg_secondary_700 = '#cecfd2';
|
55
|
+
export const hm_colors_foreground_fg_secondary_hover = '#ececed';
|
56
|
+
export const hm_colors_foreground_fg_senary_300 = '#61646c';
|
57
|
+
export const hm_colors_foreground_fg_success_primary = '#17b26a';
|
58
|
+
export const hm_colors_foreground_fg_success_secondary = '#47cd89';
|
59
|
+
export const hm_colors_foreground_fg_tertiary_600 = '#94969c';
|
60
|
+
export const hm_colors_foreground_fg_tertiary_hover = '#cecfd2';
|
61
|
+
export const hm_colors_foreground_fg_warning_primary = '#f79009';
|
62
|
+
export const hm_colors_foreground_fg_warning_secondary = '#fdb022';
|
63
|
+
export const hm_colors_foreground_fg_white = '#ffffff';
|
64
|
+
export const hm_colors_text_text_brand_primary_900 = '#f5f5f6';
|
65
|
+
export const hm_colors_text_text_brand_secondary_700 = '#cecfd2';
|
66
|
+
export const hm_colors_text_text_brand_tertiary_600 = '#94969c';
|
67
|
+
export const hm_colors_text_text_brand_tertiary_alt = '#f5f5f6';
|
68
|
+
export const hm_colors_text_text_disabled = '#85888e';
|
69
|
+
export const hm_colors_text_text_error_primary_600 = '#f97066';
|
70
|
+
export const hm_colors_text_text_placeholder = '#85888e';
|
71
|
+
export const hm_colors_text_text_placeholder_subtle = '#333741';
|
72
|
+
export const hm_colors_text_text_primary_900 = '#f5f5f6';
|
73
|
+
export const hm_colors_text_text_primary_on_brand = '#f5f5f6';
|
74
|
+
export const hm_colors_text_text_quaternary_500 = '#94969c';
|
75
|
+
export const hm_colors_text_text_quaternary_on_brand = '#94969c';
|
76
|
+
export const hm_colors_text_text_secondary_700 = '#cecfd2';
|
77
|
+
export const hm_colors_text_text_secondary_hover = '#ececed';
|
78
|
+
export const hm_colors_text_text_secondary_on_brand = '#cecfd2';
|
79
|
+
export const hm_colors_text_text_success_primary_600 = '#47cd89';
|
80
|
+
export const hm_colors_text_text_tertiary_600 = '#94969c';
|
81
|
+
export const hm_colors_text_text_tertiary_hover = '#cecfd2';
|
82
|
+
export const hm_colors_text_text_tertiary_on_brand = '#94969c';
|
83
|
+
export const hm_colors_text_text_warning_primary_600 = '#fdb022';
|
84
|
+
export const hm_colors_text_text_white = '#ffffff';
|
85
|
+
export const hm_colors_base_black = '#000000';
|
86
|
+
export const hm_colors_base_transparent = '#ffffff00';
|
87
|
+
export const hm_colors_base_white = '#ffffff';
|
88
|
+
export const hm_colors_blue_25 = '#f5faff';
|
89
|
+
export const hm_colors_blue_50 = '#eff8ff';
|
90
|
+
export const hm_colors_blue_100 = '#d1e9ff';
|
91
|
+
export const hm_colors_blue_200 = '#b2ddff';
|
92
|
+
export const hm_colors_blue_300 = '#84caff';
|
93
|
+
export const hm_colors_blue_400 = '#53b1fd';
|
94
|
+
export const hm_colors_blue_500 = '#2e90fa';
|
95
|
+
export const hm_colors_blue_600 = '#1570ef';
|
96
|
+
export const hm_colors_blue_700 = '#175cd3';
|
97
|
+
export const hm_colors_blue_800 = '#1849a9';
|
98
|
+
export const hm_colors_blue_900 = '#194185';
|
99
|
+
export const hm_colors_blue_950 = '#102a56';
|
100
|
+
export const hm_colors_blue_dark_25 = '#f5f8ff';
|
101
|
+
export const hm_colors_blue_dark_50 = '#eff4ff';
|
102
|
+
export const hm_colors_blue_dark_100 = '#d1e0ff';
|
103
|
+
export const hm_colors_blue_dark_200 = '#b2ccff';
|
104
|
+
export const hm_colors_blue_dark_300 = '#84adff';
|
105
|
+
export const hm_colors_blue_dark_400 = '#528bff';
|
106
|
+
export const hm_colors_blue_dark_500 = '#2970ff';
|
107
|
+
export const hm_colors_blue_dark_600 = '#155eef';
|
108
|
+
export const hm_colors_blue_dark_700 = '#004eeb';
|
109
|
+
export const hm_colors_blue_dark_800 = '#0040c1';
|
110
|
+
export const hm_colors_blue_dark_900 = '#00359e';
|
111
|
+
export const hm_colors_blue_dark_950 = '#002266';
|
112
|
+
export const hm_colors_blue_light_25 = '#f5fbff';
|
113
|
+
export const hm_colors_blue_light_50 = '#f0f9ff';
|
114
|
+
export const hm_colors_blue_light_100 = '#e0f2fe';
|
115
|
+
export const hm_colors_blue_light_200 = '#b9e6fe';
|
116
|
+
export const hm_colors_blue_light_300 = '#7cd4fd';
|
117
|
+
export const hm_colors_blue_light_400 = '#36bffa';
|
118
|
+
export const hm_colors_blue_light_500 = '#0ba5ec';
|
119
|
+
export const hm_colors_blue_light_600 = '#0086c9';
|
120
|
+
export const hm_colors_blue_light_700 = '#026aa2';
|
121
|
+
export const hm_colors_blue_light_800 = '#065986';
|
122
|
+
export const hm_colors_blue_light_900 = '#0b4a6f';
|
123
|
+
export const hm_colors_blue_light_950 = '#062c41';
|
124
|
+
export const hm_colors_brand_25 = '#fcfaff';
|
125
|
+
export const hm_colors_brand_50 = '#f9f5ff';
|
126
|
+
export const hm_colors_brand_100 = '#f4ebff';
|
127
|
+
export const hm_colors_brand_200 = '#e9d7fe';
|
128
|
+
export const hm_colors_brand_300 = '#d6bbfb';
|
129
|
+
export const hm_colors_brand_400 = '#b692f6';
|
130
|
+
export const hm_colors_brand_500 = '#9e77ed';
|
131
|
+
export const hm_colors_brand_600 = '#7f56d9';
|
132
|
+
export const hm_colors_brand_700 = '#6941c6';
|
133
|
+
export const hm_colors_brand_800 = '#53389e';
|
134
|
+
export const hm_colors_brand_900 = '#42307d';
|
135
|
+
export const hm_colors_brand_950 = '#2c1c5f';
|
136
|
+
export const hm_colors_cyan_25 = '#f5feff';
|
137
|
+
export const hm_colors_cyan_50 = '#ecfdff';
|
138
|
+
export const hm_colors_cyan_100 = '#cff9fe';
|
139
|
+
export const hm_colors_cyan_200 = '#a5f0fc';
|
140
|
+
export const hm_colors_cyan_300 = '#67e3f9';
|
141
|
+
export const hm_colors_cyan_400 = '#22ccee';
|
142
|
+
export const hm_colors_cyan_500 = '#06aed4';
|
143
|
+
export const hm_colors_cyan_600 = '#088ab2';
|
144
|
+
export const hm_colors_cyan_700 = '#0e7090';
|
145
|
+
export const hm_colors_cyan_800 = '#155b75';
|
146
|
+
export const hm_colors_cyan_900 = '#164c63';
|
147
|
+
export const hm_colors_cyan_950 = '#0d2d3a';
|
148
|
+
export const hm_colors_error_25 = '#fffbfa';
|
149
|
+
export const hm_colors_error_50 = '#fef3f2';
|
150
|
+
export const hm_colors_error_100 = '#fee4e2';
|
151
|
+
export const hm_colors_error_200 = '#fecdca';
|
152
|
+
export const hm_colors_error_300 = '#fda29b';
|
153
|
+
export const hm_colors_error_400 = '#f97066';
|
154
|
+
export const hm_colors_error_500 = '#f04438';
|
155
|
+
export const hm_colors_error_600 = '#d92d20';
|
156
|
+
export const hm_colors_error_700 = '#b42318';
|
157
|
+
export const hm_colors_error_800 = '#912018';
|
158
|
+
export const hm_colors_error_900 = '#7a271a';
|
159
|
+
export const hm_colors_error_950 = '#55160c';
|
160
|
+
export const hm_colors_fuchsia_25 = '#fefaff';
|
161
|
+
export const hm_colors_fuchsia_50 = '#fdf4ff';
|
162
|
+
export const hm_colors_fuchsia_100 = '#fbe8ff';
|
163
|
+
export const hm_colors_fuchsia_200 = '#f6d0fe';
|
164
|
+
export const hm_colors_fuchsia_300 = '#eeaafd';
|
165
|
+
export const hm_colors_fuchsia_400 = '#e478fa';
|
166
|
+
export const hm_colors_fuchsia_500 = '#d444f1';
|
167
|
+
export const hm_colors_fuchsia_600 = '#ba24d5';
|
168
|
+
export const hm_colors_fuchsia_700 = '#9f1ab1';
|
169
|
+
export const hm_colors_fuchsia_800 = '#821890';
|
170
|
+
export const hm_colors_fuchsia_900 = '#6f1877';
|
171
|
+
export const hm_colors_fuchsia_950 = '#47104c';
|
172
|
+
export const hm_colors_gray__alpha_25 = '#fffffffa';
|
173
|
+
export const hm_colors_gray__alpha_50 = '#fffffff5';
|
174
|
+
export const hm_colors_gray__alpha_100 = '#fffffff0';
|
175
|
+
export const hm_colors_gray__alpha_200 = '#ffffffeb';
|
176
|
+
export const hm_colors_gray__alpha_300 = '#ffffffcc';
|
177
|
+
export const hm_colors_gray__alpha_400 = '#ffffff8f';
|
178
|
+
export const hm_colors_gray__alpha_500 = '#ffffff80';
|
179
|
+
export const hm_colors_gray__alpha_600 = '#ffffff59';
|
180
|
+
export const hm_colors_gray__alpha_700 = '#ffffff29';
|
181
|
+
export const hm_colors_gray__alpha_800 = '#ffffff14';
|
182
|
+
export const hm_colors_gray__alpha_900 = '#ffffff0a';
|
183
|
+
export const hm_colors_gray__alpha_950 = '#ffffff00';
|
184
|
+
export const hm_colors_gray__25 = '#fafafa';
|
185
|
+
export const hm_colors_gray__50 = '#f5f5f6';
|
186
|
+
export const hm_colors_gray__100 = '#f0f1f1';
|
187
|
+
export const hm_colors_gray__200 = '#ececed';
|
188
|
+
export const hm_colors_gray__300 = '#cecfd2';
|
189
|
+
export const hm_colors_gray__400 = '#94969c';
|
190
|
+
export const hm_colors_gray__500 = '#85888e';
|
191
|
+
export const hm_colors_gray__600 = '#61646c';
|
192
|
+
export const hm_colors_gray__700 = '#333741';
|
193
|
+
export const hm_colors_gray__800 = '#1f242f';
|
194
|
+
export const hm_colors_gray__900 = '#161b26';
|
195
|
+
export const hm_colors_gray__950 = '#0c111d';
|
196
|
+
export const hm_colors_gray_blue_25 = '#fcfcfd';
|
197
|
+
export const hm_colors_gray_blue_50 = '#f8f9fc';
|
198
|
+
export const hm_colors_gray_blue_100 = '#eaecf5';
|
199
|
+
export const hm_colors_gray_blue_200 = '#d5d9eb';
|
200
|
+
export const hm_colors_gray_blue_300 = '#b3b8db';
|
201
|
+
export const hm_colors_gray_blue_400 = '#717bbc';
|
202
|
+
export const hm_colors_gray_blue_500 = '#4e5ba6';
|
203
|
+
export const hm_colors_gray_blue_600 = '#3e4784';
|
204
|
+
export const hm_colors_gray_blue_700 = '#363f72';
|
205
|
+
export const hm_colors_gray_blue_800 = '#293056';
|
206
|
+
export const hm_colors_gray_blue_900 = '#101323';
|
207
|
+
export const hm_colors_gray_blue_950 = '#0d0f1c';
|
208
|
+
export const hm_colors_gray_cool_25 = '#fcfcfd';
|
209
|
+
export const hm_colors_gray_cool_50 = '#f9f9fb';
|
210
|
+
export const hm_colors_gray_cool_100 = '#eff1f5';
|
211
|
+
export const hm_colors_gray_cool_200 = '#dcdfea';
|
212
|
+
export const hm_colors_gray_cool_300 = '#b9c0d4';
|
213
|
+
export const hm_colors_gray_cool_400 = '#7d89b0';
|
214
|
+
export const hm_colors_gray_cool_500 = '#5d6b98';
|
215
|
+
export const hm_colors_gray_cool_600 = '#4a5578';
|
216
|
+
export const hm_colors_gray_cool_700 = '#404968';
|
217
|
+
export const hm_colors_gray_cool_800 = '#30374f';
|
218
|
+
export const hm_colors_gray_cool_900 = '#111322';
|
219
|
+
export const hm_colors_gray_cool_950 = '#0e101b';
|
220
|
+
export const hm_colors_gray_iron_25 = '#fcfcfc';
|
221
|
+
export const hm_colors_gray_iron_50 = '#fafafa';
|
222
|
+
export const hm_colors_gray_iron_100 = '#f4f4f5';
|
223
|
+
export const hm_colors_gray_iron_200 = '#e4e4e7';
|
224
|
+
export const hm_colors_gray_iron_300 = '#d1d1d6';
|
225
|
+
export const hm_colors_gray_iron_400 = '#a0a0ab';
|
226
|
+
export const hm_colors_gray_iron_500 = '#70707b';
|
227
|
+
export const hm_colors_gray_iron_600 = '#51525c';
|
228
|
+
export const hm_colors_gray_iron_700 = '#3f3f46';
|
229
|
+
export const hm_colors_gray_iron_800 = '#26272b';
|
230
|
+
export const hm_colors_gray_iron_900 = '#1a1a1e';
|
231
|
+
export const hm_colors_gray_iron_950 = '#131316';
|
232
|
+
export const hm_colors_gray_modern_25 = '#fcfcfd';
|
233
|
+
export const hm_colors_gray_modern_50 = '#f8fafc';
|
234
|
+
export const hm_colors_gray_modern_100 = '#eef2f6';
|
235
|
+
export const hm_colors_gray_modern_200 = '#e3e8ef';
|
236
|
+
export const hm_colors_gray_modern_300 = '#cdd5df';
|
237
|
+
export const hm_colors_gray_modern_400 = '#9aa4b2';
|
238
|
+
export const hm_colors_gray_modern_500 = '#697586';
|
239
|
+
export const hm_colors_gray_modern_600 = '#4b5565';
|
240
|
+
export const hm_colors_gray_modern_700 = '#364152';
|
241
|
+
export const hm_colors_gray_modern_800 = '#202939';
|
242
|
+
export const hm_colors_gray_modern_900 = '#121926';
|
243
|
+
export const hm_colors_gray_modern_950 = '#0d121c';
|
244
|
+
export const hm_colors_gray_neutral_25 = '#fcfcfd';
|
245
|
+
export const hm_colors_gray_neutral_50 = '#f9fafb';
|
246
|
+
export const hm_colors_gray_neutral_100 = '#f3f4f6';
|
247
|
+
export const hm_colors_gray_neutral_200 = '#e5e7eb';
|
248
|
+
export const hm_colors_gray_neutral_300 = '#d2d6db';
|
249
|
+
export const hm_colors_gray_neutral_400 = '#9da4ae';
|
250
|
+
export const hm_colors_gray_neutral_500 = '#6c737f';
|
251
|
+
export const hm_colors_gray_neutral_600 = '#4d5761';
|
252
|
+
export const hm_colors_gray_neutral_700 = '#384250';
|
253
|
+
export const hm_colors_gray_neutral_800 = '#1f2a37';
|
254
|
+
export const hm_colors_gray_neutral_900 = '#111927';
|
255
|
+
export const hm_colors_gray_neutral_950 = '#0d121c';
|
256
|
+
export const hm_colors_gray_true_25 = '#fcfcfc';
|
257
|
+
export const hm_colors_gray_true_50 = '#fafafa';
|
258
|
+
export const hm_colors_gray_true_100 = '#f5f5f5';
|
259
|
+
export const hm_colors_gray_true_200 = '#e5e5e5';
|
260
|
+
export const hm_colors_gray_true_300 = '#d6d6d6';
|
261
|
+
export const hm_colors_gray_true_400 = '#a3a3a3';
|
262
|
+
export const hm_colors_gray_true_500 = '#737373';
|
263
|
+
export const hm_colors_gray_true_600 = '#525252';
|
264
|
+
export const hm_colors_gray_true_700 = '#424242';
|
265
|
+
export const hm_colors_gray_true_800 = '#292929';
|
266
|
+
export const hm_colors_gray_true_900 = '#141414';
|
267
|
+
export const hm_colors_gray_true_950 = '#0f0f0f';
|
268
|
+
export const hm_colors_gray_warm_25 = '#fdfdfc';
|
269
|
+
export const hm_colors_gray_warm_50 = '#fafaf9';
|
270
|
+
export const hm_colors_gray_warm_100 = '#f5f5f4';
|
271
|
+
export const hm_colors_gray_warm_200 = '#e7e5e4';
|
272
|
+
export const hm_colors_gray_warm_300 = '#d7d3d0';
|
273
|
+
export const hm_colors_gray_warm_400 = '#a9a29d';
|
274
|
+
export const hm_colors_gray_warm_500 = '#79716b';
|
275
|
+
export const hm_colors_gray_warm_600 = '#57534e';
|
276
|
+
export const hm_colors_gray_warm_700 = '#44403c';
|
277
|
+
export const hm_colors_gray_warm_800 = '#292524';
|
278
|
+
export const hm_colors_gray_warm_900 = '#1c1917';
|
279
|
+
export const hm_colors_gray_warm_950 = '#171412';
|
280
|
+
export const hm_colors_green_25 = '#f6fef9';
|
281
|
+
export const hm_colors_green_50 = '#edfcf2';
|
282
|
+
export const hm_colors_green_100 = '#d3f8df';
|
283
|
+
export const hm_colors_green_200 = '#aaf0c4';
|
284
|
+
export const hm_colors_green_300 = '#73e2a3';
|
285
|
+
export const hm_colors_green_400 = '#3ccb7f';
|
286
|
+
export const hm_colors_green_500 = '#16b364';
|
287
|
+
export const hm_colors_green_600 = '#099250';
|
288
|
+
export const hm_colors_green_700 = '#087443';
|
289
|
+
export const hm_colors_green_800 = '#095c37';
|
290
|
+
export const hm_colors_green_900 = '#084c2e';
|
291
|
+
export const hm_colors_green_950 = '#052e1c';
|
292
|
+
export const hm_colors_green_light_25 = '#fafef5';
|
293
|
+
export const hm_colors_green_light_50 = '#f3fee7';
|
294
|
+
export const hm_colors_green_light_100 = '#e3fbcc';
|
295
|
+
export const hm_colors_green_light_200 = '#d0f8ab';
|
296
|
+
export const hm_colors_green_light_300 = '#a6ef67';
|
297
|
+
export const hm_colors_green_light_400 = '#85e13a';
|
298
|
+
export const hm_colors_green_light_500 = '#66c61c';
|
299
|
+
export const hm_colors_green_light_600 = '#4ca30d';
|
300
|
+
export const hm_colors_green_light_700 = '#3b7c0f';
|
301
|
+
export const hm_colors_green_light_800 = '#326212';
|
302
|
+
export const hm_colors_green_light_900 = '#2b5314';
|
303
|
+
export const hm_colors_green_light_950 = '#15290a';
|
304
|
+
export const hm_colors_indigo_25 = '#f5f8ff';
|
305
|
+
export const hm_colors_indigo_50 = '#eef4ff';
|
306
|
+
export const hm_colors_indigo_100 = '#e0eaff';
|
307
|
+
export const hm_colors_indigo_200 = '#c7d7fe';
|
308
|
+
export const hm_colors_indigo_300 = '#a4bcfd';
|
309
|
+
export const hm_colors_indigo_400 = '#8098f9';
|
310
|
+
export const hm_colors_indigo_500 = '#6172f3';
|
311
|
+
export const hm_colors_indigo_600 = '#444ce7';
|
312
|
+
export const hm_colors_indigo_700 = '#3538cd';
|
313
|
+
export const hm_colors_indigo_800 = '#2d31a6';
|
314
|
+
export const hm_colors_indigo_900 = '#2d3282';
|
315
|
+
export const hm_colors_indigo_950 = '#1f235b';
|
316
|
+
export const hm_colors_moss_25 = '#fafdf7';
|
317
|
+
export const hm_colors_moss_50 = '#f5fbee';
|
318
|
+
export const hm_colors_moss_100 = '#e6f4d7';
|
319
|
+
export const hm_colors_moss_200 = '#ceeab0';
|
320
|
+
export const hm_colors_moss_300 = '#acdc79';
|
321
|
+
export const hm_colors_moss_400 = '#86cb3c';
|
322
|
+
export const hm_colors_moss_500 = '#669f2a';
|
323
|
+
export const hm_colors_moss_600 = '#4f7a21';
|
324
|
+
export const hm_colors_moss_700 = '#3f621a';
|
325
|
+
export const hm_colors_moss_800 = '#335015';
|
326
|
+
export const hm_colors_moss_900 = '#2b4212';
|
327
|
+
export const hm_colors_moss_950 = '#1a280b';
|
328
|
+
export const hm_colors_orange_25 = '#fefaf5';
|
329
|
+
export const hm_colors_orange_50 = '#fef6ee';
|
330
|
+
export const hm_colors_orange_100 = '#fdead7';
|
331
|
+
export const hm_colors_orange_200 = '#f9dbaf';
|
332
|
+
export const hm_colors_orange_300 = '#f7b27a';
|
333
|
+
export const hm_colors_orange_400 = '#f38744';
|
334
|
+
export const hm_colors_orange_500 = '#ef6820';
|
335
|
+
export const hm_colors_orange_600 = '#e04f16';
|
336
|
+
export const hm_colors_orange_700 = '#b93815';
|
337
|
+
export const hm_colors_orange_800 = '#932f19';
|
338
|
+
export const hm_colors_orange_900 = '#772917';
|
339
|
+
export const hm_colors_orange_950 = '#511c10';
|
340
|
+
export const hm_colors_orange_dark_25 = '#fff9f5';
|
341
|
+
export const hm_colors_orange_dark_50 = '#fff4ed';
|
342
|
+
export const hm_colors_orange_dark_100 = '#ffe6d5';
|
343
|
+
export const hm_colors_orange_dark_200 = '#ffd6ae';
|
344
|
+
export const hm_colors_orange_dark_300 = '#ff9c66';
|
345
|
+
export const hm_colors_orange_dark_400 = '#ff692e';
|
346
|
+
export const hm_colors_orange_dark_500 = '#ff4405';
|
347
|
+
export const hm_colors_orange_dark_600 = '#e62e05';
|
348
|
+
export const hm_colors_orange_dark_700 = '#bc1b06';
|
349
|
+
export const hm_colors_orange_dark_800 = '#97180c';
|
350
|
+
export const hm_colors_orange_dark_900 = '#771a0d';
|
351
|
+
export const hm_colors_orange_dark_950 = '#57130a';
|
352
|
+
export const hm_colors_pink_25 = '#fef6fb';
|
353
|
+
export const hm_colors_pink_50 = '#fdf2fa';
|
354
|
+
export const hm_colors_pink_100 = '#fce7f6';
|
355
|
+
export const hm_colors_pink_200 = '#fcceee';
|
356
|
+
export const hm_colors_pink_300 = '#faa7e0';
|
357
|
+
export const hm_colors_pink_400 = '#f670c7';
|
358
|
+
export const hm_colors_pink_500 = '#ee46bc';
|
359
|
+
export const hm_colors_pink_600 = '#dd2590';
|
360
|
+
export const hm_colors_pink_700 = '#c11574';
|
361
|
+
export const hm_colors_pink_800 = '#9e165f';
|
362
|
+
export const hm_colors_pink_900 = '#851651';
|
363
|
+
export const hm_colors_pink_950 = '#4e0d30';
|
364
|
+
export const hm_colors_purple_25 = '#fafaff';
|
365
|
+
export const hm_colors_purple_50 = '#f4f3ff';
|
366
|
+
export const hm_colors_purple_100 = '#ebe9fe';
|
367
|
+
export const hm_colors_purple_200 = '#d9d6fe';
|
368
|
+
export const hm_colors_purple_300 = '#bdb4fe';
|
369
|
+
export const hm_colors_purple_400 = '#9b8afb';
|
370
|
+
export const hm_colors_purple_500 = '#7a5af8';
|
371
|
+
export const hm_colors_purple_600 = '#6938ef';
|
372
|
+
export const hm_colors_purple_700 = '#5925dc';
|
373
|
+
export const hm_colors_purple_800 = '#4a1fb8';
|
374
|
+
export const hm_colors_purple_900 = '#3e1c96';
|
375
|
+
export const hm_colors_purple_950 = '#27115f';
|
376
|
+
export const hm_colors_ros_25 = '#fff5f6';
|
377
|
+
export const hm_colors_ros_50 = '#fff1f3';
|
378
|
+
export const hm_colors_ros_100 = '#ffe4e8';
|
379
|
+
export const hm_colors_ros_200 = '#fecdd6';
|
380
|
+
export const hm_colors_ros_300 = '#fea3b4';
|
381
|
+
export const hm_colors_ros_400 = '#fd6f8e';
|
382
|
+
export const hm_colors_ros_500 = '#f63d68';
|
383
|
+
export const hm_colors_ros_600 = '#e31b54';
|
384
|
+
export const hm_colors_ros_700 = '#c01048';
|
385
|
+
export const hm_colors_ros_800 = '#a11043';
|
386
|
+
export const hm_colors_ros_900 = '#89123e';
|
387
|
+
export const hm_colors_ros_950 = '#510b24';
|
388
|
+
export const hm_colors_success_25 = '#f6fef9';
|
389
|
+
export const hm_colors_success_50 = '#ecfdf3';
|
390
|
+
export const hm_colors_success_100 = '#dcfae6';
|
391
|
+
export const hm_colors_success_200 = '#abefc6';
|
392
|
+
export const hm_colors_success_300 = '#75e0a7';
|
393
|
+
export const hm_colors_success_400 = '#47cd89';
|
394
|
+
export const hm_colors_success_500 = '#17b26a';
|
395
|
+
export const hm_colors_success_600 = '#079455';
|
396
|
+
export const hm_colors_success_700 = '#067647';
|
397
|
+
export const hm_colors_success_800 = '#085d3a';
|
398
|
+
export const hm_colors_success_900 = '#074d31';
|
399
|
+
export const hm_colors_success_950 = '#053321';
|
400
|
+
export const hm_colors_teal_25 = '#f6fefc';
|
401
|
+
export const hm_colors_teal_50 = '#f0fdf9';
|
402
|
+
export const hm_colors_teal_100 = '#ccfbef';
|
403
|
+
export const hm_colors_teal_200 = '#99f6e0';
|
404
|
+
export const hm_colors_teal_300 = '#5fe9d0';
|
405
|
+
export const hm_colors_teal_400 = '#2ed3b7';
|
406
|
+
export const hm_colors_teal_500 = '#15b79e';
|
407
|
+
export const hm_colors_teal_600 = '#0e9384';
|
408
|
+
export const hm_colors_teal_700 = '#107569';
|
409
|
+
export const hm_colors_teal_800 = '#125d56';
|
410
|
+
export const hm_colors_teal_900 = '#134e48';
|
411
|
+
export const hm_colors_teal_950 = '#0a2926';
|
412
|
+
export const hm_colors_violet_25 = '#fbfaff';
|
413
|
+
export const hm_colors_violet_50 = '#f5f3ff';
|
414
|
+
export const hm_colors_violet_100 = '#ece9fe';
|
415
|
+
export const hm_colors_violet_200 = '#ddd6fe';
|
416
|
+
export const hm_colors_violet_300 = '#c3b5fd';
|
417
|
+
export const hm_colors_violet_400 = '#a48afb';
|
418
|
+
export const hm_colors_violet_500 = '#875bf7';
|
419
|
+
export const hm_colors_violet_600 = '#7839ee';
|
420
|
+
export const hm_colors_violet_700 = '#6927da';
|
421
|
+
export const hm_colors_violet_800 = '#5720b7';
|
422
|
+
export const hm_colors_violet_900 = '#491c96';
|
423
|
+
export const hm_colors_violet_950 = '#2e125e';
|
424
|
+
export const hm_colors_warning_25 = '#fffcf5';
|
425
|
+
export const hm_colors_warning_50 = '#fffaeb';
|
426
|
+
export const hm_colors_warning_100 = '#fef0c7';
|
427
|
+
export const hm_colors_warning_200 = '#fedf89';
|
428
|
+
export const hm_colors_warning_300 = '#fec84b';
|
429
|
+
export const hm_colors_warning_400 = '#fdb022';
|
430
|
+
export const hm_colors_warning_500 = '#f79009';
|
431
|
+
export const hm_colors_warning_600 = '#dc6803';
|
432
|
+
export const hm_colors_warning_700 = '#b54708';
|
433
|
+
export const hm_colors_warning_800 = '#93370d';
|
434
|
+
export const hm_colors_warning_900 = '#7a2e0e';
|
435
|
+
export const hm_colors_warning_950 = '#4e1d09';
|
436
|
+
export const hm_colors_yellow_25 = '#fefdf0';
|
437
|
+
export const hm_colors_yellow_50 = '#fefbe8';
|
438
|
+
export const hm_colors_yellow_100 = '#fef7c3';
|
439
|
+
export const hm_colors_yellow_200 = '#feee95';
|
440
|
+
export const hm_colors_yellow_300 = '#fde272';
|
441
|
+
export const hm_colors_yellow_400 = '#fac515';
|
442
|
+
export const hm_colors_yellow_500 = '#eaaa08';
|
443
|
+
export const hm_colors_yellow_600 = '#ca8504';
|
444
|
+
export const hm_colors_yellow_700 = '#a15c07';
|
445
|
+
export const hm_colors_yellow_800 = '#854a0e';
|
446
|
+
export const hm_colors_yellow_900 = '#713b12';
|
447
|
+
export const hm_colors_yellow_950 = '#542c0d';
|
448
|
+
export const hm_component_colors_alpha_alpha_black_10 = '#ffffff1a';
|
449
|
+
export const hm_component_colors_alpha_alpha_black_100 = '#ffffff';
|
450
|
+
export const hm_component_colors_alpha_alpha_black_20 = '#ffffff33';
|
451
|
+
export const hm_component_colors_alpha_alpha_black_30 = '#ffffff4d';
|
452
|
+
export const hm_component_colors_alpha_alpha_black_40 = '#ffffff66';
|
453
|
+
export const hm_component_colors_alpha_alpha_black_50 = '#ffffff80';
|
454
|
+
export const hm_component_colors_alpha_alpha_black_60 = '#ffffff99';
|
455
|
+
export const hm_component_colors_alpha_alpha_black_70 = '#ffffffb3';
|
456
|
+
export const hm_component_colors_alpha_alpha_black_80 = '#ffffffcc';
|
457
|
+
export const hm_component_colors_alpha_alpha_black_90 = '#ffffffe6';
|
458
|
+
export const hm_component_colors_alpha_alpha_white_10 = '#0c111d1a';
|
459
|
+
export const hm_component_colors_alpha_alpha_white_100 = '#0c111d';
|
460
|
+
export const hm_component_colors_alpha_alpha_white_20 = '#0c111d33';
|
461
|
+
export const hm_component_colors_alpha_alpha_white_30 = '#0c111d4d';
|
462
|
+
export const hm_component_colors_alpha_alpha_white_40 = '#0c111d66';
|
463
|
+
export const hm_component_colors_alpha_alpha_white_50 = '#0c111d80';
|
464
|
+
export const hm_component_colors_alpha_alpha_white_60 = '#0c111d99';
|
465
|
+
export const hm_component_colors_alpha_alpha_white_70 = '#0c111db3';
|
466
|
+
export const hm_component_colors_alpha_alpha_white_80 = '#0c111dcc';
|
467
|
+
export const hm_component_colors_alpha_alpha_white_90 = '#0c111de6';
|
468
|
+
export const hm_component_colors_components_app_store_badges_app_store_badge_border = '#ffffff';
|
469
|
+
export const hm_component_colors_components_application_navigation_nav_item_button_icon_fg = '#94969c';
|
470
|
+
export const hm_component_colors_components_application_navigation_nav_item_button_icon_fg_active = '#ececed';
|
471
|
+
export const hm_component_colors_components_application_navigation_nav_item_icon_fg = '#94969c';
|
472
|
+
export const hm_component_colors_components_application_navigation_nav_item_icon_fg_active = '#ececed';
|
473
|
+
export const hm_component_colors_components_avatars_avatar_bg = '#1f242f';
|
474
|
+
export const hm_component_colors_components_avatars_avatar_contrast_border = '#ffffff1f';
|
475
|
+
export const hm_component_colors_components_avatars_avatar_focus_border = '#98a2b324';
|
476
|
+
export const hm_component_colors_components_avatars_avatar_profile_photo_border = '#0c111d';
|
477
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_bg_hover = '#1f242f';
|
478
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_brand_bg_hover = '#1f242f';
|
479
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_brand_fg_hover = '#ffffff';
|
480
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_brand_icon_fg_hover = '#ffffff';
|
481
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_fg = '#cecfd2';
|
482
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_fg_hover = '#ffffff';
|
483
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_icon_fg = '#94969c';
|
484
|
+
export const hm_component_colors_components_breadcrumbs_breadcrumb_icon_fg_hover = '#ffffff';
|
485
|
+
export const hm_component_colors_components_buttons_primary_button_primary_bg = '#7f56d9';
|
486
|
+
export const hm_component_colors_components_buttons_primary_button_primary_bg_hover = '#6941c6';
|
487
|
+
export const hm_component_colors_components_buttons_primary_button_primary_border = '#7f56d9';
|
488
|
+
export const hm_component_colors_components_buttons_primary_button_primary_border_hover = '#6941c6';
|
489
|
+
export const hm_component_colors_components_buttons_primary_button_primary_fg = '#ffffff';
|
490
|
+
export const hm_component_colors_components_buttons_primary_button_primary_fg_hover = '#ffffff';
|
491
|
+
export const hm_component_colors_components_buttons_primary_error_button_primary_error_bg = '#d92d20';
|
492
|
+
export const hm_component_colors_components_buttons_primary_error_button_primary_error_bg_hover = '#b42318';
|
493
|
+
export const hm_component_colors_components_buttons_primary_error_button_primary_error_border = '#d92d20';
|
494
|
+
export const hm_component_colors_components_buttons_primary_error_button_primary_error_border_hover = '#b42318';
|
495
|
+
export const hm_component_colors_components_buttons_primary_error_button_primary_error_fg = '#ffffff';
|
496
|
+
export const hm_component_colors_components_buttons_primary_error_button_primary_error_fg_hover = '#ffffff';
|
497
|
+
export const hm_component_colors_components_buttons_secondary_button_secondary_bg = '#161b26';
|
498
|
+
export const hm_component_colors_components_buttons_secondary_button_secondary_bg_hover = '#1f242f';
|
499
|
+
export const hm_component_colors_components_buttons_secondary_button_secondary_border = '#333741';
|
500
|
+
export const hm_component_colors_components_buttons_secondary_button_secondary_border_hover = '#333741';
|
501
|
+
export const hm_component_colors_components_buttons_secondary_button_secondary_fg = '#cecfd2';
|
502
|
+
export const hm_component_colors_components_buttons_secondary_button_secondary_fg_hover = '#f0f1f1';
|
503
|
+
export const hm_component_colors_components_buttons_secondary_color_button_secondary_color_bg = '#161b26';
|
504
|
+
export const hm_component_colors_components_buttons_secondary_color_button_secondary_color_bg_hover = '#1f242f';
|
505
|
+
export const hm_component_colors_components_buttons_secondary_color_button_secondary_color_border = '#333741';
|
506
|
+
export const hm_component_colors_components_buttons_secondary_color_button_secondary_color_border_hover = '#333741';
|
507
|
+
export const hm_component_colors_components_buttons_secondary_color_button_secondary_color_fg = '#cecfd2';
|
508
|
+
export const hm_component_colors_components_buttons_secondary_color_button_secondary_color_fg_hover = '#f0f1f1';
|
509
|
+
export const hm_component_colors_components_buttons_secondary_error_button_secondary_error_bg = '#55160c';
|
510
|
+
export const hm_component_colors_components_buttons_secondary_error_button_secondary_error_bg_hover = '#7a271a';
|
511
|
+
export const hm_component_colors_components_buttons_secondary_error_button_secondary_error_border = '#912018';
|
512
|
+
export const hm_component_colors_components_buttons_secondary_error_button_secondary_error_border_hover = '#b42318';
|
513
|
+
export const hm_component_colors_components_buttons_secondary_error_button_secondary_error_fg = '#fecdca';
|
514
|
+
export const hm_component_colors_components_buttons_secondary_error_button_secondary_error_fg_hover = '#fee4e2';
|
515
|
+
export const hm_component_colors_components_buttons_tertiary_button_tertiary_bg_hover = '#1f242f';
|
516
|
+
export const hm_component_colors_components_buttons_tertiary_button_tertiary_fg = '#94969c';
|
517
|
+
export const hm_component_colors_components_buttons_tertiary_button_tertiary_fg_hover = '#ececed';
|
518
|
+
export const hm_component_colors_components_buttons_tertiary_color_button_tertiary_color_bg_hover = '#1f242f';
|
519
|
+
export const hm_component_colors_components_buttons_tertiary_color_button_tertiary_color_fg = '#cecfd2';
|
520
|
+
export const hm_component_colors_components_buttons_tertiary_color_button_tertiary_color_fg_hover = '#f0f1f1';
|
521
|
+
export const hm_component_colors_components_buttons_tertiary_error_button_tertiary_error_bg_hover = '#7a271a';
|
522
|
+
export const hm_component_colors_components_buttons_tertiary_error_button_tertiary_error_fg = '#fda29b';
|
523
|
+
export const hm_component_colors_components_buttons_tertiary_error_button_tertiary_error_fg_hover = '#fecdca';
|
524
|
+
export const hm_component_colors_components_footers_footer_badge_bg = '#ffffff1a';
|
525
|
+
export const hm_component_colors_components_footers_footer_badge_border = '#ffffff4d';
|
526
|
+
export const hm_component_colors_components_footers_footer_badge_fg = '#ffffff';
|
527
|
+
export const hm_component_colors_components_footers_footer_button_fg = '#cecfd2';
|
528
|
+
export const hm_component_colors_components_footers_footer_button_fg_hover = '#f0f1f1';
|
529
|
+
export const hm_component_colors_components_header_sections_header_abstract_100_bg = '#1f242f';
|
530
|
+
export const hm_component_colors_components_header_sections_header_abstract_200_bg = '#333741';
|
531
|
+
export const hm_component_colors_components_header_sections_header_abstract_300_bg = '#61646c';
|
532
|
+
export const hm_component_colors_components_header_sections_header_abstract_50_bg = '#161b26';
|
533
|
+
export const hm_component_colors_components_icons_featured_icons_dark_featured_icon_dark_fg_brand = '#e9d7fe';
|
534
|
+
export const hm_component_colors_components_icons_featured_icons_dark_featured_icon_dark_fg_error = '#fecdca';
|
535
|
+
export const hm_component_colors_components_icons_featured_icons_dark_featured_icon_dark_fg_gray = '#ececed';
|
536
|
+
export const hm_component_colors_components_icons_featured_icons_dark_featured_icon_dark_fg_success = '#abefc6';
|
537
|
+
export const hm_component_colors_components_icons_featured_icons_dark_featured_icon_dark_fg_warning = '#fedf89';
|
538
|
+
export const hm_component_colors_components_icons_featured_icons_light_featured_icon_light_fg_brand = '#e9d7fe';
|
539
|
+
export const hm_component_colors_components_icons_featured_icons_light_featured_icon_light_fg_error = '#fecdca';
|
540
|
+
export const hm_component_colors_components_icons_featured_icons_light_featured_icon_light_fg_gray = '#ececed';
|
541
|
+
export const hm_component_colors_components_icons_featured_icons_light_featured_icon_light_fg_success = '#abefc6';
|
542
|
+
export const hm_component_colors_components_icons_featured_icons_light_featured_icon_light_fg_warning = '#fedf89';
|
543
|
+
export const hm_component_colors_components_icons_featured_icons_modern_featured_icon_modern_border = '#333741';
|
544
|
+
export const hm_component_colors_components_icons_icons_icon_fg_brand = '#94969c';
|
545
|
+
export const hm_component_colors_components_icons_icons_icon_fg_brand_on_brand = '#94969c';
|
546
|
+
export const hm_component_colors_components_icons_social_icons_social_icon_fg_angellist = '#ffffff';
|
547
|
+
export const hm_component_colors_components_icons_social_icons_social_icon_fg_apple = '#ffffff';
|
548
|
+
export const hm_component_colors_components_icons_social_icons_social_icon_fg_github = '#ffffff';
|
549
|
+
export const hm_component_colors_components_icons_social_icons_social_icon_fg_instagram = '#ffffff';
|
550
|
+
export const hm_component_colors_components_icons_social_icons_social_icon_fg_tumblr = '#ffffff';
|
551
|
+
export const hm_component_colors_components_icons_social_icons_social_icon_fg_x = '#ffffff';
|
552
|
+
export const hm_component_colors_components_mockups_screen_mockup_border = '#333741';
|
553
|
+
export const hm_component_colors_components_sliders_slider_handle_bg = '#9e77ed';
|
554
|
+
export const hm_component_colors_components_sliders_slider_handle_border = '#0c111d';
|
555
|
+
export const hm_component_colors_components_thumbnail_thumbnail_badge_brand_fg = '#cecfd2';
|
556
|
+
export const hm_component_colors_components_thumbnail_thumbnail_badge_success_fg = '#cecfd2';
|
557
|
+
export const hm_component_colors_components_toggles_toggle_button_fg_disabled = '#61646c';
|
558
|
+
export const hm_component_colors_components_tooltips_tooltip_supporting_text = '#cecfd2';
|
559
|
+
export const hm_component_colors_components_wysiwyg_editor_wysiwyg_editor_icon_fg = '#94969c';
|
560
|
+
export const hm_component_colors_components_wysiwyg_editor_wysiwyg_editor_icon_fg_active = '#ffffff';
|
561
|
+
export const hm_component_colors_utility_blue_utility_blue_100 = '#194185';
|
562
|
+
export const hm_component_colors_utility_blue_utility_blue_200 = '#1849a9';
|
563
|
+
export const hm_component_colors_utility_blue_utility_blue_300 = '#175cd3';
|
564
|
+
export const hm_component_colors_utility_blue_utility_blue_400 = '#1570ef';
|
565
|
+
export const hm_component_colors_utility_blue_utility_blue_50 = '#102a56';
|
566
|
+
export const hm_component_colors_utility_blue_utility_blue_500 = '#2e90fa';
|
567
|
+
export const hm_component_colors_utility_blue_utility_blue_600 = '#53b1fd';
|
568
|
+
export const hm_component_colors_utility_blue_utility_blue_700 = '#84caff';
|
569
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_100 = '#00359e';
|
570
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_200 = '#0040c1';
|
571
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_300 = '#004eeb';
|
572
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_400 = '#155eef';
|
573
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_50 = '#002266';
|
574
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_500 = '#2970ff';
|
575
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_600 = '#528bff';
|
576
|
+
export const hm_component_colors_utility_blue_dark_utility_blue_dark_700 = '#84adff';
|
577
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_100 = '#0b4a6f';
|
578
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_200 = '#065986';
|
579
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_300 = '#026aa2';
|
580
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_400 = '#0086c9';
|
581
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_50 = '#062c41';
|
582
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_500 = '#0ba5ec';
|
583
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_600 = '#36bffa';
|
584
|
+
export const hm_component_colors_utility_blue_light_utility_blue_light_700 = '#7cd4fd';
|
585
|
+
export const hm_component_colors_utility_brand_utility_brand_100 = '#42307d';
|
586
|
+
export const hm_component_colors_utility_brand_utility_brand_100_alt = '#1f242f';
|
587
|
+
export const hm_component_colors_utility_brand_utility_brand_200 = '#53389e';
|
588
|
+
export const hm_component_colors_utility_brand_utility_brand_200_alt = '#333741';
|
589
|
+
export const hm_component_colors_utility_brand_utility_brand_300 = '#6941c6';
|
590
|
+
export const hm_component_colors_utility_brand_utility_brand_300_alt = '#333741';
|
591
|
+
export const hm_component_colors_utility_brand_utility_brand_400 = '#7f56d9';
|
592
|
+
export const hm_component_colors_utility_brand_utility_brand_400_alt = '#61646c';
|
593
|
+
export const hm_component_colors_utility_brand_utility_brand_50 = '#2c1c5f';
|
594
|
+
export const hm_component_colors_utility_brand_utility_brand_500 = '#9e77ed';
|
595
|
+
export const hm_component_colors_utility_brand_utility_brand_500_alt = '#85888e';
|
596
|
+
export const hm_component_colors_utility_brand_utility_brand_50_alt = '#161b26';
|
597
|
+
export const hm_component_colors_utility_brand_utility_brand_600 = '#b692f6';
|
598
|
+
export const hm_component_colors_utility_brand_utility_brand_600_alt = '#94969c';
|
599
|
+
export const hm_component_colors_utility_brand_utility_brand_700 = '#d6bbfb';
|
600
|
+
export const hm_component_colors_utility_brand_utility_brand_700_alt = '#cecfd2';
|
601
|
+
export const hm_component_colors_utility_brand_utility_brand_800 = '#e9d7fe';
|
602
|
+
export const hm_component_colors_utility_brand_utility_brand_800_alt = '#ececed';
|
603
|
+
export const hm_component_colors_utility_brand_utility_brand_900 = '#f4ebff';
|
604
|
+
export const hm_component_colors_utility_brand_utility_brand_900_alt = '#f0f1f1';
|
605
|
+
export const hm_component_colors_utility_error_utility_error_100 = '#7a271a';
|
606
|
+
export const hm_component_colors_utility_error_utility_error_200 = '#912018';
|
607
|
+
export const hm_component_colors_utility_error_utility_error_300 = '#b42318';
|
608
|
+
export const hm_component_colors_utility_error_utility_error_400 = '#d92d20';
|
609
|
+
export const hm_component_colors_utility_error_utility_error_50 = '#55160c';
|
610
|
+
export const hm_component_colors_utility_error_utility_error_500 = '#f04438';
|
611
|
+
export const hm_component_colors_utility_error_utility_error_600 = '#f97066';
|
612
|
+
export const hm_component_colors_utility_error_utility_error_700 = '#fda29b';
|
613
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_100 = '#6f1877';
|
614
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_200 = '#821890';
|
615
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_300 = '#9f1ab1';
|
616
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_400 = '#ba24d5';
|
617
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_50 = '#47104c';
|
618
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_500 = '#d444f1';
|
619
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_600 = '#e478fa';
|
620
|
+
export const hm_component_colors_utility_fuchsia_utility_fuchsia_700 = '#eeaafd';
|
621
|
+
export const hm_component_colors_utility_gray_utility_gray_100 = '#1f242f';
|
622
|
+
export const hm_component_colors_utility_gray_utility_gray_200 = '#333741';
|
623
|
+
export const hm_component_colors_utility_gray_utility_gray_300 = '#333741';
|
624
|
+
export const hm_component_colors_utility_gray_utility_gray_400 = '#61646c';
|
625
|
+
export const hm_component_colors_utility_gray_utility_gray_50 = '#161b26';
|
626
|
+
export const hm_component_colors_utility_gray_utility_gray_500 = '#85888e';
|
627
|
+
export const hm_component_colors_utility_gray_utility_gray_600 = '#94969c';
|
628
|
+
export const hm_component_colors_utility_gray_utility_gray_700 = '#cecfd2';
|
629
|
+
export const hm_component_colors_utility_gray_utility_gray_800 = '#ececed';
|
630
|
+
export const hm_component_colors_utility_gray_utility_gray_900 = '#f0f1f1';
|
631
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_100 = '#101323';
|
632
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_200 = '#293056';
|
633
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_300 = '#363f72';
|
634
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_400 = '#3e4784';
|
635
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_50 = '#101323';
|
636
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_500 = '#4e5ba6';
|
637
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_600 = '#717bbc';
|
638
|
+
export const hm_component_colors_utility_gray_blue_utility_gray_blue_700 = '#b3b8db';
|
639
|
+
export const hm_component_colors_utility_indigo_utility_indigo_100 = '#2d3282';
|
640
|
+
export const hm_component_colors_utility_indigo_utility_indigo_200 = '#2d31a6';
|
641
|
+
export const hm_component_colors_utility_indigo_utility_indigo_300 = '#3538cd';
|
642
|
+
export const hm_component_colors_utility_indigo_utility_indigo_400 = '#444ce7';
|
643
|
+
export const hm_component_colors_utility_indigo_utility_indigo_50 = '#1f235b';
|
644
|
+
export const hm_component_colors_utility_indigo_utility_indigo_500 = '#6172f3';
|
645
|
+
export const hm_component_colors_utility_indigo_utility_indigo_600 = '#8098f9';
|
646
|
+
export const hm_component_colors_utility_indigo_utility_indigo_700 = '#a4bcfd';
|
647
|
+
export const hm_component_colors_utility_orange_utility_orange_100 = '#772917';
|
648
|
+
export const hm_component_colors_utility_orange_utility_orange_200 = '#932f19';
|
649
|
+
export const hm_component_colors_utility_orange_utility_orange_300 = '#b93815';
|
650
|
+
export const hm_component_colors_utility_orange_utility_orange_400 = '#e04f16';
|
651
|
+
export const hm_component_colors_utility_orange_utility_orange_50 = '#511c10';
|
652
|
+
export const hm_component_colors_utility_orange_utility_orange_500 = '#ef6820';
|
653
|
+
export const hm_component_colors_utility_orange_utility_orange_600 = '#f38744';
|
654
|
+
export const hm_component_colors_utility_orange_utility_orange_700 = '#f7b27a';
|
655
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_100 = '#771a0d';
|
656
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_200 = '#97180c';
|
657
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_300 = '#bc1b06';
|
658
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_400 = '#e62e05';
|
659
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_50 = '#57130a';
|
660
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_500 = '#ff4405';
|
661
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_600 = '#ff692e';
|
662
|
+
export const hm_component_colors_utility_orange_dark_utility_orange_dark_700 = '#ff9c66';
|
663
|
+
export const hm_component_colors_utility_pink_utility_pink_100 = '#851651';
|
664
|
+
export const hm_component_colors_utility_pink_utility_pink_200 = '#9e165f';
|
665
|
+
export const hm_component_colors_utility_pink_utility_pink_300 = '#c11574';
|
666
|
+
export const hm_component_colors_utility_pink_utility_pink_400 = '#dd2590';
|
667
|
+
export const hm_component_colors_utility_pink_utility_pink_50 = '#4e0d30';
|
668
|
+
export const hm_component_colors_utility_pink_utility_pink_500 = '#ee46bc';
|
669
|
+
export const hm_component_colors_utility_pink_utility_pink_600 = '#f670c7';
|
670
|
+
export const hm_component_colors_utility_pink_utility_pink_700 = '#faa7e0';
|
671
|
+
export const hm_component_colors_utility_purple_utility_purple_100 = '#3e1c96';
|
672
|
+
export const hm_component_colors_utility_purple_utility_purple_200 = '#4a1fb8';
|
673
|
+
export const hm_component_colors_utility_purple_utility_purple_300 = '#5925dc';
|
674
|
+
export const hm_component_colors_utility_purple_utility_purple_400 = '#6938ef';
|
675
|
+
export const hm_component_colors_utility_purple_utility_purple_50 = '#27115f';
|
676
|
+
export const hm_component_colors_utility_purple_utility_purple_500 = '#7a5af8';
|
677
|
+
export const hm_component_colors_utility_purple_utility_purple_600 = '#9b8afb';
|
678
|
+
export const hm_component_colors_utility_purple_utility_purple_700 = '#bdb4fe';
|
679
|
+
export const hm_component_colors_utility_success_utility_success_100 = '#074d31';
|
680
|
+
export const hm_component_colors_utility_success_utility_success_200 = '#085d3a';
|
681
|
+
export const hm_component_colors_utility_success_utility_success_300 = '#067647';
|
682
|
+
export const hm_component_colors_utility_success_utility_success_400 = '#079455';
|
683
|
+
export const hm_component_colors_utility_success_utility_success_50 = '#053321';
|
684
|
+
export const hm_component_colors_utility_success_utility_success_500 = '#17b26a';
|
685
|
+
export const hm_component_colors_utility_success_utility_success_600 = '#47cd89';
|
686
|
+
export const hm_component_colors_utility_success_utility_success_700 = '#75e0a7';
|
687
|
+
export const hm_component_colors_utility_warning_utility_warning_100 = '#7a2e0e';
|
688
|
+
export const hm_component_colors_utility_warning_utility_warning_200 = '#93370d';
|
689
|
+
export const hm_component_colors_utility_warning_utility_warning_300 = '#b54708';
|
690
|
+
export const hm_component_colors_utility_warning_utility_warning_400 = '#dc6803';
|
691
|
+
export const hm_component_colors_utility_warning_utility_warning_50 = '#4e1d09';
|
692
|
+
export const hm_component_colors_utility_warning_utility_warning_500 = '#f79009';
|
693
|
+
export const hm_component_colors_utility_warning_utility_warning_600 = '#fdb022';
|
694
|
+
export const hm_component_colors_utility_warning_utility_warning_700 = '#fec84b';
|
695
|
+
export const hm_radius_2xl = '16px';
|
696
|
+
export const hm_radius_3xl = '16px';
|
697
|
+
export const hm_radius_4xl = '16px';
|
698
|
+
export const hm_radius_full = '9984px';
|
699
|
+
export const hm_radius_lg = '0px';
|
700
|
+
export const hm_radius_md = '0px';
|
701
|
+
export const hm_radius_none = '0px';
|
702
|
+
export const hm_radius_sm = '0px';
|
703
|
+
export const hm_radius_xl = '0px';
|
704
|
+
export const hm_radius_xs = '0px';
|
705
|
+
export const hm_radius_xxs = '0px';
|
706
|
+
export const hm_spacing_10xl = '128px';
|
707
|
+
export const hm_spacing_11xl = '160px';
|
708
|
+
export const hm_spacing_2xl = '16px';
|
709
|
+
export const hm_spacing_3xl = '16px';
|
710
|
+
export const hm_spacing_4xl = '32px';
|
711
|
+
export const hm_spacing_5xl = '32px';
|
712
|
+
export const hm_spacing_6xl = '48px';
|
713
|
+
export const hm_spacing_7xl = '64px';
|
714
|
+
export const hm_spacing_8xl = '80px';
|
715
|
+
export const hm_spacing_9xl = '96px';
|
716
|
+
export const hm_spacing_lg = '0px';
|
717
|
+
export const hm_spacing_md = '0px';
|
718
|
+
export const hm_spacing_none = '0px';
|
719
|
+
export const hm_spacing_sm = '0px';
|
720
|
+
export const hm_spacing_xl = '16px';
|
721
|
+
export const hm_spacing_xs = '0px';
|
722
|
+
export const hm_spacing_xxs = '0px';
|
723
|
+
export const hm_paragraph_max_width = '720px';
|
724
|
+
export const hm_width_2xl = '1024px';
|
725
|
+
export const hm_width_3xl = '1280px';
|
726
|
+
export const hm_width_4xl = '1440px';
|
727
|
+
export const hm_width_5xl = '1600px';
|
728
|
+
export const hm_width_6xl = '1920px';
|
729
|
+
export const hm_width_lg = '640px';
|
730
|
+
export const hm_width_md = '560px';
|
731
|
+
export const hm_width_sm = '480px';
|
732
|
+
export const hm_width_xl = '768px';
|
733
|
+
export const hm_width_xs = '384px';
|
734
|
+
export const hm_width_xxs = '320px';
|
735
|
+
export const hm_container_max_width_desktop = '1280px';
|
736
|
+
export const hm_container_padding_desktop = '32px';
|
737
|
+
export const hm_container_padding_mobile = '16px';
|
738
|
+
export const hm_spacing_0 = '0px';
|
739
|
+
export const hm_spacing_0_5 = '0px';
|
740
|
+
export const hm_spacing_1 = '0px';
|
741
|
+
export const hm_spacing_10 = '32px';
|
742
|
+
export const hm_spacing_12 = '48px';
|
743
|
+
export const hm_spacing_120 = '480px';
|
744
|
+
export const hm_spacing_140 = '560px';
|
745
|
+
export const hm_spacing_16 = '64px';
|
746
|
+
export const hm_spacing_160 = '640px';
|
747
|
+
export const hm_spacing_180 = '720px';
|
748
|
+
export const hm_spacing_192 = '768px';
|
749
|
+
export const hm_spacing_1_5 = '0px';
|
750
|
+
export const hm_spacing_2 = '0px';
|
751
|
+
export const hm_spacing_20 = '80px';
|
752
|
+
export const hm_spacing_24 = '96px';
|
753
|
+
export const hm_spacing_256 = '1024px';
|
754
|
+
export const hm_spacing_3 = '0px';
|
755
|
+
export const hm_spacing_32 = '128px';
|
756
|
+
export const hm_spacing_320 = '1280px';
|
757
|
+
export const hm_spacing_360 = '1440px';
|
758
|
+
export const hm_spacing_4 = '16px';
|
759
|
+
export const hm_spacing_40 = '160px';
|
760
|
+
export const hm_spacing_400 = '1600px';
|
761
|
+
export const hm_spacing_48 = '192px';
|
762
|
+
export const hm_spacing_480 = '1920px';
|
763
|
+
export const hm_spacing_5 = '16px';
|
764
|
+
export const hm_spacing_56 = '224px';
|
765
|
+
export const hm_spacing_6 = '16px';
|
766
|
+
export const hm_spacing_64 = '256px';
|
767
|
+
export const hm_spacing_8 = '32px';
|
768
|
+
export const hm_spacing_80 = '320px';
|
769
|
+
export const hm_spacing_96 = '384px';
|