@pagopa/io-app-design-system 4.5.1 → 4.5.2

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 (90) hide show
  1. package/lib/commonjs/components/accordion/AccordionItem.js +1 -1
  2. package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/buttons/ButtonLink.js +25 -25
  4. package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
  5. package/lib/commonjs/components/buttons/ButtonOutline.js +41 -97
  6. package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
  7. package/lib/commonjs/components/buttons/ButtonSolid.js +70 -63
  8. package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
  9. package/lib/commonjs/components/buttons/IconButton.js +28 -27
  10. package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
  11. package/lib/commonjs/components/buttons/IconButtonSolid.js +27 -27
  12. package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
  13. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +5 -7
  14. package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js +8 -20
  15. package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
  16. package/lib/commonjs/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
  17. package/lib/commonjs/components/layout/HeaderFirstLevel.js +2 -2
  18. package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
  19. package/lib/commonjs/components/listitems/ListItemInfo.js +1 -1
  20. package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
  21. package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -1
  22. package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
  23. package/lib/commonjs/components/listitems/ListItemNav.js +4 -3
  24. package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
  25. package/lib/commonjs/core/IOColors.js +16 -2
  26. package/lib/commonjs/core/IOColors.js.map +1 -1
  27. package/lib/module/components/accordion/AccordionItem.js +1 -1
  28. package/lib/module/components/accordion/AccordionItem.js.map +1 -1
  29. package/lib/module/components/buttons/ButtonLink.js +26 -26
  30. package/lib/module/components/buttons/ButtonLink.js.map +1 -1
  31. package/lib/module/components/buttons/ButtonOutline.js +42 -98
  32. package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
  33. package/lib/module/components/buttons/ButtonSolid.js +73 -66
  34. package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
  35. package/lib/module/components/buttons/IconButton.js +29 -28
  36. package/lib/module/components/buttons/IconButton.js.map +1 -1
  37. package/lib/module/components/buttons/IconButtonSolid.js +28 -28
  38. package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
  39. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +5 -7
  40. package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js +9 -21
  41. package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
  42. package/lib/module/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
  43. package/lib/module/components/layout/HeaderFirstLevel.js +2 -2
  44. package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
  45. package/lib/module/components/listitems/ListItemInfo.js +1 -1
  46. package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
  47. package/lib/module/components/listitems/ListItemInfoCopy.js +1 -1
  48. package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
  49. package/lib/module/components/listitems/ListItemNav.js +4 -3
  50. package/lib/module/components/listitems/ListItemNav.js.map +1 -1
  51. package/lib/module/core/IOColors.js +16 -2
  52. package/lib/module/core/IOColors.js.map +1 -1
  53. package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
  54. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
  55. package/lib/typescript/components/buttons/ButtonOutline.d.ts +2 -2
  56. package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
  57. package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
  58. package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
  59. package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
  60. package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
  61. package/lib/typescript/components/icons/svg/IconProductIOAppBlueBg.d.ts.map +1 -1
  62. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +2 -2
  63. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
  64. package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
  65. package/lib/typescript/core/IOColors.d.ts +1 -1
  66. package/lib/typescript/core/IOColors.d.ts.map +1 -1
  67. package/lib/typescript/core/IOStyles.d.ts +2 -2
  68. package/lib/typescript/utils/fonts.d.ts +1 -1
  69. package/package.json +1 -1
  70. package/src/components/accordion/AccordionItem.tsx +1 -1
  71. package/src/components/buttons/ButtonLink.tsx +37 -30
  72. package/src/components/buttons/ButtonOutline.tsx +51 -108
  73. package/src/components/buttons/ButtonSolid.tsx +94 -78
  74. package/src/components/buttons/IconButton.tsx +36 -29
  75. package/src/components/buttons/IconButtonSolid.tsx +35 -31
  76. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +5 -7
  77. package/src/components/icons/svg/IconProductIOAppBlueBg.tsx +12 -13
  78. package/src/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
  79. package/src/components/layout/HeaderFirstLevel.tsx +4 -4
  80. package/src/components/listitems/ListItemInfo.tsx +1 -1
  81. package/src/components/listitems/ListItemInfoCopy.tsx +1 -1
  82. package/src/components/listitems/ListItemNav.tsx +5 -4
  83. package/src/core/IOColors.ts +24 -3
  84. package/lib/commonjs/components/layout/BlockButtons.js +0 -85
  85. package/lib/commonjs/components/layout/BlockButtons.js.map +0 -1
  86. package/lib/module/components/layout/BlockButtons.js +0 -76
  87. package/lib/module/components/layout/BlockButtons.js.map +0 -1
  88. package/lib/typescript/components/layout/BlockButtons.d.ts +0 -54
  89. package/lib/typescript/components/layout/BlockButtons.d.ts.map +0 -1
  90. package/src/components/layout/BlockButtons.tsx +0 -143
