@pagopa/io-app-design-system 1.36.13 → 1.36.15

package/lib/typescript/components/typography/markdown/MdH1.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IOColors, IOTheme } from "../../../core";
+import { IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "Regular">;
+type MdH1Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * `MdH1` typographic style
+ */
+export declare const MdH1: (props: MdH1Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MdH1.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdH1.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH1.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IOColors, IOTheme } from "../../../core";
+import { IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "SemiBold">;
+type MdH2Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * `MdH2` typographic style
+ */
+export declare const MdH2: (props: MdH2Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MdH2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdH2.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH2.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}

package/lib/typescript/components/typography/markdown/MdH3.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IOColors, IOTheme } from "../../../core";
+import { IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "Regular">;
+type MdH3Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * `MdH3` typographic style
+ */
+export declare const MdH3: (props: MdH3Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MdH3.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdH3.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH3.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}

package/lib/typescript/components/typography/markdown/MdH4.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IOColors, IOTheme } from "../../../core";
+import { IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "SemiBold">;
+type MdH4Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * `MdH4` typographic style
+ */
+export declare const MdH4: (props: MdH4Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MdH4.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdH4.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH4.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAYjC,CAAC"}

package/lib/typescript/components/typography/markdown/MdH5.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IOColors, IOTheme } from "../../../core";
+import { IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "Regular">;
+type MdH5Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * `MdH5` typographic style
+ */
+export declare const MdH5: (props: MdH5Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MdH5.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdH5.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH5.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}

package/lib/typescript/components/typography/markdown/MdH6.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IOColors, IOTheme } from "../../../core";
+import { IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "Regular">;
+type MdH6Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * `MdH5` typographic style
+ */
+export declare const MdH6: (props: MdH6Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MdH6.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdH6.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH6.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAWjC,CAAC"}

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

@@ -52,7 +52,6 @@ export declare const IOColors: {
     "info-500": string;
     "info-400": string;
     "info-100": string;
-    cobalt: string;
     "blueItalia-850": string;
     "blueItalia-600": string;
     "blueItalia-500": string;
@@ -64,16 +63,13 @@ export declare const IOColors: {
     greyLight: string;
     bluegreyLight: string;
     grey: string;
-    milderGray: string;
     bluegrey: string;
     bluegreyDark: string;
-    noCieButton: string;
     blue: string;
     blueUltraLight: string;
     aqua: string;
     aquaUltraLight: string;
     antiqueFuchsia: string;
-    yellow: string;
     orange: string;
     red: string;
     green: string;
@@ -105,18 +101,14 @@ export declare const IOColorsLegacy: {
     greyLight: string;
     bluegreyLight: string;
     grey: string;
-    milderGray: string;
     bluegrey: string;
     bluegreyDark: string;
     black: string;
-    noCieButton: string;
     blue: string;
     blueUltraLight: string;
     aqua: string;
     aquaUltraLight: string;
-    cobalt: string;
     antiqueFuchsia: string;
-    yellow: string;
     orange: string;
     red: string;
     green: string;
@@ -179,7 +171,6 @@ export type IOColorsStatus = keyof typeof IOColorsStatus;
 export type IOColorsStatusForeground = Extract<IOColorsStatus, "error-850" | "warning-850" | "info-850" | "success-850">;
 export type IOColorsStatusBackground = Extract<IOColorsStatus, "error-100" | "warning-100" | "info-100" | "success-100">;
 export declare const IOColorsExtra: {
-    cobalt: string;
     "blueItalia-850": string;
     "blueItalia-600": string;
     "blueItalia-500": string;

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

@@ -1 +1 @@
-{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/utils/object.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,wBAAwB;;YAE7B,MAAM,0BAKT,CAAC"}
+{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/utils/object.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,wBAAwB,WAC1B;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAA;CAAE,WACvB,MAAM,KAAG,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAKhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.36.13",
+  "version": "1.36.15",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -107,7 +107,7 @@
     "storybook": "^7.4.0",
     "storybook-react-context": "^0.6.0",
     "svgo": "^3.0.2",
-    "typescript": "^4.9.5"
+    "typescript": "^5.4.4"
   },
   "resolutions": {
     "@types/react": "17.0.43"

package/src/components/layout/GradientBottomActions.tsx

@@ -63,6 +63,10 @@ const styles = StyleSheet.create({
   }
 });
 
+/**
+ * @deprecated This component has been included in the new `IOScrollView` after a proper refactor. It will be removed in a future release.
+ * @see IOScrollView
+ */
 export const GradientBottomActions = ({
   primaryActionProps: primaryAction,
   secondaryActionProps: secondaryAction,

package/src/components/layout/GradientScrollView.tsx

@@ -38,6 +38,10 @@ const secondaryActionEstHeight: number = 20;
 // Extra bottom margin for iPhone bottom handle
 const extraSafeAreaMargin: IOSpacingScale = 8;
 
+/**
+ * @deprecated This component has been deprecated. It will be removed in a future release.
+ * @see IOScrollView
+ */
 export const GradientScrollView = ({
   children,
   primaryActionProps: primaryActionProps,

package/src/components/layout/index.tsx

@@ -1,9 +1,9 @@
-export * from "./common";
-export * from "./GradientScrollView";
+export * from "./BlockButtons";
+export * from "./FooterWithButtons";
+export * from "./ForceScrollDownView";
 export * from "./GradientBottomActions";
+export * from "./GradientScrollView";
 export * from "./HeaderFirstLevel";
 export * from "./HeaderSecondLevel";
-export * from "./ForceScrollDownView";
-export * from "./FooterWithButtons";
-export * from "./BlockButtons";
 export * from "./ModalBSHeader";
+export * from "./common";

package/src/components/listitems/ListItemHeader.tsx

@@ -79,7 +79,7 @@ export const ListItemHeader = ({
           endElement !== undefined && endElement.type !== "badge"
         }
       >
-        <H6 weight="Regular" color={theme["textBody-tertiary"]}>
+        <H6 role="heading" weight="Regular" color={theme["textBody-tertiary"]}>
           {label}
         </H6>
       </View>

package/src/components/listitems/ListItemInfo.tsx

@@ -7,10 +7,12 @@ import {
   useIOTheme
 } from "../../core";
 import { WithTestID } from "../../utils/types";
-import { IOIcons, Icon } from "../icons";
+import { IOIconSizeScale, IOIcons, Icon } from "../icons";
 import { H6, LabelSmall } from "../typography";
 import { ButtonLink, IconButton } from "../buttons";
 import { Badge } from "../badge";
+import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
+import { IOLogoPaymentType } from "../logos";
 
 type ButtonLinkActionProps = {
   type: "buttonLink";
@@ -36,17 +38,29 @@ export type ListItemInfo = WithTestID<{
   label: string;
   value: string | React.ReactNode;
   numberOfLines?: number;
-  icon?: IOIcons;
   endElement?: EndElementProps;
   // Accessibility
   accessibilityLabel?: string;
-}>;
+}> &
+  (
+    | {
+        paymentLogoIcon?: IOLogoPaymentType;
+        icon?: never;
+      }
+    | {
+        icon?: IOIcons;
+        paymentLogoIcon?: never;
+      }
+  );
+
+const PAYMENT_LOGO_SIZE: IOIconSizeScale = 24;
 
 export const ListItemInfo = ({
   label,
   value,
   numberOfLines = 2,
   icon,
+  paymentLogoIcon,
   endElement,
   accessibilityLabel,
   testID
@@ -141,6 +155,14 @@ export const ListItemInfo = ({
             />
           </View>
         )}
+        {paymentLogoIcon && (
+          <View style={{ marginRight: IOListItemVisualParams.iconMargin }}>
+            <LogoPaymentWithFallback
+              brand={paymentLogoIcon}
+              size={PAYMENT_LOGO_SIZE}
+            />
+          </View>
+        )}
         <View style={IOStyles.flex}>{itemInfoTextComponent}</View>
         {endElement && (
           <View style={{ marginLeft: IOListItemVisualParams.actionMargin }}>

package/src/components/logos/LogoPayment.tsx

@@ -1,21 +1,22 @@
 import React from "react";
 
 /* Logos */
-import LogoPaymentMaestro from "./svg/LogoPaymentMaestro";
-import LogoPaymentMastercard from "./svg/LogoPaymentMastercard";
-import LogoPaymentVisa from "./svg/LogoPaymentVisa";
 import LogoPaymentAmex from "./svg/LogoPaymentAmex";
+import LogoPaymentApplePay from "./svg/LogoPaymentApplePay";
+import LogoPaymentBancomatPay from "./svg/LogoPaymentBancomatPay";
 import LogoPaymentDiners from "./svg/LogoPaymentDiners";
 import LogoPaymentDiscover from "./svg/LogoPaymentDiscover";
 import LogoPaymentJCB from "./svg/LogoPaymentJCB";
-import LogoPaymentUnionPay from "./svg/LogoPaymentUnionPay";
-import LogoPaymentPayPal from "./svg/LogoPaymentPayPal";
-import LogoPaymentBancomatPay from "./svg/LogoPaymentBancomatPay";
-import LogoPaymentVPay from "./svg/LogoPaymentVPay";
+import LogoPaymentMaestro from "./svg/LogoPaymentMaestro";
+import LogoPaymentMastercard from "./svg/LogoPaymentMastercard";
+import LogoPaymentMyBank from "./svg/LogoPaymentMyBank";
 import LogoPaymentPagoBancomat from "./svg/LogoPaymentPagoBancomat";
+import LogoPaymentPayPal from "./svg/LogoPaymentPayPal";
 import LogoPaymentPostepay from "./svg/LogoPaymentPostepay";
-import LogoPaymentMyBank from "./svg/LogoPaymentMyBank";
-import LogoPaymentApplePay from "./svg/LogoPaymentApplePay";
+import LogoPaymentSatispay from "./svg/LogoPaymentSatispay";
+import LogoPaymentUnionPay from "./svg/LogoPaymentUnionPay";
+import LogoPaymentVPay from "./svg/LogoPaymentVPay";
+import LogoPaymentVisa from "./svg/LogoPaymentVisa";
 
 export const IOPaymentLogos = {
   maestro: LogoPaymentMaestro,
@@ -29,9 +30,10 @@ export const IOPaymentLogos = {
   payPal: LogoPaymentPayPal,
   bancomatPay: LogoPaymentBancomatPay,
   vPay: LogoPaymentVPay,
-  pagoBancomat: LogoPaymentPagoBancomat,
+  satispay: LogoPaymentSatispay,
   postepay: LogoPaymentPostepay,
   myBank: LogoPaymentMyBank,
+  pagoBancomat: LogoPaymentPagoBancomat,
   applePay: LogoPaymentApplePay
 } as const;
 

package/src/components/logos/LogoPaymentExt.tsx

@@ -1,20 +1,21 @@
 import React from "react";
 
 /* Logos */
-import LogoPaymentExtMaestro from "./svg/LogoPaymentExtMaestro";
-import LogoPaymentExtMastercard from "./svg/LogoPaymentExtMastercard";
-import LogoPaymentExtVisa from "./svg/LogoPaymentExtVisa";
-import LogoPaymentExtVisaElectron from "./svg/LogoPaymentExtVisaElectron";
-import LogoPaymentExtVPay from "./svg/LogoPaymentExtVPay";
+import LogoPaymentExtAmex from "./svg/LogoPaymentExtAmex";
+import LogoPaymentExtApplePay from "./svg/LogoPaymentExtApplePay";
+import LogoPaymentExtBancomatPay from "./svg/LogoPaymentExtBancomatPay";
 import LogoPaymentExtDiners from "./svg/LogoPaymentExtDiners";
 import LogoPaymentExtJCB from "./svg/LogoPaymentExtJCB";
-import LogoPaymentExtUnionPay from "./svg/LogoPaymentExtUnionPay";
+import LogoPaymentExtMaestro from "./svg/LogoPaymentExtMaestro";
+import LogoPaymentExtMastercard from "./svg/LogoPaymentExtMastercard";
+import LogoPaymentExtPagoBancomat from "./svg/LogoPaymentExtPagoBancomat";
 import LogoPaymentExtPayPal from "./svg/LogoPaymentExtPayPal";
-import LogoPaymentExtBancomatPay from "./svg/LogoPaymentExtBancomatPay";
 import LogoPaymentExtPostepay from "./svg/LogoPaymentExtPostepay";
-import LogoPaymentExtPagoBancomat from "./svg/LogoPaymentExtPagoBancomat";
-import LogoPaymentExtApplePay from "./svg/LogoPaymentExtApplePay";
-import LogoPaymentExtAmex from "./svg/LogoPaymentExtAmex";
+import LogoPaymentExtSatispay from "./svg/LogoPaymentExtSatispay";
+import LogoPaymentExtUnionPay from "./svg/LogoPaymentExtUnionPay";
+import LogoPaymentExtVPay from "./svg/LogoPaymentExtVPay";
+import LogoPaymentExtVisa from "./svg/LogoPaymentExtVisa";
+import LogoPaymentExtVisaElectron from "./svg/LogoPaymentExtVisaElectron";
 
 export const IOPaymentExtLogos = {
   maestro: LogoPaymentExtMaestro,
@@ -27,6 +28,7 @@ export const IOPaymentExtLogos = {
   jcb: LogoPaymentExtJCB,
   unionPay: LogoPaymentExtUnionPay,
   payPal: LogoPaymentExtPayPal,
+  satispay: LogoPaymentExtSatispay,
   bancomatPay: LogoPaymentExtBancomatPay,
   postepay: LogoPaymentExtPostepay,
   pagoBancomat: LogoPaymentExtPagoBancomat,

package/src/components/logos/svg/LogoPaymentExtSatispay.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGLogoProps } from "../types";
+
+const LogoPaymentExtSatispay = ({ size }: SVGLogoProps) => (
+  <Svg width={size} height={size} viewBox="0 0 48 30">
+    <Path
+      fill="#FF3D00"
+      fillRule="evenodd"
+      d="M0 3a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3Z"
+      clipRule="evenodd"
+    />
+    <Path
+      fill="#fff"
+      d="M17.67 25.519h6.038l9.541-8.784a2.34 2.34 0 0 0 0-3.432l-9.541-8.784H17.67a.452.452 0 0 0-.43.296.46.46 0 0 0 .12.51l10.22 9.41a.389.389 0 0 1 0 .57l-10.22 9.41a.46.46 0 0 0-.12.51.452.452 0 0 0 .43.296v-.002Z"
+    />
+    <Path
+      fill="#fff"
+      d="m19.509 8.922-4.758 4.38a2.34 2.34 0 0 0 0 3.433l4.758 4.38 3.611-3.325-2.701-2.487a.388.388 0 0 1 0-.57l2.701-2.487-3.611-3.324ZM30.33 4.519h-4.862l3.023 2.783 2.148-1.977a.46.46 0 0 0 .12-.51.452.452 0 0 0-.43-.296ZM28.491 22.736l-3.023 2.783h4.861a.453.453 0 0 0 .43-.296.46.46 0 0 0-.12-.51l-2.148-1.977Z"
+    />
+  </Svg>
+);
+
+export default LogoPaymentExtSatispay;

package/src/components/logos/svg/LogoPaymentSatispay.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Svg, Path, Rect } from "react-native-svg";
+import { SVGLogoProps } from "../types";
+
+const LogoPaymentSatispay = ({ size }: SVGLogoProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24">
+    <Rect width="24" height="24" y="0" fill="#FF3D00" rx="4" />
+    <Path
+      fill="#fff"
+      d="M7.57 20h4.226l6.678-6.274c.334-.314.526-.761.526-1.226 0-.465-.191-.912-.526-1.226L11.796 5H7.569a.317.317 0 0 0-.3.212.333.333 0 0 0 .083.364l7.154 6.721a.28.28 0 0 1 0 .407l-7.154 6.721a.333.333 0 0 0-.083.365.317.317 0 0 0 .3.211V20Z"
+    />
+    <Path
+      fill="#fff"
+      d="m8.856 8.145-3.33 3.13c-.334.313-.526.76-.526 1.225 0 .465.191.912.526 1.226l3.33 3.128 2.528-2.375-1.89-1.776a.28.28 0 0 1 0-.407l1.89-1.776-2.528-2.375ZM16.43 5h-3.402l2.116 1.988 1.504-1.412a.333.333 0 0 0 .083-.365.317.317 0 0 0-.3-.212V5ZM15.144 18.012 13.028 20h3.403c.162 0 .26-.11.3-.212a.333.333 0 0 0-.083-.364l-1.504-1.413v.001Z"
+    />
+  </Svg>
+);
+
+export default LogoPaymentSatispay;

package/src/components/logos/svg/originals/LogoPaymentExtSatispay.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 30">
+  <path
+    fill="#FF3D00"
+    fill-rule="evenodd"
+    d="M0 3a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3Z"
+    clip-rule="evenodd"
+  />
+  <path
+    fill="#fff"
+    d="M17.67 25.519h6.038l9.541-8.784a2.34 2.34 0 0 0 0-3.432l-9.541-8.784H17.67a.452.452 0 0 0-.43.296.46.46 0 0 0 .12.51l10.22 9.41a.389.389 0 0 1 0 .57l-10.22 9.41a.46.46 0 0 0-.12.51.452.452 0 0 0 .43.296v-.002Z"
+  />
+  <path
+    fill="#fff"
+    d="m19.509 8.922-4.758 4.38a2.34 2.34 0 0 0 0 3.433l4.758 4.38 3.611-3.325-2.701-2.487a.388.388 0 0 1 0-.57l2.701-2.487-3.611-3.324ZM30.33 4.519h-4.862l3.023 2.783 2.148-1.977a.46.46 0 0 0 .12-.51.452.452 0 0 0-.43-.296ZM28.491 22.736l-3.023 2.783h4.861a.453.453 0 0 0 .43-.296.46.46 0 0 0-.12-.51l-2.148-1.977Z"
+  />
+</svg>

package/src/components/logos/svg/originals/LogoPaymentSatispay.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+  <rect width="24" height="24" y="0" fill="#FF3D00" rx="4" />
+  <path
+    fill="#fff"
+    d="M7.57 20h4.226l6.678-6.274c.334-.314.526-.761.526-1.226 0-.465-.191-.912-.526-1.226L11.796 5H7.569a.317.317 0 0 0-.3.212.333.333 0 0 0 .083.364l7.154 6.721a.28.28 0 0 1 0 .407l-7.154 6.721a.333.333 0 0 0-.083.365.317.317 0 0 0 .3.211V20Z"
+  />
+  <path
+    fill="#fff"
+    d="m8.856 8.145-3.33 3.13c-.334.313-.526.76-.526 1.225 0 .465.191.912.526 1.226l3.33 3.128 2.528-2.375-1.89-1.776a.28.28 0 0 1 0-.407l1.89-1.776-2.528-2.375ZM16.43 5h-3.402l2.116 1.988 1.504-1.412a.333.333 0 0 0 .083-.365.317.317 0 0 0-.3-.212V5ZM15.144 18.012 13.028 20h3.403c.162 0 .26-.11.3-.212a.333.333 0 0 0-.083-.364l-1.504-1.413v.001Z"
+  />
+</svg>

package/src/components/typography/H4.tsx

@@ -13,7 +13,7 @@ type H4Props = ExternalTypographyProps<
 >;
 
 export const h4FontSize = 20;
-export const h4LineHeight = 30;
+export const h4LineHeight = 24;
 const font: FontFamily = "ReadexPro";
 const defaultColor: AllowedColors = "black";
 const defaultWeight: AllowedWeight = "Regular";

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

@@ -371,14 +371,14 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#17324D",
@@ -404,14 +404,14 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#0073E6",
@@ -437,14 +437,14 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#FFFFFF",
@@ -470,14 +470,14 @@ exports[`Test Typography Components H4 Snapshot 4`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#17324D",
@@ -503,14 +503,14 @@ exports[`Test Typography Components H4 Snapshot 5`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#475A6D",
@@ -536,14 +536,14 @@ exports[`Test Typography Components H4 Snapshot 6`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#CCD4DC",
@@ -569,14 +569,14 @@ exports[`Test Typography Components H4 Snapshot 7`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#FFFFFF",

package/src/components/typography/index.tsx

@@ -17,3 +17,9 @@ export * from "./LabelSmallAlt";
 export * from "./LabelLink";
 export * from "./BodyMonospace";
 export * from "./common";
+export * from "./markdown/MdH1";
+export * from "./markdown/MdH2";
+export * from "./markdown/MdH3";
+export * from "./markdown/MdH4";
+export * from "./markdown/MdH5";
+export * from "./markdown/MdH6";

package/src/components/typography/markdown/MdH1.tsx

@@ -0,0 +1,32 @@
+import { IOColors, IOTheme } from "../../../core";
+import { FontFamily, IOFontWeight } from "../../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "../common";
+import { useTypographyFactory } from "../Factory";
+
+type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
+type AllowedWeight = Extract<IOFontWeight, "Regular">;
+
+type MdH1Props = ExternalTypographyProps<
+  TypographyProps<AllowedWeight, AllowedColors>
+>;
+
+const fontSize = 20;
+const lineHeight = 24;
+const font: FontFamily = "ReadexPro";
+const defaultColor: AllowedColors = "black";
+const defaultWeight: AllowedWeight = "Regular";
+
+/**
+ * `MdH1` typographic style
+ */
+export const MdH1 = (props: MdH1Props) =>
+  useTypographyFactory<AllowedWeight, AllowedColors>({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize,
+      lineHeight
+    }
+  });