@pagopa/io-app-design-system 5.1.2 → 5.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/lib/commonjs/components/banner/Banner.js +3 -5
  2. package/lib/commonjs/components/banner/Banner.js.map +1 -1
  3. package/lib/commonjs/components/buttons/ButtonLink.js +2 -1
  4. package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
  5. package/lib/commonjs/components/featureInfo/FeatureInfo.js +6 -1
  6. package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
  7. package/lib/commonjs/components/listitems/ListItemRadio.js +12 -3
  8. package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
  9. package/lib/commonjs/components/listitems/ListItemTransaction.js +12 -3
  10. package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
  11. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +12 -2
  12. package/lib/commonjs/components/modules/ModuleAttachment.js +13 -2
  13. package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -1
  14. package/lib/commonjs/components/modules/ModuleCheckout.js +11 -2
  15. package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
  16. package/lib/commonjs/components/modules/ModuleCredential.js +11 -2
  17. package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
  18. package/lib/commonjs/components/modules/ModuleNavigation.js +11 -2
  19. package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
  20. package/lib/commonjs/components/modules/ModulePaymentNotice.js +12 -2
  21. package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
  22. package/lib/commonjs/components/modules/ModuleStatic.js +7 -2
  23. package/lib/commonjs/components/modules/ModuleStatic.js.map +1 -1
  24. package/lib/commonjs/components/typography/Body.js +2 -1
  25. package/lib/commonjs/components/typography/Body.js.map +1 -1
  26. package/lib/commonjs/components/typography/BodySmall.js +2 -1
  27. package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
  28. package/lib/commonjs/components/typography/IOText.js.map +1 -1
  29. package/lib/commonjs/components/typography/LabelMini.js +2 -1
  30. package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
  31. package/lib/module/components/banner/Banner.js +3 -5
  32. package/lib/module/components/banner/Banner.js.map +1 -1
  33. package/lib/module/components/buttons/ButtonLink.js +2 -1
  34. package/lib/module/components/buttons/ButtonLink.js.map +1 -1
  35. package/lib/module/components/featureInfo/FeatureInfo.js +6 -1
  36. package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
  37. package/lib/module/components/listitems/ListItemRadio.js +12 -3
  38. package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
  39. package/lib/module/components/listitems/ListItemTransaction.js +12 -3
  40. package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
  41. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +12 -2
  42. package/lib/module/components/modules/ModuleAttachment.js +13 -2
  43. package/lib/module/components/modules/ModuleAttachment.js.map +1 -1
  44. package/lib/module/components/modules/ModuleCheckout.js +11 -2
  45. package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
  46. package/lib/module/components/modules/ModuleCredential.js +11 -2
  47. package/lib/module/components/modules/ModuleCredential.js.map +1 -1
  48. package/lib/module/components/modules/ModuleNavigation.js +11 -2
  49. package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
  50. package/lib/module/components/modules/ModulePaymentNotice.js +12 -2
  51. package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
  52. package/lib/module/components/modules/ModuleStatic.js +7 -2
  53. package/lib/module/components/modules/ModuleStatic.js.map +1 -1
  54. package/lib/module/components/typography/Body.js +2 -1
  55. package/lib/module/components/typography/Body.js.map +1 -1
  56. package/lib/module/components/typography/BodySmall.js +2 -1
  57. package/lib/module/components/typography/BodySmall.js.map +1 -1
  58. package/lib/module/components/typography/IOText.js.map +1 -1
  59. package/lib/module/components/typography/LabelMini.js +2 -1
  60. package/lib/module/components/typography/LabelMini.js.map +1 -1
  61. package/lib/typescript/components/banner/Banner.d.ts +3 -3
  62. package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
  63. package/lib/typescript/components/buttons/ButtonLink.d.ts +3 -1
  64. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
  65. package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +2 -1
  66. package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
  67. package/lib/typescript/components/listitems/ListItemRadio.d.ts +2 -0
  68. package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
  69. package/lib/typescript/components/listitems/ListItemTransaction.d.ts +2 -1
  70. package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
  71. package/lib/typescript/components/modules/ModuleAttachment.d.ts +3 -1
  72. package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -1
  73. package/lib/typescript/components/modules/ModuleCheckout.d.ts +1 -0
  74. package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -1
  75. package/lib/typescript/components/modules/ModuleCredential.d.ts +1 -0
  76. package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
  77. package/lib/typescript/components/modules/ModuleNavigation.d.ts +1 -0
  78. package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
  79. package/lib/typescript/components/modules/ModulePaymentNotice.d.ts +2 -1
  80. package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
  81. package/lib/typescript/components/modules/ModuleStatic.d.ts +3 -3
  82. package/lib/typescript/components/modules/ModuleStatic.d.ts.map +1 -1
  83. package/lib/typescript/components/typography/Body.d.ts.map +1 -1
  84. package/lib/typescript/components/typography/BodySmall.d.ts.map +1 -1
  85. package/lib/typescript/components/typography/IOText.d.ts +2 -1
  86. package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
  87. package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
  88. package/package.json +1 -1
  89. package/src/components/banner/Banner.tsx +4 -6
  90. package/src/components/buttons/ButtonLink.tsx +4 -1
  91. package/src/components/featureInfo/FeatureInfo.tsx +7 -1
  92. package/src/components/listitems/ListItemRadio.tsx +14 -3
  93. package/src/components/listitems/ListItemTransaction.tsx +16 -3
  94. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +12 -2
  95. package/src/components/modules/ModuleAttachment.tsx +14 -2
  96. package/src/components/modules/ModuleCheckout.tsx +12 -2
  97. package/src/components/modules/ModuleCredential.tsx +10 -2
  98. package/src/components/modules/ModuleNavigation.tsx +12 -2
  99. package/src/components/modules/ModulePaymentNotice.tsx +13 -2
  100. package/src/components/modules/ModuleStatic.tsx +13 -6
  101. package/src/components/typography/Body.tsx +8 -2
  102. package/src/components/typography/BodySmall.tsx +8 -2
  103. package/src/components/typography/IOText.tsx +2 -0
  104. package/src/components/typography/LabelMini.tsx +8 -2
