@pagopa/io-app-design-system 2.0.2 → 2.1.0-0

package/lib/typescript/components/typography/markdown/MdH2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdH2.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;8BAsBhB,CAAC"}
+{"version":3,"file":"MdH2.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;8BAoBhB,CAAC"}

package/lib/typescript/core/IOColors.d.ts

@@ -180,7 +180,7 @@ export declare const IOColorsExtra: {
     "blue-50": string;
 };
 export type IOColorsExtra = keyof typeof IOColorsExtra;
-declare const themeKeys: readonly ["appBackground-primary", "appBackground-secondary", "appBackground-tertiary", "appBackground-accent", "interactiveElem-default", "interactiveElem-pressed", "listItem-pressed", "textHeading-default", "textHeading-secondary", "textHeading-tertiary", "textBody-default", "textBody-secondary", "textBody-tertiary", "cardBorder-default", "icon-default", "icon-decorative", "divider-header", "divider-default", "divider-bottomBar", "errorIcon", "errorText", "pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary", "pictogram-tint-tertiary"];
+declare const themeKeys: readonly ["appBackground-primary", "appBackground-secondary", "appBackground-tertiary", "appBackground-accent", "interactiveElem-default", "interactiveElem-pressed", "listItem-pressed", "textHeading-default", "textHeading-secondary", "textHeading-tertiary", "textBody-default", "textBody-secondary", "textBody-tertiary", "cardBorder-default", "icon-default", "icon-decorative", "divider-header", "divider-default", "divider-bottomBar", "errorIcon", "errorText", "successText", "pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary", "pictogram-tint-tertiary"];
 export type IOTheme = {
     [K in (typeof themeKeys)[number]]: IOColors;
 };

