@pagopa/io-app-design-system 5.3.1 → 5.3.3

package/lib/typescript/components/icons/svg/IconKeyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconKeyboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconKeyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,YAAY,GAAI,2BAA2B,YAAY,sBAS5D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IconKeyboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconKeyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,YAAY,GAAI,2BAA2B,YAAY,sBAO5D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/components/icons/svg/IconLight.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { SVGIconProps } from "../types";
-declare const IconLadybug: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
-export default IconLadybug;
+declare const IconLight: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconLight;
 //# sourceMappingURL=IconLight.d.ts.map

package/lib/typescript/components/icons/svg/IconLight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconLight.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconLight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,WAAW,GAAI,2BAA2B,YAAY,sBAS3D,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconLight.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconLight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,SAAS,GAAI,2BAA2B,YAAY,sBASzD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/components/icons/svg/IconLightFilled.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { SVGIconProps } from "../types";
-declare const IconLadybug: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
-export default IconLadybug;
+declare const IconLightFilled: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconLightFilled;
 //# sourceMappingURL=IconLightFilled.d.ts.map

package/lib/typescript/components/icons/svg/IconLightFilled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconLightFilled.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconLightFilled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,WAAW,GAAI,2BAA2B,YAAY,sBAS3D,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconLightFilled.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconLightFilled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,eAAe,GAAI,2BAA2B,YAAY,sBAO/D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/components/icons/svg/IconNavScan.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { SVGIconProps } from "../types";
-declare const IconNavWallet: ({ size, style }: SVGIconProps) => React.JSX.Element;
-export default IconNavWallet;
+declare const IconNavScan: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconNavScan;
 //# sourceMappingURL=IconNavScan.d.ts.map

package/lib/typescript/components/icons/svg/IconNavScan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconNavScan.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconNavScan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,aAAa,GAAI,iBAAiB,YAAY,sBASnD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"IconNavScan.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconNavScan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,WAAW,GAAI,2BAA2B,YAAY,sBAS3D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/components/icons/svg/IconProfileRegistered.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SVGIconProps } from "../types";
+declare const IconProfileRegistered: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconProfileRegistered;
+//# sourceMappingURL=IconProfileRegistered.d.ts.map

package/lib/typescript/components/icons/svg/IconProfileRegistered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProfileRegistered.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconProfileRegistered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,qBAAqB,GAAI,2BAA2B,YAAY,sBAmBrE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/typescript/components/icons/svg/IconShareiOs.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { SVGIconProps } from "../types";
-declare const IconShareiOs: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
-export default IconShareiOs;
+declare const IconShareiOS: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconShareiOS;
 //# sourceMappingURL=IconShareiOs.d.ts.map

package/lib/typescript/components/icons/svg/IconSparkles.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { SVGIconProps } from "../types";
 declare const IconSparkles: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
 export default IconSparkles;

package/lib/typescript/components/icons/svg/IconSparkles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSparkles.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSparkles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,YAAY,GAAI,2BAA2B,YAAY,sBAO5D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IconSparkles.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSparkles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,YAAY,GAAI,2BAA2B,YAAY,sBAO5D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/components/icons/svg/IconSwitchCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSwitchCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSwitchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAMxC,QAAA,MAAM,cAAc,GAAI,2BAA2B,YAAY,sBAS9D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"IconSwitchCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSwitchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,cAAc,GAAI,2BAA2B,YAAY,sBAS9D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAGZ,iBAAiB,EAKjB,YAAY,EACb,MAAM,OAAO,CAAC;AA2Bf,OAAO,EAEL,aAAa,EACb,SAAS,EAEV,MAAM,eAAe,CAAC;AAmBvB,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AACF,KAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,yBAAyB,EAAE,IAAI,CAAC;IAChC;;OAEG;IACH,4BAA4B,EAAE,MAAM,CAAC;CACtC,CAAC;AACF,KAAK,8BAA8B,GAAG;IACpC,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,CAAC;AACF,KAAK,KAAK,GAAG,WAAW,GACtB,CAAC,wBAAwB,GAAG,8BAA8B,CAAC,CAAC;AAE9D;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,mLAWrB,iBAAiB,CAAC,KAAK,CAAC,KAAG,YAgL7B,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAc,EAEZ,iBAAiB,EACjB,YAAY,EAMb,MAAM,OAAO,CAAC;AA2Bf,OAAO,EAEL,aAAa,EACb,SAAS,EAEV,MAAM,eAAe,CAAC;AAmBvB,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AACF,KAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,yBAAyB,EAAE,IAAI,CAAC;IAChC;;OAEG;IACH,4BAA4B,EAAE,MAAM,CAAC;CACtC,CAAC;AACF,KAAK,8BAA8B,GAAG;IACpC,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,CAAC;AACF,KAAK,KAAK,GAAG,WAAW,GACtB,CAAC,wBAAwB,GAAG,8BAA8B,CAAC,CAAC;AAyC9D;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,mLAWrB,iBAAiB,CAAC,KAAK,CAAC,KAAG,YAiM7B,CAAC"}

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

