@pagopa/io-app-design-system 4.2.1 → 4.4.0

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 (447) hide show
  1. package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
  2. package/lib/commonjs/components/alert/Alert.js +44 -65
  3. package/lib/commonjs/components/alert/Alert.js.map +1 -1
  4. package/lib/commonjs/components/alert/AlertEdgeToEdge.js +9 -29
  5. package/lib/commonjs/components/alert/AlertEdgeToEdge.js.map +1 -1
  6. package/lib/commonjs/components/badge/Badge.js +16 -3
  7. package/lib/commonjs/components/badge/Badge.js.map +1 -1
  8. package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
  9. package/lib/commonjs/components/banner/Banner.js +10 -34
  10. package/lib/commonjs/components/banner/Banner.js.map +1 -1
  11. package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
  12. package/lib/commonjs/components/buttons/ButtonLink.js +26 -54
  13. package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
  14. package/lib/commonjs/components/buttons/ButtonOutline.js +27 -45
  15. package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
  16. package/lib/commonjs/components/buttons/ButtonSolid.js +24 -45
  17. package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
  18. package/lib/commonjs/components/buttons/IconButton.js +15 -32
  19. package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
  20. package/lib/commonjs/components/buttons/IconButtonContained.js +19 -42
  21. package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
  22. package/lib/commonjs/components/buttons/IconButtonSolid.js +16 -31
  23. package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
  24. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +61 -19
  25. package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +23 -18
  26. package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
  27. package/lib/commonjs/components/checkbox/CheckboxLabel.js +13 -8
  28. package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
  29. package/lib/commonjs/components/common/AnimatedTick.js +7 -3
  30. package/lib/commonjs/components/common/AnimatedTick.js.map +1 -1
  31. package/lib/commonjs/components/common/LogoPaymentWithFallback.js +9 -3
  32. package/lib/commonjs/components/common/LogoPaymentWithFallback.js.map +1 -1
  33. package/lib/commonjs/components/featureInfo/FeatureInfo.js +9 -6
  34. package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
  35. package/lib/commonjs/components/icons/Icon.js +14 -7
  36. package/lib/commonjs/components/icons/Icon.js.map +1 -1
  37. package/lib/commonjs/components/layout/HeaderFirstLevel.js +7 -10
  38. package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
  39. package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -9
  40. package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
  41. package/lib/commonjs/components/layout/index.js +0 -11
  42. package/lib/commonjs/components/layout/index.js.map +1 -1
  43. package/lib/commonjs/components/listitems/ListItemAction.js +24 -46
  44. package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
  45. package/lib/commonjs/components/listitems/ListItemAmount.js +13 -11
  46. package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -1
  47. package/lib/commonjs/components/listitems/ListItemCheckbox.js +25 -48
  48. package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
  49. package/lib/commonjs/components/listitems/ListItemHeader.js +11 -4
  50. package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
  51. package/lib/commonjs/components/listitems/ListItemInfo.js +14 -17
  52. package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
  53. package/lib/commonjs/components/listitems/ListItemInfoCopy.js +29 -55
  54. package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
  55. package/lib/commonjs/components/listitems/ListItemNav.js +36 -64
  56. package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
  57. package/lib/commonjs/components/listitems/ListItemNavAlert.js +32 -58
  58. package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
  59. package/lib/commonjs/components/listitems/ListItemRadio.js +43 -58
  60. package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
  61. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +7 -2
  62. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  63. package/lib/commonjs/components/listitems/ListItemSwitch.js +12 -14
  64. package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
  65. package/lib/commonjs/components/listitems/ListItemTransaction.js +4 -2
  66. package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
  67. package/lib/commonjs/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
  68. package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -0
  69. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +442 -430
  70. package/lib/commonjs/components/listitems/__test__/listitem.test.js +3 -3
  71. package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
  72. package/lib/commonjs/components/listitems/index.js +11 -11
  73. package/lib/commonjs/components/listitems/index.js.map +1 -1
  74. package/lib/commonjs/components/modules/ModuleCredential.js +7 -2
  75. package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
  76. package/lib/commonjs/components/modules/ModuleNavigation.js +5 -1
  77. package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
  78. package/lib/commonjs/components/modules/PressableModuleBase.js +17 -11
  79. package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
  80. package/lib/commonjs/components/modules/index.js +8 -8
  81. package/lib/commonjs/components/modules/index.js.map +1 -1
  82. package/lib/commonjs/components/numberpad/NumberButton.js +12 -28
  83. package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
  84. package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
  85. package/lib/commonjs/components/pictograms/Pictogram.js +17 -4
  86. package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
  87. package/lib/commonjs/components/radio/AnimatedRadio.js +16 -15
  88. package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
  89. package/lib/commonjs/components/radio/RadioButtonLabel.js +9 -5
  90. package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
  91. package/lib/commonjs/components/searchInput/SearchInput.js +4 -3
  92. package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
  93. package/lib/commonjs/components/spacer/Spacer.js +13 -6
  94. package/lib/commonjs/components/spacer/Spacer.js.map +1 -1
  95. package/lib/commonjs/components/stack/Stack.js +19 -9
  96. package/lib/commonjs/components/stack/Stack.js.map +1 -1
  97. package/lib/commonjs/components/tabs/TabItem.js +15 -21
  98. package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
  99. package/lib/commonjs/components/tag/Tag.js +21 -8
  100. package/lib/commonjs/components/tag/Tag.js.map +1 -1
  101. package/lib/commonjs/components/textInput/TextInput.js.map +1 -1
  102. package/lib/commonjs/components/textInput/TextInputBase.js +23 -10
  103. package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
  104. package/lib/commonjs/components/typography/IOText.js +3 -6
  105. package/lib/commonjs/components/typography/IOText.js.map +1 -1
  106. package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
  107. package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
  108. package/lib/commonjs/core/IOAnimations.js +6 -12
  109. package/lib/commonjs/core/IOAnimations.js.map +1 -1
  110. package/lib/commonjs/hooks/index.js +28 -0
  111. package/lib/commonjs/hooks/index.js.map +1 -0
  112. package/lib/commonjs/hooks/useListItemAnimation.js +40 -0
  113. package/lib/commonjs/hooks/useListItemAnimation.js.map +1 -0
  114. package/lib/commonjs/hooks/useScaleAnimation.js +36 -0
  115. package/lib/commonjs/hooks/useScaleAnimation.js.map +1 -0
  116. package/lib/commonjs/index.js +11 -0
  117. package/lib/commonjs/index.js.map +1 -1
  118. package/lib/commonjs/utils/accessibility.js +29 -1
  119. package/lib/commonjs/utils/accessibility.js.map +1 -1
  120. package/lib/commonjs/utils/fonts.js +3 -2
  121. package/lib/commonjs/utils/fonts.js.map +1 -1
  122. package/lib/commonjs/utils/hooks/index.js +28 -0
  123. package/lib/commonjs/utils/hooks/index.js.map +1 -0
  124. package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js +5 -7
  125. package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js.map +1 -1
  126. package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
  127. package/lib/module/components/alert/Alert.js +45 -67
  128. package/lib/module/components/alert/Alert.js.map +1 -1
  129. package/lib/module/components/alert/AlertEdgeToEdge.js +10 -31
  130. package/lib/module/components/alert/AlertEdgeToEdge.js.map +1 -1
  131. package/lib/module/components/badge/Badge.js +16 -3
  132. package/lib/module/components/badge/Badge.js.map +1 -1
  133. package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
  134. package/lib/module/components/banner/Banner.js +10 -33
  135. package/lib/module/components/banner/Banner.js.map +1 -1
  136. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
  137. package/lib/module/components/buttons/ButtonLink.js +29 -57
  138. package/lib/module/components/buttons/ButtonLink.js.map +1 -1
  139. package/lib/module/components/buttons/ButtonOutline.js +30 -48
  140. package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
  141. package/lib/module/components/buttons/ButtonSolid.js +27 -48
  142. package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
  143. package/lib/module/components/buttons/IconButton.js +18 -35
  144. package/lib/module/components/buttons/IconButton.js.map +1 -1
  145. package/lib/module/components/buttons/IconButtonContained.js +21 -45
  146. package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
  147. package/lib/module/components/buttons/IconButtonSolid.js +18 -34
  148. package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
  149. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +61 -19
  150. package/lib/module/components/checkbox/AnimatedCheckbox.js +23 -18
  151. package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
  152. package/lib/module/components/checkbox/CheckboxLabel.js +14 -9
  153. package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
  154. package/lib/module/components/common/AnimatedTick.js +7 -3
  155. package/lib/module/components/common/AnimatedTick.js.map +1 -1
  156. package/lib/module/components/common/LogoPaymentWithFallback.js +9 -3
  157. package/lib/module/components/common/LogoPaymentWithFallback.js.map +1 -1
  158. package/lib/module/components/featureInfo/FeatureInfo.js +11 -8
  159. package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
  160. package/lib/module/components/icons/Icon.js +15 -6
  161. package/lib/module/components/icons/Icon.js.map +1 -1
  162. package/lib/module/components/layout/HeaderFirstLevel.js +8 -11
  163. package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
  164. package/lib/module/components/layout/HeaderSecondLevel.js +9 -10
  165. package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
  166. package/lib/module/components/layout/index.js +0 -1
  167. package/lib/module/components/layout/index.js.map +1 -1
  168. package/lib/module/components/listitems/ListItemAction.js +25 -48
  169. package/lib/module/components/listitems/ListItemAction.js.map +1 -1
  170. package/lib/module/components/listitems/ListItemAmount.js +13 -11
  171. package/lib/module/components/listitems/ListItemAmount.js.map +1 -1
  172. package/lib/module/components/listitems/ListItemCheckbox.js +28 -51
  173. package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
  174. package/lib/module/components/listitems/ListItemHeader.js +11 -4
  175. package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
  176. package/lib/module/components/listitems/ListItemInfo.js +14 -17
  177. package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
  178. package/lib/module/components/listitems/ListItemInfoCopy.js +30 -57
  179. package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
  180. package/lib/module/components/listitems/ListItemNav.js +38 -65
  181. package/lib/module/components/listitems/ListItemNav.js.map +1 -1
  182. package/lib/module/components/listitems/ListItemNavAlert.js +33 -58
  183. package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
  184. package/lib/module/components/listitems/ListItemRadio.js +46 -61
  185. package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
  186. package/lib/module/components/listitems/ListItemRadioWithAmount.js +7 -2
  187. package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  188. package/lib/module/components/listitems/ListItemSwitch.js +12 -14
  189. package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
  190. package/lib/module/components/listitems/ListItemTransaction.js +3 -1
  191. package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
  192. package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
  193. package/lib/module/components/listitems/PressableListItemBase.js.map +1 -0
  194. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +442 -430
  195. package/lib/module/components/listitems/__test__/listitem.test.js +1 -1
  196. package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
  197. package/lib/module/components/listitems/index.js +1 -1
  198. package/lib/module/components/listitems/index.js.map +1 -1
  199. package/lib/module/components/modules/ModuleCredential.js +7 -2
  200. package/lib/module/components/modules/ModuleCredential.js.map +1 -1
  201. package/lib/module/components/modules/ModuleNavigation.js +5 -1
  202. package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
  203. package/lib/module/components/modules/PressableModuleBase.js +17 -10
  204. package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
  205. package/lib/module/components/modules/index.js +1 -1
  206. package/lib/module/components/modules/index.js.map +1 -1
  207. package/lib/module/components/numberpad/NumberButton.js +14 -30
  208. package/lib/module/components/numberpad/NumberButton.js.map +1 -1
  209. package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
  210. package/lib/module/components/pictograms/Pictogram.js +17 -4
  211. package/lib/module/components/pictograms/Pictogram.js.map +1 -1
  212. package/lib/module/components/radio/AnimatedRadio.js +16 -15
  213. package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
  214. package/lib/module/components/radio/RadioButtonLabel.js +10 -6
  215. package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
  216. package/lib/module/components/searchInput/SearchInput.js +5 -4
  217. package/lib/module/components/searchInput/SearchInput.js.map +1 -1
  218. package/lib/module/components/spacer/Spacer.js +11 -5
  219. package/lib/module/components/spacer/Spacer.js.map +1 -1
  220. package/lib/module/components/stack/Stack.js +19 -9
  221. package/lib/module/components/stack/Stack.js.map +1 -1
  222. package/lib/module/components/tabs/TabItem.js +18 -24
  223. package/lib/module/components/tabs/TabItem.js.map +1 -1
  224. package/lib/module/components/tag/Tag.js +21 -8
  225. package/lib/module/components/tag/Tag.js.map +1 -1
  226. package/lib/module/components/textInput/TextInput.js.map +1 -1
  227. package/lib/module/components/textInput/TextInputBase.js +23 -10
  228. package/lib/module/components/textInput/TextInputBase.js.map +1 -1
  229. package/lib/module/components/typography/IOText.js +5 -8
  230. package/lib/module/components/typography/IOText.js.map +1 -1
  231. package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
  232. package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
  233. package/lib/module/core/IOAnimations.js +4 -10
  234. package/lib/module/core/IOAnimations.js.map +1 -1
  235. package/lib/module/hooks/index.js +3 -0
  236. package/lib/module/hooks/index.js.map +1 -0
  237. package/lib/module/hooks/useListItemAnimation.js +33 -0
  238. package/lib/module/hooks/useListItemAnimation.js.map +1 -0
  239. package/lib/module/hooks/useScaleAnimation.js +29 -0
  240. package/lib/module/hooks/useScaleAnimation.js.map +1 -0
  241. package/lib/module/index.js +1 -0
  242. package/lib/module/index.js.map +1 -1
  243. package/lib/module/utils/accessibility.js +28 -1
  244. package/lib/module/utils/accessibility.js.map +1 -1
  245. package/lib/module/utils/fonts.js +1 -0
  246. package/lib/module/utils/fonts.js.map +1 -1
  247. package/lib/module/utils/hooks/index.js +3 -0
  248. package/lib/module/utils/hooks/index.js.map +1 -0
  249. package/lib/module/utils/hooks/useSpringPressProgressValue.js +5 -5
  250. package/lib/module/utils/hooks/useSpringPressProgressValue.js.map +1 -1
  251. package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
  252. package/lib/typescript/components/alert/AlertEdgeToEdge.d.ts.map +1 -1
  253. package/lib/typescript/components/badge/Badge.d.ts +2 -1
  254. package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
  255. package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
  256. package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
  257. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
  258. package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
  259. package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
  260. package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
  261. package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
  262. package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
  263. package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
  264. package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
  265. package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts +2 -1
  266. package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
  267. package/lib/typescript/components/checkbox/CheckboxLabel.d.ts +2 -1
  268. package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
  269. package/lib/typescript/components/common/AnimatedTick.d.ts +4 -3
  270. package/lib/typescript/components/common/AnimatedTick.d.ts.map +1 -1
  271. package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map +1 -1
  272. package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
  273. package/lib/typescript/components/icons/Icon.d.ts +5 -3
  274. package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
  275. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
  276. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
  277. package/lib/typescript/components/layout/index.d.ts +0 -1
  278. package/lib/typescript/components/layout/index.d.ts.map +1 -1
  279. package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
  280. package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -1
  281. package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
  282. package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
  283. package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
  284. package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
  285. package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
  286. package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
  287. package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
  288. package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
  289. package/lib/typescript/components/listitems/ListItemSwitch.d.ts +2 -2
  290. package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
  291. package/lib/typescript/components/listitems/ListItemTransaction.d.ts +1 -1
  292. package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
  293. package/lib/typescript/components/listitems/{PressableListItemsBase.d.ts → PressableListItemBase.d.ts} +3 -2
  294. package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -0
  295. package/lib/typescript/components/listitems/index.d.ts +1 -1
  296. package/lib/typescript/components/listitems/index.d.ts.map +1 -1
  297. package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
  298. package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
  299. package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
  300. package/lib/typescript/components/modules/index.d.ts +1 -1
  301. package/lib/typescript/components/modules/index.d.ts.map +1 -1
  302. package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
  303. package/lib/typescript/components/pictograms/Pictogram.d.ts +5 -3
  304. package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
  305. package/lib/typescript/components/pictograms/types.d.ts +1 -2
  306. package/lib/typescript/components/pictograms/types.d.ts.map +1 -1
  307. package/lib/typescript/components/radio/AnimatedRadio.d.ts +2 -1
  308. package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
  309. package/lib/typescript/components/radio/RadioButtonLabel.d.ts +2 -1
  310. package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
  311. package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
  312. package/lib/typescript/components/spacer/Spacer.d.ts +1 -0
  313. package/lib/typescript/components/spacer/Spacer.d.ts.map +1 -1
  314. package/lib/typescript/components/stack/Stack.d.ts +2 -1
  315. package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
  316. package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
  317. package/lib/typescript/components/tag/Tag.d.ts +4 -2
  318. package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
  319. package/lib/typescript/components/textInput/TextInput.d.ts +2 -1
  320. package/lib/typescript/components/textInput/TextInput.d.ts.map +1 -1
  321. package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
  322. package/lib/typescript/components/typography/BodyMonospace.d.ts +1 -1
  323. package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
  324. package/lib/typescript/components/typography/Caption.d.ts +1 -1
  325. package/lib/typescript/components/typography/H1.d.ts +1 -1
  326. package/lib/typescript/components/typography/H2.d.ts +1 -1
  327. package/lib/typescript/components/typography/H3.d.ts +1 -1
  328. package/lib/typescript/components/typography/H4.d.ts +1 -1
  329. package/lib/typescript/components/typography/H5.d.ts +1 -1
  330. package/lib/typescript/components/typography/H6.d.ts +1 -1
  331. package/lib/typescript/components/typography/Hero.d.ts +1 -1
  332. package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
  333. package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
  334. package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
  335. package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
  336. package/lib/typescript/core/IOAnimations.d.ts +6 -10
  337. package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
  338. package/lib/typescript/core/IOStyles.d.ts +7 -7
  339. package/lib/typescript/hooks/index.d.ts +3 -0
  340. package/lib/typescript/hooks/index.d.ts.map +1 -0
  341. package/lib/typescript/hooks/useListItemAnimation.d.ts +10 -0
  342. package/lib/typescript/hooks/useListItemAnimation.d.ts.map +1 -0
  343. package/lib/typescript/hooks/useScaleAnimation.d.ts +10 -0
  344. package/lib/typescript/hooks/useScaleAnimation.d.ts.map +1 -0
  345. package/lib/typescript/index.d.ts +1 -0
  346. package/lib/typescript/index.d.ts.map +1 -1
  347. package/lib/typescript/utils/accessibility.d.ts +10 -0
  348. package/lib/typescript/utils/accessibility.d.ts.map +1 -1
  349. package/lib/typescript/utils/fonts.d.ts +2 -1
  350. package/lib/typescript/utils/fonts.d.ts.map +1 -1
  351. package/lib/typescript/utils/hooks/index.d.ts +3 -0
  352. package/lib/typescript/utils/hooks/index.d.ts.map +1 -0
  353. package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +7 -8
  354. package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
  355. package/package.json +1 -1
  356. package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
  357. package/src/components/alert/Alert.tsx +49 -106
  358. package/src/components/alert/AlertEdgeToEdge.tsx +6 -46
  359. package/src/components/badge/Badge.tsx +29 -4
  360. package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
  361. package/src/components/banner/Banner.tsx +6 -54
  362. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
  363. package/src/components/buttons/ButtonLink.tsx +36 -89
  364. package/src/components/buttons/ButtonOutline.tsx +40 -75
  365. package/src/components/buttons/ButtonSolid.tsx +21 -67
  366. package/src/components/buttons/IconButton.tsx +12 -47
  367. package/src/components/buttons/IconButtonContained.tsx +21 -57
  368. package/src/components/buttons/IconButtonSolid.tsx +16 -46
  369. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +61 -19
  370. package/src/components/checkbox/AnimatedCheckbox.tsx +36 -18
  371. package/src/components/checkbox/CheckboxLabel.tsx +22 -10
  372. package/src/components/common/AnimatedTick.tsx +9 -3
  373. package/src/components/common/LogoPaymentWithFallback.tsx +27 -5
  374. package/src/components/featureInfo/FeatureInfo.tsx +13 -9
  375. package/src/components/icons/Icon.tsx +23 -7
  376. package/src/components/layout/HeaderFirstLevel.tsx +11 -21
  377. package/src/components/layout/HeaderSecondLevel.tsx +5 -14
  378. package/src/components/layout/index.tsx +0 -1
  379. package/src/components/listitems/ListItemAction.tsx +28 -73
  380. package/src/components/listitems/ListItemAmount.tsx +16 -11
  381. package/src/components/listitems/ListItemCheckbox.tsx +39 -83
  382. package/src/components/listitems/ListItemHeader.tsx +14 -4
  383. package/src/components/listitems/ListItemInfo.tsx +27 -20
  384. package/src/components/listitems/ListItemInfoCopy.tsx +37 -86
  385. package/src/components/listitems/ListItemNav.tsx +55 -112
  386. package/src/components/listitems/ListItemNavAlert.tsx +42 -102
  387. package/src/components/listitems/ListItemRadio.tsx +60 -107
  388. package/src/components/listitems/ListItemRadioWithAmount.tsx +9 -3
  389. package/src/components/listitems/ListItemSwitch.tsx +21 -27
  390. package/src/components/listitems/ListItemTransaction.tsx +4 -1
  391. package/src/components/listitems/{PressableListItemsBase.tsx → PressableListItemBase.tsx} +7 -6
  392. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +442 -430
  393. package/src/components/listitems/__test__/listitem.test.tsx +1 -1
  394. package/src/components/listitems/index.tsx +1 -1
  395. package/src/components/modules/ModuleCredential.tsx +5 -2
  396. package/src/components/modules/ModuleNavigation.tsx +3 -1
  397. package/src/components/modules/PressableModuleBase.tsx +15 -8
  398. package/src/components/modules/index.tsx +1 -1
  399. package/src/components/numberpad/NumberButton.tsx +12 -43
  400. package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
  401. package/src/components/pictograms/Pictogram.tsx +24 -5
  402. package/src/components/pictograms/types.ts +1 -3
  403. package/src/components/radio/AnimatedRadio.tsx +31 -15
  404. package/src/components/radio/RadioButtonLabel.tsx +16 -8
  405. package/src/components/searchInput/SearchInput.tsx +10 -5
  406. package/src/components/spacer/Spacer.tsx +21 -6
  407. package/src/components/stack/Stack.tsx +25 -14
  408. package/src/components/tabs/TabItem.tsx +15 -29
  409. package/src/components/tag/Tag.tsx +26 -8
  410. package/src/components/textInput/TextInput.tsx +2 -1
  411. package/src/components/textInput/TextInputBase.tsx +44 -11
  412. package/src/components/typography/IOText.tsx +5 -6
  413. package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
  414. package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
  415. package/src/core/IOAnimations.ts +8 -10
  416. package/src/hooks/index.tsx +2 -0
  417. package/src/hooks/useListItemAnimation.tsx +59 -0
  418. package/src/hooks/useScaleAnimation.tsx +41 -0
  419. package/src/index.tsx +1 -0
  420. package/src/utils/accessibility.ts +32 -1
  421. package/src/utils/fonts.ts +1 -0
  422. package/src/utils/hooks/index.tsx +2 -0
  423. package/src/utils/hooks/useSpringPressProgressValue.ts +14 -8
  424. package/lib/commonjs/components/layout/FooterWithButtons.js +0 -84
  425. package/lib/commonjs/components/layout/FooterWithButtons.js.map +0 -1
  426. package/lib/commonjs/components/listitems/PressableListItemsBase.js.map +0 -1
  427. package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +0 -56
  428. package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
  429. package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +0 -41
  430. package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
  431. package/lib/module/components/layout/FooterWithButtons.js +0 -75
  432. package/lib/module/components/layout/FooterWithButtons.js.map +0 -1
  433. package/lib/module/components/listitems/PressableListItemsBase.js.map +0 -1
  434. package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +0 -47
  435. package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
  436. package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +0 -34
  437. package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
  438. package/lib/typescript/components/layout/FooterWithButtons.d.ts +0 -16
  439. package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +0 -1
  440. package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map +0 -1
  441. package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts +0 -13
  442. package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map +0 -1
  443. package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +0 -10
  444. package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +0 -1
  445. package/src/components/layout/FooterWithButtons.tsx +0 -90
  446. package/src/components/listitems/hooks/useListItemSpringAnimation.ts +0 -72
  447. package/src/components/modules/hooks/useModuleSpringAnimation.ts +0 -49
