@goodhood-web/ui 4.5.0-development.8 → 4.5.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 (10) hide show
  1. package/index.js +38 -38
  2. package/index.mjs +2824 -2816
  3. package/lib/Atoms/Buttons/TextButton/TextButton.types.d.ts +1 -1
  4. package/lib/Base/Icon/icons/index.d.ts +6 -0
  5. package/lib/Base/Icon/icons/outline/24x24/index.d.ts +6 -0
  6. package/lib/Base/Icon/icons/outline/index.d.ts +6 -0
  7. package/lib/Base/Typography/Typography.types.d.ts +1 -1
  8. package/package.json +1 -1
  9. package/style.css +1 -1
  10. package/styles/_design-tokens-landing.scss +299 -23
package/styles/_design-tokens-landing.scss CHANGED
@@ -29,10 +29,10 @@ $tokensLanding: (
29
29
  ),
30
30
  'H1': (
31
31
  'fontFamily': $font-family-secondary,
32
- 'fontWeight': 900,
32
+ 'fontWeight': 700,
33
33
  'fontStyle': normal,
34
- 'lineHeight': 100%,
35
- 'fontSize': 40px,
34
+ 'lineHeight': 115%,
35
+ 'fontSize': 48px,
36
36
  'letterSpacing': none,
37
37
  'paragraphSpacing': 0,
38
38
  'paragraphIndent': 0,
@@ -44,7 +44,7 @@ $tokensLanding: (
44
44
  'fontWeight': 900,
45
45
  'fontStyle': normal,
46
46
  'lineHeight': 100%,
47
- 'fontSize': 40px,
47
+ 'fontSize': 48px,
48
48
  'letterSpacing': none,
49
49
  'paragraphSpacing': 0,
50
50
  'paragraphIndent': 0,
@@ -63,6 +63,18 @@ $tokensLanding: (
63
63
  'textCase': none,
64
64
  'textDecoration': none,
65
65
  ),
66
+ 'H2 Uppercase': (
67
+ 'fontFamily': $font-family-secondary,
68
+ 'fontWeight': 900,
69
+ 'fontStyle': normal,
70
+ 'lineHeight': 100%,
71
+ 'fontSize': 40px,
72
+ 'letterSpacing': none,
73
+ 'paragraphSpacing': 0,
74
+ 'paragraphIndent': 0,
75
+ 'textCase': uppercase,
76
+ 'textDecoration': none,
77
+ ),
66
78
  'H3': (
67
79
  'fontFamily': $font-family-secondary,
68
80
  'fontWeight': 700,
@@ -75,12 +87,36 @@ $tokensLanding: (
75
87
  'textCase': none,
76
88
  'textDecoration': none,
77
89
  ),
90
+ 'H4': (
91
+ 'fontFamily': $font-family-secondary,
92
+ 'fontWeight': 700,
93
+ 'fontStyle': normal,
94
+ 'lineHeight': 115%,
95
+ 'fontSize': 24px,
96
+ 'letterSpacing': none,
97
+ 'paragraphSpacing': 0,
98
+ 'paragraphIndent': 0,
99
+ 'textCase': none,
100
+ 'textDecoration': none,
101
+ ),
78
102
  'H5': (
79
103
  'fontFamily': $font-family-secondary,
80
104
  'fontWeight': 700,
81
105
  'fontStyle': normal,
82
106
  'lineHeight': 115%,
83
- 'fontSize': 22px,
107
+ 'fontSize': 20px,
108
+ 'letterSpacing': none,
109
+ 'paragraphSpacing': 0,
110
+ 'paragraphIndent': 0,
111
+ 'textCase': none,
112
+ 'textDecoration': none,
113
+ ),
114
+ 'H6': (
115
+ 'fontFamily': $font-family-secondary,
116
+ 'fontWeight': 700,
117
+ 'fontStyle': normal,
118
+ 'lineHeight': 115%,
119
+ 'fontSize': 16px,
84
120
  'letterSpacing': none,
85
121
  'paragraphSpacing': 0,
86
122
  'paragraphIndent': 0,
@@ -101,11 +137,107 @@ $tokensLanding: (
101
137
  ),
102
138
  ),
103
139
  'body': (
104
- 'Quote Large': (
140
+ 'Body Large': (
141
+ 'fontFamily': $font-family-primary,
142
+ 'fontWeight': 400,
143
+ 'fontStyle': normal,
144
+ 'lineHeight': 1.45,
145
+ 'fontSize': 20px,
146
+ 'letterSpacing': none,
147
+ 'paragraphSpacing': 0,
148
+ 'paragraphIndent': 0,
149
+ 'textCase': none,
150
+ 'textDecoration': none,
151
+ ),
152
+ 'Body Large Semibold': (
105
153
  'fontFamily': $font-family-primary,
106
154
  'fontWeight': 600,
107
- 'lineHeight': 1.5,
108
- 'fontSize': 28px,
155
+ 'fontStyle': normal,
156
+ 'lineHeight': 1.45,
157
+ 'fontSize': 20px,
158
+ 'letterSpacing': none,
159
+ 'paragraphSpacing': 0,
160
+ 'paragraphIndent': 0,
161
+ 'textCase': none,
162
+ 'textDecoration': none,
163
+ ),
164
+ 'Body Large Italic': (
165
+ 'fontFamily': $font-family-primary,
166
+ 'fontWeight': 400,
167
+ 'lineHeight': 1.45,
168
+ 'fontSize': 20px,
169
+ 'fontStyle': italic,
170
+ 'letterSpacing': none,
171
+ 'paragraphSpacing': 0,
172
+ 'paragraphIndent': 0,
173
+ 'textCase': none,
174
+ 'textDecoration': none,
175
+ ),
176
+ 'Body': (
177
+ 'fontFamily': $font-family-primary,
178
+ 'fontWeight': 400,
179
+ 'fontStyle': normal,
180
+ 'lineHeight': 1.45,
181
+ 'fontSize': 16px,
182
+ 'letterSpacing': none,
183
+ 'paragraphSpacing': 0,
184
+ 'paragraphIndent': 0,
185
+ 'textCase': none,
186
+ 'textDecoration': none,
187
+ ),
188
+ 'Body Semibold': (
189
+ 'fontFamily': $font-family-primary,
190
+ 'fontWeight': 600,
191
+ 'fontStyle': normal,
192
+ 'lineHeight': 1.45,
193
+ 'fontSize': 16px,
194
+ 'letterSpacing': none,
195
+ 'paragraphSpacing': 0,
196
+ 'paragraphIndent': 0,
197
+ 'textCase': none,
198
+ 'textDecoration': none,
199
+ ),
200
+ 'Body Italic': (
201
+ 'fontFamily': $font-family-primary,
202
+ 'fontWeight': 400,
203
+ 'lineHeight': 1.45,
204
+ 'fontSize': 16px,
205
+ 'fontStyle': italic,
206
+ 'letterSpacing': none,
207
+ 'paragraphSpacing': 0,
208
+ 'paragraphIndent': 0,
209
+ 'textCase': none,
210
+ 'textDecoration': none,
211
+ ),
212
+ 'Body Small': (
213
+ 'fontFamily': $font-family-primary,
214
+ 'fontWeight': 400,
215
+ 'lineHeight': 1.45,
216
+ 'fontSize': 14px,
217
+ 'fontStyle': normal,
218
+ 'letterSpacing': none,
219
+ 'paragraphSpacing': 0,
220
+ 'paragraphIndent': 0,
221
+ 'textCase': none,
222
+ 'textDecoration': none,
223
+ ),
224
+ 'Body Small Semibold': (
225
+ 'fontFamily': $font-family-primary,
226
+ 'fontWeight': 600,
227
+ 'lineHeight': 1.45,
228
+ 'fontSize': 14px,
229
+ 'fontStyle': normal,
230
+ 'letterSpacing': none,
231
+ 'paragraphSpacing': 0,
232
+ 'paragraphIndent': 0,
233
+ 'textCase': none,
234
+ 'textDecoration': none,
235
+ ),
236
+ 'Body Small Italic': (
237
+ 'fontFamily': $font-family-primary,
238
+ 'fontWeight': 400,
239
+ 'lineHeight': 1.45,
240
+ 'fontSize': 14px,
109
241
  'fontStyle': italic,
110
242
  'letterSpacing': none,
111
243
  'paragraphSpacing': 0,
@@ -144,10 +276,10 @@ $tokensLanding: (
144
276
  ),
145
277
  'H1': (
146
278
  'fontFamily': $font-family-secondary,
147
- 'fontWeight': 900,
279
+ 'fontWeight': 700,
148
280
  'fontStyle': normal,
149
- 'lineHeight': 100%,
150
- 'fontSize': 32px,
281
+ 'lineHeight': 115%,
282
+ 'fontSize': 40px,
151
283
  'letterSpacing': none,
152
284
  'paragraphSpacing': 0,
153
285
  'paragraphIndent': 0,
@@ -159,7 +291,7 @@ $tokensLanding: (
159
291
  'fontWeight': 900,
160
292
  'fontStyle': normal,
161
293
  'lineHeight': 100%,
162
- 'fontSize': 32px,
294
+ 'fontSize': 40px,
163
295
  'letterSpacing': none,
164
296
  'paragraphSpacing': 0,
165
297
  'paragraphIndent': 0,
@@ -178,6 +310,18 @@ $tokensLanding: (
178
310
  'textCase': none,
179
311
  'textDecoration': none,
180
312
  ),
313
+ 'H2 Uppercase': (
314
+ 'fontFamily': $font-family-secondary,
315
+ 'fontWeight': 900,
316
+ 'fontStyle': normal,
317
+ 'lineHeight': 100%,
318
+ 'fontSize': 32px,
319
+ 'letterSpacing': none,
320
+ 'paragraphSpacing': 0,
321
+ 'paragraphIndent': 0,
322
+ 'textCase': uppercase,
323
+ 'textDecoration': none,
324
+ ),
181
325
  'H3': (
182
326
  'fontFamily': $font-family-secondary,
183
327
  'fontWeight': 700,
@@ -202,6 +346,18 @@ $tokensLanding: (
202
346
  'textCase': none,
203
347
  'textDecoration': none,
204
348
  ),
349
+ 'H5': (
350
+ 'fontFamily': $font-family-secondary,
351
+ 'fontWeight': 700,
352
+ 'fontStyle': normal,
353
+ 'lineHeight': 115%,
354
+ 'fontSize': 20px,
355
+ 'letterSpacing': none,
356
+ 'paragraphSpacing': 0,
357
+ 'paragraphIndent': 0,
358
+ 'textCase': none,
359
+ 'textDecoration': none,
360
+ ),
205
361
  'H6': (
206
362
  'fontFamily': $font-family-secondary,
207
363
  'fontWeight': 700,
@@ -218,7 +374,7 @@ $tokensLanding: (
218
374
  'fontFamily': $font-family-primary,
219
375
  'fontWeight': 700,
220
376
  'fontStyle': normal,
221
- 'lineHeight': 115%,
377
+ 'lineHeight': 120%,
222
378
  'fontSize': 14px,
223
379
  'letterSpacing': 1px,
224
380
  'paragraphSpacing': 0,
@@ -254,7 +410,7 @@ $tokensLanding: (
254
410
  ),
255
411
  'Body Large Italic': (
256
412
  'fontFamily': $font-family-primary,
257
- 'fontWeight': 600,
413
+ 'fontWeight': 400,
258
414
  'lineHeight': 1.45,
259
415
  'fontSize': 20px,
260
416
  'fontStyle': italic,
@@ -264,6 +420,78 @@ $tokensLanding: (
264
420
  'textCase': none,
265
421
  'textDecoration': none,
266
422
  ),
423
+ 'Body': (
424
+ 'fontFamily': $font-family-primary,
425
+ 'fontWeight': 400,
426
+ 'fontStyle': normal,
427
+ 'lineHeight': 1.45,
428
+ 'fontSize': 16px,
429
+ 'letterSpacing': none,
430
+ 'paragraphSpacing': 0,
431
+ 'paragraphIndent': 0,
432
+ 'textCase': none,
433
+ 'textDecoration': none,
434
+ ),
435
+ 'Body Semibold': (
436
+ 'fontFamily': $font-family-primary,
437
+ 'fontWeight': 600,
438
+ 'fontStyle': normal,
439
+ 'lineHeight': 1.45,
440
+ 'fontSize': 16px,
441
+ 'letterSpacing': none,
442
+ 'paragraphSpacing': 0,
443
+ 'paragraphIndent': 0,
444
+ 'textCase': none,
445
+ 'textDecoration': none,
446
+ ),
447
+ 'Body Italic': (
448
+ 'fontFamily': $font-family-primary,
449
+ 'fontWeight': 400,
450
+ 'lineHeight': 1.45,
451
+ 'fontSize': 16px,
452
+ 'fontStyle': italic,
453
+ 'letterSpacing': none,
454
+ 'paragraphSpacing': 0,
455
+ 'paragraphIndent': 0,
456
+ 'textCase': none,
457
+ 'textDecoration': none,
458
+ ),
459
+ 'Body Small': (
460
+ 'fontFamily': $font-family-primary,
461
+ 'fontWeight': 400,
462
+ 'lineHeight': 1.45,
463
+ 'fontSize': 14px,
464
+ 'fontStyle': normal,
465
+ 'letterSpacing': none,
466
+ 'paragraphSpacing': 0,
467
+ 'paragraphIndent': 0,
468
+ 'textCase': none,
469
+ 'textDecoration': none,
470
+ ),
471
+ 'Body Small Semibold': (
472
+ 'fontFamily': $font-family-primary,
473
+ 'fontWeight': 600,
474
+ 'lineHeight': 1.45,
475
+ 'fontSize': 14px,
476
+ 'fontStyle': normal,
477
+ 'letterSpacing': none,
478
+ 'paragraphSpacing': 0,
479
+ 'paragraphIndent': 0,
480
+ 'textCase': none,
481
+ 'textDecoration': none,
482
+ ),
483
+ 'Body Small Italic': (
484
+ 'fontFamily': $font-family-primary,
485
+ 'fontWeight': 400,
486
+ 'lineHeight': 1.45,
487
+ 'fontSize': 14px,
488
+ 'fontStyle': italic,
489
+ 'letterSpacing': none,
490
+ 'paragraphSpacing': 0,
491
+ 'paragraphIndent': 0,
492
+ 'textCase': none,
493
+ 'textDecoration': none,
494
+ ),
267
495
  ),
268
496
  'detail': (),
269
497
  ),
@@ -295,10 +523,10 @@ $tokensLanding: (
295
523
  ),
296
524
  'H1': (
297
525
  'fontFamily': $font-family-secondary,
298
- 'fontWeight': 900,
526
+ 'fontWeight': 700,
299
527
  'fontStyle': normal,
300
- 'lineHeight': 100%,
301
- 'fontSize': 28px,
528
+ 'lineHeight': 115%,
529
+ 'fontSize': 32px,
302
530
  'letterSpacing': none,
303
531
  'paragraphSpacing': 0,
304
532
  'paragraphIndent': 0,
@@ -310,7 +538,7 @@ $tokensLanding: (
310
538
  'fontWeight': 900,
311
539
  'fontStyle': normal,
312
540
  'lineHeight': 100%,
313
- 'fontSize': 28px,
541
+ 'fontSize': 32px,
314
542
  'letterSpacing': none,
315
543
  'paragraphSpacing': 0,
316
544
  'paragraphIndent': 0,
@@ -329,6 +557,18 @@ $tokensLanding: (
329
557
  'textCase': none,
330
558
  'textDecoration': none,
331
559
  ),
560
+ 'H2 Uppercase': (
561
+ 'fontFamily': $font-family-secondary,
562
+ 'fontWeight': 900,
563
+ 'fontStyle': normal,
564
+ 'lineHeight': 100%,
565
+ 'fontSize': 28px,
566
+ 'letterSpacing': none,
567
+ 'paragraphSpacing': 0,
568
+ 'paragraphIndent': 0,
569
+ 'textCase': uppercase,
570
+ 'textDecoration': none,
571
+ ),
332
572
  'H3': (
333
573
  'fontFamily': $font-family-secondary,
334
574
  'fontWeight': 700,
@@ -358,7 +598,7 @@ $tokensLanding: (
358
598
  'fontWeight': 700,
359
599
  'fontStyle': normal,
360
600
  'lineHeight': 115%,
361
- 'fontSize': 20px,
601
+ 'fontSize': 18px,
362
602
  'letterSpacing': none,
363
603
  'paragraphSpacing': 0,
364
604
  'paragraphIndent': 0,
@@ -381,7 +621,7 @@ $tokensLanding: (
381
621
  'fontFamily': $font-family-primary,
382
622
  'fontWeight': 700,
383
623
  'fontStyle': normal,
384
- 'lineHeight': 115%,
624
+ 'lineHeight': 120%,
385
625
  'fontSize': 14px,
386
626
  'letterSpacing': 1px,
387
627
  'paragraphSpacing': 0,
@@ -415,6 +655,18 @@ $tokensLanding: (
415
655
  'textCase': none,
416
656
  'textDecoration': none,
417
657
  ),
658
+ 'Body Large Italic': (
659
+ 'fontFamily': $font-family-primary,
660
+ 'fontWeight': 600,
661
+ 'lineHeight': 1.45,
662
+ 'fontSize': 18px,
663
+ 'fontStyle': italic,
664
+ 'letterSpacing': none,
665
+ 'paragraphSpacing': 0,
666
+ 'paragraphIndent': 0,
667
+ 'textCase': none,
668
+ 'textDecoration': none,
669
+ ),
418
670
  'Body': (
419
671
  'fontFamily': $font-family-primary,
420
672
  'fontWeight': 400,
@@ -441,7 +693,7 @@ $tokensLanding: (
441
693
  ),
442
694
  'Body Italic': (
443
695
  'fontFamily': $font-family-primary,
444
- 'fontWeight': 600,
696
+ 'fontWeight': 400,
445
697
  'lineHeight': 1.45,
446
698
  'fontSize': 16px,
447
699
  'fontStyle': italic,
@@ -451,11 +703,35 @@ $tokensLanding: (
451
703
  'textCase': none,
452
704
  'textDecoration': none,
453
705
  ),
454
- 'Body Large Italic': (
706
+ 'Body Small': (
707
+ 'fontFamily': $font-family-primary,
708
+ 'fontWeight': 400,
709
+ 'lineHeight': 1.45,
710
+ 'fontSize': 14px,
711
+ 'fontStyle': normal,
712
+ 'letterSpacing': none,
713
+ 'paragraphSpacing': 0,
714
+ 'paragraphIndent': 0,
715
+ 'textCase': none,
716
+ 'textDecoration': none,
717
+ ),
718
+ 'Body Small Semibold': (
455
719
  'fontFamily': $font-family-primary,
456
720
  'fontWeight': 600,
457
721
  'lineHeight': 1.45,
458
- 'fontSize': 18px,
722
+ 'fontSize': 14px,
723
+ 'fontStyle': normal,
724
+ 'letterSpacing': none,
725
+ 'paragraphSpacing': 0,
726
+ 'paragraphIndent': 0,
727
+ 'textCase': none,
728
+ 'textDecoration': none,
729
+ ),
730
+ 'Body Small Italic': (
731
+ 'fontFamily': $font-family-primary,
732
+ 'fontWeight': 400,
733
+ 'lineHeight': 1.45,
734
+ 'fontSize': 14px,
459
735
  'fontStyle': italic,
460
736
  'letterSpacing': none,
461
737
  'paragraphSpacing': 0,