@pagopa/io-app-design-system 2.0.4 → 2.0.6

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 (89) hide show
  1. package/lib/commonjs/components/alert/Alert.js +12 -5
  2. package/lib/commonjs/components/alert/Alert.js.map +1 -1
  3. package/lib/commonjs/components/banner/Banner.js +5 -1
  4. package/lib/commonjs/components/banner/Banner.js.map +1 -1
  5. package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +2 -0
  6. package/lib/commonjs/components/banner/__test__/banner.test.js +4 -2
  7. package/lib/commonjs/components/banner/__test__/banner.test.js.map +1 -1
  8. package/lib/commonjs/components/codeInput/CodeInput.js +1 -1
  9. package/lib/commonjs/components/icons/Icon.js +6 -2
  10. package/lib/commonjs/components/icons/Icon.js.map +1 -1
  11. package/lib/commonjs/components/icons/svg/IconNavQrWallet.js +28 -0
  12. package/lib/commonjs/components/icons/svg/IconNavQrWallet.js.map +1 -0
  13. package/lib/commonjs/components/icons/svg/originals/IconNavQrWallet.svg +1 -0
  14. package/lib/commonjs/components/otpInput/BoxedInput.js +1 -1
  15. package/lib/commonjs/components/pictograms/Pictogram.js +4 -0
  16. package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
  17. package/lib/commonjs/components/pictograms/svg/PictogramEmptyWallet.js +43 -0
  18. package/lib/commonjs/components/pictograms/svg/PictogramEmptyWallet.js.map +1 -0
  19. package/lib/commonjs/components/pictograms/svg/PictogramMeterLimit.js +46 -0
  20. package/lib/commonjs/components/pictograms/svg/PictogramMeterLimit.js.map +1 -0
  21. package/lib/commonjs/components/pictograms/svg/originals/PictogramEmptyWallet.svg +1 -0
  22. package/lib/commonjs/components/pictograms/svg/originals/PictogramMeterLimit.svg +1 -0
  23. package/lib/commonjs/components/typography/H2.js +2 -2
  24. package/lib/commonjs/components/typography/IOText.js +4 -2
  25. package/lib/commonjs/components/typography/IOText.js.map +1 -1
  26. package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
  27. package/lib/module/components/alert/Alert.js +14 -7
  28. package/lib/module/components/alert/Alert.js.map +1 -1
  29. package/lib/module/components/banner/Banner.js +5 -1
  30. package/lib/module/components/banner/Banner.js.map +1 -1
  31. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +2 -0
  32. package/lib/module/components/banner/__test__/banner.test.js +4 -2
  33. package/lib/module/components/banner/__test__/banner.test.js.map +1 -1
  34. package/lib/module/components/codeInput/CodeInput.js +1 -1
  35. package/lib/module/components/icons/Icon.js +7 -3
  36. package/lib/module/components/icons/Icon.js.map +1 -1
  37. package/lib/module/components/icons/svg/IconNavQrWallet.js +20 -0
  38. package/lib/module/components/icons/svg/IconNavQrWallet.js.map +1 -0
  39. package/lib/module/components/icons/svg/originals/IconNavQrWallet.svg +1 -0
  40. package/lib/module/components/otpInput/BoxedInput.js +1 -1
  41. package/lib/module/components/pictograms/Pictogram.js +4 -0
  42. package/lib/module/components/pictograms/Pictogram.js.map +1 -1
  43. package/lib/module/components/pictograms/svg/PictogramEmptyWallet.js +35 -0
  44. package/lib/module/components/pictograms/svg/PictogramEmptyWallet.js.map +1 -0
  45. package/lib/module/components/pictograms/svg/PictogramMeterLimit.js +38 -0
  46. package/lib/module/components/pictograms/svg/PictogramMeterLimit.js.map +1 -0
  47. package/lib/module/components/pictograms/svg/originals/PictogramEmptyWallet.svg +1 -0
  48. package/lib/module/components/pictograms/svg/originals/PictogramMeterLimit.svg +1 -0
  49. package/lib/module/components/typography/H2.js +2 -2
  50. package/lib/module/components/typography/IOText.js +4 -2
  51. package/lib/module/components/typography/IOText.js.map +1 -1
  52. package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
  53. package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
  54. package/lib/typescript/components/banner/Banner.d.ts +1 -1
  55. package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
  56. package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
  57. package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
  58. package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
  59. package/lib/typescript/components/icons/Icon.d.ts +2 -0
  60. package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
  61. package/lib/typescript/components/icons/svg/IconNavQrWallet.d.ts +5 -0
  62. package/lib/typescript/components/icons/svg/IconNavQrWallet.d.ts.map +1 -0
  63. package/lib/typescript/components/pictograms/Pictogram.d.ts +2 -0
  64. package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
  65. package/lib/typescript/components/pictograms/svg/PictogramEmptyWallet.d.ts +5 -0
  66. package/lib/typescript/components/pictograms/svg/PictogramEmptyWallet.d.ts.map +1 -0
  67. package/lib/typescript/components/pictograms/svg/PictogramMeterLimit.d.ts +5 -0
  68. package/lib/typescript/components/pictograms/svg/PictogramMeterLimit.d.ts.map +1 -0
  69. package/lib/typescript/components/typography/H2.d.ts +1 -1
  70. package/lib/typescript/components/typography/IOText.d.ts +1 -1
  71. package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
  72. package/package.json +1 -1
  73. package/src/components/alert/Alert.tsx +27 -7
  74. package/src/components/banner/Banner.tsx +6 -2
  75. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +2 -0
  76. package/src/components/banner/__test__/banner.test.tsx +2 -0
  77. package/src/components/codeInput/CodeInput.tsx +1 -1
  78. package/src/components/icons/Icon.tsx +7 -3
  79. package/src/components/icons/svg/IconNavQrWallet.tsx +16 -0
  80. package/src/components/icons/svg/originals/IconNavQrWallet.svg +1 -0
  81. package/src/components/otpInput/BoxedInput.tsx +1 -1
  82. package/src/components/pictograms/Pictogram.tsx +4 -0
  83. package/src/components/pictograms/svg/PictogramEmptyWallet.tsx +42 -0
  84. package/src/components/pictograms/svg/PictogramMeterLimit.tsx +46 -0
  85. package/src/components/pictograms/svg/originals/PictogramEmptyWallet.svg +1 -0
  86. package/src/components/pictograms/svg/originals/PictogramMeterLimit.svg +1 -0
  87. package/src/components/typography/H2.tsx +2 -2
  88. package/src/components/typography/IOText.tsx +5 -6
  89. package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAyM/C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuMV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAK3C,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,GAAG,uBAAuB,GAAG,MAAM,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAMF,eAAO,MAAM,IAAI,oEAOd,YAAY,sBAcd,CAAC;AAOF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAMtB,oBAAoB,sBAatB,CAAC;AAKF,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAC/D,KAAK,EAAE,oBAAoB;IAGvC,MAAM;CAGP;AASD,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAgBF,eAAO,MAAM,UAAU;;;;;;;;;;;CAWb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAKjD,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAalB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAK3D,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAmBzD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAchB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AA0M/C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwMV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAK3C,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,GAAG,uBAAuB,GAAG,MAAM,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAMF,eAAO,MAAM,IAAI,oEAOd,YAAY,sBAcd,CAAC;AAOF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAMtB,oBAAoB,sBAatB,CAAC;AAKF,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAC/D,KAAK,EAAE,oBAAoB;IAGvC,MAAM;CAGP;AASD,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAiBF,eAAO,MAAM,UAAU;;;;;;;;;;;;CAYb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAKjD,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAalB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAK3D,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAmBzD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAchB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { SVGIconProps } from "../types";
