@pagopa/io-app-design-system 6.0.6 → 6.1.0

package/lib/typescript/components/markdown/utils.d.ts

@@ -0,0 +1,27 @@
+import { IOPictogramsBleed } from "../pictograms";
+import type { MarkdownNode } from "./types";
+/**
+ * Returns the bullet glyph used for unordered lists at a given nesting depth.
+ */
+export declare const getUnorderedListBullet: (listDepth: number) => string;
+/**
+ * Returns the ordered-list marker for a given item index and nesting depth.
+ */
+export declare const getOrderedListMarker: (value: number, listDepth: number) => string;
+/**
+ * Extracts a banner pictogram name from a `[!pictogramName]` prefix.
+ */
+export declare const extractPictogramName: (text: string) => IOPictogramsBleed;
+/**
+ * Removes the leading pictogram directive from blockquote content.
+ */
+export declare const stripPictogramPrefix: (text: string) => string;
+/**
+ * Recursively collects plain text content from a Markdown AST node.
+ */
+export declare const collectRawText: (node: MarkdownNode) => string;
+/**
+ * Returns true when a raw HTML fragment is a `<br>` tag.
+ */
+export declare const isBrTag: (content: string) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/components/markdown/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAwB5C;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,WAAW,MAAM,KAAG,MAS1D,CAAC;AAuCF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,EACb,WAAW,MAAM,KAChB,MASF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,iBAKnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MAChB,CAAC;AAErC;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,YAAY,KAAG,MAMnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM,KAAG,OAGzC,CAAC"}

package/lib/typescript/components/otpInput/OTPInput.d.ts

@@ -10,6 +10,10 @@ type Props = {
     accessibilityLabel?: string;
     deleteButtonAccessibilityLabel?: string;
     accessibilityHint?: string;
+    accessibilityValueText?: (params: {
+        valueLength: number;
+        length: number;
+    }) => string;
     inputAccessoryViewID?: string;
     autoFocus?: boolean;
 };

package/lib/typescript/components/otpInput/OTPInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,wFAuJpB,CAAC"}
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAOL,IAAI,EACL,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAChC,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,MAAM,CAAC;IACb,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,wFA2KpB,CAAC"}

package/lib/typescript/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,OAAO,EAER,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAG1D,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAQhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,MAAM,OAAO,aAAa,CAAC;AAEnD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,KAAK,SAAS,GACV;IACE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEN,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,UAAU,CACjE;IACE,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,OAAO,EAAE,QAAQ,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;CACpB,CACJ,GAAG;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAiFJ;;GAEG;AACH,eAAO,MAAM,GAAG,GAAI,2FAQjB,GAAG,4CAuEL,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,OAAO,EAER,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAG1D,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAQhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,MAAM,OAAO,aAAa,CAAC;AAEnD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,KAAK,SAAS,GACV;IACE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEN,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,UAAU,CACjE;IACE,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,OAAO,EAAE,QAAQ,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;CACpB,CACJ,GAAG;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAkFJ;;GAEG;AACH,eAAO,MAAM,GAAG,GAAI,2FAQjB,GAAG,4CAuEL,CAAC"}

package/lib/typescript/components/toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AAiB1E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAyBvC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,cAAc,kBAAkB,4CAuE7D,CAAC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AAkB1E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAyBvC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,cAAc,kBAAkB,4CAuE7D,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":"AACA,OAAO,EAEL,iBAAiB,EACjB,YAAY,EAMb,MAAM,OAAO,CAAC;AA4Bf,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,YAmM7B,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,YAAY,EAMb,MAAM,OAAO,CAAC;AA4Bf,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,YAqM7B,CAAC"}

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

@@ -4,6 +4,8 @@ import { TypographicStyleAsLinkProps, TypographicStyleProps } from "./IOText";
 type BodySmallProps = TypographicStyleProps & {
     weight?: Extract<IOFontWeight, "Regular" | "Semibold">;
 } & TypographicStyleAsLinkProps;
+export declare const bodySmallFontSize = 14;
+export declare const bodySmallLineHeight = 21;
 /**
  * `BodySmall` typographic style
  */

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

