@pagopa/io-app-design-system 5.11.13-0 → 5.11.13

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 (82) hide show
  1. package/lib/commonjs/components/banner/BannerErrorState.js +3 -2
  2. package/lib/commonjs/components/banner/BannerErrorState.js.map +1 -1
  3. package/lib/commonjs/components/buttons/__test__/button.test.js +13 -9
  4. package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
  5. package/lib/commonjs/components/buttons/index.js +0 -33
  6. package/lib/commonjs/components/buttons/index.js.map +1 -1
  7. package/lib/commonjs/components/listitems/ListItemHeader.js +2 -1
  8. package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
  9. package/lib/commonjs/components/listitems/ListItemInfo.js +2 -1
  10. package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
  11. package/lib/commonjs/components/modules/ModuleCheckout.js +2 -1
  12. package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
  13. package/lib/commonjs/components/pictograms/Pictogram.js +2 -0
  14. package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
  15. package/lib/commonjs/components/pictograms/svg/PictogramPinSecurity.js +64 -0
  16. package/lib/commonjs/components/pictograms/svg/PictogramPinSecurity.js.map +1 -0
  17. package/lib/commonjs/components/pictograms/svg/originals/PictogramPinSecurity.svg +1 -0
  18. package/lib/commonjs/components/toast/ToastProvider.js +1 -5
  19. package/lib/commonjs/components/toast/ToastProvider.js.map +1 -1
  20. package/lib/module/components/banner/BannerErrorState.js +3 -2
  21. package/lib/module/components/banner/BannerErrorState.js.map +1 -1
  22. package/lib/module/components/buttons/__test__/button.test.js +13 -9
  23. package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
  24. package/lib/module/components/buttons/index.js +0 -3
  25. package/lib/module/components/buttons/index.js.map +1 -1
  26. package/lib/module/components/listitems/ListItemHeader.js +3 -2
  27. package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
  28. package/lib/module/components/listitems/ListItemInfo.js +3 -2
  29. package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
  30. package/lib/module/components/modules/ModuleCheckout.js +3 -2
  31. package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
  32. package/lib/module/components/pictograms/Pictogram.js +2 -0
  33. package/lib/module/components/pictograms/Pictogram.js.map +1 -1
  34. package/lib/module/components/pictograms/svg/PictogramPinSecurity.js +59 -0
  35. package/lib/module/components/pictograms/svg/PictogramPinSecurity.js.map +1 -0
  36. package/lib/module/components/pictograms/svg/originals/PictogramPinSecurity.svg +1 -0
  37. package/lib/module/components/toast/ToastProvider.js +2 -6
  38. package/lib/module/components/toast/ToastProvider.js.map +1 -1
  39. package/lib/typescript/components/banner/BannerErrorState.d.ts.map +1 -1
  40. package/lib/typescript/components/buttons/index.d.ts +0 -3
  41. package/lib/typescript/components/buttons/index.d.ts.map +1 -1
  42. package/lib/typescript/components/listitems/ListItemHeader.d.ts +2 -2
  43. package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
  44. package/lib/typescript/components/listitems/ListItemInfo.d.ts +2 -2
  45. package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
  46. package/lib/typescript/components/pictograms/Pictogram.d.ts +1 -0
  47. package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
  48. package/lib/typescript/components/pictograms/svg/PictogramPinSecurity.d.ts +5 -0
  49. package/lib/typescript/components/pictograms/svg/PictogramPinSecurity.d.ts.map +1 -0
  50. package/lib/typescript/components/toast/ToastProvider.d.ts.map +1 -1
  51. package/package.json +1 -1
  52. package/src/components/banner/BannerErrorState.tsx +7 -2
  53. package/src/components/buttons/__test__/button.test.tsx +15 -13
  54. package/src/components/buttons/index.tsx +0 -3
  55. package/src/components/listitems/ListItemHeader.tsx +3 -3
  56. package/src/components/listitems/ListItemInfo.tsx +4 -3
  57. package/src/components/modules/ModuleCheckout.tsx +2 -2
  58. package/src/components/pictograms/Pictogram.tsx +2 -0
  59. package/src/components/pictograms/svg/PictogramPinSecurity.tsx +44 -0
  60. package/src/components/pictograms/svg/originals/PictogramPinSecurity.svg +1 -0
  61. package/src/components/toast/ToastProvider.tsx +1 -13
  62. package/lib/commonjs/components/buttons/ButtonLink.js +0 -157
  63. package/lib/commonjs/components/buttons/ButtonLink.js.map +0 -1
  64. package/lib/commonjs/components/buttons/ButtonOutline.js +0 -173
  65. package/lib/commonjs/components/buttons/ButtonOutline.js.map +0 -1
  66. package/lib/commonjs/components/buttons/ButtonSolid.js +0 -194
  67. package/lib/commonjs/components/buttons/ButtonSolid.js.map +0 -1
  68. package/lib/module/components/buttons/ButtonLink.js +0 -152
  69. package/lib/module/components/buttons/ButtonLink.js.map +0 -1
  70. package/lib/module/components/buttons/ButtonOutline.js +0 -168
  71. package/lib/module/components/buttons/ButtonOutline.js.map +0 -1
  72. package/lib/module/components/buttons/ButtonSolid.js +0 -188
  73. package/lib/module/components/buttons/ButtonSolid.js.map +0 -1
  74. package/lib/typescript/components/buttons/ButtonLink.d.ts +0 -36
  75. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +0 -1
  76. package/lib/typescript/components/buttons/ButtonOutline.d.ts +0 -26
  77. package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +0 -1
  78. package/lib/typescript/components/buttons/ButtonSolid.d.ts +0 -52
  79. package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +0 -1
  80. package/src/components/buttons/ButtonLink.tsx +0 -222
  81. package/src/components/buttons/ButtonOutline.tsx +0 -261
  82. package/src/components/buttons/ButtonSolid.tsx +0 -285
