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

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

package/src/core/IOColors.ts

@@ -76,7 +76,6 @@ export const IOColors = asIOColors({
   "info-500": "#6BCFFB",
   "info-400": "#89D9FC" /* Dark mode */,
   "info-100": "#E1F5FE",
-  cobalt: "#2C489D" /* used in the `Bonus Vacanze` only */,
   "blueItalia-850": "#001F3D",
   "blueItalia-600": "#0052A3",
   "blueItalia-500": "#0066CC" /* pagoPA service */,
@@ -90,16 +89,13 @@ export const IOColors = asIOColors({
   greyLight: "#E6E9F2",
   bluegreyLight: "#CCD4DC",
   grey: "#909DA8",
-  milderGray: "#5F6F80",
   bluegrey: "#475A6D",
   bluegreyDark: "#17324D",
-  noCieButton: "#789CCD" /* Half-disabled noCIE CTA BG, LandingScreen.tsx */,
   blue: "#0073E6",
   blueUltraLight: "#99CCFF" /* Almost deprecated, avoid if possible */,
   aqua: "#00C5CA",
   aquaUltraLight: "#C1F4F2",
   antiqueFuchsia: "#9B5897" /* used in the CgnDiscountValueBox only */,
-  yellow: "#FFC824" /* Almost deprecated, used in `PaymentHistoryList` only */,
   orange: "#EA7614",
   red: "#C02927",
   green: "#005C3C",
@@ -145,18 +141,14 @@ const {
   greyLight,
   bluegreyLight,
   grey,
-  milderGray,
   bluegrey,
   bluegreyDark,
   black,
-  noCieButton,
   blue,
   blueUltraLight,
   aqua,
   aquaUltraLight,
-  cobalt,
   antiqueFuchsia,
-  yellow,
   orange,
   red,
   green,
@@ -169,18 +161,14 @@ export const IOColorsLegacy = {
   greyLight,
   bluegreyLight,
   grey,
-  milderGray,
   bluegrey,
   bluegreyDark,
   black,
-  noCieButton,
   blue,
   blueUltraLight,
   aqua,
   aquaUltraLight,
-  cobalt,
   antiqueFuchsia,
-  yellow,
   orange,
   red,
   green,
@@ -254,7 +242,6 @@ export type IOColorsStatusBackground = Extract<
 >;
 
 export const IOColorsExtra = {
-  cobalt: IOColors.cobalt,
   "blueItalia-850": IOColors["blueItalia-850"],
   "blueItalia-600": IOColors["blueItalia-600"],
   "blueItalia-500": IOColors["blueItalia-500"],