3
+ declare const IconNavQrWallet: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
4
+ export default IconNavQrWallet;
5
+ //# sourceMappingURL=IconNavQrWallet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconNavQrWallet.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconNavQrWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,eAAe,8BAA+B,YAAY,sBAS/D,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -61,6 +61,8 @@ export declare const IOPictograms: {
61
61
  smile: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
62
62
  fingerprint: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
63
63
  walletDoc: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
64
+ emptyWallet: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
65
+ meterLimit: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
64
66
  ibanCard: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
65
67
  followMessage: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
66
68
  manual: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;AA+G7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAIjB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC,CAAC;AASF,eAAO,MAAM,SAAS,oDAMnB,iBAAiB,sBAiCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,UAAU,GACV,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,gBAAgB,EAClB,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA2CzE,CAAC;AAEF,eAAO,MAAM,cAAc,oDAMxB,iBAAiB,sBAkCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAMjE,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}
1
+ {"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;AAiH7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAIjB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC,CAAC;AASF,eAAO,MAAM,SAAS,oDAMnB,iBAAiB,sBAiCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,UAAU,GACV,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,gBAAgB,EAClB,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA2CzE,CAAC;AAEF,eAAO,MAAM,cAAc,oDAMxB,iBAAiB,sBAkCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAMjE,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { SVGPictogramProps } from "../types";
3
+ declare const PictogramEmptyWallet: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
4
+ export default PictogramEmptyWallet;
5
+ //# sourceMappingURL=PictogramEmptyWallet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PictogramEmptyWallet.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramEmptyWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,oBAAoB,oCAIvB,iBAAiB,sBA+BnB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { SVGPictogramProps } from "../types";
3
+ declare const PictogramMeterLimit: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
4
+ export default PictogramMeterLimit;
5
+ //# sourceMappingURL=PictogramMeterLimit.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PictogramMeterLimit.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramMeterLimit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,mBAAmB,oCAItB,iBAAiB,sBAmCnB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -3,7 +3,7 @@ import { View } from "react-native";
3
3
  import { IOFontSize } from "../../utils/fonts";
4
4
  import { IOTextProps } from "./IOText";
5
5
  export declare const h2FontSize: IOFontSize;
6
- export declare const h2LineHeight = 39;
6
+ export declare const h2LineHeight = 34;
7
7
  /**
8
8
  * `H2` typographic style
9
9
  */
@@ -28,7 +28,7 @@ type IOTextBaseProps = {
28
28
  textStyle?: IOTextStyle;
29
29
  style?: IOTextStyle;
30
30
  };
31
- type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "allowFontScaling" | "maxFontSizeMultiplier" | "style">;
31
+ type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "style">;
32
32
  export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
33
33
  /**
34
34
  * Extend `TypographicStyleProps` with extra props for styles that
@@ -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,EAAuC,MAAM,YAAY,CAAC;AAE3E,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EAEb,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,UAAU,CAAC;IAClB,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,CAC7B,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,kBAAkB,GAAG,uBAAuB,GAAG,OAAO,CACvD,CAAC;AAEF,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,EAEL,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAuC,MAAM,YAAY,CAAC;AAE3E,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EAEb,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,UAAU,CAAC;IAClB,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,oGAsElB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "2.0.4",
3
+ "version": "2.0.6",
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",
@@ -1,13 +1,16 @@
1
- import React, { useCallback } from "react";
1
+ import React, { useCallback, useState } from "react";
2
2
  import {
3
3
  GestureResponderEvent,
4
+ NativeSyntheticEvent,
4
5
  PixelRatio,
5
6
  Pressable,
6
7
  StyleSheet,
8
+ TextLayoutEventData,
7
9
  View
8
10
  } from "react-native";
9
11
  import Animated, {
10
- Extrapolate,
12
+ Extrapolation,
13
+ SharedValue,
11
14
  interpolate,
12
15
  useAnimatedStyle,
13
16
  useDerivedValue,
@@ -119,7 +122,16 @@ export const Alert = React.forwardRef<View, AlertType>(
119
122
  }: AlertType,
120
123
  viewRef
121
124
  ): JSX.Element => {
122
- const isPressed: Animated.SharedValue<number> = useSharedValue(0);
125
+ const isPressed: SharedValue<number> = useSharedValue(0);
126
+
127
+ const [isMultiline, setIsMultiline] = useState(false);
128
+
129
+ const onTextLayout = useCallback(
130
+ (event: NativeSyntheticEvent<TextLayoutEventData>) => {
131
+ setIsMultiline(event.nativeEvent.lines.length > 1);
132
+ },
133
+ []
134
+ );
123
135
 
124
136
  // Scaling transformation applied when the button is pressed
125
137
  const animationScaleValue = IOScaleValues?.magnifiedButton?.pressedState;
@@ -136,7 +148,7 @@ export const Alert = React.forwardRef<View, AlertType>(
136
148
  progressPressed.value,
137
149
  [0, 1],
138
150
  [1, animationScaleValue],
139
- Extrapolate.CLAMP
151
+ Extrapolation.CLAMP
140
152
  );
141
153
 
142
154
  return {
@@ -155,7 +167,12 @@ export const Alert = React.forwardRef<View, AlertType>(
155
167
 
156
168
  const renderMainBlock = () => (
157
169
  <>
158
- <View style={{ marginRight: IOVisualCostants.iconMargin }}>
170
+ <View
171
+ style={{
172
+ marginRight: IOVisualCostants.iconMargin,
173
+ alignSelf: "flex-start"
174
+ }}
175
+ >
159
176
  <Icon
160
177
  name={mapVariantStates[variant].icon}
161
178
  size={iconSize}
@@ -168,8 +185,10 @@ export const Alert = React.forwardRef<View, AlertType>(
168
185
  Tested on both Android and iOS. */}