package/lib/typescript/core/IOColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,cAAc,MAAM,8BAA8B,CAAC;AAyB/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,eACrB,gBAAgB,KAC3B,eAAe,qBAAqB,CAAC,CAAC,QAAQ,CAGhD,CAAC;AA0BF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAexB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AACzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,gjBAgCL,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG;KACnB,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,QAAQ;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAgC1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAKhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OA8BzB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEH,MAAM,MAAM,0BAA0B,GACpC,MAAM,OAAO,0BAA0B,CAAC;AAE1C,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,CAAC,0BAA0B,CAAC,EACvC,cAAc,CAkBf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAM/E;;;;GAIG;AAEH,eAAO,MAAM,SAAS,YAAa,UAAU,YAAW,MAAM,WAQ7D,CAAC"}
+{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,cAAc,MAAM,8BAA8B,CAAC;AAyB/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,eACrB,gBAAgB,KAC3B,eAAe,qBAAqB,CAAC,CAAC,QAAQ,CAGhD,CAAC;AA0BF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAexB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AACzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,+jBAiCL,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG;KACnB,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,QAAQ;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAiC1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAKhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OA+BzB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEH,MAAM,MAAM,0BAA0B,GACpC,MAAM,OAAO,0BAA0B,CAAC;AAE1C,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,CAAC,0BAA0B,CAAC,EACvC,cAAc,CAkBf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAM/E;;;;GAIG;AAEH,eAAO,MAAM,SAAS,YAAa,UAAU,YAAW,MAAM,WAQ7D,CAAC"}

package/lib/typescript/utils/fonts.d.ts

@@ -8,16 +8,16 @@ import { TextStyle } from "react-native";
  * Choose the font name based on the platform
  */
 declare const fonts: {
-    TitilliumSansPro: string;
-    ReadexPro: string;
-    DMMono: string;
+    readonly TitilliumSansPro: string;
+    readonly Titillio: string;
+    readonly DMMono: string;
 };
 export type IOFontFamily = keyof typeof fonts;
-declare const allFontSizes: (16 | 12 | 20 | 32 | 14 | 18 | 28 | 22 | 26 | 31 | 35)[];
+declare const allFontSizes: (26 | 16 | 12 | 20 | 32 | 14 | 18 | 28 | 22 | 31 | 35)[];
 export type IOFontSize = (typeof allFontSizes)[number];
-declare const weights: readonly ["Light", "Regular", "Medium", "Semibold", "Bold"];
+declare const weights: readonly ["Thin", "Light", "Regular", "Medium", "Semibold", "Bold", "Black"];
 export type IOFontWeight = (typeof weights)[number];
-declare const weightValues: readonly ["300", "400", "500", "600", "700"];
+declare const weightValues: readonly ["200", "300", "400", "500", "600", "700", "900"];
 export type IOFontWeightNumeric = (typeof weightValues)[number];
 /**
  * Mapping between the nominal description of the weight (also the postfix used on Android) and the numeric value
@@ -38,7 +38,7 @@ type FontStyleObject = {
  * @param weight
  * @param isItalic
  */
-export declare const makeFontFamilyName: (font: IOFontFamily, weight?: IOFontWeight, fontStyle?: TextStyle["fontStyle"]) => FontStyleObject["fontFamily"];
+export declare const makeFontFamilyName: (font: IOFontFamily, weight?: IOFontWeight, fontStyle?: TextStyle["fontStyle"]) => string;
 /**
  * Return a {@link FontStyleObject} with the fields filled based on the platform (iOS or Android).
  * @param size
@@ -46,6 +46,6 @@ export declare const makeFontFamilyName: (font: IOFontFamily, weight?: IOFontWei
  * @param weight
  * @param fontStyle
  */
-export declare const makeFontStyleObject: (size: 16 | 12 | 20 | 32 | 14 | 18 | 28 | 22 | 26 | 31 | 35 | undefined, font: "TitilliumSansPro" | "ReadexPro" | "DMMono" | undefined, lineHeight: TextStyle["lineHeight"], weight?: IOFontWeight, fontStyle?: TextStyle["fontStyle"], boldEnabled?: boolean) => FontStyleObject;
+export declare const makeFontStyleObject: (size: 26 | 16 | 12 | 20 | 32 | 14 | 18 | 28 | 22 | 31 | 35 | undefined, font: "TitilliumSansPro" | "Titillio" | "DMMono" | undefined, lineHeight: TextStyle["lineHeight"], weight?: IOFontWeight, fontStyle?: TextStyle["fontStyle"], boldEnabled?: boolean) => FontStyleObject;
 export {};
 //# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/utils/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,KAAK;;;;CAmBV,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAO9C,QAAA,MAAM,YAAY,0DAAmD,CAAC;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAMvD,QAAA,MAAM,OAAO,6DAA8D,CAAC;AAC5E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,YAAY,8CAA+C,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAMjE,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,UAAU,CAAC;IAGrB,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,SACvB,YAAY,WACV,YAAY,cACT,SAAS,CAAC,WAAW,CAAC,KAChC,eAAe,CAAC,YAAY,CAQ3B,CAAC;AASL;;;;;;GAMG;AAEH,eAAO,MAAM,mBAAmB,sJAGlB,SAAS,CAAC,YAAY,CAAC,WAC3B,YAAY,cACT,SAAS,CAAC,WAAW,CAAC,gBACpB,OAAO,KACnB,eAkCF,CAAC"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,KAAK;;;;CAmBD,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAO9C,QAAA,MAAM,YAAY,0DAAmD,CAAC;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAMvD,QAAA,MAAM,OAAO,8EAQH,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,YAAY,4DAA6D,CAAC;AAChF,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAQjE,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,UAAU,CAAC;IAGrB,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,SACvB,YAAY,WACV,YAAY,cACT,SAAS,CAAC,WAAW,CAAC,KAChC,MAQC,CAAC;AASL;;;;;;GAMG;AAEH,eAAO,MAAM,mBAAmB,qJAGlB,SAAS,CAAC,YAAY,CAAC,WAC3B,YAAY,cACT,SAAS,CAAC,WAAW,CAAC,gBACpB,OAAO,KACnB,eAkCF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "2.0.2",
+  "version": "2.1.0-0",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap

@@ -92,7 +92,7 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",

package/src/components/badge/Badge.tsx

@@ -164,8 +164,8 @@ export const Badge = ({ text, outline = false, variant, testID }: Badge) => {
       ]}
     >
       <IOText
