@pagopa/io-app-design-system 1.36.12 → 1.36.14

package/lib/typescript/components/typography/Hero.d.ts

@@ -8,7 +8,7 @@ export declare const heroLineHeight = 48;
 /**
  * `Hero` typographic style
  */
-export declare const Hero: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+export declare const Hero: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "bluegrey" | "bluegreyDark" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "orange" | "red" | "green" | "greenLight"> & {
     style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
 }, "ref"> & React.RefAttributes<View>>;
 export {};

package/lib/typescript/components/typography/index.d.ts

@@ -17,4 +17,10 @@ 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";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

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.12",
+  "version": "1.36.14",
   "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/ListItemNav.tsx

@@ -48,6 +48,10 @@ type ListItemTopElementProps =
 type ListItemNavPartialProps = WithTestID<
   {
     value: string | React.ReactNode;
+    /**
+     * The maximum number of lines to display for the value.
+     */
+    numberOfLines?: number;
     description?: string | React.ReactNode;
     loading?: boolean;
     onPress: (event: GestureResponderEvent) => void;
@@ -107,7 +111,8 @@ export const ListItemNav = ({
   testID,
   hideChevron = false,
   topElement,
-  loading
+  loading,
+  numberOfLines
 }: ListItemNav) => {
   const isPressed = useSharedValue(0);
   const { isExperimental } = useIOExperimentalDesign();
@@ -147,7 +152,9 @@ export const ListItemNav = ({
       )}
       {/* Let developer using a custom component (e.g: skeleton) */}
       {typeof value === "string" ? (
-        <H6 color={theme["textBody-default"]}>{value}</H6>
+        <H6 color={theme["textBody-default"]} numberOfLines={numberOfLines}>
+          {value}
+        </H6>
       ) : (
         value
       )}

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
+    }
+  });

package/src/components/typography/markdown/MdH2.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, "SemiBold">;
+
+type MdH2Props = ExternalTypographyProps<
+  TypographyProps<AllowedWeight, AllowedColors>
+>;
+
+const fontSize = 16;
+const lineHeight = 24;
+const font: FontFamily = "ReadexPro";
+const defaultColor: AllowedColors = "black";
+const defaultWeight: AllowedWeight = "SemiBold";
+
+/**
+ * `MdH2` typographic style
+ */
+export const MdH2 = (props: MdH2Props) =>
+  useTypographyFactory<AllowedWeight, AllowedColors>({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize,
+      lineHeight
+    }
+  });

package/src/components/typography/markdown/MdH3.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 MdH3Props = ExternalTypographyProps<
+  TypographyProps<AllowedWeight, AllowedColors>
+>;
+
+const fontSize = 16;
+const lineHeight = 24;
+const font: FontFamily = "ReadexPro";
+const defaultColor: AllowedColors = "black";
+const defaultWeight: AllowedWeight = "Regular";
+
+/**
+ * `MdH3` typographic style
+ */
+export const MdH3 = (props: MdH3Props) =>
+  useTypographyFactory<AllowedWeight, AllowedColors>({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize,
+      lineHeight
+    }
+  });

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

@@ -0,0 +1,34 @@
+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, "SemiBold">;
+
+type MdH4Props = ExternalTypographyProps<
+  TypographyProps<AllowedWeight, AllowedColors>
+>;
+
+const fontSize = 14;
+const lineHeight = 24;
+const font: FontFamily = "TitilliumSansPro";
+const defaultColor: AllowedColors = "grey-700";
+const defaultWeight: AllowedWeight = "SemiBold";
+
+/**
+ * `MdH4` typographic style
+ */
+export const MdH4 = (props: MdH4Props) =>
+  useTypographyFactory<AllowedWeight, AllowedColors>({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize,
+      textTransform: "uppercase",
+      letterSpacing: 0.5,
+      lineHeight
+    }
+  });

package/src/components/typography/markdown/MdH5.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 MdH5Props = ExternalTypographyProps<
+  TypographyProps<AllowedWeight, AllowedColors>
+>;
+
+const fontSize = 12;
+const lineHeight = 16;
+const font: FontFamily = "ReadexPro";
+const defaultColor: AllowedColors = "grey-850";
+const defaultWeight: AllowedWeight = "Regular";
+
+/**
+ * `MdH5` typographic style
+ */
+export const MdH5 = (props: MdH5Props) =>
+  useTypographyFactory<AllowedWeight, AllowedColors>({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize,
+      lineHeight
+    }
+  });

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

@@ -0,0 +1,33 @@
+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 MdH6Props = ExternalTypographyProps<
+  TypographyProps<AllowedWeight, AllowedColors>
+>;
+
+const fontSize = 10;
+const lineHeight = 14;
+const font: FontFamily = "ReadexPro";
+const defaultColor: AllowedColors = "grey-700";
+const defaultWeight: AllowedWeight = "Regular";
+
+/**
+ * `MdH5` typographic style
+ */
+export const MdH6 = (props: MdH6Props) =>
+  useTypographyFactory<AllowedWeight, AllowedColors>({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize,
+      lineHeight,
+      letterSpacing: 0.5
+    }
+  });