@@ -8,6 +8,6 @@ export declare const BodyMonospace: React.ForwardRefExoticComponent<Omit<IOTextP
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=BodyMonospace.d.ts.map

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

@@ -11,6 +11,6 @@ export declare const ButtonText: React.ForwardRefExoticComponent<Omit<IOTextProp
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=ButtonText.d.ts.map

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

@@ -10,6 +10,6 @@ export declare const Caption: React.ForwardRefExoticComponent<Omit<IOTextProps,
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=Caption.d.ts.map

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

@@ -11,6 +11,6 @@ export declare const H1: React.ForwardRefExoticComponent<Omit<IOTextProps, "styl
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=H1.d.ts.map

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

@@ -11,7 +11,7 @@ export declare const H2: React.ForwardRefExoticComponent<Omit<IOTextProps, "styl
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & {
     weight?: Extract<IOFontWeight, "Semibold" | "Bold">;
 } & React.RefAttributes<View>>;

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

@@ -11,6 +11,6 @@ export declare const H3: React.ForwardRefExoticComponent<Omit<IOTextProps, "styl
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=H3.d.ts.map

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

@@ -11,6 +11,6 @@ export declare const H4: React.ForwardRefExoticComponent<Omit<IOTextProps, "styl
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=H4.d.ts.map

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

@@ -11,6 +11,6 @@ export declare const H5: React.ForwardRefExoticComponent<Omit<IOTextProps, "styl
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=H5.d.ts.map

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

@@ -11,6 +11,6 @@ export declare const H6: React.ForwardRefExoticComponent<Omit<IOTextProps, "styl
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=H6.d.ts.map

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