169
186
  <View
170
187
  style={[
171
- !title && { marginTop: -5 * PixelRatio.getFontScale() },
172
- { marginBottom: -3 * PixelRatio.getFontScale(), flex: 1 }
188
+ !title &&
189
+ isMultiline && { marginTop: -5 * PixelRatio.getFontScale() },
190
+ isMultiline && { marginBottom: -3 * PixelRatio.getFontScale() },
191
+ { flex: 1 }
173
192
  ]}
174
193
  >
175
194
  {title && (
@@ -182,6 +201,7 @@ export const Alert = React.forwardRef<View, AlertType>(
182
201
  color={mapVariantStates[variant].foreground}
183
202
  weight={"Regular"}
184
203
  accessibilityRole="text"
204
+ onTextLayout={onTextLayout}
185
205
  >
186
206
  {content}
187
207
  </Label>
@@ -157,7 +157,7 @@ export const Banner = ({
157
157
  onClose,
158
158
  accessibilityHint,
159
159
  accessibilityLabel,
160
- testID
160
+ testID,
161
161
  }: Banner) => {
162
162
  const isPressed: Animated.SharedValue<number> = useSharedValue(0);
163
163
 
@@ -195,13 +195,17 @@ export const Banner = ({
195
195
  isPressed.value = 0;
196
196
  }, [isPressed]);
197
197
 
198
+ /* Generates a complete fallbackAccessibilityLabel by concatenating the title, content, and action
199
+ if they are present. */
200
+ const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
201
+
198
202
  const renderMainBlock = () => (
199
203
  <>
200
204
  <View
201
205
  style={[IOStyles.flex, IOStyles.selfCenter]}
202
206
  accessible={true}
203
207
  // A11y related props
204
- accessibilityLabel={accessibilityLabel}
208
+ accessibilityLabel={accessibilityLabel ?? fallbackAccessibilityLabel}
205
209
  accessibilityHint={accessibilityHint}
206
210
  accessibilityRole={action !== undefined ? "button" : undefined}
207
211
  >
@@ -58,6 +58,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
58
58
  }
59
59
  >
60
60
  <View
61
+ accessibilityLabel="Action text"
61
62
  accessibilityRole="button"
62
63
  accessible={true}
63
64
  style={
@@ -407,6 +408,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
407
408
  }
408
409
  >
409
410
  <View
411
+ accessibilityLabel="Action text"
410
412
  accessibilityRole="button"
411
413
  accessible={true}
412
414
  style={
@@ -18,6 +18,7 @@ describe("Test Banner Components", () => {
18
18
  pictogramName="charity"
19
19
  action="Action text"
20
20
  onPress={onLinkPress}
21
+ accessibilityLabel="Action text"
21
22
  />
22
23
  ).toJSON();
23
24
  expect(advice).toMatchSnapshot();
@@ -34,6 +35,7 @@ describe("Test Banner Components - Experimental Enabled", () => {
34
35
  pictogramName="charity"
35
36
  action="Action text"
36
37
  onPress={onLinkPress}
38
+ accessibilityLabel="Action text"
37
39
  />
38
40
  ).toJSON();
39
41
  expect(advice).toMatchSnapshot();
@@ -24,7 +24,7 @@ const styles = StyleSheet.create({
24
24
  borderWidth: 2
25
25
  },
26
26
  dotEmpty: {
27
- borderColor: IOColors["grey-200"]
27
+ borderColor: IOColors["grey-650"]
28
28
  },
29
29
  wrapper: {
30
30
  justifyContent: "center"
@@ -135,6 +135,7 @@ import IconNavServices from "./svg/IconNavServices";
135
135
  import IconNavServicesFocused from "./svg/IconNavServicesFocused";
136
136
  import IconNavWallet from "./svg/IconNavWallet";
137
137
  import IconNavWalletFocused from "./svg/IconNavWalletFocused";
138
+ import IconNavQrWallet from "./svg/IconNavQrWallet";
138
139
  import IconNotes from "./svg/IconNotes";
139
140
  import IconNotice from "./svg/IconNotice";
140
141
  import IconNoticeFilled from "./svg/IconNoticeFilled";
@@ -199,7 +200,7 @@ import LegIconCheckOff from "./svg/LegIconCheckOff";
199
200
  import LegIconCheckOn from "./svg/LegIconCheckOn";
200
201
  import LegIconRadioOff from "./svg/LegIconRadioOff";
201
202
  import LegIconRadioOn from "./svg/LegIconRadioOn";
202
- import IconCieLetter from './svg/IconCieLetter';
203
+ import IconCieLetter from "./svg/IconCieLetter";
203
204
 
204
205
  export const IOIcons = {
205
206
  spid: IconSpid,
@@ -360,6 +361,7 @@ export const IOIcons = {
360
361
  navMessagesFocused: IconNavMessagesFocused,
361
362
  navWallet: IconNavWallet,
362
363
  navWalletFocused: IconNavWalletFocused,
364
+ navQrWallet: IconNavQrWallet,
363
365
  navScan: IconNavScan,
364
366
  navServices: IconNavServices,
365
367
  navServicesFocused: IconNavServicesFocused,
@@ -517,7 +519,8 @@ const {
517
519
  navMessagesFocused,
518
520
  navWalletFocused,
519
521
  navServicesFocused,
520
- navProfileFocused
522
+ navProfileFocused,
523
+ navQrWallet
521
524
  } = IOIcons;
522
525
 
523
526
  export const IONavIcons = {
@@ -530,7 +533,8 @@ export const IONavIcons = {
530
533
  navMessagesFocused,
531
534
  navWalletFocused,
532
535
  navServicesFocused,
533
- navProfileFocused
536
+ navProfileFocused,
537
+ navQrWallet
534
538
  } as const;
535
539
 
536
540
  export type IONavIcons = keyof typeof IONavIcons;
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ import { Svg, Path } from "react-native-svg";
3
+ import { SVGIconProps } from "../types";
4
+
5
+ const IconNavQrWallet = ({ size, style, ...props }: SVGIconProps) => (
6
+ <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
7
+ <Path
8
+ fill="currentColor"
9
+ fillRule="evenodd"
10
+ d="M14.666 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.886 4.05A8 8 0 0 1 22.666 20a1 1 0 1 0 2 0 10 10 0 0 0-10.347-9.994c.6.531 1.038 1.24 1.233 2.043ZM2.667 18a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm-2-7.25a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm4 .25a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5Zm5-2.25a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm3 4.75a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2h-3a1 1 0 1 1 0-2h2.75a.25.25 0 0 0 .25-.25V19a1 1 0 0 1 1-1Zm-3 1a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
11
+ clipRule="evenodd"
12
+ />
13
+ </Svg>
14
+ );
15
+
16
+ export default IconNavQrWallet;
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><path fill="#2B2E38" fill-rule="evenodd" d="M14.666 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.886 4.05A8 8 0 0 1 22.666 20a1 1 0 1 0 2 0 10 10 0 0 0-10.347-9.994c.6.531 1.038 1.24 1.233 2.043ZM2.667 18a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm-2-7.25a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm4 .25a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5Zm5-2.25a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm3 4.75a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2h-3a1 1 0 1 1 0-2h2.75a.25.25 0 0 0 .25-.25V19a1 1 0 0 1 1-1Zm-3 1a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" clip-rule="evenodd"/></svg>
@@ -21,7 +21,7 @@ const styles = StyleSheet.create({
21
21
  },
22
22
  defaultBox: {
23
23
  borderWidth: 1,
24
- borderColor: IOColors["grey-200"]
24
+ borderColor: IOColors["grey-650"]
25
25
  },
26
26
  focusedBox: {
27
27
  borderWidth: 2,
@@ -93,12 +93,14 @@ import PictogramCardQuestion from "./svg/PictogramCardQuestion";
93
93
  import PictogramDoc from "./svg/PictogramDoc";
94
94
  import PictogramEmailDotCheck from "./svg/PictogramEmailDotCheck";
95
95
  import PictogramEmailDotNotif from "./svg/PictogramEmailDotNotif";
96
+ import PictogramEmptyWallet from "./svg/PictogramEmptyWallet";
96
97
  import PictogramEnded from "./svg/PictogramEnded";
97
98
  import PictogramEventClose from "./svg/PictogramEventClose";
98
99
  import PictogramFingerprint from "./svg/PictogramFingerprint";
99
100
  import PictogramIdea from "./svg/PictogramIdea";
100
101
  import PictogramLostConnection from "./svg/PictogramLostConnection";
101
102
  import PictogramMessage from "./svg/PictogramMessage";
103
+ import PictogramMeterLimit from "./svg/PictogramMeterLimit";
102
104
  import PictogramMoneyCheck from "./svg/PictogramMoneyCheck";
103
105
  import PictogramNFCScanAndroid from "./svg/PictogramNFCScanAndroid";
104
106
  import PictogramNFCScaniOS from "./svg/PictogramNFCScaniOS";
@@ -175,6 +177,8 @@ export const IOPictograms = {
175
177
  smile: PictogramSmile,
176
178
  fingerprint: PictogramFingerprint,
177
179
  walletDoc: PictogramWalletDoc,
180
+ emptyWallet: PictogramEmptyWallet,
181
+ meterLimit: PictogramMeterLimit,
178
182
  // Start Objects Pictogram
179
183
  ibanCard: PictogramObjIbanCard,
180
184
  followMessage: PictogramObjFollowMessage,
@@ -0,0 +1,42 @@
1
+ import React from "react";
2
+ import { Svg, Path } from "react-native-svg";
3
+ import { SVGPictogramProps } from "../types";
4
+
5
+ const PictogramEmptyWallet = ({
6
+ size,
7
+ colorValues,
8
+ ...props
9
+ }: SVGPictogramProps) => (
10
+ <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
11
+ <Path
12
+ d="M105.75 119.22C114.33 113.72 140.05 123.06 148.19 126.24L148.55 108.4C148.63 104.24 146.54 100.33 143.01 98.12C137.87 94.91 129.09 90.22 116.17 85.86L108.88 93.54C108.22 94.23 107.3 94.63 106.34 94.63C105.44 94.63 104.58 94.29 103.93 93.67C102.53 92.34 102.47 90.12 103.8 88.72L108.73 83.53C105.86 82.7 102.81 81.89 99.59 81.13L99.42 83.02C99.26 84.84 97.76 86.21 95.94 86.21C95.84 86.21 95.74 86.21 95.63 86.2C93.7 86.03 92.28 84.32 92.45 82.4L92.7 79.61C89.48 78.95 86.1 78.34 82.56 77.78L84.54 85.01C84.79 85.91 84.67 86.85 84.21 87.67C83.75 88.49 83 89.07 82.09 89.31C81.8 89.39 81.48 89.43 81.16 89.43C79.59 89.43 78.2 88.37 77.79 86.86L75.01 76.7C66.96 75.67 58.19 74.92 48.64 74.58C44.46 74.43 41 77.8 41 81.98V142.72C41 146.91 43.73 150.61 47.74 151.84L134.96 178.68C140.22 180.3 145.55 177.15 146.95 172.15C138.92 169.47 132.21 167.62 124.86 165.6L122.31 164.9C113.29 162.41 108.12 158.76 106.94 154.05C106.04 150.47 107.7 147.36 108.98 145.61C101.24 142.14 99.69 138.98 99.43 136.57C99.09 133.28 101.5 130.85 103.56 129.41C102.81 128.53 102.32 127.6 102.09 126.61C101.31 123.18 104.02 120.37 105.75 119.25V119.22Z"
13
+ fill={colorValues.main}
14
+ />
15
+ <Path
16
+ d="M77.661 67.43C77.441 66.63 76.621 66.16 75.821 66.38C75.021 66.6 74.551 67.42 74.771 68.22L79.731 86.31C79.911 86.98 80.521 87.41 81.181 87.41C81.311 87.41 81.441 87.39 81.581 87.36C82.381 87.14 82.851 86.32 82.631 85.52L77.671 67.43H77.661Z"
17
+ fill={colorValues.secondary}
18
+ />
19
+ <Path
20
+ d="M99.141 47C98.311 46.92 97.591 47.53 97.511 48.36L94.441 82.56C94.371 83.39 94.981 84.11 95.801 84.19C95.851 84.19 95.891 84.19 95.941 84.19C96.711 84.19 97.361 83.6 97.431 82.82L100.501 48.64C100.571 47.81 99.961 47.09 99.141 47.01V47Z"
21
+ fill={colorValues.secondary}
22
+ />
23
+ <Path
24
+ d="M121.972 74.67C121.372 74.1 120.422 74.12 119.852 74.72L105.262 90.08C104.692 90.68 104.712 91.63 105.312 92.2C105.602 92.48 105.972 92.61 106.342 92.61C106.742 92.61 107.132 92.45 107.432 92.14L122.022 76.78C122.592 76.18 122.572 75.23 121.972 74.66V74.67Z"
25
+ fill={colorValues.secondary}
26
+ />
27
+ <Path
28
+ d="M198.089 136.21C196.619 135.22 161.999 111.86 148.559 111.86V116.06C158.649 116.06 186.039 133.12 195.739 139.69L198.099 136.21H198.089Z"
29
+ fill={colorValues.hands}
30
+ />
31
+ <Path
32
+ d="M125.969 161.52L123.419 160.82C116.199 158.83 111.789 156.05 111.009 153.01C110.319 150.31 112.549 147.75 113.049 147.21C117.699 148.9 123.899 150.64 132.209 152.38L133.069 148.27C106.339 142.65 103.759 137.53 103.609 136.1C103.469 134.78 105.069 133.37 106.519 132.46C106.709 132.34 106.909 132.22 107.089 132.12C107.389 132.29 107.689 132.45 108.019 132.61C112.949 135.08 120.969 137.01 132.379 138.51L132.929 134.35C129.479 133.9 126.489 133.41 123.869 132.92C118.849 131.97 115.259 130.97 112.679 130.02C107.159 127.98 106.329 126.18 106.209 125.66C105.879 124.26 108.049 122.75 108.049 122.75C109.459 121.84 111.809 121.55 114.749 121.7C115.809 121.75 116.949 121.86 118.139 122.02C127.189 123.23 139.619 127.28 148.129 130.72C148.359 130.81 148.589 130.9 148.809 130.99L150.409 127.11C150.009 126.95 149.249 126.64 148.229 126.24C142.119 123.85 126.069 117.98 114.839 117.55C111.859 117.43 109.229 117.71 107.199 118.52C106.689 118.72 106.209 118.95 105.789 119.22C104.069 120.34 101.359 123.15 102.129 126.58C102.319 127.44 102.729 128.25 103.329 129.03C103.419 129.15 103.499 129.27 103.599 129.39C102.719 130.01 101.779 130.81 101.009 131.77C99.9793 133.06 99.2693 134.66 99.4693 136.55C99.7193 138.96 101.279 142.13 109.019 145.59C107.739 147.34 106.079 150.45 106.979 154.03C108.169 158.74 113.339 162.39 122.349 164.88L124.899 165.58C132.239 167.6 138.959 169.45 146.989 172.13C158.629 176.02 173.019 181.66 196.089 192.12L197.819 188.3C173.949 177.48 159.289 171.78 147.389 167.84C139.699 165.3 133.149 163.5 126.019 161.53L125.969 161.52Z"
33
+ fill={colorValues.hands}
34
+ />
35
+ <Path
36
+ d="M118.809 107.71C114.739 107.71 110.309 107.57 105.679 107.19C87.5594 105.72 62.6494 100.27 46.8094 82.72C46.2594 82.1 46.2994 81.16 46.9194 80.6C47.5294 80.05 48.4794 80.09 49.0394 80.71C78.1694 113.01 140.299 103.34 140.929 103.24C141.749 103.11 142.519 103.66 142.649 104.48C142.779 105.3 142.229 106.07 141.409 106.2C141.289 106.22 131.909 107.71 118.809 107.71Z"
37
+ fill={colorValues.secondary}
38
+ />
39
+ </Svg>
40
+ );
41
+
42
+ export default PictogramEmptyWallet;
@@ -0,0 +1,46 @@
1
+ import React from "react";
2
+ import { Svg, Path } from "react-native-svg";
3
+ import { SVGPictogramProps } from "../types";
4
+
5
+ const PictogramMeterLimit = ({
6
+ size,
7
+ colorValues,
8
+ ...props
9
+ }: SVGPictogramProps) => (
10
+ <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
11
+ <Path
12
+ d="M150.909 145.36C148.549 143.28 147.459 140.88 147.689 138.23C148.109 133.32 152.949 128.26 163.389 121.82C166.339 120 169.189 119.27 171.909 119.6C175.279 109.6 176.349 98.66 174.549 87.52C168.649 50.88 134.159 25.96 97.5193 31.87C60.8793 37.77 35.9593 72.26 41.8693 108.9C47.3493 142.93 77.4993 166.83 111.119 165.34L113.379 165.21C115.419 166 116.359 164.57 118.059 164.67C118.339 164.63 118.619 164.6 118.899 164.56C132.689 162.34 144.819 156.07 154.269 147.16C152.889 146.8 151.779 146.13 150.919 145.37L150.909 145.36Z"
13
+ fill={colorValues.main}
14
+ />
15
+ <Path
16
+ d="M177.39 148.99C177.59 147.49 178.62 145.85 179.71 144.12C182.21 140.14 185.64 134.69 181.19 126.59C180.86 125.92 178.43 121.37 173.62 119.94C173.06 119.77 172.49 119.67 171.91 119.6C169.19 119.27 166.34 120.01 163.39 121.82C152.95 128.26 148.1 133.32 147.69 138.23C147.46 140.88 148.55 143.27 150.91 145.36C151.77 146.12 152.88 146.79 154.26 147.15C157.1 147.89 161.11 147.33 166.67 143.46C171.12 140.36 174.61 136.52 174.75 136.36L171.48 133.41C169.19 135.94 163.31 141.4 158.53 142.73C156.71 143.24 155.04 143.15 153.81 142.06C152.11 140.56 152 139.37 152.06 138.61C152.34 135.37 156.92 130.98 165.69 125.57C167.32 124.56 168.86 124.03 170.28 123.94C170.99 123.9 171.68 123.96 172.33 124.15C175.52 125.08 177.23 128.52 177.24 128.55C177.26 128.59 177.28 128.63 177.3 128.67C180.53 134.52 178.42 137.88 175.97 141.77C174.68 143.82 173.34 145.95 173.01 148.4C171.74 157.76 180.16 173.32 195.95 182.16L198.1 178.32C183.32 170.05 176.46 155.73 177.37 148.99H177.39Z"
17
+ fill={colorValues.hands}
18
+ />
19
+ <Path
20
+ d="M163.48 152.67C163.38 152.76 162.79 153.3 161.95 154.18L160.7 149.84L156.47 151.06L158.58 158.35C155.66 162.58 152.86 168.72 154.73 175.21L158.96 173.99C156.39 165.04 166.31 156.04 166.41 155.95L164.95 154.31L163.49 152.67H163.48Z"
21
+ fill={colorValues.hands}
22
+ />
23
+ <Path
24
+ d="M118.061 164.67C117.411 164.32 117.931 164.91 113.021 165.24L111.121 165.34L110.801 166.16C120.901 170.07 126.821 176.42 134.331 184.47C141.041 191.67 148.651 199.82 161.301 208.86L163.861 205.28C151.571 196.5 144.121 188.52 137.551 181.47C131.121 174.58 125.821 168.8 118.061 164.67Z"
25
+ fill={colorValues.hands}
26
+ />
27
+ <Path
28
+ d="M112.831 111.93C105.691 115.69 96.6107 112.34 94.4807 104.8C94.4007 104.52 94.3307 104.25 94.2707 103.96C94.2107 103.67 94.1607 103.39 94.1207 103.11C93.0607 95.35 100.031 88.64 108.081 89.22L144.971 91.88C146.511 91.99 146.931 93.99 145.561 94.71L112.821 111.92L112.831 111.93Z"
29
+ fill={colorValues.secondary}
30
+ />
31
+ <Path
32
+ d="M108.21 38.42C76.5298 38.42 50.7598 64.19 50.7598 95.87C50.7598 96.97 51.6598 97.87 52.7598 97.87C53.8598 97.87 54.7598 96.97 54.7598 95.87C54.7598 94.19 54.8498 92.53 54.9998 90.89L60.8598 91.54C60.9298 91.54 61.0098 91.55 61.0798 91.55C62.0898 91.55 62.9498 90.79 63.0698 89.77C63.1898 88.67 62.3998 87.68 61.2998 87.56L55.5298 86.92C56.7198 79.87 59.2998 73.29 62.9698 67.46L67.9598 70.71C68.2998 70.93 68.6698 71.03 69.0498 71.03C69.6998 71.03 70.3498 70.71 70.7298 70.12C71.3298 69.19 71.0698 67.95 70.1398 67.35L65.2198 64.15C69.2398 58.72 74.2598 54.08 80.0098 50.49L83.3498 55.37C83.7398 55.94 84.3598 56.24 84.9998 56.24C85.3898 56.24 85.7798 56.13 86.1298 55.89C87.0398 55.27 87.2698 54.02 86.6498 53.11L83.4898 48.5C90.3298 44.91 98.0398 42.77 106.22 42.47V47.93C106.22 49.03 107.12 49.93 108.22 49.93C109.32 49.93 110.22 49.03 110.22 47.93V42.47C117.68 42.75 124.75 44.55 131.12 47.59L128.27 51.75C127.65 52.66 127.88 53.91 128.79 54.53C129.14 54.77 129.53 54.88 129.92 54.88C130.56 54.88 131.18 54.58 131.57 54.01L134.68 49.46C140.58 52.84 145.78 57.31 150 62.59L144.77 65.99C143.84 66.59 143.58 67.83 144.18 68.76C144.56 69.35 145.2 69.67 145.86 69.67C146.23 69.67 146.61 69.57 146.95 69.35L152.39 65.82C156.37 71.65 159.22 78.31 160.64 85.48C160.5 85.47 160.36 85.46 160.21 85.48L153.61 86.21C152.51 86.33 151.72 87.32 151.84 88.42C151.95 89.44 152.82 90.2 153.83 90.2C153.9 90.2 153.98 90.2 154.05 90.19L160.65 89.46C160.86 89.44 161.06 89.37 161.24 89.29C161.51 91.45 161.66 93.65 161.66 95.89C161.66 96.99 162.56 97.89 163.66 97.89C164.76 97.89 165.66 96.99 165.66 95.89C165.66 64.21 139.89 38.44 108.21 38.44V38.42Z"
33
+ fill={colorValues.secondary}
34
+ />
35
+ <Path
36
+ d="M195.1 92.02C195.01 92.02 194.92 92.02 194.84 92L182.25 90.34C181.15 90.2 180.38 89.19 180.53 88.1C180.67 87 181.69 86.23 182.77 86.38L195.36 88.04C196.46 88.18 197.23 89.19 197.08 90.28C196.95 91.29 196.09 92.02 195.1 92.02Z"
37
+ fill={colorValues.secondary}
38
+ />
39
+ <Path
40
+ d="M180.26 82.25C179.57 82.25 178.9 81.89 178.53 81.25C177.98 80.29 178.31 79.07 179.26 78.52L194.39 69.79C195.35 69.24 196.57 69.57 197.12 70.52C197.67 71.48 197.34 72.7 196.39 73.25L181.26 81.98C180.95 82.16 180.6 82.25 180.26 82.25Z"
41
+ fill={colorValues.secondary}
42
+ />
43
+ </Svg>
44
+ );
45
+
46
+ export default PictogramMeterLimit;
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_20905_5835)"><path d="M105.75 119.22C114.33 113.72 140.05 123.06 148.19 126.24L148.55 108.4C148.63 104.24 146.54 100.33 143.01 98.12C137.87 94.91 129.09 90.22 116.17 85.86L108.88 93.54C108.22 94.23 107.3 94.63 106.34 94.63C105.44 94.63 104.58 94.29 103.93 93.67C102.53 92.34 102.47 90.12 103.8 88.72L108.73 83.53C105.86 82.7 102.81 81.89 99.59 81.13L99.42 83.02C99.26 84.84 97.76 86.21 95.94 86.21C95.84 86.21 95.74 86.21 95.63 86.2C93.7 86.03 92.28 84.32 92.45 82.4L92.7 79.61C89.48 78.95 86.1 78.34 82.56 77.78L84.54 85.01C84.79 85.91 84.67 86.85 84.21 87.67C83.75 88.49 83 89.07 82.09 89.31C81.8 89.39 81.48 89.43 81.16 89.43C79.59 89.43 78.2 88.37 77.79 86.86L75.01 76.7C66.96 75.67 58.19 74.92 48.64 74.58C44.46 74.43 41 77.8 41 81.98V142.72C41 146.91 43.73 150.61 47.74 151.84L134.96 178.68C140.22 180.3 145.55 177.15 146.95 172.15C138.92 169.47 132.21 167.62 124.86 165.6L122.31 164.9C113.29 162.41 108.12 158.76 106.94 154.05C106.04 150.47 107.7 147.36 108.98 145.61C101.24 142.14 99.69 138.98 99.43 136.57C99.09 133.28 101.5 130.85 103.56 129.41C102.81 128.53 102.32 127.6 102.09 126.61C101.31 123.18 104.02 120.37 105.75 119.25V119.22Z" fill="#AAEEEF"/><path d="M77.661 67.43C77.441 66.63 76.621 66.16 75.821 66.38C75.021 66.6 74.551 67.42 74.771 68.22L79.731 86.31C79.911 86.98 80.521 87.41 81.181 87.41C81.311 87.41 81.441 87.39 81.581 87.36C82.381 87.14 82.851 86.32 82.631 85.52L77.671 67.43H77.661Z" fill="#00C5CA"/><path d="M99.141 47C98.311 46.92 97.591 47.53 97.511 48.36L94.441 82.56C94.371 83.39 94.981 84.11 95.801 84.19C95.851 84.19 95.891 84.19 95.941 84.19C96.711 84.19 97.361 83.6 97.431 82.82L100.501 48.64C100.571 47.81 99.961 47.09 99.141 47.01V47Z" fill="#00C5CA"/><path d="M121.972 74.67C121.372 74.1 120.422 74.12 119.852 74.72L105.262 90.08C104.692 90.68 104.712 91.63 105.312 92.2C105.602 92.48 105.972 92.61 106.342 92.61C106.742 92.61 107.132 92.45 107.432 92.14L122.022 76.78C122.592 76.18 122.572 75.23 121.972 74.66V74.67Z" fill="#00C5CA"/><path d="M198.089 136.21C196.619 135.22 161.999 111.86 148.559 111.86V116.06C158.649 116.06 186.039 133.12 195.739 139.69L198.099 136.21H198.089Z" fill="#0B3EE3"/><path d="M125.969 161.52L123.419 160.82C116.199 158.83 111.789 156.05 111.009 153.01C110.319 150.31 112.549 147.75 113.049 147.21C117.699 148.9 123.899 150.64 132.209 152.38L133.069 148.27C106.339 142.65 103.759 137.53 103.609 136.1C103.469 134.78 105.069 133.37 106.519 132.46C106.709 132.34 106.909 132.22 107.089 132.12C107.389 132.29 107.689 132.45 108.019 132.61C112.949 135.08 120.969 137.01 132.379 138.51L132.929 134.35C129.479 133.9 126.489 133.41 123.869 132.92C118.849 131.97 115.259 130.97 112.679 130.02C107.159 127.98 106.329 126.18 106.209 125.66C105.879 124.26 108.049 122.75 108.049 122.75C109.459 121.84 111.809 121.55 114.749 121.7C115.809 121.75 116.949 121.86 118.139 122.02C127.189 123.23 139.619 127.28 148.129 130.72C148.359 130.81 148.589 130.9 148.809 130.99L150.409 127.11C150.009 126.95 149.249 126.64 148.229 126.24C142.119 123.85 126.069 117.98 114.839 117.55C111.859 117.43 109.229 117.71 107.199 118.52C106.689 118.72 106.209 118.95 105.789 119.22C104.069 120.34 101.359 123.15 102.129 126.58C102.319 127.44 102.729 128.25 103.329 129.03C103.419 129.15 103.499 129.27 103.599 129.39C102.719 130.01 101.779 130.81 101.009 131.77C99.9793 133.06 99.2693 134.66 99.4693 136.55C99.7193 138.96 101.279 142.13 109.019 145.59C107.739 147.34 106.079 150.45 106.979 154.03C108.169 158.74 113.339 162.39 122.349 164.88L124.899 165.58C132.239 167.6 138.959 169.45 146.989 172.13C158.629 176.02 173.019 181.66 196.089 192.12L197.819 188.3C173.949 177.48 159.289 171.78 147.389 167.84C139.699 165.3 133.149 163.5 126.019 161.53L125.969 161.52Z" fill="#0B3EE3"/><path d="M118.809 107.71C114.739 107.71 110.309 107.57 105.679 107.19C87.5594 105.72 62.6494 100.27 46.8094 82.72C46.2594 82.1 46.2994 81.16 46.9194 80.6C47.5294 80.05 48.4794 80.09 49.0394 80.71C78.1694 113.01 140.299 103.34 140.929 103.24C141.749 103.11 142.519 103.66 142.649 104.48C142.779 105.3 142.229 106.07 141.409 106.2C141.289 106.22 131.909 107.71 118.809 107.71Z" fill="#00C5CA"/></g><defs><clipPath id="clip0_20905_5835"><rect width="157.09" height="145.11" fill="white" transform="translate(41 47)"/></clipPath></defs></svg>
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_20911_7007)"><path d="M150.909 145.36C148.549 143.28 147.459 140.88 147.689 138.23C148.109 133.32 152.949 128.26 163.389 121.82C166.339 120 169.189 119.27 171.909 119.6C175.279 109.6 176.349 98.66 174.549 87.52C168.649 50.88 134.159 25.96 97.5193 31.87C60.8793 37.77 35.9593 72.26 41.8693 108.9C47.3493 142.93 77.4993 166.83 111.119 165.34L113.379 165.21C115.419 166 116.359 164.57 118.059 164.67C118.339 164.63 118.619 164.6 118.899 164.56C132.689 162.34 144.819 156.07 154.269 147.16C152.889 146.8 151.779 146.13 150.919 145.37L150.909 145.36Z" fill="#AAEEEF"/><path d="M177.39 148.99C177.59 147.49 178.62 145.85 179.71 144.12C182.21 140.14 185.64 134.69 181.19 126.59C180.86 125.92 178.43 121.37 173.62 119.94C173.06 119.77 172.49 119.67 171.91 119.6C169.19 119.27 166.34 120.01 163.39 121.82C152.95 128.26 148.1 133.32 147.69 138.23C147.46 140.88 148.55 143.27 150.91 145.36C151.77 146.12 152.88 146.79 154.26 147.15C157.1 147.89 161.11 147.33 166.67 143.46C171.12 140.36 174.61 136.52 174.75 136.36L171.48 133.41C169.19 135.94 163.31 141.4 158.53 142.73C156.71 143.24 155.04 143.15 153.81 142.06C152.11 140.56 152 139.37 152.06 138.61C152.34 135.37 156.92 130.98 165.69 125.57C167.32 124.56 168.86 124.03 170.28 123.94C170.99 123.9 171.68 123.96 172.33 124.15C175.52 125.08 177.23 128.52 177.24 128.55C177.26 128.59 177.28 128.63 177.3 128.67C180.53 134.52 178.42 137.88 175.97 141.77C174.68 143.82 173.34 145.95 173.01 148.4C171.74 157.76 180.16 173.32 195.95 182.16L198.1 178.32C183.32 170.05 176.46 155.73 177.37 148.99H177.39Z" fill="#0B3EE3"/><path d="M163.48 152.67C163.38 152.76 162.79 153.3 161.95 154.18L160.7 149.84L156.47 151.06L158.58 158.35C155.66 162.58 152.86 168.72 154.73 175.21L158.96 173.99C156.39 165.04 166.31 156.04 166.41 155.95L164.95 154.31L163.49 152.67H163.48Z" fill="#0B3EE3"/><path d="M118.061 164.67C117.411 164.32 117.931 164.91 113.021 165.24L111.121 165.34L110.801 166.16C120.901 170.07 126.821 176.42 134.331 184.47C141.041 191.67 148.651 199.82 161.301 208.86L163.861 205.28C151.571 196.5 144.121 188.52 137.551 181.47C131.121 174.58 125.821 168.8 118.061 164.67Z" fill="#0B3EE3"/><path d="M112.831 111.93C105.691 115.69 96.6107 112.34 94.4807 104.8C94.4007 104.52 94.3307 104.25 94.2707 103.96C94.2107 103.67 94.1607 103.39 94.1207 103.11C93.0607 95.35 100.031 88.64 108.081 89.22L144.971 91.88C146.511 91.99 146.931 93.99 145.561 94.71L112.821 111.92L112.831 111.93Z" fill="#00C5CA"/><path d="M108.21 38.42C76.5298 38.42 50.7598 64.19 50.7598 95.87C50.7598 96.97 51.6598 97.87 52.7598 97.87C53.8598 97.87 54.7598 96.97 54.7598 95.87C54.7598 94.19 54.8498 92.53 54.9998 90.89L60.8598 91.54C60.9298 91.54 61.0098 91.55 61.0798 91.55C62.0898 91.55 62.9498 90.79 63.0698 89.77C63.1898 88.67 62.3998 87.68 61.2998 87.56L55.5298 86.92C56.7198 79.87 59.2998 73.29 62.9698 67.46L67.9598 70.71C68.2998 70.93 68.6698 71.03 69.0498 71.03C69.6998 71.03 70.3498 70.71 70.7298 70.12C71.3298 69.19 71.0698 67.95 70.1398 67.35L65.2198 64.15C69.2398 58.72 74.2598 54.08 80.0098 50.49L83.3498 55.37C83.7398 55.94 84.3598 56.24 84.9998 56.24C85.3898 56.24 85.7798 56.13 86.1298 55.89C87.0398 55.27 87.2698 54.02 86.6498 53.11L83.4898 48.5C90.3298 44.91 98.0398 42.77 106.22 42.47V47.93C106.22 49.03 107.12 49.93 108.22 49.93C109.32 49.93 110.22 49.03 110.22 47.93V42.47C117.68 42.75 124.75 44.55 131.12 47.59L128.27 51.75C127.65 52.66 127.88 53.91 128.79 54.53C129.14 54.77 129.53 54.88 129.92 54.88C130.56 54.88 131.18 54.58 131.57 54.01L134.68 49.46C140.58 52.84 145.78 57.31 150 62.59L144.77 65.99C143.84 66.59 143.58 67.83 144.18 68.76C144.56 69.35 145.2 69.67 145.86 69.67C146.23 69.67 146.61 69.57 146.95 69.35L152.39 65.82C156.37 71.65 159.22 78.31 160.64 85.48C160.5 85.47 160.36 85.46 160.21 85.48L153.61 86.21C152.51 86.33 151.72 87.32 151.84 88.42C151.95 89.44 152.82 90.2 153.83 90.2C153.9 90.2 153.98 90.2 154.05 90.19L160.65 89.46C160.86 89.44 161.06 89.37 161.24 89.29C161.51 91.45 161.66 93.65 161.66 95.89C161.66 96.99 162.56 97.89 163.66 97.89C164.76 97.89 165.66 96.99 165.66 95.89C165.66 64.21 139.89 38.44 108.21 38.44V38.42Z" fill="#00C5CA"/><path d="M195.1 92.02C195.01 92.02 194.92 92.02 194.84 92L182.25 90.34C181.15 90.2 180.38 89.19 180.53 88.1C180.67 87 181.69 86.23 182.77 86.38L195.36 88.04C196.46 88.18 197.23 89.19 197.08 90.28C196.95 91.29 196.09 92.02 195.1 92.02Z" fill="#00C5CA"/><path d="M180.26 82.25C179.57 82.25 178.9 81.89 178.53 81.25C177.98 80.29 178.31 79.07 179.26 78.52L194.39 69.79C195.35 69.24 196.57 69.57 197.12 70.52C197.67 71.48 197.34 72.7 196.39 73.25L181.26 81.98C180.95 82.16 180.6 82.25 180.26 82.25Z" fill="#00C5CA"/></g><defs><clipPath id="clip0_20911_7007"><rect width="157.12" height="177.86" fill="white" transform="translate(41 31)"/></clipPath></defs></svg>
@@ -7,13 +7,13 @@ import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
7
7
  const defaultColor: keyof IOTheme = "textHeading-default";
8
8
 
9
9
  export const h2FontSize: IOFontSize = 26;
10
- export const h2LineHeight = 39;
10
+ export const h2LineHeight = 34;
11
11
  const fontName: IOFontFamily = "ReadexPro";
12
12
  const fontWeight: IOFontWeight = "Regular";
13
13
 
14
14
  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
15
15
  const legacyH2FontSize: IOFontSize = 28;
16
- const legacyH2LineHeight = 40;
16
+ const legacyH2LineHeight = 34;
17
17
  const legacyFontName: IOFontFamily = "TitilliumSansPro";
18
18
  const legacyFontWeight: IOFontWeight = "Semibold";
19
19
 
@@ -47,10 +47,7 @@ type IOTextBaseProps = {
47
47
  style?: IOTextStyle;
48
48
  };
49
49
 
50
- type IOTextExcludedProps = Omit<
51
- ComponentProps<typeof Text>,
52
- "allowFontScaling" | "maxFontSizeMultiplier" | "style"
53
- >;
50
+ type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "style">;
54
51
 
55
52
  export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
56
53
 
@@ -98,6 +95,8 @@ export const IOText = forwardRef<View, IOTextProps>(
98
95
  textStyle,
99
96
  style,
100
97
  children,
98
+ allowFontScaling,
99
+ maxFontSizeMultiplier,
101
100
  ...props
102
101
  },
103
102
  ref
@@ -144,8 +143,8 @@ export const IOText = forwardRef<View, IOTextProps>(
144
143
 
145
144
  /* Accessible typography based on the `fontScale` parameter */
146
145
  const accessibleFontSizeProps: ComponentProps<typeof Text> = {
147
- allowFontScaling: isExperimental,
148
- maxFontSizeMultiplier: 1.25
146
+ allowFontScaling: allowFontScaling ?? isExperimental,
147
+ maxFontSizeMultiplier: maxFontSizeMultiplier ?? 1.25
149
148
  };
150
149
 
151
150
  return (
@@ -130,7 +130,7 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
130
130
  "fontSize": 28,
131
131
  "fontStyle": "normal",
132
132
  "fontWeight": "600",
133
- "lineHeight": 40,
133
+ "lineHeight": 34,
134
134
  },
135
135
  ]
136
136
  }