@@ -20,10 +20,12 @@ type ListItemRadioLoadingProps = {
20
20
  state: true;
21
21
  skeletonDescription?: boolean;
22
22
  skeletonIcon?: boolean;
23
+ loadingAccessibilityLabel?: string;
23
24
  } | {
24
25
  state?: false;
25
26
  skeletonDescription?: never;
26
27
  skeletonIcon?: never;
28
+ loadingAccessibilityLabel?: never;
27
29
  };
28
30
  type Props = WithTestID<{
29
31
  value: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,SAAS,EAAoB,MAAM,cAAc,CAAC;AAalE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,GAC7D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,KAAK,kBAAkB,GAAG,KAAK,GAC7B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,UAAU,CACpE,CAAC;AAUJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,uIAWvB,kBAAkB,sBAwKpB,CAAC"}
1
+ {"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,SAAS,EAAoB,MAAM,cAAc,CAAC;AAalE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,GAC7D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,KAAK,kBAAkB,GAAG,KAAK,GAC7B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,UAAU,CACpE,CAAC;AAUJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,uIAWvB,kBAAkB,sBAiLpB,CAAC"}
@@ -12,6 +12,7 @@ export type ListItemTransactionLogo = IOLogoPaymentType | ImageURISource | React
12
12
  export type ListItemTransaction = WithTestID<PressableBaseProps & {
13
13
  showChevron?: boolean;
14
14
  isLoading?: boolean;
15
+ loadingAccessibilityLabel?: string;
15
16
  /**
16
17
  * A logo that will be displayed on the left of the list item.
17
18
  *
@@ -41,5 +42,5 @@ export type ListItemTransaction = WithTestID<PressableBaseProps & {
41
42
  refund?: never;
42
43
  };
43
44
  })>;
44
- export declare const ListItemTransaction: ({ accessibilityLabel, showChevron, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transaction: { amount, amountAccessibilityLabel, badge, refund }, numberOfLines, accessible }: ListItemTransaction) => React.JSX.Element;
45
+ export declare const ListItemTransaction: ({ accessibilityLabel, loadingAccessibilityLabel, showChevron, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transaction: { amount, amountAccessibilityLabel, badge, refund }, numberOfLines, accessible }: ListItemTransaction) => React.JSX.Element;
45
46
  //# sourceMappingURL=ListItemTransaction.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;AAapD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,iBAAiB,GACjB,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACE;IACE,WAAW,EAAE;QACX,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,GACD;IACE,WAAW,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,KAAK,EAAE,wBAAwB,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC;KAChB,CAAC;CACH,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,mMAY7B,mBAAmB,sBA6FrB,CAAC"}
1
+ {"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;AAapD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,iBAAiB,GACjB,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACE;IACE,WAAW,EAAE;QACX,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,GACD;IACE,WAAW,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,KAAK,EAAE,wBAAwB,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC;KAChB,CAAC;CACH,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,8NAa7B,mBAAmB,sBAiGrB,CAAC"}
@@ -6,6 +6,7 @@ type PartialProps = WithTestID<{
6
6
  format: "doc" | "pdf";
7
7
  isLoading?: boolean;
8
8
  isFetching?: boolean;
9
+ loadingAccessibilityLabel?: string;
9
10
  fetchingAccessibilityLabel?: string;
10
11
  onPress: (event: GestureResponderEvent) => void;
11
12
  }>;
@@ -17,6 +18,7 @@ export type ModuleAttachmentProps = PartialProps & Pick<PressableProps, "onPress
17
18
  * @param {string} accessibilityLabel - Optional accessibility label.
18
19
  * @param {boolean} disabled - If true, the button is disabled.
19
20
  * @param {string} fetchingAccessibilityLabel - Optional accessibility label to use during fetching.
21
+ * @param {string} loadingAccessibilityLabel - Optional accessibility label to use during loading.
20
22
  * @param {string} format - Badge content. PDF or DOC.
21
23
  * @param {boolean} isLoading - If true, displays a skeleton loading component.
22
24
  * @param {boolean} isFetching - If true, displays an activity indicator.
@@ -25,6 +27,6 @@ export type ModuleAttachmentProps = PartialProps & Pick<PressableProps, "onPress
25
27
  * @param {string} title - The title text to display.
26
28
  *
27
29
  */
28
- export declare const ModuleAttachment: ({ accessibilityLabel, disabled, fetchingAccessibilityLabel, format, isLoading, isFetching, onPress, testID, title }: ModuleAttachmentProps) => React.JSX.Element;
30
+ export declare const ModuleAttachment: ({ accessibilityLabel, disabled, fetchingAccessibilityLabel, loadingAccessibilityLabel, format, isLoading, isFetching, onPress, testID, title }: ModuleAttachmentProps) => React.JSX.Element;
29
31
  export {};
30
32
  //# sourceMappingURL=ModuleAttachment.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModuleAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACd,SAAS,GAAG,oBAAoB,GAAG,UAAU,GAAG,QAAQ,CACzD,CAAC;AAwDJ;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,wHAU1B,qBAAqB,sBA0CvB,CAAC"}
1
+ {"version":3,"file":"ModuleAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACd,SAAS,GAAG,oBAAoB,GAAG,UAAU,GAAG,QAAQ,CACzD,CAAC;AAwDJ;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,mJAW1B,qBAAqB,sBA8CvB,CAAC"}
@@ -3,6 +3,7 @@ import { ImageSourcePropType, ImageURISource } from "react-native";
3
3
  import { IOLogoPaymentType } from "../logos";
4
4
  type LoadingProps = {
5
5
  isLoading: true;
6
+ loadingAccessibilityLabel?: string;
6
7
  };
7
8
  type ImageProps = {
8
9
  paymentLogo: IOLogoPaymentType;
@@ -1 +1 @@
1
- {"version":3,"file":"ModuleCheckout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCheckout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,WAAW,EAAE,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,GACpE;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3C,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,SAAS,CAAC;AAE3D,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAyDxD,CAAC"}
1
+ {"version":3,"file":"ModuleCheckout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCheckout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,WAAW,EAAE,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,GACpE;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3C,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,SAAS,CAAC;AAE3D,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBA6DxD,CAAC"}
@@ -13,6 +13,7 @@ type ImageProps = {
13
13
  };
14
14
  type LoadingModuleProps = {
15
15
  isLoading: true;
16
+ loadingAccessibilityLabel?: string;
16
17
  };
17
18
  type BaseModuleProps = {
18
19
  isLoading?: false;
@@ -1 +1 @@
1
- {"version":3,"file":"ModuleCredential.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCredential.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GACtB,eAAe,GAAG,UAAU,GAAG,wBAAwB,CAAC;AAE5D,QAAA,MAAM,gBAAgB,UACb,WAAW,kBAAkB,GAAG,qBAAqB,CAAC,sBAM5D,CAAC;AAsHJ,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"ModuleCredential.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCredential.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,IAAI,CAAC;IAChB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GACtB,eAAe,GAAG,UAAU,GAAG,wBAAwB,CAAC;AAE5D,QAAA,MAAM,gBAAgB,UACb,WAAW,kBAAkB,GAAG,qBAAqB,CAAC,sBAQ5D,CAAC;AA2HJ,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -6,6 +6,7 @@ import { IOIcons } from "../icons";
6
6
  import { PressableModuleBaseProps } from "./PressableModuleBase";
7
7
  type LoadingProps = {
8
8
  isLoading: true;
9
+ loadingAccessibilityLabel?: string;
9
10
  };
10
11
  type ImageProps = {
11
12
  icon: IOIcons;
@@ -1 +1 @@
1
- {"version":3,"file":"ModuleNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,UAAU,GACZ,wBAAwB,CAAC;AAE3B,KAAK,qBAAqB,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtD,eAAO,MAAM,gBAAgB,UAAW,WAAW,qBAAqB,CAAC,sBAiExE,CAAC"}
1
+ {"version":3,"file":"ModuleNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,UAAU,GACZ,wBAAwB,CAAC;AAE3B,KAAK,qBAAqB,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtD,eAAO,MAAM,gBAAgB,UAAW,WAAW,qBAAqB,CAAC,sBAqExE,CAAC"}
@@ -5,6 +5,7 @@ export type PaymentNoticeStatus = "default" | "paid" | "error" | "expired" | "re
5
5
  export type ModulePaymentNoticeProps = WithTestID<{
6
6
  isLoading?: boolean;
7
7
  accessibilityLabel?: string;
8
+ loadingAccessibilityLabel?: string;
8
9
  title?: string;
9
10
  subtitle: string;
10
11
  onPress: (event: GestureResponderEvent) => void;
@@ -35,5 +36,5 @@ export type ModulePaymentNoticeProps = WithTestID<{
35
36
  * @param {string} paymentNoticeAmount - The payment notice amount to display.
36
37
  * @param {string} paymentNoticeStatus - The status of the payment notice.
37
38
  */
38
- export declare const ModulePaymentNotice: ({ isLoading, testID, accessibilityLabel, onPress, ...rest }: ModulePaymentNoticeProps) => React.JSX.Element;
39
+ export declare const ModulePaymentNotice: ({ isLoading, testID, accessibilityLabel, onPress, loadingAccessibilityLabel, ...rest }: ModulePaymentNoticeProps) => React.JSX.Element;
39
40
  //# sourceMappingURL=ModulePaymentNotice.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModulePaymentNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModulePaymentNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,CACA;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AA+EF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,gEAM7B,wBAAwB,sBAc1B,CAAC"}
1
+ {"version":3,"file":"ModulePaymentNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModulePaymentNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,CACA;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AA+EF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,2FAO7B,wBAAwB,sBAkB1B,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
- import { PressableProps } from "react-native";
3
- type ModuleStaticProps = ModuleStaticSingleBlockProps | ModuleStaticMultipleBlockProps;
2
+ import { PressableProps, ViewProps } from "react-native";
3
+ type ModuleStaticProps = Pick<ViewProps, "accessible" | "accessibilityLabel" | "accessibilityState"> & (ModuleStaticSingleBlockProps | ModuleStaticMultipleBlockProps);
4
4
  type ModuleStaticMultipleBlockProps = {
5
5
  startBlock: React.ReactNode;
6
6
  endBlock?: React.ReactNode;
@@ -13,6 +13,6 @@ type ModuleStaticSingleBlockProps = {
13
13
  children: React.ReactNode;
14
14
  disabled?: PressableProps["disabled"];
15
15
  };
16
- export declare const ModuleStatic: ({ disabled, startBlock, endBlock, children }: ModuleStaticProps) => React.JSX.Element;
16
+ export declare const ModuleStatic: ({ disabled, startBlock, endBlock, children, accessible, accessibilityLabel, accessibilityState }: ModuleStaticProps) => React.JSX.Element;
17
17
  export {};
18
18
  //# sourceMappingURL=ModuleStatic.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModuleStatic.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;AAIpD,KAAK,iBAAiB,GAClB,4BAA4B,GAC5B,8BAA8B,CAAC;AAEnC,KAAK,8BAA8B,GAAG;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC,CAAC;AAIF,eAAO,MAAM,YAAY,iDAKtB,iBAAiB,sBA4BnB,CAAC"}
1
+ {"version":3,"file":"ModuleStatic.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,SAAS,EACT,YAAY,GAAG,oBAAoB,GAAG,oBAAoB,CAC3D,GACC,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,CAAC;AAElE,KAAK,8BAA8B,GAAG;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC,CAAC;AAIF,eAAO,MAAM,YAAY,qGAQtB,iBAAiB,sBA8BnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,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,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAKjC;;GAEG;AACH,eAAO,MAAM,IAAI,6EAkChB,CAAC"}
1
+ {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,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,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAKjC;;GAEG;AACH,eAAO,MAAM,IAAI,6EAwChB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,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;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,6EAkCrB,CAAC"}
1
+ {"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,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;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,6EAwCrB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { ComponentProps } from "react";
2
- import { GestureResponderEvent, Text, TextStyle, View } from "react-native";
2
+ import { AccessibilityRole, GestureResponderEvent, Text, TextStyle, View } from "react-native";
3
3
  import { IOColors } from "../../core";
4
4
  import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
5
5
  /**
@@ -38,6 +38,7 @@ export type TypographicStyleAsLinkProps = {
38
38
  color?: never;
39
39
  asLink: true;
40
40
  onPress: (event: GestureResponderEvent) => void;
41
+ accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
41
42
  } | {
42
43
  color?: IOColors;
43
44
  asLink?: false;
@@ -1 +1 @@
1
- {"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EAEL,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,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,KAAK,CAAC;IACd,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAoElB,CAAC"}
1
+ {"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,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,KAAK,CAAC;IACd,MAAM,EAAE,IAAI,CAAC;IACb,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,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAoElB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"LabelMini.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelMini.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,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;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,6EAkCrB,CAAC"}
1
+ {"version":3,"file":"LabelMini.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelMini.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,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;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,6EAwCrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "5.1.2",
3
+ "version": "5.1.3",
4
4
  "description": "The library defining the core components of the design system of @pagopa/io-app",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -79,9 +79,9 @@ type RequiredBannerProps =
79
79
 
80
80
  type BannerActionProps =
81
81
  | {
82
- action?: string;
82
+ action: string;
83
83
  onPress: (event: GestureResponderEvent) => void;
84
- accessibilityRole?: never;
84
+ accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
85
85
  }
86
86
  | {
87
87
  action?: never;
@@ -142,6 +142,7 @@ export const Banner = ({
142
142
  onClose,
143
143
  accessibilityHint,
144
144
  accessibilityLabel,
145
+ accessibilityRole = "button",
145
146
  testID
146
147
  }: Banner) => {
147
148
  const { newTypefaceEnabled } = useIONewTypeface();
@@ -178,7 +179,7 @@ export const Banner = ({
178
179
  // A11y related props
179
180
  accessibilityLabel={accessibilityLabel ?? fallbackAccessibilityLabel}
180
181
  accessibilityHint={accessibilityHint}
181
- accessibilityRole={action !== undefined ? "button" : undefined}
182
+ accessibilityRole={action !== undefined ? accessibilityRole : "text"}
182
183
  >
183
184
  {title && (
184
185
  <>
@@ -264,9 +265,6 @@ export const Banner = ({
264
265
  style={[styles.container, dynamicContainerStyles]}
265
266
  // A11y related props
266
267
  accessible={false}
267
- accessibilityHint={accessibilityHint}
268
- accessibilityLabel={accessibilityLabel}
269
- accessibilityRole={"text"}
270
268
  >
271
269
  {renderMainBlock()}
272
270
  </View>
@@ -1,5 +1,6 @@
1
1
  import React, { forwardRef } from "react";
2
2
  import {
3
+ AccessibilityRole,
3
4
  GestureResponderEvent,
4
5
  Pressable,
5
6
  TextStyle,
@@ -44,6 +45,7 @@ export type ButtonLinkProps = WithTestID<{
44
45
  iconPosition?: "start" | "end";
45
46
  // Accessibility
46
47
  accessibilityLabel?: string;
48
+ accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
47
49
  accessibilityHint?: string;
48
50
  numberOfLines?: number;
49
51
  textAlign?: TextStyle["textAlign"];
@@ -72,6 +74,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
72
74
  iconPosition = "start",
73
75
  onPress,
74
76
  accessibilityLabel,
77
+ accessibilityRole = "button",
75
78
  accessibilityHint,
76
79
  numberOfLines = 1,
77
80
  textAlign = "auto",
@@ -151,7 +154,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
151
154
  ref={ref}
152
155
  accessibilityLabel={accessibilityLabel || label}
153
156
  accessibilityHint={accessibilityHint}
154
- accessibilityRole={"button"}
157
+ accessibilityRole={accessibilityRole}
155
158
  accessibilityState={{ disabled }}
156
159
  testID={testID}
157
160
  onPress={onPress}
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from "react";
2
- import { GestureResponderEvent } from "react-native";
2
+ import { AccessibilityRole, GestureResponderEvent } from "react-native";
3
3
  import {
4
4
  BodySmall,
5
5
  HStack,
@@ -23,6 +23,7 @@ type FeatureInfoActionProps =
23
23
  action: {
24
24
  label: string;
25
25
  onPress: (event: GestureResponderEvent) => void;
26
+ accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
26
27
  };
27
28
  }
28
29
  | {
@@ -56,6 +57,10 @@ export const FeatureInfo = ({
56
57
  }: FeatureInfoProps) => {
57
58
  const theme = useIOTheme();
58
59
 
60
+ /* Already defined in the `BodySmall` component as a fallback value,
61
+ but I keep it here to avoid possible future inconsistencies. */
62
+ const accessibilityRole = action?.accessibilityRole ?? "link";
63
+
59
64
  return (
60
65
  <HStack style={{ alignItems: "center" }} space={24}>
61
66
  {iconName && (
@@ -83,6 +88,7 @@ export const FeatureInfo = ({
83
88
  accessible
84
89
  importantForAccessibility={"yes"}
85
90
  accessibilityElementsHidden={false}
91
+ accessibilityRole={accessibilityRole}
86
92
  >
87
93
  {action.label}
88
94
  </BodySmall>
@@ -31,11 +31,13 @@ type ListItemRadioLoadingProps =
31
31
  state: true;
32
32
  skeletonDescription?: boolean;
33
33
  skeletonIcon?: boolean;
34
+ loadingAccessibilityLabel?: string;
34
35
  }
35
36
  | {
36
37
  state?: false;
37
38
  skeletonDescription?: never;
38
39
  skeletonIcon?: never;
40
+ loadingAccessibilityLabel?: never;
39
41
  };
40
42
 
41
43
  type Props = WithTestID<{
@@ -122,8 +124,15 @@ export const ListItemRadio = ({
122
124
  </View>
123
125
  );
124
126
 
125
- const SkeletonComponent = () => (
126
- <View style={[IOSelectionListItemStyles.listItem, { rowGap: 8 }]}>
127
+ const ListItemRadioSkeleton = ({
128
+ loadingAccessibilityLabel
129
+ }: Pick<ListItemRadioLoadingProps, "loadingAccessibilityLabel">) => (
130
+ <View
131
+ style={[IOSelectionListItemStyles.listItem, { rowGap: 8 }]}
132
+ accessible={true}
133
+ accessibilityLabel={loadingAccessibilityLabel}
134
+ accessibilityState={{ busy: true }}
135
+ >
127
136
  <View style={IOSelectionListItemStyles.listItemInner}>
128
137
  <View
129
138
  style={[
@@ -155,7 +164,9 @@ export const ListItemRadio = ({
155
164
  );
156
165
 
157
166
  return loadingProps?.state ? (
158
- <SkeletonComponent />
167
+ <ListItemRadioSkeleton
168
+ loadingAccessibilityLabel={loadingProps?.loadingAccessibilityLabel}
169
+ />
159
170
  ) : (
160
171
  <Pressable
161
172
  accessibilityRole="radio"
@@ -41,6 +41,7 @@ export type ListItemTransaction = WithTestID<
41
41
  PressableBaseProps & {
42
42
  showChevron?: boolean;
43
43
  isLoading?: boolean;
44
+ loadingAccessibilityLabel?: string;
44
45
  /**
45
46
  * A logo that will be displayed on the left of the list item.
46
47
  *
@@ -102,6 +103,7 @@ const StartComponent = ({
102
103
 
103
104
  export const ListItemTransaction = ({
104
105
  accessibilityLabel,
106
+ loadingAccessibilityLabel,
105
107
  showChevron = false,
106
108
  isLoading = false,
107
109
  paymentLogoIcon,
@@ -116,7 +118,11 @@ export const ListItemTransaction = ({
116
118
  const theme = useIOTheme();
117
119
 
118
120
  if (isLoading) {
119
- return <SkeletonComponent />;
121
+ return (
122
+ <ListItemTransactionSkeleton
123
+ loadingAccessibilityLabel={loadingAccessibilityLabel}
124
+ />
125
+ );
120
126
  }
121
127
 
122
128
  const interactiveColor: IOColors = theme["interactiveElem-default"];
@@ -207,8 +213,15 @@ export const ListItemTransaction = ({
207
213
  }
208
214
  };
209
215
 
210
- const SkeletonComponent = () => (
211
- <View style={IOListItemStyles.listItem} accessible={false}>
216
+ const ListItemTransactionSkeleton = ({
217
+ loadingAccessibilityLabel
218
+ }: Pick<ListItemTransaction, "loadingAccessibilityLabel">) => (
219
+ <View
220
+ style={IOListItemStyles.listItem}
221
+ accessible={true}
222
+ accessibilityLabel={loadingAccessibilityLabel}
223
+ accessibilityState={{ busy: true }}
224
+ >
212
225
  <View style={IOListItemStyles.listItemInner}>
213
226
  <View style={{ marginRight: IOListItemVisualParams.iconMargin }}>
214
227
  <Placeholder.Box
@@ -1364,7 +1364,12 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1364
1364
 
1365
1365
  exports[`Test List Item Components - Experimental Enabled ListItemTransaction Snapshot 1`] = `
1366
1366
  <View
1367
- accessible={false}
1367
+ accessibilityState={
1368
+ {
1369
+ "busy": true,
1370
+ }
1371
+ }
1372
+ accessible={true}
1368
1373
  style={
1369
1374
  {
1370
1375
  "marginHorizontal": -24,
@@ -2942,7 +2947,12 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
2942
2947
 
2943
2948
  exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
2944
2949
  <View
2945
- accessible={false}
2950
+ accessibilityState={
2951
+ {
2952
+ "busy": true,
2953
+ }
2954
+ }
2955
+ accessible={true}
2946
2956
  style={
2947
2957
  {
2948
2958
  "marginHorizontal": -24,
@@ -16,6 +16,7 @@ type PartialProps = WithTestID<{
16
16
  format: "doc" | "pdf";
17
17
  isLoading?: boolean;
18
18
  isFetching?: boolean;
19
+ loadingAccessibilityLabel?: string;
19
20
  fetchingAccessibilityLabel?: string;
20
21
  onPress: (event: GestureResponderEvent) => void;
21
22
  }>;
@@ -87,6 +88,7 @@ const ModuleAttachmentContent = ({
87
88
  * @param {string} accessibilityLabel - Optional accessibility label.
88
89
  * @param {boolean} disabled - If true, the button is disabled.
89
90
  * @param {string} fetchingAccessibilityLabel - Optional accessibility label to use during fetching.
91
+ * @param {string} loadingAccessibilityLabel - Optional accessibility label to use during loading.
90
92
  * @param {string} format - Badge content. PDF or DOC.
91
93
  * @param {boolean} isLoading - If true, displays a skeleton loading component.
92
94
  * @param {boolean} isFetching - If true, displays an activity indicator.
@@ -99,6 +101,7 @@ export const ModuleAttachment = ({
99
101
  accessibilityLabel,
100
102
  disabled = false,
101
103
  fetchingAccessibilityLabel,
104
+ loadingAccessibilityLabel,
102
105
  format,
103
106
  isLoading = false,
104
107
  isFetching = false,
@@ -117,7 +120,11 @@ export const ModuleAttachment = ({
117
120
  );
118
121
 
119
122
  if (isLoading) {
120
- return <ModuleAttachmentSkeleton />;
123
+ return (
124
+ <ModuleAttachmentSkeleton
125
+ loadingAccessibilityLabel={loadingAccessibilityLabel}
126
+ />
127
+ );
121
128
  }
122
129
 
123
130
  const pressableAccessibilityLabel =
@@ -149,8 +156,13 @@ export const ModuleAttachment = ({
149
156
  );
150
157
  };
151
158
 
152
- const ModuleAttachmentSkeleton = () => (
159
+ const ModuleAttachmentSkeleton = ({
160
+ loadingAccessibilityLabel
161
+ }: Pick<ModuleAttachmentProps, "loadingAccessibilityLabel">) => (
153
162
  <ModuleStatic
163
+ accessible={true}
164
+ accessibilityLabel={loadingAccessibilityLabel}
165
+ accessibilityState={{ busy: true }}
154
166
  startBlock={
155
167
  <VStack space={4}>
156
168
  <Placeholder.Box animate="fade" radius={8} width={114} height={16} />
@@ -21,6 +21,7 @@ import { PressableModuleBase } from "./PressableModuleBase";
21
21
 
22
22
  type LoadingProps = {
23
23
  isLoading: true;
24
+ loadingAccessibilityLabel?: string;
24
25
  };
25
26
 
26
27
  type ImageProps =
@@ -45,7 +46,11 @@ export const ModuleCheckout = (props: ModuleCheckoutProps) => {
45
46
  const imageMargin: IOSpacingScale = 12;
46
47
 
47
48
  if (props.isLoading) {
48
- return <ModuleCheckoutSkeleton />;
49
+ return (
50
+ <ModuleCheckoutSkeleton
51
+ loadingAccessibilityLabel={props.loadingAccessibilityLabel}
52
+ />
53
+ );
49
54
  }
50
55
 
51
56
  const { paymentLogo, image, title, subtitle, ctaText, onPress } = props;
@@ -98,8 +103,13 @@ export const ModuleCheckout = (props: ModuleCheckoutProps) => {
98
103
  );
99
104
  };
100
105
 
101
- const ModuleCheckoutSkeleton = () => (
106
+ const ModuleCheckoutSkeleton = ({
107
+ loadingAccessibilityLabel
108
+ }: Pick<LoadingProps, "loadingAccessibilityLabel">) => (
102
109
  <ModuleStatic
110
+ accessible={true}
111
+ accessibilityLabel={loadingAccessibilityLabel}
112
+ accessibilityState={{ busy: true }}
103
113
  startBlock={
104
114
  <HStack space={8} style={{ alignItems: "center" }}>
105
115
  <Placeholder.Box animate="fade" radius={8} height={24} width={24} />
@@ -32,6 +32,7 @@ type ImageProps =
32
32
 
33
33
  type LoadingModuleProps = {
34
34
  isLoading: true;
35
+ loadingAccessibilityLabel?: string;
35
36
  };
36
37
 
37
38
  type BaseModuleProps = {
@@ -48,7 +49,9 @@ const ModuleCredential = (
48
49
  props: WithTestID<LoadingModuleProps | ModuleCredentialProps>
49
50
  ) =>
50
51
  props.isLoading ? (
51
- <ModuleCredentialSkeleton />
52
+ <ModuleCredentialSkeleton
53
+ loadingAccessibilityLabel={props.loadingAccessibilityLabel}
54
+ />
52
55
  ) : (
53
56
  <ModuleCredentialContent {...props} />
54
57
  );
@@ -144,8 +147,13 @@ const ModuleCredentialContent = ({
144
147
  );
145
148
  };
146
149
 
147
- const ModuleCredentialSkeleton = () => (
150
+ const ModuleCredentialSkeleton = ({
151
+ loadingAccessibilityLabel
152
+ }: Pick<LoadingModuleProps, "loadingAccessibilityLabel">) => (
148
153
  <ModuleStatic
154
+ accessible={true}
155
+ accessibilityLabel={loadingAccessibilityLabel}
156
+ accessibilityState={{ busy: true }}
149
157
  startBlock={
150
158
  <HStack
151
159
  style={{ alignItems: "center" }}
@@ -28,6 +28,7 @@ import {
28
28
 
29
29
  type LoadingProps = {
30
30
  isLoading: true;
31
+ loadingAccessibilityLabel?: string;
31
32
  };
32
33
 
33
34
  type ImageProps =
@@ -49,7 +50,11 @@ export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
49
50
  const { hugeFontEnabled } = useIOFontDynamicScale();
50
51
 
51
52
  if (props.isLoading) {
52
- return <ModuleNavigationSkeleton />;
53
+ return (
54
+ <ModuleNavigationSkeleton
55
+ loadingAccessibilityLabel={props.loadingAccessibilityLabel}
56
+ />
57
+ );
53
58
  }
54
59
 
55
60
  const { icon, image, title, subtitle, onPress, badge, ...pressableProps } =
@@ -111,8 +116,13 @@ export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
111
116
  );
112
117
  };
113
118
 
114
- const ModuleNavigationSkeleton = () => (
119
+ const ModuleNavigationSkeleton = ({
120
+ loadingAccessibilityLabel
121
+ }: Pick<LoadingProps, "loadingAccessibilityLabel">) => (
115
122
  <ModuleStatic
123
+ accessible={true}
124
+ accessibilityLabel={loadingAccessibilityLabel}
125
+ accessibilityState={{ busy: true }}
116
126
  startBlock={
117
127
  <HStack
118
128
  style={{ alignItems: "center" }}