@@ -1 +1 @@
-{"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC;;GAEG;AACH,eAAO,MAAM,SAAS,iGAyDrB,CAAC"}
+{"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,SAAS,iGAyDrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAejE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,wHAiFlB,CAAC;AAEF,eAAO,MAAM,cAAc,+SAA2C,CAAC"}
+{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAejE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,wHAuElB,CAAC;AAEF,eAAO,MAAM,cAAc,+SAA2C,CAAC"}

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

@@ -0,0 +1,25 @@
+/**
+ * Chains functions together, passing the result of each function as input to the next.
+ * The first argument is the initial value, followed by any number of transformation functions.
+ *
+ * @example
+ * ```typescript
+ * const addOne = (x: number) => x + 1;
+ * const double = (x: number) => x * 2;
+ * const stringify = (x: number) => `Result: ${x}`;
+ *
+ * const result = pipe(
+ *   10,
+ *   addOne,    // 11
+ *   double,    // 22
+ *   stringify  // "Result: 22"
+ * );
+ * ```
+ */
+export declare function pipe<T>(value: T): T;
+export declare function pipe<T, R1>(value: T, fn1: (arg: T) => R1): R1;
+export declare function pipe<T, R1, R2>(value: T, fn1: (arg: T) => R1, fn2: (arg: R1) => R2): R2;
+export declare function pipe<T, R1, R2, R3>(value: T, fn1: (arg: T) => R1, fn2: (arg: R1) => R2, fn3: (arg: R2) => R3): R3;
+export declare function pipe<T, R1, R2, R3, R4>(value: T, fn1: (arg: T) => R1, fn2: (arg: R1) => R2, fn3: (arg: R2) => R3, fn4: (arg: R3) => R4): R4;
+export declare function pipe<T, R1, R2, R3, R4, R5>(value: T, fn1: (arg: T) => R1, fn2: (arg: R1) => R2, fn3: (arg: R2) => R3, fn4: (arg: R3) => R4, fn5: (arg: R4) => R5): R5;
+//# sourceMappingURL=pipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipe.d.ts","sourceRoot":"","sources":["../../../src/utils/pipe.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;AACrC,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC;AAC/D,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAC5B,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EACnB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GACnB,EAAE,CAAC;AACN,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAChC,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EACnB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GACnB,EAAE,CAAC;AACN,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACpC,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EACnB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GACnB,EAAE,CAAC;AACN,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACxC,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EACnB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GACnB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const throttle: <T extends Array<unknown>>(fn: (...args: T) => void, ms: number) => (...args: T) => void;
+//# sourceMappingURL=throttle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/utils/throttle.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAC/C,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EACxB,IAAI,MAAM,MAIF,GAAG,MAAM,CAAC,SAQnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "6.0.6",
+  "version": "6.1.0",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -68,7 +68,7 @@
     "@svgr/plugin-svgo": "^8.1.0",
     "@testing-library/react-native": "^13.2.0",
     "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.14.157",
+    "@types/markdown-it": "^14.1.2",
     "@types/react": "^19.1.0",
     "@types/react-test-renderer": "19.1.0",
     "babel-jest": "^29.7.0",
@@ -165,7 +165,7 @@
   },
   "dependencies": {
     "auto-changelog": "^2.4.0",
-    "lodash": "^4.17.21",
+    "markdown-it": "^14.1.0",
     "react-native-easing-gradient": "^1.1.1",
     "react-native-gesture-handler": "^2.25.0",
     "react-native-haptic-feedback": "^2.3.3",

package/src/components/badge/Badge.tsx

@@ -40,6 +40,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
+    overflow: "hidden",
     borderCurve: "continuous",
     ...Platform.select({
       android: {
@@ -219,8 +220,7 @@ export const Badge = ({
         style={{
           alignSelf: "center",
           textTransform: "uppercase",
-          letterSpacing: 0.5,
-          flexShrink: 1
+          letterSpacing: 0.5
         }}
       >
         {text}

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

@@ -10,6 +10,7 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
         "borderCurve": "continuous",
         "flexDirection": "row",
         "justifyContent": "center",
+        "overflow": "hidden",
       },
       {
         "borderRadius": 24,
@@ -40,7 +41,6 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
         },
         {
           "alignSelf": "center",
-          "flexShrink": 1,
           "letterSpacing": 0.5,
           "textTransform": "uppercase",
         },
@@ -62,6 +62,7 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
         "borderCurve": "continuous",
         "flexDirection": "row",
         "justifyContent": "center",
+        "overflow": "hidden",
       },
       {
         "borderRadius": 24,
@@ -92,7 +93,6 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
         },
         {
           "alignSelf": "center",
-          "flexShrink": 1,
           "letterSpacing": 0.5,
           "textTransform": "uppercase",
         },

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

@@ -196,7 +196,7 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -418,7 +418,7 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -638,7 +638,7 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",

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

@@ -196,7 +196,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -418,7 +418,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -638,7 +638,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -1352,7 +1352,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -1574,7 +1574,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
@@ -1794,7 +1794,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
           [
             {},
             {
-              "color": "#0E0F13",
+              "color": undefined,
               "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",

package/src/components/index.tsx

@@ -8,13 +8,14 @@ export * from "./checkbox";
 export * from "./claimsSelector";
 export * from "./codeInput";
 export * from "./featureInfo";
+export * from "./headers";
 export * from "./icons";
 export * from "./image";
 export * from "./layout";
-export * from "./headers";
 export * from "./listitems";
 export * from "./loadingSpinner";
 export * from "./logos";
+export * from "./markdown";
 export * from "./modules";
 export * from "./numberpad";
 export * from "./otpInput";
@@ -27,8 +28,8 @@ export * from "./stepper";
 export * from "./switch";
 export * from "./tabs";
 export * from "./tag";
-export * from "./textInput";
 export * from "./templates";
+export * from "./textInput";
 export * from "./toast";
 export * from "./tooltip";
 export * from "./typography";

package/src/components/markdown/CodeBlock.tsx

@@ -0,0 +1,32 @@
+import { View } from "react-native";
+import { useIOTheme } from "../../context";
+import { IOColors } from "../../core";
+import { BodyMonospace } from "../typography/BodyMonospace";
+
+type CodeBlockProps = {
+  content: string;
+};
+
+/**
+ * Theme-aware code block with a subtle background and border,
+ * similar to GitHub's fenced code block styling.
+ */
+export const CodeBlock = ({ content }: CodeBlockProps) => {
+  const theme = useIOTheme();
+
+  return (
+    <View
+      style={{
+        backgroundColor: IOColors[theme["appBackground-secondary"]],
+        borderColor: IOColors[theme["cardBorder-default"]],
+        borderWidth: 1,
+        borderRadius: 4,
+        borderCurve: "continuous",
+        paddingHorizontal: 16,
+        paddingVertical: 12
+      }}
+    >
+      <BodyMonospace>{content}</BodyMonospace>
+    </View>
+  );
+};

package/src/components/markdown/IOMarkdown.tsx

@@ -0,0 +1,110 @@
+import { useCallback, useMemo } from "react";
+import { Linking, type TextStyle, View } from "react-native";
+import { useIOTheme } from "../../context";
+import {
+  bodyFontSize,
+  bodyLineHeight,
+  bodySmallFontSize,
+  bodySmallLineHeight
+} from "../typography";
+import { parse } from "./parser";
+import { DEFAULT_RULES } from "./rules";
+import type {
+  IOMarkdownRenderRules,
+  MarkdownNode,
+  MarkdownNodeType,
+  RenderContext,
+  RenderRule
+} from "./types";
+
+export type IOMarkdownProps = {
+  /** The markdown string to render */
+  content: string;
+  /** Override default link press behavior. Default: Linking.openURL(url) */
+  onLinkPress?: (url: string) => void;
+  /** Paragraph alignment. Default: "auto" */
+  textAlign?: TextStyle["textAlign"];
+  /** Override default text size */
+  small?: boolean;
+  /** Test ID for the container View */
+  testID?: string;
+  /** Node types to disable (parser will skip them entirely) */
+  disabledRules?: ReadonlyArray<MarkdownNodeType>;
+  /** Override individual render rules */
+  rules?: IOMarkdownRenderRules;
+};
+
+/**
+ * Full-featured markdown component that renders markdown content
+ * using design system primitives.
+ *
+ * @remarks
+ * This component is still experimental. Check that it is correctly
+ * formatting your text before proceeding to use it.
+ *
+ * Supports headings, paragraphs, bold, italic, links, lists,
+ * blockquotes (as Banner), images, code, horizontal rules, and HTML breaks.
+ *
+ * Individual node types can be disabled via `disabledRules`, and
+ * render rules can be overridden via the `rules` prop.
+ */
+export const IOMarkdown = ({
+  content,
+  onLinkPress,
+  textAlign,
+  small,
+  testID,
+  disabledRules,
+  rules = {}
+}: IOMarkdownProps) => {
+  const theme = useIOTheme();
+
+  const ast = useMemo(
+    () => parse(content, disabledRules),
+    [content, disabledRules]
+  );
+
+  const handleLinkPress = useCallback(
+    (url: string) => {
+      if (onLinkPress) {
+        onLinkPress(url);
+      } else {
+        Linking.openURL(url).catch(() => null);
+      }
+    },
+    [onLinkPress]
+  );
+
+  const context = useMemo<RenderContext>(
+    () => ({
+      onLinkPress: handleLinkPress,
+      linkColor: theme["interactiveElem-default"],
+      textAlign: textAlign ?? "auto",
+      fontSize: small ? bodySmallFontSize : bodyFontSize,
+      lineHeight: small ? bodySmallLineHeight : bodyLineHeight
+    }),
+    [handleLinkPress, textAlign, small, theme]
+  );
+
+  const mergedRules = useMemo<Record<MarkdownNodeType, RenderRule>>(
+    () => ({ ...DEFAULT_RULES, ...rules }),
+    [rules]
+  );
+
+  const renderChildren = useCallback(
+    (nodes: ReadonlyArray<MarkdownNode>) =>
+      nodes.map(node => {
+        const rule = mergedRules[node.type];
+        return rule ? rule(node, renderChildren, context) : null;
+      }),
+    [mergedRules, context]
+  );
+
+  const rendered = renderChildren(ast);
+
+  return (
+    <View style={{ gap: 8 }} testID={testID}>
+      {rendered}
+    </View>
+  );
+};

package/src/components/markdown/IOMarkdownLite.tsx

@@ -0,0 +1,27 @@
+import type { TextStyle } from "react-native";
+import { IOMarkdown } from "./IOMarkdown";
+import { LITE_DISABLED_TYPES } from "./parser";
+
+export type IOMarkdownLiteProps = {
+  /** The markdown string to render */
+  content: string;
+  /** Override default link press behavior. Default: Linking.openURL(url) */
+  onLinkPress?: (url: string) => void;
+  /** Paragraph alignment. Default: "auto" */
+  textAlign?: TextStyle["textAlign"];
+  /** Override default text size */
+  small?: boolean;
+  /** Test ID for the container View */
+  testID?: string;
+};
+
+/**
+ * Lightweight markdown component supporting only paragraphs, bold, italic,
+ * links, and line breaks.
+ *
+ * This is a thin wrapper around `IOMarkdown` with extra node types (headings,
+ * lists, blockquotes, images, code, horizontal rules, and HTML) disabled.
+ */
+export const IOMarkdownLite = (props: IOMarkdownLiteProps) => (
+  <IOMarkdown {...props} disabledRules={LITE_DISABLED_TYPES} />
+);

package/src/components/markdown/ImageRenderer.tsx

@@ -0,0 +1,52 @@
+import { useLayoutEffect, useState } from "react";
+import { Dimensions, Image } from "react-native";
+import { IOVisualCostants } from "../../core";
+import type { MarkdownNode } from "./types";
+
+type ImageRendererProps = {
+  node: MarkdownNode;
+};
+
+/**
+ * Stateful component that renders a remote image with auto-sizing.
+ * Uses `Image.getSize()` to determine intrinsic dimensions, then
+ * constrains width to the available screen width.
+ */
+export const ImageRenderer = ({ node }: ImageRendererProps) => {
+  const src = node.attributes?.src ?? "";
+  const alt = node.attributes?.alt ?? "";
+
+  const [imageSize, setImageSize] = useState({
+    width: 0,
+    aspectRatio: 1
+  });
+
+  const screenWidth =
+    Dimensions.get("window").width - IOVisualCostants.appMarginDefault * 2;
+
+  useLayoutEffect(() => {
+    if (!src) {
+      return;
+    }
+    Image.getSize(src, (width, height) => {
+      const aspectRatio = width / height;
+      const constrainedWidth = Math.min(width, screenWidth);
+      setImageSize({ width: constrainedWidth, aspectRatio });
+    });
+  }, [screenWidth, src]);
+
+  if (!src) {
+    return null;
+  }
+
+  return (
+    <Image
+      key={node.key}
+      accessibilityIgnoresInvertColors
+      style={imageSize}
+      resizeMode="contain"
+      accessibilityLabel={alt}
+      source={{ uri: src }}
+    />
+  );
+};

package/src/components/markdown/index.ts

@@ -0,0 +1,7 @@
+export type { IOMarkdownRenderRules, MarkdownNodeType } from "./types";
+
+export { IOMarkdown } from "./IOMarkdown";
+export type { IOMarkdownProps } from "./IOMarkdown";
+
+export { IOMarkdownLite } from "./IOMarkdownLite";
+export type { IOMarkdownLiteProps } from "./IOMarkdownLite";