@@ -2,7 +2,7 @@ import React, { ComponentProps } from "react";
2
2
  import { GestureResponderEvent, Pressable, View } from "react-native";
3
3
  import { WithTestID } from "../../utils/types";
4
4
  import { IOIcons } from "../icons";
5
- type ColorButtonOutline = "primary" | "contrast" | "danger";
5
+ type ColorButtonOutline = "primary" | "contrast";
6
6
  export type ButtonOutline = WithTestID<{
7
7
  color?: ColorButtonOutline;
8
8
  label: string;
@@ -15,7 +15,7 @@ export declare const ButtonOutline: React.ForwardRefExoticComponent<{
15
15
  color?: ColorButtonOutline | undefined;
16
16
  label: string;
17
17
  fullWidth?: boolean | undefined;
18
- icon?: "code" | "option" | "change" | "search" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "light" | "lightFilled" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
18
+ icon?: "code" | "option" | "change" | "search" | "light" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "lightFilled" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
19
19
  iconPosition?: "end" | "start" | undefined;
20
20
  onPress: (event: GestureResponderEvent) => void;
21
21
  } & Pick<import("react-native").PressableProps & React.RefAttributes<View>, "accessibilityLabel" | "disabled" | "accessibilityHint"> & import("../../utils/types").TestID & React.RefAttributes<View>>;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAetB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAGlB,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC;IACE,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAgKF,eAAO,MAAM,aAAa;;WA3Kf,MAAM;;;;aAMJ,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMAkUlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAgBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAGlB,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC;IACE,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAmEF,eAAO,MAAM,aAAa;;WA9Ef,MAAM;;;;aAMJ,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMAwQlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -38,7 +38,7 @@ export declare const ButtonSolid: React.ForwardRefExoticComponent<{
38
38
  * @default false
39
39
  */
40
40
  loading?: boolean | undefined;
41
- icon?: "code" | "option" | "change" | "search" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "light" | "lightFilled" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
41
+ icon?: "code" | "option" | "change" | "search" | "light" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "lightFilled" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
42
42
  /**
43
43
  * @default start
44
44
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAC9E,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAkCjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAqEF,eAAO,MAAM,WAAW;IA5FpB;;OAEG;;WAEI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;;IAGH;;OAEG;;aAEM,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMAyOlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,qBAAqB,EACrB,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAkBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAoBjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AA6CF,eAAO,MAAM,WAAW;IApEpB;;OAEG;;WAEI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;;IAGH;;OAEG;;aAEM,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMA+PlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAa,MAAM,cAAc,CAAC;AAchE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAEL,eAAe,EACf,OAAO,EAER,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAuEH,eAAO,MAAM,UAAU,gGASpB,UAAU,sBAoEZ,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAa,MAAM,cAAc,CAAC;AAehE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAEL,eAAe,EACf,OAAO,EAER,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AA4CH,eAAO,MAAM,UAAU,gGASpB,UAAU,sBAqGZ,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/IconButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAa,MAAM,cAAc,CAAC;AAahE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAgB,OAAO,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAyEH,eAAO,MAAM,eAAe,sFAQzB,eAAe,sBA6DjB,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"IconButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/IconButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAa,MAAM,cAAc,CAAC;AAchE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAgB,OAAO,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AA4CH,eAAO,MAAM,eAAe,sFAQzB,eAAe,sBA6FjB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconProductIOAppBlueBg.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconProductIOAppBlueBg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,sBAAsB,8BAA+B,YAAY,sBAetE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"IconProductIOAppBlueBg.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconProductIOAppBlueBg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,sBAAsB,8BAA+B,YAAY,sBAatE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -4,8 +4,8 @@ import { WithTestID } from "../../utils/types";
4
4
  import { HeaderActionProps } from "./common";
5
5
  export type HeaderFirstLevel = WithTestID<{
6
6
  title: string;
7
- firstAction: HeaderActionProps;
8
- secondAction: HeaderActionProps;
7
+ firstAction?: HeaderActionProps;
8
+ secondAction?: HeaderActionProps;
9
9
  thirdAction?: HeaderActionProps;
10
10
  animatedRef?: AnimatedRef<Animated.ScrollView>;
11
11
  animatedFlatListRef?: AnimatedRef<Animated.FlatList<any>>;
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,QAAQ,EAAE,EACf,WAAW,EAKZ,MAAM,yBAAyB,CAAC;AAQjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC,CAAC;AAqBH,eAAO,MAAM,gBAAgB,sHAS1B,gBAAgB,sBA4ElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,QAAQ,EAAE,EACf,WAAW,EAKZ,MAAM,yBAAyB,CAAC;AAQjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC,CAAC;AAqBH,eAAO,MAAM,gBAAgB,sHAS1B,gBAAgB,sBA4ElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAS,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE7E,OAAO,EACL,QAAQ,EAOT,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CACvC;IACE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,oBAAoB,GAAG,mBAAmB,CAC3C,CACF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B;IACE,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE5E,eAAO,MAAM,WAAW,0LAerB,WAAW,sBAsJb,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAS,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE7E,OAAO,EACL,QAAQ,EAOT,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CACvC;IACE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,oBAAoB,GAAG,mBAAmB,CAC3C,CACF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B;IACE,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE5E,eAAO,MAAM,WAAW,0LAerB,WAAW,sBAuJb,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -151,7 +151,7 @@ export declare const IOColorsExtra: {
151
151
  "blueItalia-50": string;
152
152
  };
153
153
  export type IOColorsExtra = keyof typeof IOColorsExtra;
154
- declare const themeKeys: readonly ["appBackground-primary", "appBackground-secondary", "appBackground-tertiary", "appBackground-accent", "interactiveElem-default", "interactiveElem-pressed", "listItem-pressed", "textHeading-default", "textHeading-secondary", "textHeading-tertiary", "textBody-default", "textBody-secondary", "textBody-tertiary", "cardBorder-default", "textInputBorder-default", "icon-default", "icon-decorative", "textInputBorder-default", "textInputLabel-default", "textInputValue-default", "textInputValue-disabled", "divider-header", "divider-default", "divider-bottomBar", "pdfViewer-background", "errorIcon", "errorText", "successIcon", "successText", "warningIcon", "infoIcon", "pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary", "pictogram-tint-tertiary"];
154
+ declare const themeKeys: readonly ["appBackground-primary", "appBackground-secondary", "appBackground-tertiary", "appBackground-accent", "interactiveElem-default", "interactiveElem-pressed", "interactiveElem-disabled", "interactiveOutline-disabled", "neutralButton-default", "neutralButton-pressed", "neutralButton-disabled", "buttonText-default", "buttonText-disabled", "listItem-pressed", "textHeading-default", "textHeading-secondary", "textHeading-tertiary", "textBody-default", "textBody-secondary", "textBody-tertiary", "cardBorder-default", "textInputBorder-default", "icon-default", "icon-decorative", "textInputBorder-default", "textInputLabel-default", "textInputValue-default", "textInputValue-disabled", "divider-header", "divider-default", "divider-bottomBar", "pdfViewer-background", "errorIcon", "errorText", "successIcon", "successText", "warningIcon", "infoIcon", "pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary", "pictogram-tint-tertiary"];
155
155
  export type IOTheme = {
156
156
  [K in (typeof themeKeys)[number]]: IOColors;
157
157
  };
@@ -1 +1 @@
1
- {"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,cAAc,MAAM,8BAA8B,CAAC;AAyB/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,eACrB,gBAAgB,KAC3B,eAAe,qBAAqB,CAAC,CAAC,QAAQ,CAGhD,CAAC;AAYF,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAexB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,swBA2CL,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG;KACnB,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,QAAQ;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OA0C1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAKhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAwCzB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEH,MAAM,MAAM,0BAA0B,GACpC,MAAM,OAAO,0BAA0B,CAAC;AAE1C,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,CAAC,0BAA0B,CAAC,EACvC,cAAc,CAkBf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAM/E;;;;GAIG;AAEH,eAAO,MAAM,SAAS,YAAa,UAAU,YAAW,MAAM,WAQ7D,CAAC"}
1
+ {"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,cAAc,MAAM,8BAA8B,CAAC;AAyB/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,eACrB,gBAAgB,KAC3B,eAAe,qBAAqB,CAAC,CAAC,QAAQ,CAGhD,CAAC;AAYF,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAexB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,07BAkDL,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG;KACnB,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,QAAQ;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAiD1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAKhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OA+CzB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEH,MAAM,MAAM,0BAA0B,GACpC,MAAM,OAAO,0BAA0B,CAAC;AAE1C,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,CAAC,0BAA0B,CAAC,EACvC,cAAc,CAkBf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAM/E;;;;GAIG;AAEH,eAAO,MAAM,SAAS,YAAa,UAAU,YAAW,MAAM,WAQ7D,CAAC"}
@@ -183,7 +183,7 @@ interface IOListItemVisualParams {
183
183
  export declare const IOListItemVisualParams: IOListItemVisualParams;
184
184
  export declare const IOListItemStyles: {
185
185
  listItem: {
186
- paddingVertical: 16 | 4 | 6 | 12 | 20 | 28 | 32 | 8 | 24 | 48 | 40 | 56 | 64 | 72 | 80 | 96;
186
+ paddingVertical: 16 | 4 | 6 | 12 | 20 | 28 | 32 | 8 | 24 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
187
187
  paddingHorizontal: 16 | 32 | 8 | 24 | 48;
188
188
  marginHorizontal: number;
189
189
  };
@@ -243,7 +243,7 @@ interface IOSelectionListItemVisualParams {
243
243
  export declare const IOSelectionListItemVisualParams: IOSelectionListItemVisualParams;
244
244
  export declare const IOSelectionListItemStyles: {
245
245
  listItem: {
246
- paddingVertical: 16 | 4 | 6 | 12 | 20 | 28 | 32 | 8 | 24 | 48 | 40 | 56 | 64 | 72 | 80 | 96;
246
+ paddingVertical: 16 | 4 | 6 | 12 | 20 | 28 | 32 | 8 | 24 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
247
247
  paddingHorizontal: 16 | 32 | 8 | 24 | 48;
248
248
  marginHorizontal: number;
249
249
  };
@@ -13,7 +13,7 @@ declare const fonts: {
13
13
  readonly DMMono: string;
14
14
  };
15
15
  export type IOFontFamily = keyof typeof fonts;
16
- declare const allFontSizes: (35 | 16 | 12 | 14 | 20 | 22 | 26 | 28 | 32 | 17 | 31)[];
16
+ declare const allFontSizes: (16 | 12 | 14 | 20 | 22 | 26 | 28 | 32 | 17 | 31 | 35)[];
17
17
  export type IOFontSize = (typeof allFontSizes)[number];
18
18
  declare const weights: readonly ["Thin", "Light", "Regular", "Medium", "Semibold", "Bold", "Black"];
19
19
  export type IOFontWeight = (typeof weights)[number];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "4.5.1",
3
+ "version": "4.5.2",
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",
@@ -86,7 +86,7 @@ export const AccordionItem = ({
86
86
  // Visual attributes
87
87
  const accordionBackground: IOColors = theme["appBackground-primary"];
88
88
  const accordionBorder: IOColors = theme["cardBorder-default"];
89
- const accordionIconColor: IOColors = theme["icon-default"];
89
+ const accordionIconColor: IOColors = theme["icon-decorative"];
90
90
 
91
91
  const onItemPress = () => {
92
92
  setExpanded(!expanded);
@@ -15,7 +15,8 @@ import {
15
15
  IOColors,
16
16
  IOSpacingScale,
17
17
  hexToRgba,
18
- useIOExperimentalDesign
18
+ useIOExperimentalDesign,
19
+ useIOTheme
19
20
  } from "../../core";
20
21
  import { useScaleAnimation } from "../../hooks";
21
22
  import { WithTestID } from "../../utils/types";
@@ -50,34 +51,13 @@ export type ButtonLinkProps = WithTestID<{
50
51
  }>;
51
52
 
52
53
  type ColorStates = {
53
- label: {
54
+ foreground: {
54
55
  default: string;
55
56
  pressed: string;
56
57
  disabled: string;
57
58
  };
58
59
  };
59
60
 
60
- const mapColorStates: Record<
61
- NonNullable<ButtonLinkProps["color"]>,
62
- ColorStates
63
- > = {
64
- // Primary button
65
- primary: {
66
- label: {
67
- default: IOColors["blueIO-500"],
68
- pressed: IOColors["blueIO-600"],
69
- disabled: IOColors["grey-700"]
70
- }
71
- },
72
- contrast: {
73
- label: {
74
- default: IOColors.white,
75
- pressed: hexToRgba(IOColors.white, 0.85),
76
- disabled: hexToRgba(IOColors.white, 0.5)
77
- }
78
- }
79
- };
80
-
81
61
  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
82
62
  const mapLegacyColorStates: Record<
83
63
  NonNullable<ButtonLinkProps["color"]>,
@@ -85,14 +65,14 @@ const mapLegacyColorStates: Record<
85
65
  > = {
86
66
  // Primary button
87
67
  primary: {
88
- label: {
68
+ foreground: {
89
69
  default: IOColors["blue-500"],
90
70
  pressed: IOColors["blue-600"],
91
71
  disabled: IOColors["grey-700"]
92
72
  }
93
73
  },
94
74
  contrast: {
95
- label: {
75
+ foreground: {
96
76
  default: IOColors.white,
97
77
  pressed: hexToRgba(IOColors.white, 0.85),
98
78
  disabled: hexToRgba(IOColors.white, 0.5)
@@ -120,14 +100,41 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
120
100
  },
121
101
  ref
122
102
  ) => {
103
+ const theme = useIOTheme();
123
104
  const { isExperimental } = useIOExperimentalDesign();
124
105
  const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
125
106
  useScaleAnimation();
126
107
  const reducedMotion = useReducedMotion();
127
108
 
109
+ const mapColorStates = useMemo<
110
+ Record<NonNullable<ButtonLinkProps["color"]>, ColorStates>
111
+ >(
112
+ () => ({
113
+ // Primary button
114
+ primary: {
115
+ foreground: {
116
+ default: IOColors[theme["interactiveElem-default"]],
117
+ pressed: IOColors[theme["interactiveElem-pressed"]],
118
+ disabled: hexToRgba(
119
+ IOColors[theme["interactiveElem-default"]],
120
+ 0.75
121
+ )
122
+ }
123
+ },
124
+ contrast: {
125
+ foreground: {
126
+ default: IOColors.white,
127
+ pressed: hexToRgba(IOColors.white, 0.85),
128
+ disabled: hexToRgba(IOColors.white, 0.5)
129
+ }
130
+ }
131
+ }),
132
+ [theme]
133
+ );
134
+
128
135
  const colorMap = useMemo(
129
136
  () => (isExperimental ? mapColorStates : mapLegacyColorStates),
130
- [isExperimental]
137
+ [isExperimental, mapColorStates]
131
138
  );
132
139
 
133
140
  const AnimatedIOText = Animated.createAnimatedComponent(IOText);
@@ -136,7 +143,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
136
143
  color: interpolateColor(
137
144
  progress.value,
138
145
  [0, 1],
139
- [colorMap[color].label.default, colorMap[color].label.pressed]
146
+ [colorMap[color].foreground.default, colorMap[color].foreground.pressed]
140
147
  )
141
148
  }));
142
149
 
@@ -182,14 +189,14 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
182
189
  allowFontScaling
183
190
  name={icon}
184
191
  animatedProps={pressedColorAnimationStyle}
185
- color={colorMap[color]?.label?.default}
192
+ color={colorMap[color]?.foreground?.default}
186
193
  size={iconSize}
187
194
  />
188
195
  ) : (
189
196
  <AnimatedIcon
190
197
  allowFontScaling
191
198
  name={icon}
192
- color={colorMap[color]?.label?.disabled}
199
+ color={colorMap[color]?.foreground?.disabled}
193
200
  size={iconSize}
194
201
  />
195
202
  ))}
@@ -203,7 +210,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
203
210
  lineHeight={buttonTextLineHeight}
204
211
  style={[
205
212
  disabled
206
- ? { color: colorMap[color]?.label?.disabled }
213
+ ? { color: colorMap[color]?.foreground?.disabled }
207
214
  : { ...pressedColorAnimationStyle },
208
215
  { textAlign }
209
216
  ]}
@@ -16,7 +16,8 @@ import {
16
16
  IOButtonStyles,
17
17
  IOColors,
18
18
  hexToRgba,
19
- useIOExperimentalDesign
19
+ useIOExperimentalDesign,
20
+ useIOTheme
20
21
  } from "../../core/";
21
22
  import { useScaleAnimation } from "../../hooks";
22
23
  import { WithTestID } from "../../utils/types";
@@ -28,7 +29,7 @@ import {
28
29
  } from "../icons";
29
30
  import { IOText, buttonTextFontSize } from "../typography";
30
31
 
31
- type ColorButtonOutline = "primary" | "contrast" | "danger";
32
+ type ColorButtonOutline = "primary" | "contrast";
32
33
  export type ButtonOutline = WithTestID<
33
34
  {
34
35
  color?: ColorButtonOutline;
@@ -46,7 +47,7 @@ export type ButtonOutline = WithTestID<
46
47
  >;
47
48
 
48
49
  type ColorStates = {
49
- border: {
50
+ foreground: {
50
51
  default: string;
51
52
  pressed: string;
52
53
  disabled: string;
@@ -56,71 +57,6 @@ type ColorStates = {
56
57
  pressed: string;
57
58
  disabled: string;
58
59
  };
59
- label: {
60
- default: string;
61
- pressed: string;
62
- disabled: string;
63
- };
64
- };
65
-
66
- const mapColorStates: Record<
67
- NonNullable<ButtonOutline["color"]>,
68
- ColorStates
69
- > = {
70
- // Primary button
71
- primary: {
72
- border: {
73
- default: IOColors["blueIO-500"],
74
- pressed: IOColors["blueIO-600"],
75
- disabled: IOColors["grey-200"]
76
- },
77
- background: {
78
- default: hexToRgba(IOColors["blueIO-50"], 0),
79
- pressed: hexToRgba(IOColors["blueIO-50"], 1),
80
- disabled: "transparent"
81
- },
82
- label: {
83
- default: IOColors["blueIO-500"],
84
- pressed: IOColors["blueIO-600"],
85
- disabled: IOColors["grey-700"]
86
- }
87
- },
88
- // Contrast button
89
- contrast: {
90
- border: {
91
- default: IOColors.white,
92
- pressed: IOColors.white,
93
- disabled: IOColors["blueIO-200"]
94
- },
95
- background: {
96
- default: hexToRgba(IOColors["blueIO-600"], 0),
97
- pressed: IOColors["blueIO-600"],
98
- disabled: "transparent"
99
- },
100
- label: {
101
- default: IOColors.white,
102
- pressed: IOColors.white,
103
- disabled: IOColors["blueIO-200"]
104
- }
105
- },
106
- // Danger button
107
- danger: {
108
- border: {
109
- default: IOColors["error-600"],
110
- pressed: IOColors["error-600"],
111
- disabled: IOColors["grey-200"]
112
- },
113
- background: {
114
- default: hexToRgba(IOColors["error-600"], 0),
115
- pressed: hexToRgba(IOColors["error-600"], 0.15),
116
- disabled: "transparent"
117
- },
118
- label: {
119
- default: IOColors["error-600"],
120
- pressed: IOColors["error-600"],
121
- disabled: IOColors["grey-450"]
122
- }
123
- }
124
60
  };
125
61
 
126
62
  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
@@ -130,25 +66,20 @@ const mapLegacyColorStates: Record<
130
66
  > = {
131
67
  // Primary button
132
68
  primary: {
133
- border: {
69
+ foreground: {
134
70
  default: IOColors["blue-500"],
135
71
  pressed: IOColors["blue-500"],
136
- disabled: IOColors["grey-200"]
72
+ disabled: IOColors["grey-450"]
137
73
  },
138
74
  background: {
139
75
  default: hexToRgba(IOColors["blue-500"], 0),
140
76
  pressed: hexToRgba(IOColors["blue-500"], 0.15),
141
77
  disabled: "transparent"
142
- },
143
- label: {
144
- default: IOColors["blue-500"],
145
- pressed: IOColors["blue-500"],
146
- disabled: IOColors["grey-450"]
147
78
  }
148
79
  },
149
80
  // Contrast button
150
81
  contrast: {
151
- border: {
82
+ foreground: {
152
83
  default: IOColors.white,
153
84
  pressed: IOColors.white,
154
85
  disabled: hexToRgba(IOColors.white, 0.5)
@@ -157,29 +88,6 @@ const mapLegacyColorStates: Record<
157
88
  default: hexToRgba(IOColors.white, 0),
158
89
  pressed: hexToRgba(IOColors.white, 0.2),
159
90
  disabled: "transparent"
160
- },
161
- label: {
162
- default: IOColors.white,
163
- pressed: IOColors.white,
164
- disabled: hexToRgba(IOColors.white, 0.5)
165
- }
166
- },
167
- // Danger button
168
- danger: {
169
- border: {
170
- default: IOColors["error-600"],
171
- pressed: IOColors["error-600"],
172
- disabled: IOColors["grey-200"]
173
- },
174
- background: {
175
- default: hexToRgba(IOColors["error-600"], 0),
176
- pressed: hexToRgba(IOColors["error-600"], 0.15),
177
- disabled: "transparent"
178
- },
179
- label: {
180
- default: IOColors["error-600"],
181
- pressed: IOColors["error-600"],
182
- disabled: IOColors["grey-450"]
183
91
  }
184
92
  }
185
93
  };
@@ -219,6 +127,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
219
127
  },
220
128
  ref
221
129
  ) => {
130
+ const theme = useIOTheme();
222
131
  const { isExperimental } = useIOExperimentalDesign();
223
132
  const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
224
133
  useScaleAnimation();
@@ -226,9 +135,43 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
226
135
 
227
136
  const AnimatedIOText = Animated.createAnimatedComponent(IOText);
228
137
 
138
+ const mapColorStates = React.useMemo<
139
+ Record<NonNullable<ButtonOutline["color"]>, ColorStates>
140
+ >(
141
+ () => ({
142
+ // Primary button
143
+ primary: {
144
+ foreground: {
145
+ default: IOColors[theme["interactiveElem-default"]],
146
+ pressed: IOColors[theme["interactiveElem-pressed"]],
147
+ disabled: IOColors[theme["interactiveOutline-disabled"]]
148
+ },
149
+ background: {
150
+ default: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0),
151
+ pressed: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0.1),
152
+ disabled: "transparent"
153
+ }
154
+ },
155
+ // Contrast button
156
+ contrast: {
157
+ foreground: {
158
+ default: IOColors.white,
159
+ pressed: IOColors.white,
160
+ disabled: IOColors["blueIO-200"]
161
+ },
162
+ background: {
163
+ default: hexToRgba(IOColors["blueIO-600"], 0),
164
+ pressed: hexToRgba(IOColors["blueIO-600"], 0.5),
165
+ disabled: "transparent"
166
+ }
167
+ }
168
+ }),
169
+ [theme]
170
+ );
171
+
229
172
  const colorMap = React.useMemo(
230
173
  () => (isExperimental ? mapColorStates : mapLegacyColorStates),
231
- [isExperimental]
174
+ [isExperimental, mapColorStates]
232
175
  );
233
176
 
234
177
  const buttonStyles = React.useMemo(
@@ -253,7 +196,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
253
196
  const borderColor = interpolateColor(
254
197
  progress.value,
255
198
  [0, 1],
256
- [colorMap[color].border.default, colorMap[color].border.pressed]
199
+ [colorMap[color].foreground.default, colorMap[color].foreground.pressed]
257
200
  );
258
201
 
259
202
  return {
@@ -266,7 +209,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
266
209
  color: interpolateColor(
267
210
  progress.value,
268
211
  [0, 1],
269
- [colorMap[color].border.default, colorMap[color].border.pressed]
212
+ [colorMap[color].foreground.default, colorMap[color].foreground.pressed]
270
213
  )
271
214
  }));
272
215
 
@@ -275,7 +218,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
275
218
  color: interpolateColor(
276
219
  progress.value,
277
220
  [0, 1],
278
- [colorMap[color].label.default, colorMap[color].label.pressed]
221
+ [colorMap[color].foreground.default, colorMap[color].foreground.pressed]
279
222
  )
280
223
  }));
281
224
 
@@ -308,12 +251,12 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
308
251
  disabled
309
252
  ? {
310
253
  backgroundColor: colorMap[color]?.background?.disabled,
311
- borderColor: colorMap[color]?.border?.disabled,
254
+ borderColor: colorMap[color]?.foreground?.disabled,
312
255
  opacity: DISABLED_OPACITY
313
256
  }
314
257
  : {
315
258
  backgroundColor: colorMap[color]?.background?.default,
316
- borderColor: colorMap[color]?.border.default
259
+ borderColor: colorMap[color]?.foreground.default
317
260
  },
318
261
  /* Prevent Reanimated from overriding background colors
319
262
  if button is disabled */
@@ -327,14 +270,14 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
327
270
  allowFontScaling
328
271
  name={icon}
329
272
  animatedProps={pressedColorIconAnimationStyle}
330
- color={colorMap[color]?.label?.default}
273
+ color={colorMap[color]?.foreground?.default}
331
274
  size={iconSize}
332
275
  />
333
276
  ) : (
334
277
  <AnimatedIcon
335
278
  allowFontScaling
336
279
  name={icon}
337
- color={colorMap[color]?.label?.disabled}
280
+ color={colorMap[color]?.foreground?.disabled}
338
281
  size={iconSize}
339
282
  />
340
283
  ))}
@@ -350,7 +293,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
350
293
  style={[
351
294
  buttonStyles.label,
352
295
  disabled
353
- ? { color: colorMap[color]?.label?.disabled }
296
+ ? { color: colorMap[color]?.foreground?.disabled }
354
297
  : { ...pressedColorLabelAnimationStyle }
355
298
  ]}
356
299
  >