@goodhood-web/ui 4.2.0-development.9 → 4.2.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/ui",
3
- "version": "4.2.0-development.9",
3
+ "version": "4.2.0",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "repository": "https://github.com/good-hood-gmbh/goodhood-web",
@@ -8,7 +8,8 @@
8
8
  ".": {
9
9
  "import": "./index.mjs",
10
10
  "require": "./index.js"
11
- }
11
+ },
12
+ "./style": "./style.css"
12
13
  },
13
14
  "peerDependencies": {
14
15
  "@goodhood/design-tokens": "1.0.0-develop.5",
@@ -0,0 +1,506 @@
1
+ $font-family-primary: inter, sans-serif;
2
+ $font-family-secondary: byrd, sans-serif;
3
+ $tokensLanding: (
4
+ 'desktop': (
5
+ 'headings': (
6
+ 'Claim': (
7
+ 'fontFamily': $font-family-secondary,
8
+ 'fontWeight': 900,
9
+ 'fontStyle': normal,
10
+ 'lineHeight': 100%,
11
+ 'fontSize': 48px,
12
+ 'letterSpacing': none,
13
+ 'paragraphSpacing': 0,
14
+ 'paragraphIndent': 0,
15
+ 'textCase': none,
16
+ 'textDecoration': none,
17
+ ),
18
+ 'Claim Uppercase': (
19
+ 'fontFamily': $font-family-secondary,
20
+ 'fontWeight': 900,
21
+ 'fontStyle': normal,
22
+ 'lineHeight': 100%,
23
+ 'fontSize': 48px,
24
+ 'letterSpacing': none,
25
+ 'paragraphSpacing': 0,
26
+ 'paragraphIndent': 0,
27
+ 'textCase': uppercase,
28
+ 'textDecoration': none,
29
+ ),
30
+ 'H1': (
31
+ 'fontFamily': $font-family-secondary,
32
+ 'fontWeight': 900,
33
+ 'fontStyle': normal,
34
+ 'lineHeight': 100%,
35
+ 'fontSize': 40px,
36
+ 'letterSpacing': none,
37
+ 'paragraphSpacing': 0,
38
+ 'paragraphIndent': 0,
39
+ 'textCase': none,
40
+ 'textDecoration': none,
41
+ ),
42
+ 'H1 Uppercase': (
43
+ 'fontFamily': $font-family-secondary,
44
+ 'fontWeight': 900,
45
+ 'fontStyle': normal,
46
+ 'lineHeight': 100%,
47
+ 'fontSize': 40px,
48
+ 'letterSpacing': none,
49
+ 'paragraphSpacing': 0,
50
+ 'paragraphIndent': 0,
51
+ 'textCase': uppercase,
52
+ 'textDecoration': none,
53
+ ),
54
+ 'H2': (
55
+ 'fontFamily': $font-family-secondary,
56
+ 'fontWeight': 700,
57
+ 'fontStyle': normal,
58
+ 'lineHeight': 115%,
59
+ 'fontSize': 40px,
60
+ 'letterSpacing': none,
61
+ 'paragraphSpacing': 0,
62
+ 'paragraphIndent': 0,
63
+ 'textCase': none,
64
+ 'textDecoration': none,
65
+ ),
66
+ 'H3': (
67
+ 'fontFamily': $font-family-secondary,
68
+ 'fontWeight': 700,
69
+ 'fontStyle': normal,
70
+ 'lineHeight': 115%,
71
+ 'fontSize': 32px,
72
+ 'letterSpacing': none,
73
+ 'paragraphSpacing': 0,
74
+ 'paragraphIndent': 0,
75
+ 'textCase': none,
76
+ 'textDecoration': none,
77
+ ),
78
+ 'H5': (
79
+ 'fontFamily': $font-family-secondary,
80
+ 'fontWeight': 700,
81
+ 'fontStyle': normal,
82
+ 'lineHeight': 115%,
83
+ 'fontSize': 22px,
84
+ 'letterSpacing': none,
85
+ 'paragraphSpacing': 0,
86
+ 'paragraphIndent': 0,
87
+ 'textCase': none,
88
+ 'textDecoration': none,
89
+ ),
90
+ 'Overline': (
91
+ 'fontFamily': $font-family-primary,
92
+ 'fontWeight': 700,
93
+ 'fontStyle': normal,
94
+ 'lineHeight': 120%,
95
+ 'fontSize': 14px,
96
+ 'letterSpacing': 1px,
97
+ 'paragraphSpacing': 0,
98
+ 'paragraphIndent': 0,
99
+ 'textCase': uppercase,
100
+ 'textDecoration': none,
101
+ ),
102
+ ),
103
+ 'body': (
104
+ 'Quote Large': (
105
+ 'fontFamily': $font-family-primary,
106
+ 'fontWeight': 600,
107
+ 'lineHeight': 1.5,
108
+ 'fontSize': 28px,
109
+ 'fontStyle': italic,
110
+ 'letterSpacing': none,
111
+ 'paragraphSpacing': 0,
112
+ 'paragraphIndent': 0,
113
+ 'textCase': none,
114
+ 'textDecoration': none,
115
+ ),
116
+ ),
117
+ 'detail': (),
118
+ ),
119
+ 'tablet': (
120
+ 'headings': (
121
+ 'Claim': (
122
+ 'fontFamily': $font-family-secondary,
123
+ 'fontWeight': 900,
124
+ 'fontStyle': normal,
125
+ 'lineHeight': 100%,
126
+ 'fontSize': 40px,
127
+ 'letterSpacing': none,
128
+ 'paragraphSpacing': 0,
129
+ 'paragraphIndent': 0,
130
+ 'textCase': none,
131
+ 'textDecoration': none,
132
+ ),
133
+ 'Claim Uppercase': (
134
+ 'fontFamily': $font-family-secondary,
135
+ 'fontWeight': 900,
136
+ 'fontStyle': normal,
137
+ 'lineHeight': 100%,
138
+ 'fontSize': 40px,
139
+ 'letterSpacing': none,
140
+ 'paragraphSpacing': 0,
141
+ 'paragraphIndent': 0,
142
+ 'textCase': uppercase,
143
+ 'textDecoration': none,
144
+ ),
145
+ 'H1': (
146
+ 'fontFamily': $font-family-secondary,
147
+ 'fontWeight': 900,
148
+ 'fontStyle': normal,
149
+ 'lineHeight': 100%,
150
+ 'fontSize': 32px,
151
+ 'letterSpacing': none,
152
+ 'paragraphSpacing': 0,
153
+ 'paragraphIndent': 0,
154
+ 'textCase': none,
155
+ 'textDecoration': none,
156
+ ),
157
+ 'H1 Uppercase': (
158
+ 'fontFamily': $font-family-secondary,
159
+ 'fontWeight': 900,
160
+ 'fontStyle': normal,
161
+ 'lineHeight': 100%,
162
+ 'fontSize': 32px,
163
+ 'letterSpacing': none,
164
+ 'paragraphSpacing': 0,
165
+ 'paragraphIndent': 0,
166
+ 'textCase': uppercase,
167
+ 'textDecoration': none,
168
+ ),
169
+ 'H2': (
170
+ 'fontFamily': $font-family-secondary,
171
+ 'fontWeight': 700,
172
+ 'fontStyle': normal,
173
+ 'lineHeight': 115%,
174
+ 'fontSize': 32px,
175
+ 'letterSpacing': none,
176
+ 'paragraphSpacing': 0,
177
+ 'paragraphIndent': 0,
178
+ 'textCase': none,
179
+ 'textDecoration': none,
180
+ ),
181
+ 'H3': (
182
+ 'fontFamily': $font-family-secondary,
183
+ 'fontWeight': 700,
184
+ 'fontStyle': normal,
185
+ 'lineHeight': 115%,
186
+ 'fontSize': 28px,
187
+ 'letterSpacing': none,
188
+ 'paragraphSpacing': 0,
189
+ 'paragraphIndent': 0,
190
+ 'textCase': none,
191
+ 'textDecoration': none,
192
+ ),
193
+ 'H4': (
194
+ 'fontFamily': $font-family-secondary,
195
+ 'fontWeight': 700,
196
+ 'fontStyle': normal,
197
+ 'lineHeight': 115%,
198
+ 'fontSize': 24px,
199
+ 'letterSpacing': none,
200
+ 'paragraphSpacing': 0,
201
+ 'paragraphIndent': 0,
202
+ 'textCase': none,
203
+ 'textDecoration': none,
204
+ ),
205
+ 'H6': (
206
+ 'fontFamily': $font-family-secondary,
207
+ 'fontWeight': 700,
208
+ 'fontStyle': normal,
209
+ 'lineHeight': 115%,
210
+ 'fontSize': 16px,
211
+ 'letterSpacing': none,
212
+ 'paragraphSpacing': 0,
213
+ 'paragraphIndent': 0,
214
+ 'textCase': none,
215
+ 'textDecoration': none,
216
+ ),
217
+ 'Overline': (
218
+ 'fontFamily': $font-family-primary,
219
+ 'fontWeight': 700,
220
+ 'fontStyle': normal,
221
+ 'lineHeight': 115%,
222
+ 'fontSize': 14px,
223
+ 'letterSpacing': 1px,
224
+ 'paragraphSpacing': 0,
225
+ 'paragraphIndent': 0,
226
+ 'textCase': uppercase,
227
+ 'textDecoration': none,
228
+ ),
229
+ ),
230
+ 'body': (
231
+ 'Body Large': (
232
+ 'fontFamily': $font-family-primary,
233
+ 'fontWeight': 400,
234
+ 'fontStyle': normal,
235
+ 'lineHeight': 1.45,
236
+ 'fontSize': 20px,
237
+ 'letterSpacing': none,
238
+ 'paragraphSpacing': 0,
239
+ 'paragraphIndent': 0,
240
+ 'textCase': none,
241
+ 'textDecoration': none,
242
+ ),
243
+ 'Body Large Semibold': (
244
+ 'fontFamily': $font-family-primary,
245
+ 'fontWeight': 600,
246
+ 'fontStyle': normal,
247
+ 'lineHeight': 1.45,
248
+ 'fontSize': 20px,
249
+ 'letterSpacing': none,
250
+ 'paragraphSpacing': 0,
251
+ 'paragraphIndent': 0,
252
+ 'textCase': none,
253
+ 'textDecoration': none,
254
+ ),
255
+ 'Body Large Italic': (
256
+ 'fontFamily': $font-family-primary,
257
+ 'fontWeight': 600,
258
+ 'lineHeight': 1.45,
259
+ 'fontSize': 20px,
260
+ 'fontStyle': italic,
261
+ 'letterSpacing': none,
262
+ 'paragraphSpacing': 0,
263
+ 'paragraphIndent': 0,
264
+ 'textCase': none,
265
+ 'textDecoration': none,
266
+ ),
267
+ ),
268
+ 'detail': (),
269
+ ),
270
+ 'mobile': (
271
+ 'headings': (
272
+ 'Claim': (
273
+ 'fontFamily': $font-family-secondary,
274
+ 'fontWeight': 900,
275
+ 'fontStyle': normal,
276
+ 'lineHeight': 100%,
277
+ 'fontSize': 32px,
278
+ 'letterSpacing': none,
279
+ 'paragraphSpacing': 0,
280
+ 'paragraphIndent': 0,
281
+ 'textCase': none,
282
+ 'textDecoration': none,
283
+ ),
284
+ 'Claim Uppercase': (
285
+ 'fontFamily': $font-family-secondary,
286
+ 'fontWeight': 900,
287
+ 'fontStyle': normal,
288
+ 'lineHeight': 100%,
289
+ 'fontSize': 32px,
290
+ 'letterSpacing': none,
291
+ 'paragraphSpacing': 0,
292
+ 'paragraphIndent': 0,
293
+ 'textCase': uppercase,
294
+ 'textDecoration': none,
295
+ ),
296
+ 'H1': (
297
+ 'fontFamily': $font-family-secondary,
298
+ 'fontWeight': 900,
299
+ 'fontStyle': normal,
300
+ 'lineHeight': 100%,
301
+ 'fontSize': 28px,
302
+ 'letterSpacing': none,
303
+ 'paragraphSpacing': 0,
304
+ 'paragraphIndent': 0,
305
+ 'textCase': none,
306
+ 'textDecoration': none,
307
+ ),
308
+ 'H1 Uppercase': (
309
+ 'fontFamily': $font-family-secondary,
310
+ 'fontWeight': 900,
311
+ 'fontStyle': normal,
312
+ 'lineHeight': 100%,
313
+ 'fontSize': 28px,
314
+ 'letterSpacing': none,
315
+ 'paragraphSpacing': 0,
316
+ 'paragraphIndent': 0,
317
+ 'textCase': uppercase,
318
+ 'textDecoration': none,
319
+ ),
320
+ 'H2': (
321
+ 'fontFamily': $font-family-secondary,
322
+ 'fontWeight': 700,
323
+ 'fontStyle': normal,
324
+ 'lineHeight': 115%,
325
+ 'fontSize': 28px,
326
+ 'letterSpacing': none,
327
+ 'paragraphSpacing': 0,
328
+ 'paragraphIndent': 0,
329
+ 'textCase': none,
330
+ 'textDecoration': none,
331
+ ),
332
+ 'H3': (
333
+ 'fontFamily': $font-family-secondary,
334
+ 'fontWeight': 700,
335
+ 'fontStyle': normal,
336
+ 'lineHeight': 115%,
337
+ 'fontSize': 24px,
338
+ 'letterSpacing': none,
339
+ 'paragraphSpacing': 0,
340
+ 'paragraphIndent': 0,
341
+ 'textCase': none,
342
+ 'textDecoration': none,
343
+ ),
344
+ 'H4': (
345
+ 'fontFamily': $font-family-secondary,
346
+ 'fontWeight': 700,
347
+ 'fontStyle': normal,
348
+ 'lineHeight': 115%,
349
+ 'fontSize': 20px,
350
+ 'letterSpacing': none,
351
+ 'paragraphSpacing': 0,
352
+ 'paragraphIndent': 0,
353
+ 'textCase': none,
354
+ 'textDecoration': none,
355
+ ),
356
+ 'H5': (
357
+ 'fontFamily': $font-family-secondary,
358
+ 'fontWeight': 700,
359
+ 'fontStyle': normal,
360
+ 'lineHeight': 115%,
361
+ 'fontSize': 20px,
362
+ 'letterSpacing': none,
363
+ 'paragraphSpacing': 0,
364
+ 'paragraphIndent': 0,
365
+ 'textCase': none,
366
+ 'textDecoration': none,
367
+ ),
368
+ 'H6': (
369
+ 'fontFamily': $font-family-secondary,
370
+ 'fontWeight': 700,
371
+ 'fontStyle': normal,
372
+ 'lineHeight': 115%,
373
+ 'fontSize': 16px,
374
+ 'letterSpacing': none,
375
+ 'paragraphSpacing': 0,
376
+ 'paragraphIndent': 0,
377
+ 'textCase': none,
378
+ 'textDecoration': none,
379
+ ),
380
+ 'Overline': (
381
+ 'fontFamily': $font-family-primary,
382
+ 'fontWeight': 700,
383
+ 'fontStyle': normal,
384
+ 'lineHeight': 115%,
385
+ 'fontSize': 14px,
386
+ 'letterSpacing': 1px,
387
+ 'paragraphSpacing': 0,
388
+ 'paragraphIndent': 0,
389
+ 'textCase': uppercase,
390
+ 'textDecoration': none,
391
+ ),
392
+ ),
393
+ 'body': (
394
+ 'Body Large': (
395
+ 'fontFamily': $font-family-primary,
396
+ 'fontWeight': 400,
397
+ 'fontStyle': normal,
398
+ 'lineHeight': 1.45,
399
+ 'fontSize': 18px,
400
+ 'letterSpacing': none,
401
+ 'paragraphSpacing': 0,
402
+ 'paragraphIndent': 0,
403
+ 'textCase': none,
404
+ 'textDecoration': none,
405
+ ),
406
+ 'Body Large Semibold': (
407
+ 'fontFamily': $font-family-primary,
408
+ 'fontWeight': 600,
409
+ 'fontStyle': normal,
410
+ 'lineHeight': 1.45,
411
+ 'fontSize': 18px,
412
+ 'letterSpacing': none,
413
+ 'paragraphSpacing': 0,
414
+ 'paragraphIndent': 0,
415
+ 'textCase': none,
416
+ 'textDecoration': none,
417
+ ),
418
+ 'Body': (
419
+ 'fontFamily': $font-family-primary,
420
+ 'fontWeight': 400,
421
+ 'fontStyle': normal,
422
+ 'lineHeight': 1.45,
423
+ 'fontSize': 16px,
424
+ 'letterSpacing': none,
425
+ 'paragraphSpacing': 0,
426
+ 'paragraphIndent': 0,
427
+ 'textCase': none,
428
+ 'textDecoration': none,
429
+ ),
430
+ 'Body Semibold': (
431
+ 'fontFamily': $font-family-primary,
432
+ 'fontWeight': 600,
433
+ 'fontStyle': normal,
434
+ 'lineHeight': 1.45,
435
+ 'fontSize': 16px,
436
+ 'letterSpacing': none,
437
+ 'paragraphSpacing': 0,
438
+ 'paragraphIndent': 0,
439
+ 'textCase': none,
440
+ 'textDecoration': none,
441
+ ),
442
+ 'Body Italic': (
443
+ 'fontFamily': $font-family-primary,
444
+ 'fontWeight': 600,
445
+ 'lineHeight': 1.45,
446
+ 'fontSize': 16px,
447
+ 'fontStyle': italic,
448
+ 'letterSpacing': none,
449
+ 'paragraphSpacing': 0,
450
+ 'paragraphIndent': 0,
451
+ 'textCase': none,
452
+ 'textDecoration': none,
453
+ ),
454
+ 'Body Large Italic': (
455
+ 'fontFamily': $font-family-primary,
456
+ 'fontWeight': 600,
457
+ 'lineHeight': 1.45,
458
+ 'fontSize': 18px,
459
+ 'fontStyle': italic,
460
+ 'letterSpacing': none,
461
+ 'paragraphSpacing': 0,
462
+ 'paragraphIndent': 0,
463
+ 'textCase': none,
464
+ 'textDecoration': none,
465
+ ),
466
+ 'Quote Large': (
467
+ 'fontFamily': $font-family-primary,
468
+ 'fontWeight': 600,
469
+ 'lineHeight': 1.5,
470
+ 'fontSize': 24px,
471
+ 'fontStyle': italic,
472
+ 'letterSpacing': none,
473
+ 'paragraphSpacing': 0,
474
+ 'paragraphIndent': 0,
475
+ 'textCase': none,
476
+ 'textDecoration': none,
477
+ ),
478
+ ),
479
+ 'detail': (
480
+ 'Detail Small': (
481
+ 'fontFamily': $font-family-primary,
482
+ 'fontWeight': 400,
483
+ 'fontStyle': normal,
484
+ 'lineHeight': 1.45,
485
+ 'fontSize': 14px,
486
+ 'letterSpacing': none,
487
+ 'paragraphSpacing': 0,
488
+ 'paragraphIndent': 0,
489
+ 'textCase': none,
490
+ 'textDecoration': none,
491
+ ),
492
+ 'Detail Small Bold': (
493
+ 'fontFamily': $font-family-primary,
494
+ 'fontWeight': 700,
495
+ 'fontStyle': normal,
496
+ 'lineHeight': 1.45,
497
+ 'fontSize': 14px,
498
+ 'letterSpacing': none,
499
+ 'paragraphSpacing': 0,
500
+ 'paragraphIndent': 0,
501
+ 'textCase': none,
502
+ 'textDecoration': none,
503
+ ),
504
+ ),
505
+ ),
506
+ );