@@ -11,6 +11,6 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<IOTextProps, "st
     textStyle?: import("./IOText").IOTextStyle;
     style?: import("./IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=Hero.d.ts.map

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

@@ -8,6 +8,6 @@ export declare const MdH1: React.ForwardRefExoticComponent<Omit<IOTextProps, "st
     textStyle?: import("../IOText").IOTextStyle;
     style?: import("../IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=MdH1.d.ts.map

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

@@ -8,6 +8,6 @@ export declare const MdH2: React.ForwardRefExoticComponent<Omit<IOTextProps, "st
     textStyle?: import("../IOText").IOTextStyle;
     style?: import("../IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=MdH2.d.ts.map

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

@@ -8,6 +8,6 @@ export declare const MdH3: React.ForwardRefExoticComponent<Omit<IOTextProps, "st
     textStyle?: import("../IOText").IOTextStyle;
     style?: import("../IOText").IOTextStyle;
 } & {
-    color?: "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-300" | "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-300" | "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" | undefined;
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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" | undefined;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=MdH3.d.ts.map

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

@@ -11,6 +11,7 @@ export declare const IOColors: {
     "grey-650": string;
     "grey-700": string;
     "grey-850": string;
+    "grey-900": string;
     black: string;
     "blueIO-850": string;
     "blueIO-600": string;
@@ -81,6 +82,7 @@ export type IOColorGradients = keyof typeof IOColorGradients;
 export declare const getGradientColorValues: (gradientId: IOColorGradients) => ComponentProps<typeof LinearGradient>["colors"];
 export declare const IOColorsNeutral: {
     black: string;
+    "grey-900": string;
     "grey-850": string;
     "grey-700": string;
     "grey-650": 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":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDnB,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,GACjC,YAAY,gBAAgB,KAC3B,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAGhD,CAAC;AAMF,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBxB,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;AAEzD,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;;;;;;CAMzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,8xCAmEL,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,OAiE1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OA+DzB,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,GAAI,SAAS,UAAU,EAAE,UAAS,MAAU,WAQjE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DnB,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,GACjC,YAAY,gBAAgB,KAC3B,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAGhD,CAAC;AAMF,eAAO,MAAM,eAAe;;;;;;;;;;;;CAY1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBxB,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;AAEzD,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;;;;;;CAMzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,8xCAmEL,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,OAiE1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OA+DzB,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,GAAI,SAAS,UAAU,EAAE,UAAS,MAAU,WAQjE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.3.1",
+  "version": "5.3.3",
   "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/avatar/Avatar.tsx

@@ -1,11 +1,5 @@
-import React, { ComponentProps } from "react";
-import {
-  Image,
-  ImageRequireSource,
-  ImageURISource,
-  StyleSheet,
-  View
-} from "react-native";
+import React, { ComponentProps, useRef, useState } from "react";
+import { Image, ImageSourcePropType, StyleSheet, View } from "react-native";
 import { Icon } from "../../components/icons";
 import {
   IOColors,
@@ -19,7 +13,7 @@ import avatarSearchPlaceholder from "./placeholder/avatar-placeholder.png";
 
 type Avatar = {
   size: "small" | "medium";
-  logoUri?: ImageRequireSource | ImageURISource | ReadonlyArray<ImageURISource>;
+  logoUri?: ImageSourcePropType;
 };
 
 const internalSpaceDefaultSize: number = 6;
@@ -72,16 +66,10 @@ const styles = StyleSheet.create({
  */
 export const Avatar = ({ logoUri, size }: Avatar) => {
   const theme = useIOTheme();
-  const indexValue = React.useRef<number>(0);
+  const indexValue = useRef<number>(0);
 
-  const [imageSource, setImageSource] = React.useState(
-    logoUri === undefined
-      ? undefined
-      : Array.isArray(logoUri)
-      ? addCacheTimestampToUri(logoUri[0])
-      : typeof logoUri === "number"
-      ? logoUri
-      : addCacheTimestampToUri(logoUri as ImageURISource)
+  const [imageSource, setImageSource] = useState(
+    logoUri === undefined ? undefined : addCacheTimestampToUri(logoUri)
   );
 
   const onError = () => {

package/src/components/banner/Banner.tsx

@@ -11,7 +11,6 @@ import Animated from "react-native-reanimated";
 import {
   IOBannerBigSpacing,
   IOBannerRadius,
-  IOStyles,
   useIONewTypeface,
   useIOTheme,
   useIOThemeContext
@@ -174,26 +173,18 @@ export const Banner = ({
   const renderMainBlock = () => (
     <>
       <View
-        style={[IOStyles.flex, IOStyles.selfCenter]}
+        style={{ flex: 1, alignSelf: "center", gap: 4 }}
         accessible={true}
         // A11y related props
         accessibilityLabel={accessibilityLabel ?? fallbackAccessibilityLabel}
         accessibilityHint={accessibilityHint}
         accessibilityRole={action !== undefined ? accessibilityRole : "text"}
       >
-        {title && (
-          <>
-            <H6 color={colorTitle}>{title}</H6>
-            <VSpacer size={4} />
-          </>
-        )}
+        {title && <H6 color={colorTitle}>{title}</H6>}
         {content && (
-          <>
-            <BodySmall color={theme["textBody-tertiary"]} weight={"Regular"}>
-              {content}
-            </BodySmall>
-            {action && <VSpacer size={8} />}
-          </>
+          <BodySmall color={theme["textBody-tertiary"]} weight={"Regular"}>
+            {content}
+          </BodySmall>
         )}
         {action && (
           /* Disable pointer events to avoid
@@ -207,7 +198,7 @@ export const Banner = ({
             accessibilityRole="button"
             onPress={onPress}
           >
-            <VSpacer size={4} />
+            <VSpacer size={8} />
             <IOText
               font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
               weight="Semibold"
@@ -225,7 +216,7 @@ export const Banner = ({
           </Pressable>
         )}
       </View>
-      <View style={[styles.bleedPictogram, IOStyles.selfCenter]}>
+      <View style={[styles.bleedPictogram, { alignSelf: "center" }]}>
         <PictogramBleed name={pictogramName} size={sizePictogram} />
       </View>
       {onClose && labelClose && (

package/src/components/banner/BannerErrorState.tsx

@@ -0,0 +1,163 @@
+import React, { RefObject } from "react";
+import {
+  AccessibilityRole,
+  GestureResponderEvent,
+  Pressable,
+  StyleSheet,
+  View,
+  ViewStyle
+} from "react-native";
+import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
+import {
+  hexToRgba,
+  IOBannerBigSpacing,
+  IOBannerRadius,
+  IOColors,
+  useIOTheme,
+  useIOThemeContext
+} from "../../core";
+import { WithTestID } from "../../utils/types";
+import { Icon, IOIcons } from "../icons";
+import { useScaleAnimation } from "../../hooks";
+import { VSpacer } from "../spacer";
+import { Body } from "../typography";
+import { ButtonLink } from "../buttons";
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    alignContent: "center",
+    borderRadius: IOBannerRadius,
+    borderCurve: "continuous",
+    padding: IOBannerBigSpacing
+  }
+});
+
+/* Component Types */
+
+type BaseBannerErrorStateProps = WithTestID<{
+  icon?: IOIcons;
+  label: string;
+  viewRef?: RefObject<View>;
+  // A11y related props
+  accessibilityLabel?: string;
+  accessibilityHint?: string;
+}>;
+
+type BannerErrorStateActionProps =
+  | {
+      actionText?: string;
+      onPress: (event: GestureResponderEvent) => void;
+      accessibilityRole?: never;
+    }
+  | {
+      actionText?: never;
+      onPress?: never;
+      accessibilityRole?: AccessibilityRole;
+    };
+
+export type BannerErrorStateProps = BaseBannerErrorStateProps &
+  BannerErrorStateActionProps;
+
+/**
+ ** TODO: Move it to the `io-app-design-system` package
+ */
+export const BannerErrorState = ({
+  viewRef,
+  icon = "warningFilled",
+  label,
+  actionText,
+  onPress,
+  accessibilityHint,
+  accessibilityLabel,
+  testID
+}: BannerErrorStateProps) => {
+  const { onPressIn, onPressOut, scaleAnimatedStyle } =
+    useScaleAnimation("medium");
+
+  const theme = useIOTheme();
+  const { themeType } = useIOThemeContext();
+
+  /* Styles */
+  const foregroundColor: IOColors = theme["textBody-tertiary"];
+  const backgroundColor: IOColors = "grey-50";
+
+  const dynamicContainerStyles: ViewStyle = {
+    backgroundColor:
+      themeType === "dark"
+        ? hexToRgba(IOColors[backgroundColor], 0.1)
+        : IOColors[backgroundColor]
+  };
+
+  const renderMainBlock = () => (
+    <View
+      style={{ flex: 1, alignItems: "center", gap: 8 }}
+      accessible={true}
+      // A11y related props
+      accessibilityLabel={accessibilityLabel}
+      accessibilityHint={accessibilityHint}
+      accessibilityRole={actionText !== undefined ? "button" : undefined}
+    >
+      {icon && <Icon name={icon} size={24} color={foregroundColor} />}
+      {label && (
+        <Body color={foregroundColor} textStyle={{ textAlign: "center" }}>
+          {label}
+        </Body>
+      )}
+      {actionText && (
+        /* Disable pointer events to avoid
+            pressed state on the button */
+        <View
+          pointerEvents="none"
+          accessibilityElementsHidden
+          importantForAccessibility="no-hide-descendants"
+        >
+          <VSpacer size={4} />
+          <ButtonLink color="primary" onPress={onPress} label={actionText} />
+        </View>
+      )}
+    </View>
+  );
+
+  const PressableContent = () => (
+    <Pressable
+      ref={viewRef}
+      testID={testID}
+      onPress={onPress}
+      onPressIn={onPressIn}
+      onPressOut={onPressOut}
+      accessible={false}
+    >
+      <Animated.View
+        style={[styles.container, dynamicContainerStyles, scaleAnimatedStyle]}
+      >
+        {renderMainBlock()}
+      </Animated.View>
+    </Pressable>
+  );
+
+  const StaticComponent = () => (
+    <View
+      ref={viewRef}
+      testID={testID}
+      style={[styles.container, dynamicContainerStyles]}
+      // A11y related props
+      accessible={false}
+      accessibilityHint={accessibilityHint}
+      accessibilityLabel={accessibilityLabel}
+      accessibilityRole={"text"}
+    >
+      {renderMainBlock()}
+    </View>
+  );
+
+  return (
+    <Animated.View
+      entering={FadeIn.duration(150)}
+      exiting={FadeOut.duration(150)}
+    >
+      {actionText ? <PressableContent /> : <StaticComponent />}
+    </Animated.View>
+  );
+};