-        font={isExperimental ? "ReadexPro" : "TitilliumSansPro"}
-        weight={isExperimental ? "Regular" : "Semibold"}
+        font={isExperimental ? "Titillio" : "TitilliumSansPro"}
+        weight={"Semibold"}
         size={12}
         lineHeight={16}
         color={foreground}

package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap

@@ -30,10 +30,10 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillio",
           "fontSize": 12,
           "fontStyle": "normal",
-          "fontWeight": "400",
+          "fontWeight": "600",
           "lineHeight": 16,
         },
         {

package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -80,10 +80,10 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
             {},
             {
               "color": "#031344",
-              "fontFamily": "Readex Pro",
+              "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
-              "fontWeight": "400",
+              "fontWeight": "600",
               "lineHeight": 24,
             },
           ]
@@ -192,10 +192,10 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
                   {},
                   {
                     "color": "#0E0F13",
-                    "fontFamily": "Readex Pro",
+                    "fontFamily": "Titillio",
                     "fontSize": 16,
                     "fontStyle": "normal",
-                    "fontWeight": "400",
+                    "fontWeight": "600",
                     "lineHeight": undefined,
                   },
                   {
@@ -430,10 +430,10 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
             {
               "color": "#031344",
               "fontFamily": "Titillium Sans Pro",
-              "fontSize": 18,
+              "fontSize": 16,
               "fontStyle": "normal",
               "fontWeight": "600",
-              "lineHeight": 25,
+              "lineHeight": 24,
             },
           ]
         }

package/src/components/buttons/ButtonLink.tsx

