@hero-design/rn 8.82.0 → 8.82.2-alpha.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 (24) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/assets/fonts/Saiga-Light.otf +0 -0
  3. package/assets/fonts/Saiga-Medium.otf +0 -0
  4. package/assets/fonts/Saiga-Regular.otf +0 -0
  5. package/es/index.js +3 -3
  6. package/lib/index.js +3 -3
  7. package/package.json +1 -1
  8. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +11 -11
  9. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  10. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  11. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  12. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +4 -4
  13. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  14. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +1 -1
  15. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +6 -6
  16. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  17. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +21 -21
  18. package/src/theme/global/scale.ts +1 -1
  19. package/src/theme/global/typography.ts +2 -2
  20. package/stats/8.82.1/rn-stats.html +4844 -0
  21. package/.turbo/turbo-build.log +0 -7
  22. package/assets/fonts/RebondGrotesque-Light.otf +0 -0
  23. package/assets/fonts/RebondGrotesque-SemiBold.otf +0 -0
  24. package/assets/fonts/RebondGrotesque.otf +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @hero-design/rn
2
2
 
3
+ ## 8.82.2-alpha.0
4
+
5
+ ### Patch Changes
6
+
7
+ - [#3542](https://github.com/Thinkei/hero-design/pull/3542) [`5899777f150e534a850ac644212f161880e57805`](https://github.com/Thinkei/hero-design/commit/5899777f150e534a850ac644212f161880e57805) Thanks [@haudao-eh](https://github.com/haudao-eh)! - Add action to release alpha version
8
+
9
+ ## 8.82.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#3521](https://github.com/Thinkei/hero-design/pull/3521) [`bce6ea986a2e4570db9a0914f5019c436936b474`](https://github.com/Thinkei/hero-design/commit/bce6ea986a2e4570db9a0914f5019c436936b474) Thanks [@ttkien](https://github.com/ttkien)! - [Font] replace playful font to Saiga
14
+
3
15
  ## 8.82.0
4
16
 
5
17
  ### Minor Changes
package/assets/fonts/Saiga-Light.otf ADDED
Binary file
package/assets/fonts/Saiga-Medium.otf ADDED
Binary file
package/assets/fonts/Saiga-Regular.otf ADDED
Binary file
package/es/index.js CHANGED
@@ -554,7 +554,7 @@ var BASE_BORDER_WIDTH = 1;
554
554
  var BASE_SPACE = 8;
555
555
  var BASE_SIZE = 8;
556
556
  var NEUTRAL_FONT = 'BeVietnamPro';
557
- var PLAYFUL_FONT = 'RebondGrotesque';
557
+ var PLAYFUL_FONT = 'Saiga';
558
558
  var BASE_FONT_SIZE = 10;
559
559
  var BASE_RADIUS = 4;
560
560
  var scale$1 = {
@@ -2025,8 +2025,8 @@ var getFonts = function getFonts(_ref) {
2025
2025
  },
2026
2026
  playful: {
2027
2027
  light: "".concat(playful, "-Light"),
2028
- regular: "".concat(playful),
2029
- semiBold: "".concat(playful, "-SemiBold")
2028
+ regular: "".concat(playful, "-Regular"),
2029
+ semiBold: "".concat(playful, "-Medium")
2030
2030
  }
2031
2031
  };
2032
2032
  };
package/lib/index.js CHANGED
@@ -581,7 +581,7 @@ var BASE_BORDER_WIDTH = 1;
581
581
  var BASE_SPACE = 8;
582
582
  var BASE_SIZE = 8;
583
583
  var NEUTRAL_FONT = 'BeVietnamPro';
584
- var PLAYFUL_FONT = 'RebondGrotesque';
584
+ var PLAYFUL_FONT = 'Saiga';
585
585
  var BASE_FONT_SIZE = 10;
586
586
  var BASE_RADIUS = 4;
587
587
  var scale$1 = {
@@ -2052,8 +2052,8 @@ var getFonts = function getFonts(_ref) {
2052
2052
  },
2053
2053
  playful: {
2054
2054
  light: "".concat(playful, "-Light"),
2055
- regular: "".concat(playful),
2056
- semiBold: "".concat(playful, "-SemiBold")
2055
+ regular: "".concat(playful, "-Regular"),
2056
+ semiBold: "".concat(playful, "-Medium")
2057
2057
  }
2058
2058
  };