@@ -1 +1 @@
1
- {"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useSpringPressProgressValue","springValue","IOSpringValues","button","isPressed","useSharedValue","progress","useDerivedValue","withSpring","value","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAA4C,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAErC,MAAMW,2BAA2B,GAAGA,CACzCC,WAAW,GAAGC,oBAAc,CAACC,MAAM,KAChC;EACH,MAAMC,SAAuC,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjE,MAAMC,QAAQ,GAAG,IAAAC,sCAAe,EAAC,MAC/B,IAAAC,iCAAU,EAACJ,SAAS,CAACK,KAAK,EAAER,WAAW,CACzC,CAAC;EAED,MAAMS,SAAS,GAAGrC,KAAK,CAACsC,WAAW,CAAC,MAAM;IACxC;IACAP,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMQ,UAAU,GAAGvC,KAAK,CAACsC,WAAW,CAAC,MAAM;IACzC;IACAP,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEM,SAAS;IAAEE,UAAU;IAAEN;EAAS,CAAC;AAC5C,CAAC;AAACO,OAAA,CAAAb,2BAAA,GAAAA,2BAAA"}
1
+ {"version":3,"names":["_react","require","_reactNativeReanimated","_core","useSpringPressProgressValue","springValue","isPressed","useSharedValue","progress","useDerivedValue","withSpring","value","IOSpringValues","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,2BAA2B,GAAGA,CACzCC,WAA2B,GAAG,QAAQ,KAKnC;EACH,MAAMC,SAA8B,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAExD,MAAMC,QAAQ,GAAG,IAAAC,sCAAe,EAAC,MAC/B,IAAAC,iCAAU,EAACJ,SAAS,CAACK,KAAK,EAAEC,oBAAc,CAACP,WAAW,CAAC,CACzD,CAAC;EAED,MAAMQ,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC;IACAR,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMS,UAAU,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACnC;IACAR,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEO,SAAS;IAAEE,UAAU;IAAEP;EAAS,CAAC;AAC5C,CAAC;AAACQ,OAAA,CAAAZ,2BAAA,GAAAA,2BAAA"}
@@ -86,7 +86,7 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
86
86
  <Text
87
87
  allowFontScaling={true}
88
88
  dynamicTypeRamp="body"
89
- maxFontSizeMultiplier={1.25}
89
+ maxFontSizeMultiplier={1.5}
90
90
  style={
91
91
  [
92
92
  {},
@@ -190,9 +190,9 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
190
190
  }
191
191
  />
192
192
  <Text
193
- allowFontScaling={false}
193
+ allowFontScaling={true}
194
194
  dynamicTypeRamp="body"
195
- maxFontSizeMultiplier={1.25}
195
+ maxFontSizeMultiplier={1.5}
196
196
  style={
197
197
  [
198
198
  {},
@@ -1,32 +1,18 @@
1
- import React, { useCallback, useState } from "react";
2
- import { PixelRatio, Pressable, StyleSheet, View } from "react-native";
3
- import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
1
+ import React, { forwardRef, useCallback, useState } from "react";
2
+ import { Pressable, View } from "react-native";
3
+ import Animated from "react-native-reanimated";
4
4
  import { IOVisualCostants, useIOThemeContext } from "../../core";
5
- import { IOScaleValues, IOSpringValues } from "../../core/IOAnimations";
6
5
  import { IOColors, hexToRgba } from "../../core/IOColors";
7
6
  import { IOAlertRadius } from "../../core/IOShapes";
8
7
  import { IOAlertSpacing } from "../../core/IOSpacing";
8
+ import { useScaleAnimation } from "../../hooks";
9
+ import { useIOFontDynamicScale } from "../../utils/accessibility";
9
10
  import { Icon } from "../icons";
10
- import { VSpacer } from "../spacer";
11
+ import { HStack, VStack } from "../stack";
11
12
  import { Body, ButtonText } from "../typography";
12
13
  import { H4 } from "../typography/H4";
13
- const iconSize = 24;
14
- const [spacingDefault, spacingFullWidth] = IOAlertSpacing;
15
- const styles = StyleSheet.create({
16
- container: {
17
- flexDirection: "row",
18
- alignItems: "flex-start",
19
- alignContent: "center"
20
- },
21
- spacingDefault: {
22
- padding: spacingDefault,
23
- borderRadius: IOAlertRadius,
24
- borderCurve: "continuous"
25
- },
26
- spacingFullWidth: {
27
- padding: spacingFullWidth
28
- }
29
- });
14
+ const ICON_SIZE = 24;
15
+ const [padding, paddingFullWidth] = IOAlertSpacing;
30
16
  // COMPONENT CONFIGURATION
31
17
 
32
18
  const mapVariantStatesLightMode = {
@@ -74,7 +60,7 @@ const mapVariantStatesDarkMode = {
74
60
  foreground: "success-100"
75
61
  }
76
62
  };
77
- export const Alert = /*#__PURE__*/React.forwardRef(({
63
+ export const Alert = /*#__PURE__*/forwardRef(({
78
64
  variant,
79
65
  title,
80
66
  content,
@@ -84,77 +70,67 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
84
70
  accessibilityHint,
85
71
  testID
86
72
  }, viewRef) => {
87
- var _IOScaleValues$magnif;
73
+ const {
74
+ onPressIn,
75
+ onPressOut,
76
+ scaleAnimatedStyle
77
+ } = useScaleAnimation("medium");
78
+ const {
79
+ dynamicFontScale,
80
+ spacingScaleMultiplier
81
+ } = useIOFontDynamicScale();
88
82
  const {
89
83
  themeType
90
84
  } = useIOThemeContext();
91
- const isPressed = useSharedValue(0);
92
85
  const [isMultiline, setIsMultiline] = useState(false);
93
86
  const onTextLayout = useCallback(event => {
94
87
  setIsMultiline(event.nativeEvent.lines.length > 1);
95
88
  }, []);
96
-
97
- // Scaling transformation applied when the button is pressed
98
- const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
99
-
100
- // Using a spring-based animation for our interpolations
101
- const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
102
-
103
- // Interpolate animation values from `isPressed` values
104
- const pressedAnimationStyle = useAnimatedStyle(() => {
105
- // Scale down button slightly when pressed
106
- const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolation.CLAMP);
107
- return {
108
- transform: [{
109
- scale
110
- }]
111
- };
112
- });
113
- const onPressIn = useCallback(() => {
114
- // eslint-disable-next-line functional/immutable-data
115
- isPressed.value = 1;
116
- }, [isPressed]);
117
- const onPressOut = useCallback(() => {
118
- // eslint-disable-next-line functional/immutable-data
119
- isPressed.value = 0;
120
- }, [isPressed]);
89
+ const paddingDefaultVariant = {
90
+ padding,
91
+ borderRadius: IOAlertRadius * dynamicFontScale * spacingScaleMultiplier,
92
+ borderCurve: "continuous"
93
+ };
121
94
  const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
122
- const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
95
+ const renderMainBlock = () => /*#__PURE__*/React.createElement(HStack, {
96
+ space: IOVisualCostants.iconMargin,
97
+ allowScaleSpacing: true,
123
98
  style: {
124
- marginRight: IOVisualCostants.iconMargin,
125
- alignSelf: "flex-start"
99
+ alignItems: isMultiline ? "flex-start" : "center"
126
100
  }
127
101
  }, /*#__PURE__*/React.createElement(Icon, {
102
+ allowFontScaling: true,
128
103
  name: mapVariantStates[variant].icon,
129
- size: iconSize,
104
+ size: ICON_SIZE,
130
105
  color: mapVariantStates[variant].foreground
131
- })), /*#__PURE__*/React.createElement(View, {
106
+ }), /*#__PURE__*/React.createElement(View, {
132
107
  style: [!title && isMultiline && {
133
- marginTop: -5 * PixelRatio.getFontScale()
108
+ marginTop: -6 * dynamicFontScale
134
109
  }, isMultiline && {
135
- marginBottom: -3 * PixelRatio.getFontScale()
110
+ marginBottom: -4 * dynamicFontScale
136
111
  }, {
137
112
  flex: 1
138
113
  }]
139
- }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H4, {
114
+ }, /*#__PURE__*/React.createElement(VStack, {
115
+ space: 8,
116
+ allowScaleSpacing: true
117
+ }, title && /*#__PURE__*/React.createElement(H4, {
140
118
  color: mapVariantStates[variant].foreground
141
- }, title), /*#__PURE__*/React.createElement(VSpacer, {
142
- size: 8
143
- })), /*#__PURE__*/React.createElement(Body, {
119
+ }, title), /*#__PURE__*/React.createElement(Body, {
144
120
  color: mapVariantStates[variant].foreground,
145
121
  weight: "Regular",
146
122
  accessibilityRole: "text",
147
123
  onTextLayout: onTextLayout
148
- }, content), action && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
149
- size: 8
150
- }), /*#__PURE__*/React.createElement(ButtonText, {
124
+ }, content), action && /*#__PURE__*/React.createElement(ButtonText, {
151
125
  color: mapVariantStates[variant].foreground,
152
126
  numberOfLines: 1,
153
127
  ellipsizeMode: "tail"
154
128
  }, action))));
155
129
  const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
156
130
  ref: viewRef,
157
- style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
131
+ style: [fullWidth ? {
132
+ padding
133
+ } : paddingDefaultVariant, {
158
134
  backgroundColor: mapVariantStates[variant].background
159
135
  }],
160
136
  testID: testID,
@@ -175,11 +151,13 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
175
151
  accessibilityHint: accessibilityHint,
176
152
  accessibilityRole: "button"
177
153
  }, /*#__PURE__*/React.createElement(Animated.View, {
178
- style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
154
+ style: [fullWidth ? {
155
+ padding: paddingFullWidth
156
+ } : paddingDefaultVariant, {
179
157
  backgroundColor: mapVariantStates[variant].background
180
158
  },
181
159
  // Disable pressed animation when component is full width
182
- !fullWidth && pressedAnimationStyle]
160
+ !fullWidth && scaleAnimatedStyle]
183
161
  }, renderMainBlock()));
184
162
  return action ? /*#__PURE__*/React.createElement(PressableButton, null) : /*#__PURE__*/React.createElement(StaticComponent, null);
185
163
  });
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useState","PixelRatio","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOVisualCostants","useIOThemeContext","IOScaleValues","IOSpringValues","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","Icon","VSpacer","Body","ButtonText","H4","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","_IOScaleValues$magnif","themeType","isPressed","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","mapVariantStates","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","marginTop","getFontScale","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAIEC,UAAU,EACVC,SAAS,EACTC,UAAU,EAEVC,IAAI,QACC,cAAc;AACrB,OAAOC,QAAQ,IACbC,aAAa,EAEbC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,YAAY;AAChE,SAASC,aAAa,EAAEC,cAAc,QAAQ,yBAAyB;AACvE,SAASC,QAAQ,EAAEC,SAAS,QAAQ,qBAAqB;AACzD,SAASC,aAAa,QAAQ,qBAAqB;AACnD,SAASC,cAAc,QAAQ,sBAAsB;AAErD,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,eAAe;AAChD,SAASC,EAAE,QAAQ,kBAAkB;AAErC,MAAMC,QAAyB,GAAG,EAAE;AAEpC,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAAGR,cAAc;AAEzD,MAAMS,MAAM,GAAGzB,UAAU,CAAC0B,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,YAAY,EAAE;EAChB,CAAC;EACDP,cAAc,EAAE;IACdQ,OAAO,EAAER,cAAc;IACvBS,YAAY,EAAEjB,aAAa;IAC3BkB,WAAW,EAAE;EACf,CAAC;EACDT,gBAAgB,EAAE;IAChBO,OAAO,EAAEP;EACX;AACF,CAAC,CAAC;AA6BF;;AAEA,MAAMU,yBAGL,GAAG;EACFC,KAAK,EAAE;IACLC,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAExB,QAAQ,CAAC,WAAW,CAAC;IACjCyB,UAAU,EAAE;EACd,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,eAAe;IACrBC,UAAU,EAAExB,QAAQ,CAAC,aAAa,CAAC;IACnCyB,UAAU,EAAE;EACd,CAAC;EACDE,IAAI,EAAE;IACJJ,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAExB,QAAQ,CAAC,UAAU,CAAC;IAChCyB,UAAU,EAAE;EACd,CAAC;EACDG,OAAO,EAAE;IACPL,IAAI,EAAE,SAAS;IACfC,UAAU,EAAExB,QAAQ,CAAC,aAAa,CAAC;IACnCyB,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAMI,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,wBAGL,GAAG;EACFR,KAAK,EAAE;IACLC,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAEvB,SAAS,CAACD,QAAQ,CAAC,WAAW,CAAC,EAAE6B,iBAAiB,CAAC;IAC/DJ,UAAU,EAAE;EACd,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,eAAe;IACrBC,UAAU,EAAEvB,SAAS,CAACD,QAAQ,CAAC,aAAa,CAAC,EAAE6B,iBAAiB,CAAC;IACjEJ,UAAU,EAAE;EACd,CAAC;EACDE,IAAI,EAAE;IACJJ,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAEvB,SAAS,CAACD,QAAQ,CAAC,UAAU,CAAC,EAAE6B,iBAAiB,CAAC;IAC9DJ,UAAU,EAAE;EACd,CAAC;EACDG,OAAO,EAAE;IACPL,IAAI,EAAE,SAAS;IACfC,UAAU,EAAEvB,SAAS,CAACD,QAAQ,CAAC,aAAa,CAAC,EAAE6B,iBAAiB,CAAC;IACjEJ,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMM,KAAK,gBAAGjD,KAAK,CAACkD,UAAU,CACnC,CACE;EACEC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,iBAAiB;EACjBC;AACS,CAAC,EACZC,OAAO,KACS;EAAA,IAAAC,qBAAA;EAChB,MAAM;IAAEC;EAAU,CAAC,GAAG9C,iBAAiB,CAAC,CAAC;EACzC,MAAM+C,SAA8B,GAAGlD,cAAc,CAAC,CAAC,CAAC;EAExD,MAAM,CAACmD,WAAW,EAAEC,cAAc,CAAC,GAAG9D,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM+D,YAAY,GAAGhE,WAAW,CAC7BiE,KAAgD,IAAK;IACpDF,cAAc,CAACE,KAAK,CAACC,WAAW,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,EACD,EACF,CAAC;;EAED;EACA,MAAMC,mBAAmB,GAAGtD,aAAa,aAAbA,aAAa,gBAAA4C,qBAAA,GAAb5C,aAAa,CAAEuD,eAAe,cAAAX,qBAAA,uBAA9BA,qBAAA,CAAgCY,YAAY;;EAExE;EACA,MAAMC,eAAe,GAAG9D,eAAe,CAAC,MACtCE,UAAU,CAACiD,SAAS,CAACY,KAAK,EAAEzD,cAAc,CAAC0D,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,qBAAqB,GAAGlE,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAMmE,KAAK,GAAGpE,WAAW,CACvBgE,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEJ,mBAAmB,CAAC,EACxB9D,aAAa,CAACsE,KAChB,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,SAAS,GAAG/E,WAAW,CAAC,MAAM;IAClC;IACA6D,SAAS,CAACY,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EACf,MAAMmB,UAAU,GAAGhF,WAAW,CAAC,MAAM;IACnC;IACA6D,SAAS,CAACY,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,MAAMoB,gBAAgB,GACpBrB,SAAS,KAAK,OAAO,GACjBtB,yBAAyB,GACzBS,wBAAwB;EAE9B,MAAMmC,eAAe,GAAGA,CAAA,kBACtBnF,KAAA,CAAAoF,aAAA,CAAApF,KAAA,CAAAqF,QAAA,qBACErF,KAAA,CAAAoF,aAAA,CAAC9E,IAAI;IACHgF,KAAK,EAAE;MACLC,WAAW,EAAEzE,gBAAgB,CAAC0E,UAAU;MACxCC,SAAS,EAAE;IACb;EAAE,gBAEFzF,KAAA,CAAAoF,aAAA,CAAC9D,IAAI;IACHoE,IAAI,EAAER,gBAAgB,CAAC/B,OAAO,CAAC,CAACV,IAAK;IACrCkD,IAAI,EAAEhE,QAAS;IACfiE,KAAK,EAAEV,gBAAgB,CAAC/B,OAAO,CAAC,CAACR;EAAW,CAC7C,CACG,CAAC,eAKP3C,KAAA,CAAAoF,aAAA,CAAC9E,IAAI;IACHgF,KAAK,EAAE,CACL,CAAClC,KAAK,IACJW,WAAW,IAAI;MAAE8B,SAAS,EAAE,CAAC,CAAC,GAAG1F,UAAU,CAAC2F,YAAY,CAAC;IAAE,CAAC,EAC9D/B,WAAW,IAAI;MAAEgC,YAAY,EAAE,CAAC,CAAC,GAAG5F,UAAU,CAAC2F,YAAY,CAAC;IAAE,CAAC,EAC/D;MAAEE,IAAI,EAAE;IAAE,CAAC;EACX,GAED5C,KAAK,iBACJpD,KAAA,CAAAoF,aAAA,CAAApF,KAAA,CAAAqF,QAAA,qBACErF,KAAA,CAAAoF,aAAA,CAAC1D,EAAE;IAACkE,KAAK,EAAEV,gBAAgB,CAAC/B,OAAO,CAAC,CAACR;EAAW,GAAES,KAAU,CAAC,eAC7DpD,KAAA,CAAAoF,aAAA,CAAC7D,OAAO;IAACoE,IAAI,EAAE;EAAE,CAAE,CACnB,CACH,eACD3F,KAAA,CAAAoF,aAAA,CAAC5D,IAAI;IACHoE,KAAK,EAAEV,gBAAgB,CAAC/B,OAAO,CAAC,CAACR,UAAW;IAC5CsD,MAAM,EAAE,SAAU;IAClBC,iBAAiB,EAAC,MAAM;IACxBjC,YAAY,EAAEA;EAAa,GAE1BZ,OACG,CAAC,EACNC,MAAM,iBACLtD,KAAA,CAAAoF,aAAA,CAAApF,KAAA,CAAAqF,QAAA,qBACErF,KAAA,CAAAoF,aAAA,CAAC7D,OAAO;IAACoE,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB3F,KAAA,CAAAoF,aAAA,CAAC3D,UAAU;IACTmE,KAAK,EAAEV,gBAAgB,CAAC/B,OAAO,CAAC,CAACR,UAAW;IAC5CwD,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;EAAM,GAEnB9C,MACS,CACZ,CAEA,CACN,CACH;EAED,MAAM+C,eAAe,GAAGA,CAAA,kBACtBrG,KAAA,CAAAoF,aAAA,CAAC9E,IAAI;IACHgG,GAAG,EAAE3C,OAAQ;IACb2B,KAAK,EAAE,CACLxD,MAAM,CAACE,SAAS,EAChBwB,SAAS,GAAG1B,MAAM,CAACD,gBAAgB,GAAGC,MAAM,CAACF,cAAc,EAC3D;MAAE2E,eAAe,EAAErB,gBAAgB,CAAC/B,OAAO,CAAC,CAACT;IAAW,CAAC,CACzD;IACFgB,MAAM,EAAEA,MAAO;IACf8C,UAAU,EAAE,KAAM;IAClBN,iBAAiB,EAAC,OAAO;IACzBzC,iBAAiB,EAAEA;EAAkB,GAEpC0B,eAAe,CAAC,CACb,CACP;EAED,MAAMsB,eAAe,GAAGA,CAAA,kBACtBzG,KAAA,CAAAoF,aAAA,CAAChF,SAAS;IACRkG,GAAG,EAAE3C,OAAQ;IACbD,MAAM,EAAEA,MAAO;IACfH,OAAO,EAAEA,OAAQ;IACjByB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvByB,UAAU,EAAEzB;IACZ;IAAA;IACAuB,UAAU,EAAE,IAAK;IACjB/C,iBAAiB,EAAEA,iBAAkB;IACrCyC,iBAAiB,EAAE;EAAS,gBAE5BlG,KAAA,CAAAoF,aAAA,CAAC7E,QAAQ,CAACD,IAAI;IACZgF,KAAK,EAAE,CACLxD,MAAM,CAACE,SAAS,EAChBwB,SAAS,GAAG1B,MAAM,CAACD,gBAAgB,GAAGC,MAAM,CAACF,cAAc,EAC3D;MAAE2E,eAAe,EAAErB,gBAAgB,CAAC/B,OAAO,CAAC,CAACT;IAAW,CAAC;IACzD;IACA,CAACc,SAAS,IAAIoB,qBAAqB;EACnC,GAEDO,eAAe,CAAC,CACJ,CACN,CACZ;EAED,OAAO7B,MAAM,gBAAGtD,KAAA,CAAAoF,aAAA,CAACqB,eAAe,MAAE,CAAC,gBAAGzG,KAAA,CAAAoF,aAAA,CAACiB,eAAe,MAAE,CAAC;AAC3D,CACF,CAAC"}
1
+ {"version":3,"names":["React","forwardRef","useCallback","useState","Pressable","View","Animated","IOVisualCostants","useIOThemeContext","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","useScaleAnimation","useIOFontDynamicScale","Icon","HStack","VStack","Body","ButtonText","H4","ICON_SIZE","padding","paddingFullWidth","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","themeType","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","paddingDefaultVariant","borderRadius","borderCurve","mapVariantStates","renderMainBlock","createElement","space","iconMargin","allowScaleSpacing","style","alignItems","allowFontScaling","name","size","color","marginTop","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAIEC,SAAS,EAETC,IAAI,QACC,cAAc;AACrB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,YAAY;AAChE,SAASC,QAAQ,EAAEC,SAAS,QAAQ,qBAAqB;AACzD,SAASC,aAAa,QAAQ,qBAAqB;AACnD,SAASC,cAAc,QAAkB,sBAAsB;AAC/D,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,qBAAqB,QAAQ,2BAA2B;AAEjE,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,IAAI,EAAEC,UAAU,QAAQ,eAAe;AAChD,SAASC,EAAE,QAAQ,kBAAkB;AAErC,MAAMC,SAA0B,GAAG,EAAE;AAErC,MAAM,CAACC,OAAO,EAAEC,gBAAgB,CAAC,GAAGX,cAAc;AA6BlD;;AAEA,MAAMY,yBAGL,GAAG;EACFC,KAAK,EAAE;IACLC,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAElB,QAAQ,CAAC,WAAW,CAAC;IACjCmB,UAAU,EAAE;EACd,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,eAAe;IACrBC,UAAU,EAAElB,QAAQ,CAAC,aAAa,CAAC;IACnCmB,UAAU,EAAE;EACd,CAAC;EACDE,IAAI,EAAE;IACJJ,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAElB,QAAQ,CAAC,UAAU,CAAC;IAChCmB,UAAU,EAAE;EACd,CAAC;EACDG,OAAO,EAAE;IACPL,IAAI,EAAE,SAAS;IACfC,UAAU,EAAElB,QAAQ,CAAC,aAAa,CAAC;IACnCmB,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAMI,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,wBAGL,GAAG;EACFR,KAAK,EAAE;IACLC,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAEjB,SAAS,CAACD,QAAQ,CAAC,WAAW,CAAC,EAAEuB,iBAAiB,CAAC;IAC/DJ,UAAU,EAAE;EACd,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,eAAe;IACrBC,UAAU,EAAEjB,SAAS,CAACD,QAAQ,CAAC,aAAa,CAAC,EAAEuB,iBAAiB,CAAC;IACjEJ,UAAU,EAAE;EACd,CAAC;EACDE,IAAI,EAAE;IACJJ,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAEjB,SAAS,CAACD,QAAQ,CAAC,UAAU,CAAC,EAAEuB,iBAAiB,CAAC;IAC9DJ,UAAU,EAAE;EACd,CAAC;EACDG,OAAO,EAAE;IACPL,IAAI,EAAE,SAAS;IACfC,UAAU,EAAEjB,SAAS,CAACD,QAAQ,CAAC,aAAa,CAAC,EAAEuB,iBAAiB,CAAC;IACjEJ,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMM,KAAK,gBAAGjC,UAAU,CAC7B,CACE;EACEkC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,iBAAiB;EACjBC;AACS,CAAC,EACZC,OAAO,KACS;EAChB,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GACjDjC,iBAAiB,CAAC,QAAQ,CAAC;EAC7B,MAAM;IAAEkC,gBAAgB;IAAEC;EAAuB,CAAC,GAChDlC,qBAAqB,CAAC,CAAC;EACzB,MAAM;IAAEmC;EAAU,CAAC,GAAGzC,iBAAiB,CAAC,CAAC;EAEzC,MAAM,CAAC0C,WAAW,EAAEC,cAAc,CAAC,GAAGhD,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAMiD,YAAY,GAAGlD,WAAW,CAC7BmD,KAAgD,IAAK;IACpDF,cAAc,CAACE,KAAK,CAACC,WAAW,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,EACD,EACF,CAAC;EAED,MAAMC,qBAAqB,GAAG;IAC5BnC,OAAO;IACPoC,YAAY,EAAE/C,aAAa,GAAGoC,gBAAgB,GAAGC,sBAAsB;IACvEW,WAAW,EAAE;EACf,CAAC;EAED,MAAMC,gBAAgB,GACpBX,SAAS,KAAK,OAAO,GACjBzB,yBAAyB,GACzBS,wBAAwB;EAE9B,MAAM4B,eAAe,GAAGA,CAAA,kBACtB7D,KAAA,CAAA8D,aAAA,CAAC9C,MAAM;IACL+C,KAAK,EAAExD,gBAAgB,CAACyD,UAAuB;IAC/CC,iBAAiB;IACjBC,KAAK,EAAE;MAAEC,UAAU,EAAEjB,WAAW,GAAG,YAAY,GAAG;IAAS;EAAE,gBAE7DlD,KAAA,CAAA8D,aAAA,CAAC/C,IAAI;IACHqD,gBAAgB;IAChBC,IAAI,EAAET,gBAAgB,CAACzB,OAAO,CAAC,CAACT,IAAK;IACrC4C,IAAI,EAAEjD,SAAU;IAChBkD,KAAK,EAAEX,gBAAgB,CAACzB,OAAO,CAAC,CAACP;EAAW,CAC7C,CAAC,eAKF5B,KAAA,CAAA8D,aAAA,CAACzD,IAAI;IACH6D,KAAK,EAAE,CACL,CAAC9B,KAAK,IAAIc,WAAW,IAAI;MAAEsB,SAAS,EAAE,CAAC,CAAC,GAAGzB;IAAiB,CAAC,EAC7DG,WAAW,IAAI;MAAEuB,YAAY,EAAE,CAAC,CAAC,GAAG1B;IAAiB,CAAC,EACtD;MAAE2B,IAAI,EAAE;IAAE,CAAC;EACX,gBAEF1E,KAAA,CAAA8D,aAAA,CAAC7C,MAAM;IAAC8C,KAAK,EAAE,CAAE;IAACE,iBAAiB;EAAA,GAChC7B,KAAK,iBACJpC,KAAA,CAAA8D,aAAA,CAAC1C,EAAE;IAACmD,KAAK,EAAEX,gBAAgB,CAACzB,OAAO,CAAC,CAACP;EAAW,GAAEQ,KAAU,CAC7D,eACDpC,KAAA,CAAA8D,aAAA,CAAC5C,IAAI;IACHqD,KAAK,EAAEX,gBAAgB,CAACzB,OAAO,CAAC,CAACP,UAAW;IAC5C+C,MAAM,EAAE,SAAU;IAClBC,iBAAiB,EAAC,MAAM;IACxBxB,YAAY,EAAEA;EAAa,GAE1Bf,OACG,CAAC,EACNC,MAAM,iBACLtC,KAAA,CAAA8D,aAAA,CAAC3C,UAAU;IACToD,KAAK,EAAEX,gBAAgB,CAACzB,OAAO,CAAC,CAACP,UAAW;IAC5CiD,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;EAAM,GAEnBxC,MACS,CAER,CACJ,CACA,CACT;EAED,MAAMyC,eAAe,GAAGA,CAAA,kBACtB/E,KAAA,CAAA8D,aAAA,CAACzD,IAAI;IACH2E,GAAG,EAAErC,OAAQ;IACbuB,KAAK,EAAE,CACL1B,SAAS,GAAG;MAAElB;IAAQ,CAAC,GAAGmC,qBAAqB,EAC/C;MAAEwB,eAAe,EAAErB,gBAAgB,CAACzB,OAAO,CAAC,CAACR;IAAW,CAAC,CACzD;IACFe,MAAM,EAAEA,MAAO;IACfwC,UAAU,EAAE,KAAM;IAClBN,iBAAiB,EAAC,OAAO;IACzBnC,iBAAiB,EAAEA;EAAkB,GAEpCoB,eAAe,CAAC,CACb,CACP;EAED,MAAMsB,eAAe,GAAGA,CAAA,kBACtBnF,KAAA,CAAA8D,aAAA,CAAC1D,SAAS;IACR4E,GAAG,EAAErC,OAAQ;IACbD,MAAM,EAAEA,MAAO;IACfH,OAAO,EAAEA,OAAQ;IACjBK,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBuC,UAAU,EAAEvC;IACZ;IAAA;IACAqC,UAAU,EAAE,IAAK;IACjBzC,iBAAiB,EAAEA,iBAAkB;IACrCmC,iBAAiB,EAAE;EAAS,gBAE5B5E,KAAA,CAAA8D,aAAA,CAACxD,QAAQ,CAACD,IAAI;IACZ6D,KAAK,EAAE,CACL1B,SAAS,GAAG;MAAElB,OAAO,EAAEC;IAAiB,CAAC,GAAGkC,qBAAqB,EACjE;MAAEwB,eAAe,EAAErB,gBAAgB,CAACzB,OAAO,CAAC,CAACR;IAAW,CAAC;IACzD;IACA,CAACa,SAAS,IAAIM,kBAAkB;EAChC,GAEDe,eAAe,CAAC,CACJ,CACN,CACZ;EAED,OAAOvB,MAAM,gBAAGtC,KAAA,CAAA8D,aAAA,CAACqB,eAAe,MAAE,CAAC,gBAAGnF,KAAA,CAAA8D,aAAA,CAACiB,eAAe,MAAE,CAAC;AAC3D,CACF,CAAC"}
@@ -1,11 +1,12 @@
1
- import React, { useCallback, useMemo } from "react";
1
+ import React, { useMemo } from "react";
2
2
  import { Pressable, StyleSheet, Text, View } from "react-native";
3
- import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
3
+ import Animated from "react-native-reanimated";
4
4
  import { useSafeAreaInsets } from "react-native-safe-area-context";
5
- import { IOScaleValues, IOSpringValues, IOVisualCostants, enterTransitionAlertEdgeToEdge, enterTransitionAlertEdgeToEdgeContent, exitTransitionAlertEdgeToEdge } from "../../core";
5
+ import { IOVisualCostants, enterTransitionAlertEdgeToEdge, enterTransitionAlertEdgeToEdgeContent, exitTransitionAlertEdgeToEdge } from "../../core";
6
6
  import { IOColors } from "../../core/IOColors";
7
7
  import { IOAlertSpacing } from "../../core/IOSpacing";
8
8
  import { IOStyles } from "../../core/IOStyles";
9
+ import { useScaleAnimation } from "../../hooks";
9
10
  import { makeFontStyleObject } from "../../utils/fonts";
10
11
  import { Icon } from "../icons";
11
12
  import { Body } from "../typography";
@@ -46,34 +47,12 @@ export const AlertEdgeToEdge = ({
46
47
  accessibilityHint,
47
48
  testID
48
49
  }) => {
49
- var _IOScaleValues$basicB;
50
- const isPressed = useSharedValue(0);
50
+ const {
51
+ onPressIn,
52
+ onPressOut,
53
+ scaleAnimatedStyle
54
+ } = useScaleAnimation("slight");
51
55
  const insets = useSafeAreaInsets();
52
-
53
- // Scaling transformation applied when the button is pressed
54
- const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
55
-
56
- // Using a spring-based animation for our interpolations
57
- const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
58
-
59
- // Interpolate animation values from `isPressed` values
60
- const pressedAnimationStyle = useAnimatedStyle(() => {
61
- // Scale down button slightly when pressed
62
- const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
63
- return {
64
- transform: [{
65
- scale
66
- }]
67
- };
68
- });
69
- const onPressIn = useCallback(() => {
70
- // eslint-disable-next-line functional/immutable-data
71
- isPressed.value = 1;
72
- }, [isPressed]);
73
- const onPressOut = useCallback(() => {
74
- // eslint-disable-next-line functional/immutable-data
75
- isPressed.value = 0;
76
- }, [isPressed]);
77
56
  const backgroundColor = useMemo(() => IOColors[mapVariantStates[variant].background], [variant]);
78
57
  const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
79
58
  style: {
@@ -109,7 +88,7 @@ export const AlertEdgeToEdge = ({
109
88
  accessibilityRole: "button"
110
89
  }, /*#__PURE__*/React.createElement(Animated.View, {
111
90
  entering: enterTransitionAlertEdgeToEdgeContent,
112
- style: [styles.alert, pressedAnimationStyle]
91
+ style: [styles.alert, scaleAnimatedStyle]
113
92
  }, renderMainBlock()));
114
93
  const StaticComponent = () => /*#__PURE__*/React.createElement(Animated.View, {
115
94
  entering: enterTransitionAlertEdgeToEdgeContent,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useMemo","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useSafeAreaInsets","IOScaleValues","IOSpringValues","IOVisualCostants","enterTransitionAlertEdgeToEdge","enterTransitionAlertEdgeToEdgeContent","exitTransitionAlertEdgeToEdge","IOColors","IOAlertSpacing","IOStyles","makeFontStyleObject","Icon","Body","iconSize","spacingDefault","styles","create","alert","flexDirection","alignItems","alignContent","padding","mapVariantStates","error","icon","background","foreground","warning","info","AlertEdgeToEdge","variant","content","action","onPress","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","insets","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","backgroundColor","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","flex","weight","accessibilityRole","undefined","PressableButton","onTouchEnd","accessible","entering","StaticComponent","exiting","paddingTop","top"],"sourceRoot":"../../../../src","sources":["components/alert/AlertEdgeToEdge.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","useMemo","Pressable","StyleSheet","Text","View","Animated","useSafeAreaInsets","IOVisualCostants","enterTransitionAlertEdgeToEdge","enterTransitionAlertEdgeToEdgeContent","exitTransitionAlertEdgeToEdge","IOColors","IOAlertSpacing","IOStyles","useScaleAnimation","makeFontStyleObject","Icon","Body","iconSize","spacingDefault","styles","create","alert","flexDirection","alignItems","alignContent","padding","mapVariantStates","error","icon","background","foreground","warning","info","AlertEdgeToEdge","variant","content","action","onPress","accessibilityHint","testID","onPressIn","onPressOut","scaleAnimatedStyle","insets","backgroundColor","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","flex","weight","accessibilityRole","undefined","PressableButton","onTouchEnd","accessible","entering","StaticComponent","exiting","paddingTop","top"],"sourceRoot":"../../../../src","sources":["components/alert/AlertEdgeToEdge.tsx"],"mappings":"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"}
@@ -1,18 +1,21 @@
1
1
  import React from "react";
2
2
  import { Platform, StyleSheet, View } from "react-native";
3
3
  import { hexToRgba, IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
4
+ import { useIOFontDynamicScale } from "../../utils/accessibility";
4
5
  import { IOText } from "../typography";
5
6
  const styles = StyleSheet.create({
6
7
  badge: {
7
8
  flexDirection: "row",
8
9
  alignItems: "center",
9
10
  justifyContent: "center",
11
+ borderCurve: "continuous",
10
12
  ...Platform.select({
11
13
  android: {
12
14
  textAlignVertical: "center"
13
15
  }
14
- }),
15
- borderCurve: "continuous",
16
+ })
17
+ },
18
+ badgeStaticStyle: {
16
19
  borderRadius: IOBadgeRadius,
17
20
  paddingHorizontal: IOBadgeHSpacing,
18
21
  paddingVertical: IOBadgeVSpacing
@@ -25,6 +28,7 @@ const styles = StyleSheet.create({
25
28
  export const Badge = ({
26
29
  text,
27
30
  outline = false,
31
+ allowFontScaling = true,
28
32
  variant,
29
33
  testID
30
34
  }) => {
@@ -32,6 +36,9 @@ export const Badge = ({
32
36
  isExperimental
33
37
  } = useIOExperimentalDesign();
34
38
  const theme = useIOTheme();
39
+ const {
40
+ dynamicFontScale
41
+ } = useIOFontDynamicScale();
35
42
  const {
36
43
  themeType
37
44
  } = useIOThemeContext();
@@ -191,16 +198,22 @@ export const Badge = ({
191
198
  background,
192
199
  foreground
193
200
  } = variantMap[variant];
201
+ const dynamicStyle = {
202
+ borderRadius: IOBadgeRadius * dynamicFontScale,
203
+ paddingHorizontal: IOBadgeHSpacing * dynamicFontScale,
204
+ paddingVertical: IOBadgeVSpacing * dynamicFontScale
205
+ };
194
206
  return /*#__PURE__*/React.createElement(View, {
195
207
  accessible: true,
196
208
  testID: testID,
197
- style: [styles.badge, outline ? {
209
+ style: [styles.badge, allowFontScaling ? dynamicStyle : styles.badgeStaticStyle, outline ? {
198
210
  borderWidth: 1,
199
211
  borderColor: IOColors[foreground]
200
212
  } : {
201
213
  backgroundColor: background ?? undefined
202
214
  }]
203
215
  }, /*#__PURE__*/React.createElement(IOText, {
216
+ allowFontScaling: allowFontScaling,
204
217
  font: isExperimental ? "Titillio" : "TitilliumSansPro",
205
218
  weight: "Semibold",
206
219
  size: 12,
@@ -1 +1 @@
1
- {"version":3,"names":["React","Platform","StyleSheet","View","hexToRgba","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","useIOTheme","useIOThemeContext","IOText","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderCurve","borderRadius","paddingHorizontal","paddingVertical","Badge","text","outline","variant","testID","isExperimental","theme","themeType","bgOpacityDarkMode","mapVariantsLightMode","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","createElement","accessible","style","borderWidth","borderColor","backgroundColor","undefined","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAqBC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACrE,SACEC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,eAAe,EACfC,QAAQ,EACRC,uBAAuB,EACvBC,UAAU,EACVC,iBAAiB,QACZ,YAAY;AAEnB,SAASC,MAAM,QAAQ,eAAe;AA4BtC,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGjB,QAAQ,CAACkB,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,iBAAiB,EAAE;MACrB;IACF,CAAC,CAAC;IACFC,WAAW,EAAE,YAAY;IACzBC,YAAY,EAAEjB,aAAa;IAC3BkB,iBAAiB,EAAEnB,eAAe;IAClCoB,eAAe,EAAElB;EACnB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMmB,KAAK,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO,GAAG,KAAK;EAAEC,OAAO;EAAEC;AAAc,CAAC,KAAK;EAC1E,MAAM;IAAEC;EAAe,CAAC,GAAGtB,uBAAuB,CAAC,CAAC;EACpD,MAAMuB,KAAK,GAAGtB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEuB;EAAU,CAAC,GAAGtB,iBAAiB,CAAC,CAAC;EAEzC,MAAMuB,iBAAiB,GAAG,GAAG;EAE7B,MAAMC,oBAGL,GAAG;IACFC,OAAO,EAAE;MACPC,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAAC,SAAS;IAChC,CAAC;IACD+B,IAAI,EAAE;MACJF,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAAC,UAAU;IACjC,CAAC;IACDgC,OAAO,EAAE;MACPH,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAE9B,QAAQ,CAAC,aAAa;IACpC,CAAC;IACDiC,OAAO,EAAE;MACPJ,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAE9B,QAAQ,CAAC,aAAa;IACpC,CAAC;IACDkC,KAAK,EAAE;MACLL,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE9B,QAAQ,CAAC,WAAW;IAClC,CAAC;IACDmC,MAAM,EAAE;MACNN,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAE9B,QAAQ,CAAC,eAAe;IACtC,CAAC;IACDoC,SAAS,EAAE;MACTP,UAAU,EAAE,YAAY;MACxBC,UAAU,EAAE9B,QAAQ,CAAC,WAAW;IAClC,CAAC;IACDqC,IAAI,EAAE;MACJR,UAAU,EAAE,OAAO;MACnBC,UAAU,EAAE9B,QAAQ,CAACwB,KAAK,CAAC,yBAAyB,CAAC;IACvD,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAE9B,QAAQ,CAAC,cAAc;IACrC,CAAC;IACDuC,QAAQ,EAAE;MACRV,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAACwC;IACvB;EACF,CAAC;EAED,MAAMC,mBAGL,GAAG;IACFb,OAAO,EAAE;MACPC,UAAU,EAAE,SAAS;MACrBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,SAAS,CAAC,EAAE0B,iBAAiB;IAC9D,CAAC;IACDK,IAAI,EAAE;MACJF,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,UAAU,CAAC,EAAE0B,iBAAiB;IAC/D,CAAC;IACDM,OAAO,EAAE;MACPH,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,aAAa,CAAC,EAAE0B,iBAAiB;IAClE,CAAC;IACDO,OAAO,EAAE;MACPJ,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,aAAa,CAAC,EAAE0B,iBAAiB;IAClE,CAAC;IACDQ,KAAK,EAAE;MACLL,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,WAAW,CAAC,EAAE0B,iBAAiB;IAChE,CAAC;IACDS,MAAM,EAAE;MACNN,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,eAAe,CAAC,EAAE0B,iBAAiB;IACpE,CAAC;IACDU,SAAS,EAAE;MACTP,UAAU,EAAE,YAAY;MACxBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,YAAY,CAAC,EAAE0B,iBAAiB;IACjE,CAAC;IACDW,IAAI,EAAE;MACJR,UAAU,EAAE,OAAO;MACnBC,UAAU,EAAE9B,QAAQ,CAACwB,KAAK,CAAC,yBAAyB,CAAC;IACvD,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,eAAe,CAAC,EAAE0B,iBAAiB;IACpE,CAAC;IACDa,QAAQ,EAAE;MACRV,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAACwC;IACvB;EACF,CAAC;EAED,MAAME,2BAGL,GAAG;IACFd,OAAO,EAAE;MACPC,UAAU,EAAE;IACd,CAAC;IACDE,IAAI,EAAE;MACJF,UAAU,EAAE;IACd,CAAC;IACDG,OAAO,EAAE;MACPH,UAAU,EAAE;IACd,CAAC;IACDI,OAAO,EAAE;MACPJ,UAAU,EAAE;IACd,CAAC;IACDK,KAAK,EAAE;MACLL,UAAU,EAAE;IACd,CAAC;IACDM,MAAM,EAAE;MACNN,UAAU,EAAE;IACd,CAAC;IACDO,SAAS,EAAE;MACTP,UAAU,EAAE;IACd,CAAC;IACDQ,IAAI,EAAE;MACJR,UAAU,EAAEL,KAAK,CAAC,yBAAyB;IAC7C,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE;IACd,CAAC;IACDU,QAAQ,EAAE;MACRV,UAAU,EAAE;IACd;EACF,CAAC;EAED,MAAMc,0BAGL,GAAG;IACFf,OAAO,EAAE;MACPC,UAAU,EAAE;IACd,CAAC;IACDE,IAAI,EAAE;MACJF,UAAU,EAAE;IACd,CAAC;IACDG,OAAO,EAAE;MACPH,UAAU,EAAE;IACd,CAAC;IACDI,OAAO,EAAE;MACPJ,UAAU,EAAE;IACd,CAAC;IACDK,KAAK,EAAE;MACLL,UAAU,EAAE;IACd,CAAC;IACDM,MAAM,EAAE;MACNN,UAAU,EAAE;IACd,CAAC;IACDO,SAAS,EAAE;MACTP,UAAU,EAAE;IACd,CAAC;IACDQ,IAAI,EAAE;MACJR,UAAU,EAAEL,KAAK,CAAC,yBAAyB;IAC7C,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE;IACd,CAAC;IACDU,QAAQ,EAAE;MACRV,UAAU,EAAE;IACd;EACF,CAAC;;EAED;EACA,MAAMe,UAAU,GAAGnB,SAAS,KAAK,OAAO,GACnCL,OAAO,GAAGsB,2BAA2B,GAAGf,oBAAoB,GAC5DP,OAAO,GAAGuB,0BAA0B,GAAGF,mBAAoB;EAEhE,MAAM;IAAEX,UAAU;IAAED;EAAW,CAAC,GAAGe,UAAU,CAACvB,OAAO,CAAC;EAEtD,oBACE7B,KAAA,CAAAqD,aAAA,CAAClD,IAAI;IACHmD,UAAU,EAAE,IAAK;IACjBxB,MAAM,EAAEA,MAAO;IACfyB,KAAK,EAAE,CACL1C,MAAM,CAACE,KAAK,EACZa,OAAO,GACH;MACE4B,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEjD,QAAQ,CAAC6B,UAAU;IAClC,CAAC,GACD;MACEqB,eAAe,EAAEpB,UAAU,IAAIqB;IACjC,CAAC;EACL,gBAEF3D,KAAA,CAAAqD,aAAA,CAACzC,MAAM;IACLgD,IAAI,EAAE7B,cAAc,GAAG,UAAU,GAAG,kBAAmB;IACvD8B,MAAM,EAAE,UAAW;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE,EAAG;IACfC,KAAK,EAAE3B,UAAW;IAClB4B,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBX,KAAK,EAAE;MACLY,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBC,UAAU,EAAE;IACd;EAAE,GAED3C,IACK,CACJ,CAAC;AAEX,CAAC"}
1
+ {"version":3,"names":["React","Platform","StyleSheet","View","hexToRgba","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","useIOTheme","useIOThemeContext","useIOFontDynamicScale","IOText","styles","create","badge","flexDirection","alignItems","justifyContent","borderCurve","select","android","textAlignVertical","badgeStaticStyle","borderRadius","paddingHorizontal","paddingVertical","Badge","text","outline","allowFontScaling","variant","testID","isExperimental","theme","dynamicFontScale","themeType","bgOpacityDarkMode","mapVariantsLightMode","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","dynamicStyle","createElement","accessible","style","borderWidth","borderColor","backgroundColor","undefined","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
@@ -8,9 +8,11 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
8
8
  {
9
9
  "alignItems": "center",
10
10
  "borderCurve": "continuous",
11
- "borderRadius": 24,
12
11
  "flexDirection": "row",
13
12
  "justifyContent": "center",
13
+ },
14
+ {
15
+ "borderRadius": 24,
14
16
  "paddingHorizontal": 8,
15
17
  "paddingVertical": 4,
16
18
  },
@@ -23,7 +25,7 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
23
25
  <Text
24
26
  allowFontScaling={true}
25
27
  ellipsizeMode="tail"
26
- maxFontSizeMultiplier={1.25}
28
+ maxFontSizeMultiplier={1.5}
27
29
  numberOfLines={1}
28
30
  style={
29
31
  [
@@ -58,9 +60,11 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
58
60
  {
59
61
  "alignItems": "center",
60
62
  "borderCurve": "continuous",
61
- "borderRadius": 24,
62
63
  "flexDirection": "row",
63
64
  "justifyContent": "center",
65
+ },
66
+ {
67
+ "borderRadius": 24,
64
68
  "paddingHorizontal": 8,
65
69
  "paddingVertical": 4,
66
70
  },
@@ -71,9 +75,9 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
71
75
  }
72
76
  >
73
77
  <Text
74
- allowFontScaling={false}
78
+ allowFontScaling={true}
75
79
  ellipsizeMode="tail"
76
- maxFontSizeMultiplier={1.25}
80
+ maxFontSizeMultiplier={1.5}
77
81
  numberOfLines={1}
78
82
  style={
79
83
  [
@@ -1,8 +1,9 @@
1
- import React, { useCallback } from "react";
1
+ import React from "react";
2
2
  import { Pressable, StyleSheet, View } from "react-native";
3
- import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
4
- import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOScaleValues, IOSpringValues, IOStyles, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
3
+ import Animated from "react-native-reanimated";
4
+ import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOStyles, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
5
5
  import { hexToRgba, IOColors } from "../../core/IOColors";
6
+ import { useScaleAnimation } from "../../hooks";
6
7
  import { IconButton } from "../buttons";
7
8
  import { PictogramBleed } from "../pictograms";
8
9
  import { VSpacer } from "../spacer";
@@ -72,8 +73,11 @@ export const Banner = ({
72
73
  accessibilityLabel,
73
74
  testID
74
75
  }) => {
75
- var _IOScaleValues$magnif;
76
- const isPressed = useSharedValue(0);
76
+ const {
77
+ onPressIn,
78
+ onPressOut,
79
+ scaleAnimatedStyle
80
+ } = useScaleAnimation("medium");
77
81
  const {
78
82
  isExperimental
79
83
  } = useIOExperimentalDesign();
@@ -92,33 +96,6 @@ export const Banner = ({
92
96
  paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
93
97
  };
94
98
 
95
- // Scaling transformation applied when the button is pressed
96
- const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
97
-
98
- // Using a spring-based animation for our interpolations
99
- const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
100
-
101
- // Interpolate animation values from `isPressed` values
102
- const pressedAnimationStyle = useAnimatedStyle(() => {
103
- // Link color states to the pressed states
104
-
105
- // Scale down button slightly when pressed
106
- const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolation.CLAMP);
107
- return {
108
- transform: [{
109
- scale
110
- }]
111
- };
112
- });
113
- const onPressIn = useCallback(() => {
114
- // eslint-disable-next-line functional/immutable-data
115
- isPressed.value = 1;
116
- }, [isPressed]);
117
- const onPressOut = useCallback(() => {
118
- // eslint-disable-next-line functional/immutable-data
119
- isPressed.value = 0;
120
- }, [isPressed]);
121
-
122
99
  /* Generates a complete fallbackAccessibilityLabel by concatenating the title, content, and action
123
100
  if they are present. */
124
101
  const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
@@ -185,7 +162,7 @@ export const Banner = ({
185
162
  onPressOut: onPressOut,
186
163
  accessible: false
187
164
  }, /*#__PURE__*/React.createElement(Animated.View, {
188
- style: [styles.container, dynamicContainerStyles, pressedAnimationStyle]
165
+ style: [styles.container, dynamicContainerStyles, scaleAnimatedStyle]
189
166
  }, renderMainBlock()));
190
167
  const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
191
168
  ref: viewRef,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","_IOScaleValues$magnif","isPressed","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","useScaleAnimation","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}