@@ -237,8 +237,8 @@ export const ButtonLink = React.forwardRef<View, ButtonLinkProps>(
             accessible={false}
             accessibilityElementsHidden
             importantForAccessibility="no-hide-descendants"
-            font={isExperimental ? "ReadexPro" : "TitilliumSansPro"}
-            weight={isExperimental ? "Regular" : "Bold"}
+            font={isExperimental ? "Titillio" : "TitilliumSansPro"}
+            weight={isExperimental ? "Semibold" : "Bold"}
             size={buttonTextFontSize}
             style={
               disabled

package/src/components/buttons/ButtonOutline.tsx

@@ -374,8 +374,8 @@ export const ButtonOutline = React.forwardRef<View, ButtonOutline>(
             </>
           )}
           <AnimatedIOText
-            font={isExperimental ? "ReadexPro" : "TitilliumSansPro"}
-            weight={isExperimental ? "Regular" : "Bold"}
+            font={isExperimental ? "Titillio" : "TitilliumSansPro"}
+            weight={isExperimental ? "Semibold" : "Bold"}
             size={buttonTextFontSize}
             accessible={false}
             accessibilityElementsHidden

package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap

@@ -83,10 +83,10 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
           {},
           {
             "color": "#0E0F13",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillio",
             "fontSize": 16,
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "600",
             "lineHeight": undefined,
           },
           {
@@ -190,10 +190,10 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
           {},
           {
             "color": "#0E0F13",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillio",
             "fontSize": 16,
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "600",
             "lineHeight": undefined,
           },
           [
@@ -311,10 +311,10 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
             {},
             {
               "color": "#FFFFFF",
-              "fontFamily": "Readex Pro",
+              "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
-              "fontWeight": "400",
+              "fontWeight": "600",
               "lineHeight": 20,
             },
             {

package/src/components/layout/HeaderSecondLevel.tsx

@@ -303,8 +303,8 @@ export const HeaderSecondLevel = ({
             size={14}
             numberOfLines={1}
             accessible={false}
-            font={isExperimental ? "ReadexPro" : "TitilliumSansPro"}
-            weight={isExperimental ? "Regular" : "Semibold"}
+            font={isExperimental ? "Titillio" : "TitilliumSansPro"}
+            weight={"Semibold"}
             style={[
               { color: titleColor, textAlign: "center" },
               titleAnimatedStyle

package/src/components/listitems/ListItemRadioWithAmount.tsx

@@ -5,8 +5,7 @@ import { IOColors, useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
 import { HSpacer, VSpacer } from "../spacer";
-import { H6, LabelSmallAlt } from "../typography";
-import { LabelSmall } from "../typography/LabelSmall";
+import { H6, LabelSmall } from "../typography";
 import { PressableListItemBase } from "./PressableListItemsBase";
 
 export type ListItemRadioWithAmountProps = {
@@ -56,9 +55,13 @@ export const ListItemRadioWithAmount = ({
       }}
     >
       <View style={{ flexShrink: 1 }}>
-        <LabelSmallAlt numberOfLines={1} color={theme["textBody-default"]}>
+        <LabelSmall
+          weight="Semibold"
+          numberOfLines={1}
+          color={theme["textBody-default"]}
+        >
           {label}
-        </LabelSmallAlt>
+        </LabelSmall>
         {isSuggested && (
           <>
             <VSpacer size={4} />

package/src/components/listitems/ListItemTransaction.tsx

@@ -24,7 +24,7 @@ import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
 import { IOIconSizeScale, Icon } from "../icons";
 import { IOLogoPaymentType } from "../logos";
 import { VSpacer } from "../spacer";
-import { H6, LabelSmall, LabelSmallAlt } from "../typography";
+import { H6, LabelSmall } from "../typography";
 import {
   PressableBaseProps,
   PressableListItemBase
@@ -142,6 +142,9 @@ export const ListItemTransaction = ({
     ? theme["interactiveElem-default"]
     : "blue";
 
+  const amountColor: IOColors = theme["textBody-default"];
+  const successColor: IOColors = theme.successText;
+
   const ListItemTransactionContent = () => {
     const TransactionAmountOrBadgeComponent = () => {
       switch (transactionStatus) {
@@ -149,7 +152,7 @@ export const ListItemTransaction = ({
           return (
             <H6
               accessibilityLabel={getAccessibleAmountText(transactionAmount)}
-              color={hasChevronRight ? interactiveColor : "black"}
+              color={hasChevronRight ? interactiveColor : amountColor}
               numberOfLines={numberOfLines}
             >
               {transactionAmount || ""}
@@ -159,7 +162,7 @@ export const ListItemTransaction = ({
           return (
             <H6
               accessibilityLabel={getAccessibleAmountText(transactionAmount)}
-              color={hasChevronRight ? interactiveColor : "success-700"}
+              color={hasChevronRight ? interactiveColor : successColor}
               numberOfLines={numberOfLines}
             >
               {transactionAmount || ""}
@@ -189,12 +192,13 @@ export const ListItemTransaction = ({
           </View>
         )}
         <View style={IOStyles.flex}>
-          <LabelSmallAlt
+          <LabelSmall
             numberOfLines={numberOfLines}
             color={theme["textBody-default"]}
+            weight="Semibold"
           >
             {title}
-          </LabelSmallAlt>
+          </LabelSmall>
           <LabelSmall weight="Regular" color={theme["textBody-tertiary"]}>
             {subtitle}
           </LabelSmall>

package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -84,10 +84,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemAction Snapsh
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 20,
               },
             ]
@@ -176,10 +176,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemIDP Snapshot
           },
           {
             "color": "#555C70",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillio",
             "fontSize": 12,
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "600",
             "lineHeight": 16,
           },
         ]
@@ -245,7 +245,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfo Snapshot
               {},
               {
                 "color": "#555C70",
-                "fontFamily": "Titillium Sans Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
@@ -266,10 +266,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfo Snapshot
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 24,
               },
             ]
@@ -367,7 +367,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfoCopy Snap
               {},
               {
                 "color": "#555C70",
-                "fontFamily": "Titillium Sans Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
@@ -388,10 +388,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfoCopy Snap
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 24,
               },
             ]
@@ -555,10 +555,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNav Snapshot
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 24,
               },
             ]
@@ -784,10 +784,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNavAlert Snap
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 24,
               },
             ]
@@ -952,10 +952,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 14,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 21,
               },
             ]
@@ -1051,7 +1051,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
                 {},
                 {
                   "color": "#5517E3",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 14,
                   "fontStyle": "normal",
                   "fontWeight": "400",
@@ -1090,10 +1090,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 24,
               },
             ]
@@ -1340,10 +1340,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 14,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 21,
               },
             ]
@@ -1378,10 +1378,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 24,
               },
             ]
@@ -1964,10 +1964,10 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 25,
+                "lineHeight": 24,
               },
             ]
           }
@@ -2086,10 +2086,10 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
               {
                 "color": "#0073E6",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 25,
+                "lineHeight": 24,
               },
             ]
           }
@@ -2253,10 +2253,10 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 25,
+                "lineHeight": 24,
               },
             ]
           }