2059
2059
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn",
3
- "version": "8.82.0",
3
+ "version": "8.82.2-alpha.0",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -203,7 +203,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
203
203
  [
204
204
  {
205
205
  "color": "#001f23",
206
- "fontFamily": "RebondGrotesque-SemiBold",
206
+ "fontFamily": "Saiga-Medium",
207
207
  "fontSize": 36,
208
208
  "letterSpacing": 1.5,
209
209
  "lineHeight": 44,
@@ -333,7 +333,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
333
333
  [
334
334
  {
335
335
  "color": "#001f23",
336
- "fontFamily": "RebondGrotesque-SemiBold",
336
+ "fontFamily": "Saiga-Medium",
337
337
  "fontSize": 36,
338
338
  "letterSpacing": 1.5,
339
339
  "lineHeight": 44,
@@ -452,7 +452,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
452
452
  [
453
453
  {
454
454
  "color": "#001f23",
455
- "fontFamily": "RebondGrotesque-SemiBold",
455
+ "fontFamily": "Saiga-Medium",
456
456
  "fontSize": 36,
457
457
  "letterSpacing": 1.5,
458
458
  "lineHeight": 44,
@@ -569,7 +569,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
569
569
  [
570
570
  {
571
571
  "color": "#001f23",
572
- "fontFamily": "RebondGrotesque-SemiBold",
572
+ "fontFamily": "Saiga-Medium",
573
573
  "fontSize": 36,
574
574
  "letterSpacing": 1.5,
575
575
  "lineHeight": 44,
@@ -635,7 +635,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
635
635
  [
636
636
  {
637
637
  "color": "#001f23",
638
- "fontFamily": "RebondGrotesque-SemiBold",
638
+ "fontFamily": "Saiga-Medium",
639
639
  "fontSize": 36,
640
640
  "letterSpacing": 1.5,
641
641
  "lineHeight": 44,
@@ -1198,7 +1198,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
1198
1198
  [
1199
1199
  {
1200
1200
  "color": "#001f23",
1201
- "fontFamily": "RebondGrotesque-SemiBold",
1201
+ "fontFamily": "Saiga-Medium",
1202
1202
  "fontSize": 36,
1203
1203
  "letterSpacing": 1.5,
1204
1204
  "lineHeight": 44,
@@ -1328,7 +1328,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
1328
1328
  [
1329
1329
  {
1330
1330
  "color": "#001f23",
1331
- "fontFamily": "RebondGrotesque-SemiBold",
1331
+ "fontFamily": "Saiga-Medium",
1332
1332
  "fontSize": 36,
1333
1333
  "letterSpacing": 1.5,
1334
1334
  "lineHeight": 44,
@@ -1447,7 +1447,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
1447
1447
  [
1448
1448
  {
1449
1449
  "color": "#001f23",
1450
- "fontFamily": "RebondGrotesque-SemiBold",
1450
+ "fontFamily": "Saiga-Medium",
1451
1451
  "fontSize": 36,
1452
1452
  "letterSpacing": 1.5,
1453
1453
  "lineHeight": 44,
@@ -1564,7 +1564,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
1564
1564
  [
1565
1565
  {
1566
1566
  "color": "#001f23",
1567
- "fontFamily": "RebondGrotesque-SemiBold",
1567
+ "fontFamily": "Saiga-Medium",
1568
1568
  "fontSize": 36,
1569
1569
  "letterSpacing": 1.5,
1570
1570
  "lineHeight": 44,
@@ -1630,7 +1630,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
1630
1630
  [
1631
1631
  {
1632
1632
  "color": "#001f23",
1633
- "fontFamily": "RebondGrotesque-SemiBold",
1633
+ "fontFamily": "Saiga-Medium",
1634
1634
  "fontSize": 36,
1635
1635
  "letterSpacing": 1.5,
1636
1636
  "lineHeight": 44,
@@ -1906,7 +1906,7 @@ exports[`Carousel should render correctly when image is undefined 1`] = `
1906
1906
  [
1907
1907
  {
1908
1908
  "color": "#001f23",
1909
- "fontFamily": "RebondGrotesque-SemiBold",
1909
+ "fontFamily": "Saiga-Medium",
1910
1910
  "fontSize": 36,
1911
1911
  "letterSpacing": 1.5,
1912
1912
  "lineHeight": 44,
package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -29,7 +29,7 @@ exports[`Empty renders empty state content correctly 1`] = `
29
29
  [
30
30
  {
31
31
  "color": "#001f23",
32
- "fontFamily": "RebondGrotesque-SemiBold",
32
+ "fontFamily": "Saiga-Medium",
33
33
  "fontSize": 24,
34
34
  "letterSpacing": 0.24,
35
35
  "lineHeight": 32,
@@ -57,7 +57,7 @@ exports[`Empty renders empty state content correctly 1`] = `
57
57
  [
58
58
  {
59
59
  "color": "#001f23",
60
- "fontFamily": "RebondGrotesque",
60
+ "fontFamily": "Saiga-Regular",
61
61
  "fontSize": 18,
62
62
  "letterSpacing": 0.54,
63
63
  "lineHeight": 26,
@@ -145,7 +145,7 @@ exports[`Empty renders empty state with image correctly 1`] = `
145
145
  [
146
146
  {
147
147
  "color": "#001f23",
148
- "fontFamily": "RebondGrotesque-SemiBold",
148
+ "fontFamily": "Saiga-Medium",
149
149
  "fontSize": 24,
150
150
  "letterSpacing": 0.24,
151
151
  "lineHeight": 32,
@@ -173,7 +173,7 @@ exports[`Empty renders empty state with image correctly 1`] = `
173
173
  [
174
174
  {
175
175
  "color": "#001f23",
176
- "fontFamily": "RebondGrotesque",
176
+ "fontFamily": "Saiga-Regular",
177
177
  "fontSize": 18,
178
178
  "letterSpacing": 0.54,
179
179
  "lineHeight": 26,
package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -74,7 +74,7 @@ exports[`Error renders error screen with custom image element correctly 1`] = `
74
74
  [
75
75
  {
76
76
  "color": "#001f23",
77
- "fontFamily": "RebondGrotesque-SemiBold",
77
+ "fontFamily": "Saiga-Medium",
78
78
  "fontSize": 24,
79
79
  "letterSpacing": 0.24,
80
80
  "lineHeight": 32,
@@ -101,7 +101,7 @@ exports[`Error renders error screen with custom image element correctly 1`] = `
101
101
  [
102
102
  {
103
103
  "color": "#001f23",
104
- "fontFamily": "RebondGrotesque",
104
+ "fontFamily": "Saiga-Regular",
105
105
  "fontSize": 18,
106
106
  "letterSpacing": 0.54,
107
107
  "lineHeight": 26,
@@ -228,7 +228,7 @@ exports[`Error renders error screen with image correctly 1`] = `
228
228
  [
229
229
  {
230
230
  "color": "#001f23",
231
- "fontFamily": "RebondGrotesque-SemiBold",
231
+ "fontFamily": "Saiga-Medium",
232
232
  "fontSize": 24,
233
233
  "letterSpacing": 0.24,
234
234
  "lineHeight": 32,
@@ -255,7 +255,7 @@ exports[`Error renders error screen with image correctly 1`] = `
255
255
  [
256
256
  {
257
257
  "color": "#001f23",
258
- "fontFamily": "RebondGrotesque",
258
+ "fontFamily": "Saiga-Regular",
259
259
  "fontSize": 18,
260
260
  "letterSpacing": 0.54,
261
261
  "lineHeight": 26,
@@ -414,7 +414,7 @@ exports[`Error renders full screen error page correctly 1`] = `
414
414
  [
415
415
  {
416
416
  "color": "#001f23",
417
- "fontFamily": "RebondGrotesque-SemiBold",
417
+ "fontFamily": "Saiga-Medium",
418
418
  "fontSize": 24,
419
419
  "letterSpacing": 0.24,
420
420
  "lineHeight": 32,
@@ -441,7 +441,7 @@ exports[`Error renders full screen error page correctly 1`] = `
441
441
  [
442
442
  {
443
443
  "color": "#001f23",
444
- "fontFamily": "RebondGrotesque",
444
+ "fontFamily": "Saiga-Regular",
445
445
  "fontSize": 18,
446
446
  "letterSpacing": 0.54,
447
447
  "lineHeight": 26,
@@ -530,7 +530,7 @@ exports[`Error renders title only correctly 1`] = `
530
530
  [
531
531
  {
532
532
  "color": "#001f23",
533
- "fontFamily": "RebondGrotesque-SemiBold",
533
+ "fontFamily": "Saiga-Medium",
534
534
  "fontSize": 24,
535
535
  "letterSpacing": 0.24,
536
536
  "lineHeight": 32,
@@ -557,7 +557,7 @@ exports[`Error renders title only correctly 1`] = `
557
557
  [
558
558
  {
559
559
  "color": "#001f23",
560
- "fontFamily": "RebondGrotesque",
560
+ "fontFamily": "Saiga-Regular",
561
561
  "fontSize": 18,
562
562
  "letterSpacing": 0.54,
563
563
  "lineHeight": 26,
package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -114,7 +114,7 @@ exports[`Success renders full screen success page correctly 1`] = `
114
114
  [
115
115
  {
116
116
  "color": "#001f23",
117
- "fontFamily": "RebondGrotesque-SemiBold",
117
+ "fontFamily": "Saiga-Medium",
118
118
  "fontSize": 24,
119
119
  "letterSpacing": 0.24,
120
120
  "lineHeight": 32,
@@ -261,7 +261,7 @@ exports[`Success renders success screen with custom image element correctly 1`]
261
261
  [
262
262
  {
263
263
  "color": "#001f23",
264
- "fontFamily": "RebondGrotesque-SemiBold",
264
+ "fontFamily": "Saiga-Medium",
265
265
  "fontSize": 24,
266
266
  "letterSpacing": 0.24,
267
267
  "lineHeight": 32,
@@ -415,7 +415,7 @@ exports[`Success renders success screen with image correctly 1`] = `
415
415
  [
416
416
  {
417
417
  "color": "#001f23",
418
- "fontFamily": "RebondGrotesque-SemiBold",
418
+ "fontFamily": "Saiga-Medium",
419
419
  "fontSize": 24,
420
420
  "letterSpacing": 0.24,
421
421
  "lineHeight": 32,
@@ -530,7 +530,7 @@ exports[`Success renders title and description as ReactElement correctly 1`] = `
530
530
  [
531
531
  {
532
532
  "color": "#001f23",
533
- "fontFamily": "RebondGrotesque-SemiBold",
533
+ "fontFamily": "Saiga-Medium",
534
534
  "fontSize": 24,
535
535
  "letterSpacing": 0.24,
536
536
  "lineHeight": 32,
@@ -673,7 +673,7 @@ exports[`Success renders title only correctly 1`] = `
673
673
  [
674
674
  {
675
675
  "color": "#001f23",
676
- "fontFamily": "RebondGrotesque-SemiBold",
676
+ "fontFamily": "Saiga-Medium",
677
677
  "fontSize": 24,
678
678
  "letterSpacing": 0.24,
679
679
  "lineHeight": 32,
package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap CHANGED
@@ -313,7 +313,7 @@ exports[`StyledBody has regular variant and playful typeface and $fontWeight fon
313
313
  [
314
314
  {
315
315
  "color": "#001f23",
316
- "fontFamily": "RebondGrotesque",
316
+ "fontFamily": "Saiga-Regular",
317
317
  "fontSize": 18,
318
318
  "letterSpacing": 0.54,
319
319
  "lineHeight": 26,
@@ -413,7 +413,7 @@ exports[`StyledBody has regular-bold variant and playful typeface and $fontWeigh
413
413
  [
414
414
  {
415
415
  "color": "#001f23",
416
- "fontFamily": "RebondGrotesque-SemiBold",
416
+ "fontFamily": "Saiga-Medium",
417
417
  "fontSize": 18,
418
418
  "letterSpacing": 0.54,
419
419
  "lineHeight": 26,
@@ -513,7 +513,7 @@ exports[`StyledBody has small variant and playful typeface and $fontWeight fontW
513
513
  [
514
514
  {
515
515
  "color": "#001f23",
516
- "fontFamily": "RebondGrotesque",
516
+ "fontFamily": "Saiga-Regular",
517
517
  "fontSize": 16,
518
518
  "letterSpacing": 0.54,
519
519
  "lineHeight": 24,
@@ -613,7 +613,7 @@ exports[`StyledBody has small-bold variant and playful typeface and $fontWeight
613
613
  [
614
614
  {
615
615
  "color": "#001f23",
616
- "fontFamily": "RebondGrotesque-SemiBold",
616
+ "fontFamily": "Saiga-Medium",
617
617
  "fontSize": 16,
618
618
  "letterSpacing": 0.54,
619
619
  "lineHeight": 24,
package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -473,7 +473,7 @@ exports[`Body has regular variant and playful typeface and $fontWeight fontWeigh
473
473
  [
474
474
  {
475
475
  "color": "#001f23",
476
- "fontFamily": "RebondGrotesque",
476
+ "fontFamily": "Saiga-Regular",
477
477
  "fontSize": 18,
478
478
  "letterSpacing": 0.54,
479
479
  "lineHeight": 26,
@@ -575,7 +575,7 @@ exports[`Body has regular-bold variant and playful typeface and $fontWeight font
575
575
  [
576
576
  {
577
577
  "color": "#001f23",
578
- "fontFamily": "RebondGrotesque-SemiBold",
578
+ "fontFamily": "Saiga-Medium",
579
579
  "fontSize": 18,
580
580
  "letterSpacing": 0.54,
581
581
  "lineHeight": 26,
@@ -728,7 +728,7 @@ exports[`Body has small variant and playful typeface and $fontWeight fontWeight
728
728
  [
729
729
  {
730
730
  "color": "#001f23",
731
- "fontFamily": "RebondGrotesque",
731
+ "fontFamily": "Saiga-Regular",
732
732
  "fontSize": 16,
733
733
  "letterSpacing": 0.54,
734
734
  "lineHeight": 24,
@@ -830,7 +830,7 @@ exports[`Body has small-bold variant and playful typeface and $fontWeight fontWe
830
830
  [
831
831
  {
832
832
  "color": "#001f23",
833
- "fontFamily": "RebondGrotesque-SemiBold",
833
+ "fontFamily": "Saiga-Medium",
834
834
  "fontSize": 16,
835
835
  "letterSpacing": 0.54,
836
836
  "lineHeight": 24,
package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap CHANGED
@@ -421,7 +421,7 @@ exports[`StyledText has playful typeface style 1`] = `
421
421
  [
422
422
  {
423
423
  "color": "#001f23",
424
- "fontFamily": "RebondGrotesque",
424
+ "fontFamily": "Saiga-Regular",
425
425
  "fontSize": 14,
426
426
  "letterSpacing": 0.42,
427
427
  "lineHeight": 22,
package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap CHANGED
@@ -163,7 +163,7 @@ exports[`StyledTitle has h1 level and playful typeface style 1`] = `
163
163
  [
164
164
  {
165
165
  "color": "#001f23",
166
- "fontFamily": "RebondGrotesque-SemiBold",
166
+ "fontFamily": "Saiga-Medium",
167
167
  "fontSize": 36,
168
168
  "letterSpacing": 1.5,
169
169
  "lineHeight": 44,
@@ -263,7 +263,7 @@ exports[`StyledTitle has h2 level and playful typeface style 1`] = `
263
263
  [
264
264
  {
265
265
  "color": "#001f23",
266
- "fontFamily": "RebondGrotesque-SemiBold",
266
+ "fontFamily": "Saiga-Medium",
267
267
  "fontSize": 32,
268
268
  "letterSpacing": 1.5,
269
269
  "lineHeight": 40,
@@ -363,7 +363,7 @@ exports[`StyledTitle has h3 level and playful typeface style 1`] = `
363
363
  [
364
364
  {
365
365
  "color": "#001f23",
366
- "fontFamily": "RebondGrotesque-SemiBold",
366
+ "fontFamily": "Saiga-Medium",
367
367
  "fontSize": 28,
368
368
  "letterSpacing": 0.24,
369
369
  "lineHeight": 36,
@@ -463,7 +463,7 @@ exports[`StyledTitle has h4 level and playful typeface style 1`] = `
463
463
  [
464
464
  {
465
465
  "color": "#001f23",
466
- "fontFamily": "RebondGrotesque-SemiBold",
466
+ "fontFamily": "Saiga-Medium",
467
467
  "fontSize": 24,
468
468
  "letterSpacing": 0.24,
469
469
  "lineHeight": 32,
@@ -563,7 +563,7 @@ exports[`StyledTitle has h5 level and playful typeface style 1`] = `
563
563
  [
564
564
  {
565
565
  "color": "#001f23",
566
- "fontFamily": "RebondGrotesque-SemiBold",
566
+ "fontFamily": "Saiga-Medium",
567
567
  "fontSize": 18,
568
568
  "letterSpacing": 0.24,
569
569
  "lineHeight": 26,
@@ -663,7 +663,7 @@ exports[`StyledTitle has h6 level and playful typeface style 1`] = `
663
663
  [
664
664
  {
665
665
  "color": "#001f23",
666
- "fontFamily": "RebondGrotesque",
666
+ "fontFamily": "Saiga-Regular",
667
667
  "fontSize": 16,
668
668
  "letterSpacing": 0.48,
669
669
  "lineHeight": 28,
package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -269,7 +269,7 @@ exports[`Title has h1 level and playful typeface style 1`] = `
269
269
  [
270
270
  {
271
271
  "color": "#001f23",
272
- "fontFamily": "RebondGrotesque-SemiBold",
272
+ "fontFamily": "Saiga-Medium",
273
273
  "fontSize": 36,
274
274
  "letterSpacing": 1.5,
275
275
  "lineHeight": 44,
@@ -371,7 +371,7 @@ exports[`Title has h2 level and playful typeface style 1`] = `
371
371
  [
372
372
  {
373
373
  "color": "#001f23",
374
- "fontFamily": "RebondGrotesque-SemiBold",
374
+ "fontFamily": "Saiga-Medium",
375
375
  "fontSize": 32,
376
376
  "letterSpacing": 1.5,
377
377
  "lineHeight": 40,
@@ -473,7 +473,7 @@ exports[`Title has h3 level and playful typeface style 1`] = `
473
473
  [
474
474
  {
475
475
  "color": "#001f23",
476
- "fontFamily": "RebondGrotesque-SemiBold",
476
+ "fontFamily": "Saiga-Medium",
477
477
  "fontSize": 28,
478
478
  "letterSpacing": 0.24,
479
479
  "lineHeight": 36,
@@ -575,7 +575,7 @@ exports[`Title has h4 level and playful typeface style 1`] = `
575
575
  [
576
576
  {
577
577
  "color": "#001f23",
578
- "fontFamily": "RebondGrotesque-SemiBold",
578
+ "fontFamily": "Saiga-Medium",
579
579
  "fontSize": 24,
580
580
  "letterSpacing": 0.24,
581
581
  "lineHeight": 32,
@@ -677,7 +677,7 @@ exports[`Title has h5 level and playful typeface style 1`] = `
677
677
  [
678
678
  {
679
679
  "color": "#001f23",
680
- "fontFamily": "RebondGrotesque-SemiBold",
680
+ "fontFamily": "Saiga-Medium",
681
681
  "fontSize": 18,
682
682
  "letterSpacing": 0.24,
683
683
  "lineHeight": 26,
@@ -779,7 +779,7 @@ exports[`Title has h6 level and playful typeface style 1`] = `
779
779
  [
780
780
  {
781
781
  "color": "#001f23",
782
- "fontFamily": "RebondGrotesque",
782
+ "fontFamily": "Saiga-Regular",
783
783
  "fontSize": 16,
784
784
  "letterSpacing": 0.48,
785
785
  "lineHeight": 28,
package/src/theme/__tests__/__snapshots__/index.spec.ts.snap CHANGED
@@ -347,7 +347,7 @@ exports[`theme returns correct theme object 1`] = `
347
347
  "heading": 32,
348
348
  },
349
349
  "fonts": {
350
- "heading": "RebondGrotesque-SemiBold",
350
+ "heading": "Saiga-Medium",
351
351
  },
352
352
  "lineHeights": {
353
353
  "heading": 44,
@@ -492,8 +492,8 @@ exports[`theme returns correct theme object 1`] = `
492
492
  "title": 24,
493
493
  },
494
494
  "fonts": {
495
- "description": "RebondGrotesque",
496
- "title": "RebondGrotesque-SemiBold",
495
+ "description": "Saiga-Regular",
496
+ "title": "Saiga-Medium",
497
497
  },
498
498
  "sizes": {
499
499
  "image": 168,
@@ -516,8 +516,8 @@ exports[`theme returns correct theme object 1`] = `
516
516
  "title": 24,
517
517
  },
518
518
  "fonts": {
519
- "description": "RebondGrotesque",
520
- "title": "RebondGrotesque-SemiBold",
519
+ "description": "Saiga-Regular",
520
+ "title": "Saiga-Medium",
521
521
  },
522
522
  "lineHeight": {
523
523
  "description": 26,
@@ -1050,8 +1050,8 @@ exports[`theme returns correct theme object 1`] = `
1050
1050
  "title": 24,
1051
1051
  },
1052
1052
  "fonts": {
1053
- "description": "RebondGrotesque",
1054
- "title": "RebondGrotesque-SemiBold",
1053
+ "description": "Saiga-Regular",
1054
+ "title": "Saiga-Medium",
1055
1055
  },
1056
1056
  "sizes": {
1057
1057
  "image": 176,
@@ -1429,8 +1429,8 @@ exports[`theme returns correct theme object 1`] = `
1429
1429
  "semiBold": "BeVietnamPro-SemiBold",
1430
1430
  },
1431
1431
  "playful": {
1432
- "regular": "RebondGrotesque",
1433
- "semiBold": "RebondGrotesque-SemiBold",
1432
+ "regular": "Saiga-Regular",
1433
+ "semiBold": "Saiga-Medium",
1434
1434
  },
1435
1435
  },
1436
1436
  "titles": {
@@ -1443,12 +1443,12 @@ exports[`theme returns correct theme object 1`] = `
1443
1443
  "h6": "BeVietnamPro-Regular",
1444
1444
  },
1445
1445
  "playful": {
1446
- "h1": "RebondGrotesque-SemiBold",
1447
- "h2": "RebondGrotesque-SemiBold",
1448
- "h3": "RebondGrotesque-SemiBold",
1449
- "h4": "RebondGrotesque-SemiBold",
1450
- "h5": "RebondGrotesque-SemiBold",
1451
- "h6": "RebondGrotesque",
1446
+ "h1": "Saiga-Medium",
1447
+ "h2": "Saiga-Medium",
1448
+ "h3": "Saiga-Medium",
1449
+ "h4": "Saiga-Medium",
1450
+ "h5": "Saiga-Medium",
1451
+ "h6": "Saiga-Regular",
1452
1452
  },
1453
1453
  },
1454
1454
  },
@@ -1459,9 +1459,9 @@ exports[`theme returns correct theme object 1`] = `
1459
1459
  "semiBold": "BeVietnamPro-SemiBold",
1460
1460
  },
1461
1461
  "playful": {
1462
- "light": "RebondGrotesque-Light",
1463
- "regular": "RebondGrotesque",
1464
- "semiBold": "RebondGrotesque-SemiBold",
1462
+ "light": "Saiga-Light",
1463
+ "regular": "Saiga-Regular",
1464
+ "semiBold": "Saiga-Medium",
1465
1465
  },
1466
1466
  },
1467
1467
  "letterSpacings": {
@@ -1608,9 +1608,9 @@ exports[`theme returns correct theme object 1`] = `
1608
1608
  "semiBold": "BeVietnamPro-SemiBold",
1609
1609
  },
1610
1610
  "playful": {
1611
- "light": "RebondGrotesque-Light",
1612
- "regular": "RebondGrotesque",
1613
- "semiBold": "RebondGrotesque-SemiBold",
1611
+ "light": "Saiga-Light",
1612
+ "regular": "Saiga-Regular",
1613
+ "semiBold": "Saiga-Medium",
1614
1614
  },
1615
1615
  },
1616
1616
  "lineHeights": {
package/src/theme/global/scale.ts CHANGED
@@ -5,7 +5,7 @@ const BASE_SPACE = 8;
5
5
  const BASE_SIZE = 8;
6
6
 
7
7
  const NEUTRAL_FONT = 'BeVietnamPro';
8
- const PLAYFUL_FONT = 'RebondGrotesque';
8
+ const PLAYFUL_FONT = 'Saiga';
9
9
 
10
10
  const BASE_FONT_SIZE = 10;
11
11
 
package/src/theme/global/typography.ts CHANGED
@@ -46,8 +46,8 @@ const getFonts = ({
46
46
  },
47
47
  playful: {
48
48
  light: `${playful}-Light`,
49
- regular: `${playful}`,
50
- semiBold: `${playful}-SemiBold`,
49
+ regular: `${playful}-Regular`,
50
+ semiBold: `${playful}-Medium`,
51
51
  },
52
52
  });
53
53