Add Nunito Sans font

This commit introduces the Nunito Sans font into our project and applies it across all components, significantly altering the visual appearance. The Text component has been updated with new variants. The changes have been reflected in Storybook, providing a refreshed and consistent look and feel across the entire component library.

Author: Hector Arce De Las Heras

.storybook/assets/font/NunitoSans_10pt-Bold.ttf

@@ -28,7 +28,7 @@ const actionCommonProps = {
 const commonPropsDefault = {
   border_radius: BORDERS.border_00,
   text_align: TEXT_ALIGN.center,
-  font_family: FONT_FAMILY.font_family_gt_america_extended,
+  font_family: FONT_FAMILY.font_family_nunito_sans,
   font_size: '1rem',
 };
 

.storybook/assets/font/NunitoSans_10pt-Regular.ttf

@@ -4,81 +4,101 @@ import { FONT_FAMILY, HEADING, PARAGRAPH } from '../../foundations';
 import { TextVariantType } from './variants';
 
 export const TEXT_STYLES: TextStylesType<TextVariantType> = {
-  [TextVariantType.HEADING_DISPLAY_1_EXPANDED]: {
+  [TextVariantType.MAIN_HEADING_DISPLAY_1_EXPANDED]: {
     font_family: FONT_FAMILY.font_family_gt_america_expanded,
     typography: HEADING.DISPLAY,
   },
+
+  [TextVariantType.MAIN_HEADING_H1_EXPANDED]: {
+    font_family: FONT_FAMILY.font_family_nunito_sans,
+    typography: HEADING.H1,
+  },
+  [TextVariantType.MAIN_HEADING_H2_EXPANDED]: {
+    font_family: FONT_FAMILY.font_family_nunito_sans,
+    typography: HEADING.H2,
+  },
+  [TextVariantType.MAIN_HEADING_H3_EXPANDED]: {
+    font_family: FONT_FAMILY.font_family_nunito_sans,
+    typography: HEADING.H3,
+  },
+  [TextVariantType.MAIN_HEADING_H4_EXPANDED]: {
+    font_family: FONT_FAMILY.font_family_nunito_sans,
+    typography: HEADING.H4,
+  },
+  [TextVariantType.HEADING_DISPLAY_1_EXPANDED]: {
+    font_family: FONT_FAMILY.font_family_nunito_sans,
+    typography: HEADING.DISPLAY,
+  },
   [TextVariantType.HEADING_H1_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H1,
   },
   [TextVariantType.HEADING_H2_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H2,
   },
   [TextVariantType.HEADING_H3_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H3,
   },
   [TextVariantType.HEADING_H4_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H4,
   },
   [TextVariantType.PARAGRAPH_LARGE_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.LARGE,
   },
   [TextVariantType.PARAGRAPH_MEDIUM_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.MEDIUM,
   },
   [TextVariantType.PARAGRAPH_SMALL_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.SMALL,
   },
   [TextVariantType.PARAGRAPH_CAPTION_EXPANDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_expanded,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.CAPTION,
   },
-
   [TextVariantType.HEADING_DISPLAY_1_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.DISPLAY,
   },
   [TextVariantType.HEADING_H1_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H1,
   },
   [TextVariantType.HEADING_H2_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H2,
   },
   [TextVariantType.HEADING_H3_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H3,
   },
   [TextVariantType.HEADING_H4_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.H4,
   },
   [TextVariantType.PARAGRAPH_LARGE_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.LARGE,
   },
   [TextVariantType.PARAGRAPH_MEDIUM_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.MEDIUM,
   },
   [TextVariantType.PARAGRAPH_SMALL_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.SMALL,
   },
   [TextVariantType.PARAGRAPH_CAPTION_EXTENDED]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.CAPTION,
   },
   [TextVariantType.DEFAULT]: {
-    font_family: FONT_FAMILY.font_family_gt_america_extended,
+    font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.CAPTION,
   },
   [TextVariantType.PARAGRAPH_MEDIUM_MONO]: {

src/designSystem/kubit/components/button/styles.ts

@@ -22,4 +22,11 @@ export enum TextVariantType {
   PARAGRAPH_CAPTION_EXTENDED = 'PARAGRAPH_CAPTION_EXTENDED',
   DEFAULT = 'DEFAULT',
   PARAGRAPH_MEDIUM_MONO = 'PARAGRAPH_MEDIUM_MONO',
+
+  // main
+  MAIN_HEADING_DISPLAY_1_EXPANDED = 'MAIN_HEADING_DISPLAY_1_EXPANDED',
+  MAIN_HEADING_H1_EXPANDED = 'MAIN_HEADING_H1_EXPANDED',
+  MAIN_HEADING_H2_EXPANDED = 'MAIN_HEADING_H2_EXPANDED',
+  MAIN_HEADING_H3_EXPANDED = 'MAIN_HEADING_H3_EXPANDED',
+  MAIN_HEADING_H4_EXPANDED = 'MAIN_HEADING_H4_EXPANDED',
 }