@@ -2482,10 +2482,10 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 25,
+                "lineHeight": 24,
               },
             ]
           }
@@ -2650,7 +2650,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 16,
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 21,
@@ -2788,10 +2788,10 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 25,
+                "lineHeight": 24,
               },
             ]
           }
@@ -3038,7 +3038,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 16,
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 21,
@@ -3076,10 +3076,10 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 25,
+                "lineHeight": 24,
               },
             ]
           }

package/src/components/modules/ModuleAttachment.tsx

@@ -7,7 +7,7 @@ import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { HStack, VStack } from "../stack";
-import { LabelSmallAlt } from "../typography";
+import { LabelSmall } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
 
@@ -66,12 +66,13 @@ const ModuleAttachmentContent = ({
         space={4}
         style={{ alignItems: "flex-start", flexShrink: 1, flexGrow: 1 }}
       >
-        <LabelSmallAlt
+        <LabelSmall
+          weight="Semibold"
           numberOfLines={2}
           color={theme["interactiveElem-default"]}
         >
           {title}
-        </LabelSmallAlt>
+        </LabelSmall>
         <Badge text={format.toUpperCase()} variant="default" />
       </VStack>
       <IconOrActivityIndicatorComponent />

package/src/components/modules/ModuleCredential.tsx

@@ -20,7 +20,7 @@ import { Badge } from "../badge";
 import { IOIcons, Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { HStack } from "../stack/Stack";
-import { LabelSmallAlt } from "../typography";
+import { LabelSmall } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import {
   PressableModuleBase,
@@ -89,14 +89,15 @@ const ModuleCredential = (props: WithTestID<ModuleCredentialProps>) => {
         {/* Graphical assets */}
         {iconComponent ?? imageComponent}
 
-        <LabelSmallAlt
+        <LabelSmall
           color={theme["interactiveElem-default"]}
+          weight="Semibold"
           numberOfLines={2}
           lineBreakMode="middle"
           style={{ flexShrink: 1 }}
         >
           {label}
-        </LabelSmallAlt>
+        </LabelSmall>
       </HStack>
       <View style={IOStyles.row}>
         {badge ? (

package/src/components/modules/ModuleIDP.tsx

@@ -59,8 +59,8 @@ export const ModuleIDP = ({
       withLooseSpacing={withLooseSpacing}
     >
       <IOText
-        font={isExperimental ? "ReadexPro" : "TitilliumSansPro"}
-        weight={isExperimental ? "Regular" : "Semibold"}
+        font={isExperimental ? "Titillio" : "TitilliumSansPro"}
+        weight={"Semibold"}
         size={12}
         lineHeight={16}
         color={theme["textBody-tertiary"]}