@@ -1,11 +1,11 @@
1
1
  import React, { ComponentProps } from "react";
2
2
  import { WithTestID } from "../../utils/types";
3
3
  import { Badge } from "../badge";
4
- import { ButtonLink, IconButton } from "../buttons";
4
+ import { IOButtonLinkSpecificProps, IconButton } from "../buttons";
5
5
  import { IOIcons, Icon } from "../icons";
6
6
  type ButtonLinkActionProps = {
7
7
  type: "buttonLink";
8
- componentProps: ComponentProps<typeof ButtonLink>;
8
+ componentProps: Omit<IOButtonLinkSpecificProps, "variant">;
9
9
  };
10
10
  type IconButtonActionProps = {
11
11
  type: "iconButton";
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAWpE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIzC,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,GAAI,qFAQ5B,cAAc,sBA0EhB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAWpE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAY,yBAAyB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIzC,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,GAAI,qFAQ5B,cAAc,sBA0EhB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -2,12 +2,12 @@ import React, { ComponentProps, ReactNode } from "react";
2
2
  import { AccessibilityRole, Pressable } from "react-native";
3
3
  import { WithTestID } from "../../utils/types";
4
4
  import { Badge } from "../badge";
5
- import { ButtonLink, IconButton } from "../buttons";
5
+ import { IOButtonLinkSpecificProps, IconButton } from "../buttons";
6
6
  import { IOIcons } from "../icons";
7
7
  import { IOLogoPaymentType } from "../logos";
8
8
  type ButtonLinkActionProps = {
9
9
  type: "buttonLink";
10
- componentProps: ComponentProps<typeof ButtonLink>;
10
+ componentProps: Omit<IOButtonLinkSpecificProps, "variant">;
11
11
  };
12
12
  type IconButtonActionProps = {
13
13
  type: "iconButton";
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAY,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG,UAAU,CAAC;AAElC,KAAK,YAAY,GACb;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,aAAa,GAAG,sBAAsB,GAAG,uBAAuB,CACjE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACA,YAAY,GACZ,gBAAgB,CAAC;AAInB,eAAO,MAAM,YAAY,GAAI,mMAe1B,YAAY,sBAoKd,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAY,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAY,yBAAyB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7E,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG,UAAU,CAAC;AAElC,KAAK,YAAY,GACb;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,aAAa,GAAG,sBAAsB,GAAG,uBAAuB,CACjE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACA,YAAY,GACZ,gBAAgB,CAAC;AAInB,eAAO,MAAM,YAAY,GAAI,mMAe1B,YAAY,sBAqKd,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -62,6 +62,7 @@ export declare const IOPictograms: {
62
62
  meterLimit: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
63
63
  savingMoney: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
64
64
  sendAccess: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
65
+ pinSecurity: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
65
66
  ibanCard: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
66
67
  followMessage: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
67
68
  manual: ({ size, colorValues, ...props }: SVGPictogramProps) => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAW,MAAM,OAAO,CAAC;AAwH5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAC;IAInB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,4DAMvB,iBAAiB,gBAuCnB,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,aAAa,GACb,gBAAgB,GAChB,eAAe,GACf,YAAY,EACd,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA8CzE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,4DAM5B,iBAAiB,gBAuCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,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,OAAc,EAAE,GAAG,EAAW,MAAM,OAAO,CAAC;AAwH5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAC;IAInB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,4DAMvB,iBAAiB,gBAuCnB,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,aAAa,GACb,gBAAgB,GAChB,eAAe,GACf,YAAY,EACd,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA8CzE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,4DAM5B,iBAAiB,gBAuCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,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 PictogramPinSecurity: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
4
+ export default PictogramPinSecurity;
5
+ //# sourceMappingURL=PictogramPinSecurity.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PictogramPinSecurity.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramPinSecurity.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,oBAAoB,GAAI,iCAI3B,iBAAiB,sBAiCnB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B;;;GAGG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAyBvC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,cAAc,kBAAkB,sBAiF7D,CAAC"}
1
+ {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B;;;GAGG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAyBvC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,cAAc,kBAAkB,sBAuE7D,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "5.11.13-0",
3
+ "version": "5.11.13",
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",
@@ -13,10 +13,10 @@ import { IOBannerBigSpacing, IOBannerRadius } from "../../core";
13
13
  import { hexToRgba, IOColors } from "../../core/IOColors";
14
14
  import { useScaleAnimation } from "../../hooks";
15
15
  import { WithTestID } from "../../utils/types";
16
- import { ButtonLink } from "../buttons";
17
16
  import { Icon, IOIcons } from "../icons";
18
17
  import { VSpacer } from "../layout";
19
18
  import { Body } from "../typography";
19
+ import { IOButton } from "../buttons";
20
20
 
21
21
  const styles = StyleSheet.create({
22
22
  container: {
@@ -109,7 +109,12 @@ export const BannerErrorState = ({
109
109
  importantForAccessibility="no-hide-descendants"
110
110
  >
111
111
  <VSpacer size={4} />
112
- <ButtonLink color="primary" onPress={onPress} label={actionText} />
112
+ <IOButton
113
+ variant="link"
114
+ color="primary"
115
+ onPress={onPress}
116
+ label={actionText}
117
+ />
113
118
  </View>
114
119
  )}
115
120
  </View>
@@ -2,12 +2,10 @@ import React from "react";
2
2
  import { Alert } from "react-native";
3
3
  import * as TestRenderer from "react-test-renderer";
4
4
  import { TestRendererWithExperimentalEnabledContextProvider } from "../../../utils/testing";
5
- import ButtonLink from "../ButtonLink";
6
- import ButtonOutline from "../ButtonOutline";
7
- import ButtonSolid from "../ButtonSolid";
8
5
  import IconButton from "../IconButton";
9
6
  import IconButtonContained from "../IconButtonContained";
10
7
  import IconButtonSolid from "../IconButtonSolid";
8
+ import { IOButton } from "../IOButton";
11
9
 
12
10
  const onButtonPress = () => {
13
11
  Alert.alert("Alert", "Action triggered");
@@ -16,29 +14,31 @@ const onButtonPress = () => {
16
14
  describe("Test Buttons Components", () => {
17
15
  it("ButtonSolid Snapshot", () => {
18
16
  const buttonSolid = TestRenderer.create(
19
- <ButtonSolid
17
+ <IOButton
18
+ variant="solid"
20
19
  label={"label"}
21
20
  accessibilityLabel={"accessibilityLabel"}
22
21
  onPress={onButtonPress}
23
- ></ButtonSolid>
22
+ />
24
23
  ).toJSON();
25
24
  expect(buttonSolid).toMatchSnapshot();
26
25
  });
27
26
 
28
27
  it("ButtonLink Snapshot", () => {
29
28
  const buttonLink = TestRenderer.create(
30
- <ButtonLink label={"label"} onPress={onButtonPress}></ButtonLink>
29
+ <IOButton variant="link" label={"label"} onPress={onButtonPress} />
31
30
  ).toJSON();
32
31
  expect(buttonLink).toMatchSnapshot();
33
32
  });
34
33
 
35
34
  it("ButtonOutline Snapshot", () => {
36
35
  const buttonOutline = TestRenderer.create(
37
- <ButtonOutline
36
+ <IOButton
37
+ variant="outline"
38
38
  label={"label"}
39
39
  accessibilityLabel={"accessibilityLabel"}
40
40
  onPress={onButtonPress}
41
- ></ButtonOutline>
41
+ />
42
42
  ).toJSON();
43
43
  expect(buttonOutline).toMatchSnapshot();
44
44
  });
@@ -47,29 +47,31 @@ describe("Test Buttons Components", () => {
47
47
  describe("Test Buttons Components - Experimental Enabled", () => {
48
48
  it("ButtonSolid Snapshot", () => {
49
49
  const buttonSolid = TestRendererWithExperimentalEnabledContextProvider(
50
- <ButtonSolid
50
+ <IOButton
51
+ variant="solid"
51
52
  label={"label"}
52
53
  accessibilityLabel={"accessibilityLabel"}
53
54
  onPress={onButtonPress}
54
- ></ButtonSolid>
55
+ />
55
56
  ).toJSON();
56
57
  expect(buttonSolid).toMatchSnapshot();
57
58
  });
58
59
 
59
60
  it("ButtonLink Snapshot", () => {
60
61
  const buttonLink = TestRendererWithExperimentalEnabledContextProvider(
61
- <ButtonLink label={"label"} onPress={onButtonPress}></ButtonLink>
62
+ <IOButton variant="link" label={"label"} onPress={onButtonPress} />
62
63
  ).toJSON();
63
64
  expect(buttonLink).toMatchSnapshot();
64
65
  });
65
66
 
66
67
  it("ButtonOutline Snapshot", () => {
67
68
  const buttonOutline = TestRendererWithExperimentalEnabledContextProvider(
68
- <ButtonOutline
69
+ <IOButton
70
+ variant="outline"
69
71
  label={"label"}
70
72
  accessibilityLabel={"accessibilityLabel"}
71
73
  onPress={onButtonPress}
72
- ></ButtonOutline>
74
+ />
73
75
  ).toJSON();
74
76
  expect(buttonOutline).toMatchSnapshot();
75
77
  });
@@ -1,7 +1,4 @@
1
1
  export * from "./IOButton";
2
- export * from "./ButtonLink";
3
- export * from "./ButtonOutline";
4
- export * from "./ButtonSolid";
5
2
  export * from "./IconButtonContained";
6
3
  export * from "./IconButtonSolid";
7
4
  export * from "./IconButton";
@@ -11,14 +11,14 @@ import {
11
11
  import { useIOFontDynamicScale } from "../../utils/accessibility";
12
12
  import { WithTestID } from "../../utils/types";
13
13
  import { Badge } from "../badge";
14
- import { ButtonLink, IconButton } from "../buttons";
14
+ import { IOButton, IOButtonLinkSpecificProps, IconButton } from "../buttons";
15
15
  import { IOIcons, Icon } from "../icons";
16
16
  import { VSpacer } from "../layout";
17
17
  import { BodySmall, H6 } from "../typography";
18
18
 
19
19
  type ButtonLinkActionProps = {
20
20
  type: "buttonLink";
21
- componentProps: ComponentProps<typeof ButtonLink>;
21
+ componentProps: Omit<IOButtonLinkSpecificProps, "variant">;
22
22
  };
23
23
 
24
24
  type IconButtonActionProps = {
@@ -90,7 +90,7 @@ export const ListItemHeader = ({
90
90
 
91
91
  switch (type) {
92
92
  case "buttonLink":
93
- return <ButtonLink {...componentProps} />;
93
+ return <IOButton variant="link" {...componentProps} />;
94
94
  case "iconButton":
95
95
  return <IconButton {...componentProps} />;
96
96
  case "badge":
@@ -7,7 +7,7 @@ import { useListItemAnimation } from "../../hooks";
7
7
  import { useIOFontDynamicScale } from "../../utils/accessibility";
8
8
  import { WithTestID } from "../../utils/types";
9
9
  import { Badge } from "../badge";
10
- import { ButtonLink, IconButton } from "../buttons";
10
+ import { IOButton, IOButtonLinkSpecificProps, IconButton } from "../buttons";
11
11
  import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
12
12
  import { IOIconSizeScale, IOIcons, Icon } from "../icons";
13
13
  import { IOLogoPaymentType } from "../logos";
@@ -16,7 +16,7 @@ import { VSpacer } from "../layout";
16
16
 
17
17
  type ButtonLinkActionProps = {
18
18
  type: "buttonLink";
19
- componentProps: ComponentProps<typeof ButtonLink>;
19
+ componentProps: Omit<IOButtonLinkSpecificProps, "variant">;
20
20
  };
21
21
 
22
22
  type IconButtonActionProps = {
@@ -144,7 +144,8 @@ export const ListItemInfo = ({
144
144
  }`;
145
145
 
146
146
  return (
147
- <ButtonLink
147
+ <IOButton
148
+ variant="link"
148
149
  {...componentProps}
149
150
  accessibilityLabel={buttonLinkAccessibilityLabel}
150
151
  />
@@ -8,7 +8,7 @@ import {
8
8
  } from "react-native";
9
9
  import { useIOTheme } from "../../context";
10
10
  import { IOSelectionListItemVisualParams, IOSpacingScale } from "../../core";
11
- import { ButtonLink } from "../buttons";
11
+ import { IOButton } from "../buttons";
12
12
  import { HStack, VStack } from "../layout";
13
13
  import { IOLogoPaymentType, LogoPayment } from "../logos";
14
14
  import { IOSkeleton } from "../skeleton";
@@ -94,7 +94,7 @@ export const ModuleCheckout = (props: ModuleCheckoutProps) => {
94
94
  accessibilityElementsHidden
95
95
  importantForAccessibility="no-hide-descendants"
96
96
  >
97
- <ButtonLink label={ctaText} onPress={() => null} />
97
+ <IOButton variant="link" label={ctaText} onPress={() => null} />
98
98
  </View>
99
99
  </HStack>
100
100
  </PressableModuleBase>
@@ -119,6 +119,7 @@ import PictogramStar from "./svg/PictogramStar";
119
119
  import PictogramTiming from "./svg/PictogramTiming";
120
120
  import PictogramWalletDoc from "./svg/PictogramWalletDoc";
121
121
  import { SVGPictogramProps } from "./types";
122
+ import PictogramPinSecurity from "./svg/PictogramPinSecurity";
122
123
 
123
124
  export const IOPictograms = {
124
125
  empty: PictogramEmpty,
@@ -182,6 +183,7 @@ export const IOPictograms = {
182
183
  meterLimit: PictogramMeterLimit,
183
184
  savingMoney: PictogramSavingMoney,
184
185
  sendAccess: PictogramSendAccess,
186
+ pinSecurity: PictogramPinSecurity,
185
187
  // Start Objects Pictogram
186
188
  ibanCard: PictogramObjIbanCard,
187
189
  followMessage: PictogramObjFollowMessage,
@@ -0,0 +1,44 @@
1
+ import React from "react";
2
+ import { Svg, Path, Circle, Rect } from "react-native-svg";
3
+ import { SVGPictogramProps } from "../types";
4
+
5
+ const PictogramPinSecurity = ({
6
+ size,
7
+ colorValues,
8
+ ...props
9
+ }: SVGPictogramProps) => (
10
+ <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
11
+ <Path
12
+ fill={colorValues.main}
13
+ d="M154 155a27 27 0 1 1 0 54H45a27 27 0 1 1 0-54h81v6l3 3 8-2 6-7z"
14
+ />
15
+ <Circle cx="44" cy="181" r="14" fill={colorValues.secondary} />
16
+ <Circle cx="81" cy="181" r="14" fill={colorValues.secondary} />
17
+ <Circle cx="118" cy="181" r="14" fill={colorValues.secondary} />
18
+ <Circle cx="155" cy="181" r="14" fill={colorValues.secondary} />
19
+ <Path
20
+ fill={colorValues.main}
21
+ d="M115 56a17 17 0 0 0-35 0v16H68V56a29 29 0 0 1 59 0v16h-12z"
22
+ />
23
+ <Path
24
+ fill={colorValues.main}
25
+ d="M120 68c20 0 37 17 37 38l-10 3-9 7-1 5 6 7-9 12q-6 3-14 3H77a37 37 0 1 1 0-75z"
26
+ />
27
+ <Rect
28
+ width="13"
29
+ height="29"
30
+ x="90"
31
+ y="90"
32
+ fill={colorValues.secondary}
33
+ rx="6.5"
34
+ />
35
+ <Path
36
+ fill={colorValues.hands}
37
+ fillRule="evenodd"
38
+ d="M206 74c-1 0-15 17-50 43-2 2-25 24-29 40q-1 4 1 4h4c7-5 17-15 21-35l4 1-4 15q-1 3 3 7l3 1c-1-8 6-16 6-16l3 2s-6 8-5 14q1 4 6 7 13 4 16-2 2-4-3-9l-7 3-1-4s45-13 61-44l4 2q-6 15-39 35l-14 7q5 6 3 12-1 3-6 5-6 2-16-2-5-2-7-7-4 1-7-1l-3-5a51 51 0 0 1-17 18q-4 2-7-1-5-2-3-8 6-15 17-28-4-1-6-6-1-3 2-7c7-9 37-17 38-17q29-26 28-27zm-40 30c-10 4-23 9-27 13l-1 4q1 3 5 3l10-10z"
39
+ clipRule="evenodd"
40
+ />
41
+ </Svg>
42
+ );
43
+
44
+ export default PictogramPinSecurity;
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 240 240"><g clip-path="url(#a)"><path fill="#aaeeef" d="M154 155a27 27 0 1 1 0 54H45a27 27 0 1 1 0-54h81v6l3 3 8-2 6-7z"/><circle cx="44" cy="181" r="14" fill="#00c5ca"/><circle cx="81" cy="181" r="14" fill="#00c5ca"/><circle cx="118" cy="181" r="14" fill="#00c5ca"/><circle cx="155" cy="181" r="14" fill="#00c5ca"/><path fill="#aaeeef" d="M115 56a17 17 0 0 0-35 0v16H68V56a29 29 0 0 1 59 0v16h-12z"/><path fill="#aaeeef" d="M120 68c20 0 37 17 37 38l-10 3-9 7-1 5 6 7-9 12q-6 3-14 3H77a37 37 0 1 1 0-75z"/><rect width="13" height="29" x="90" y="90" fill="#00c5ca" rx="6.5"/><path fill="#0b3ee3" fill-rule="evenodd" d="M206 74c-1 0-15 17-50 43-2 2-25 24-29 40q-1 4 1 4h4c7-5 17-15 21-35l4 1-4 15q-1 3 3 7l3 1c-1-8 6-16 6-16l3 2s-6 8-5 14q1 4 6 7 13 4 16-2 2-4-3-9l-7 3-1-4s45-13 61-44l4 2q-6 15-39 35l-14 7q5 6 3 12-1 3-6 5-6 2-16-2-5-2-7-7-4 1-7-1l-3-5a51 51 0 0 1-17 18q-4 2-7-1-5-2-3-8 6-15 17-28-4-1-6-6-1-3 2-7c7-9 37-17 38-17q29-26 28-27zm-40 30c-10 4-23 9-27 13l-1 4q1 3 5 3l10-10z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h240v240H0z"/></clipPath></defs></svg>
@@ -2,7 +2,6 @@ import { throttle } from "lodash";
2
2
  import React from "react";
3
3
  import {
4
4
  AccessibilityInfo,
5
- Platform,
6
5
  SafeAreaView,
7
6
  StyleSheet,
8
7
  View
@@ -13,7 +12,6 @@ import Animated, {
13
12
  SlideInUp,
14
13
  SlideOutUp
15
14
  } from "react-native-reanimated";
16
- import { useSafeAreaInsets } from "react-native-safe-area-context";
17
15
  import { IOVisualCostants } from "../../core";
18
16
  import { triggerHaptic } from "../../functions";
19
17
  import { Dismissable } from "../templates";
@@ -118,20 +116,10 @@ export const ToastProvider = ({ children }: ToastProviderProps) => {
118
116
  [addToast, removeToast, removeAllToasts]
119
117
  );
120
118
 
121
- const insets = useSafeAreaInsets();
122
-
123
119
  return (
124
120
  <ToastContext.Provider value={contextValue as ToastContext}>
125
121
  <InitializeToastRef />
126
- <SafeAreaView
127
- style={[
128
- styles.container,
129
- {
130
- paddingTop: Platform.OS === "android" ? insets.top : 0
131
- }
132
- ]}
133
- pointerEvents="box-none"
134
- >
122
+ <SafeAreaView style={styles.container} pointerEvents="box-none">
135
123
  <View
136
124
  style={{ padding: IOVisualCostants.appMarginDefault }}
137
125
  pointerEvents="box-none"
@@ -1,157 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ButtonLink = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _reactNative = require("react-native");
9
- var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
10
- var _context = require("../../context");
11
- var _core = require("../../core");
12
- var _hooks = require("../../hooks");
13
- var _icons = require("../icons");
14
- var _typography = require("../typography");
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
17
- const DISABLED_OPACITY = 0.5;
18
- const ICON_MARGIN = 8;
19
-
20
- /**
21
- * @deprecated Use `Button` with variant `link` instead
22
- */
23
- const ButtonLink = exports.ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
24
- color = "primary",
25
- label,
26
- disabled = false,
27
- icon,
28
- iconPosition = "start",
29
- onPress,
30
- accessibilityLabel,
31
- accessibilityRole = "button",
32
- accessibilityHint,
33
- numberOfLines = 1,
34
- textAlign = "auto",
35
- testID
36
- }, ref) => {
37
- const theme = (0, _context.useIOTheme)();
38
- const {
39
- newTypefaceEnabled
40
- } = (0, _context.useIONewTypeface)();
41
- const {
42
- progress,
43
- onPressIn,
44
- onPressOut,
45
- scaleAnimatedStyle
46
- } = (0, _hooks.useScaleAnimation)();
47
- const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
48
- const mapColorStates = {
49
- // Primary button
50
- primary: {
51
- foreground: {
52
- default: _core.IOColors[theme["interactiveElem-default"]],
53
- pressed: _core.IOColors[theme["interactiveElem-pressed"]],
54
- disabled: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.85)
55
- }
56
- },
57
- contrast: {
58
- foreground: {
59
- default: _core.IOColors.white,
60
- pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
61
- disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.5)
62
- }
63
- }
64
- };
65
- const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
66
- const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
67
- // Link color states to the pressed states
68
-
69
- const labelColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
70
- return {
71
- color: labelColor
72
- };
73
- });
74
-
75
- // Animate the <Icon> color prop
76
- const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => {
77
- const iconColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
78
- return {
79
- color: iconColor
80
- };
81
- });
82
-
83
- // Icon size
84
- const iconSize = 24;
85
- const iconMargin = 8;
86
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
87
- ref: ref,
88
- accessibilityLabel: accessibilityLabel || label,
89
- accessibilityHint: accessibilityHint,
90
- accessibilityRole: accessibilityRole,
91
- accessibilityState: {
92
- disabled
93
- },
94
- testID: testID,
95
- onPress: onPress,
96
- onPressIn: onPressIn,
97
- onPressOut: onPressOut,
98
- onTouchEnd: onPressOut,
99
- accessible: true,
100
- disabled: disabled,
101
- hitSlop: {
102
- top: 14,
103
- right: 24,
104
- bottom: 14,
105
- left: 24
106
- },
107
- style: {
108
- alignSelf: "flex-start"
109
- },
110
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
111
- style: [_core.IOButtonStyles.buttonLink, iconPosition === "end" && {
112
- flexDirection: "row-reverse"
113
- }, {
114
- columnGap: iconMargin
115
- }, disabled ? {
116
- opacity: DISABLED_OPACITY
117
- } : {}, {
118
- columnGap: ICON_MARGIN
119
- },
120
- /* Prevent Reanimated from overriding background colors
121
- if button is disabled */
122
- !disabled && !reducedMotion && scaleAnimatedStyle],
123
- children: [icon && (!disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIconWithColorTransition, {
124
- allowFontScaling: true,
125
- name: icon,
126
- animatedProps: pressedColorIconAnimationStyle,
127
- color: mapColorStates[color]?.foreground?.default,
128
- size: iconSize
129
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIcon, {
130
- allowFontScaling: true,
131
- name: icon,
132
- color: mapColorStates[color]?.foreground?.disabled,
133
- size: iconSize
134
- })), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedIOText, {
135
- accessible: false,
136
- accessibilityElementsHidden: true,
137
- importantForAccessibility: "no-hide-descendants",
138
- font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
139
- weight: "Semibold",
140
- size: _typography.buttonTextFontSize,
141
- lineHeight: _typography.buttonTextLineHeight,
142
- style: [disabled ? {
143
- color: mapColorStates[color]?.foreground?.disabled
144
- } : {
145
- ...pressedColorLabelAnimationStyle
146
- }, {
147
- textAlign
148
- }],
149
- numberOfLines: numberOfLines,
150
- ellipsizeMode: "tail",
151
- children: label
152
- })]
153
- })
154
- });
155
- });
156
- var _default = exports.default = ButtonLink;
157
- //# sourceMappingURL=ButtonLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_context","_core","_hooks","_icons","_typography","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","exports","forwardRef","color","label","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityRole","accessibilityHint","numberOfLines","textAlign","testID","ref","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","foreground","IOColors","pressed","hexToRgba","contrast","white","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorLabelAnimationStyle","useAnimatedStyle","labelColor","interpolateColor","value","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","iconSize","iconMargin","jsx","Pressable","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","alignSelf","children","jsxs","View","IOButtonStyles","buttonLink","flexDirection","columnGap","opacity","AnimatedIconWithColorTransition","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","ellipsizeMode","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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","ignoreList":[]}