@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.
- package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/lib/commonjs/components/alert/Alert.js +44 -65
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js +9 -29
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +16 -3
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/lib/commonjs/components/banner/Banner.js +10 -34
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/commonjs/components/buttons/ButtonLink.js +26 -54
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +27 -45
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +24 -45
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +15 -32
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +19 -42
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +16 -31
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +61 -19
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +23 -18
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +13 -8
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/common/AnimatedTick.js +7 -3
- package/lib/commonjs/components/common/AnimatedTick.js.map +1 -1
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js +9 -3
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +9 -6
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +14 -7
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +7 -10
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -9
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/layout/index.js +0 -11
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +24 -46
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAmount.js +13 -11
- package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +25 -48
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +11 -4
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +14 -17
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +29 -55
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +36 -64
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +32 -58
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +43 -58
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +7 -2
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +12 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +4 -2
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +442 -430
- package/lib/commonjs/components/listitems/__test__/listitem.test.js +3 -3
- package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +11 -11
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +7 -2
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +5 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +17 -11
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/commonjs/components/modules/index.js +8 -8
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +12 -28
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
- package/lib/commonjs/components/pictograms/Pictogram.js +17 -4
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/radio/AnimatedRadio.js +16 -15
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js +9 -5
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +4 -3
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/spacer/Spacer.js +13 -6
- package/lib/commonjs/components/spacer/Spacer.js.map +1 -1
- package/lib/commonjs/components/stack/Stack.js +19 -9
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +15 -21
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +21 -8
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInput.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +23 -10
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js +3 -6
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/lib/commonjs/core/IOAnimations.js +6 -12
- package/lib/commonjs/core/IOAnimations.js.map +1 -1
- package/lib/commonjs/hooks/index.js +28 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useListItemAnimation.js +40 -0
- package/lib/commonjs/hooks/useListItemAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useScaleAnimation.js +36 -0
- package/lib/commonjs/hooks/useScaleAnimation.js.map +1 -0
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/accessibility.js +29 -1
- package/lib/commonjs/utils/accessibility.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +3 -2
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/commonjs/utils/hooks/index.js +28 -0
- package/lib/commonjs/utils/hooks/index.js.map +1 -0
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js +5 -7
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/lib/module/components/alert/Alert.js +45 -67
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/alert/AlertEdgeToEdge.js +10 -31
- package/lib/module/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/module/components/badge/Badge.js +16 -3
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/lib/module/components/banner/Banner.js +10 -33
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/module/components/buttons/ButtonLink.js +29 -57
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +30 -48
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +27 -48
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +18 -35
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +21 -45
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +18 -34
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +61 -19
- package/lib/module/components/checkbox/AnimatedCheckbox.js +23 -18
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +14 -9
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/common/AnimatedTick.js +7 -3
- package/lib/module/components/common/AnimatedTick.js.map +1 -1
- package/lib/module/components/common/LogoPaymentWithFallback.js +9 -3
- package/lib/module/components/common/LogoPaymentWithFallback.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js +11 -8
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/icons/Icon.js +15 -6
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -11
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +9 -10
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/layout/index.js +0 -1
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +25 -48
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemAmount.js +13 -11
- package/lib/module/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +28 -51
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +11 -4
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +14 -17
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +30 -57
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +38 -65
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +33 -58
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +46 -61
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +7 -2
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +12 -14
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +3 -1
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/module/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +442 -430
- package/lib/module/components/listitems/__test__/listitem.test.js +1 -1
- package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/module/components/listitems/index.js +1 -1
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +7 -2
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +5 -1
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +17 -10
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/module/components/modules/index.js +1 -1
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +14 -30
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
- package/lib/module/components/pictograms/Pictogram.js +17 -4
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/radio/AnimatedRadio.js +16 -15
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/radio/RadioButtonLabel.js +10 -6
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +5 -4
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/spacer/Spacer.js +11 -5
- package/lib/module/components/spacer/Spacer.js.map +1 -1
- package/lib/module/components/stack/Stack.js +19 -9
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +18 -24
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tag/Tag.js +21 -8
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInput.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +23 -10
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/IOText.js +5 -8
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/lib/module/core/IOAnimations.js +4 -10
- package/lib/module/core/IOAnimations.js.map +1 -1
- package/lib/module/hooks/index.js +3 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useListItemAnimation.js +33 -0
- package/lib/module/hooks/useListItemAnimation.js.map +1 -0
- package/lib/module/hooks/useScaleAnimation.js +29 -0
- package/lib/module/hooks/useScaleAnimation.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/accessibility.js +28 -1
- package/lib/module/utils/accessibility.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -0
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/module/utils/hooks/index.js +3 -0
- package/lib/module/utils/hooks/index.js.map +1 -0
- package/lib/module/utils/hooks/useSpringPressProgressValue.js +5 -5
- package/lib/module/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/alert/AlertEdgeToEdge.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts +2 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts +2 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts +2 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/common/AnimatedTick.d.ts +4 -3
- package/lib/typescript/components/common/AnimatedTick.d.ts.map +1 -1
- package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +5 -3
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/index.d.ts +0 -1
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/{PressableListItemsBase.d.ts → PressableListItemBase.d.ts} +3 -2
- package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -0
- package/lib/typescript/components/listitems/index.d.ts +1 -1
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
- package/lib/typescript/components/modules/index.d.ts +1 -1
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +5 -3
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/types.d.ts +1 -2
- package/lib/typescript/components/pictograms/types.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts +2 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts +2 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/spacer/Spacer.d.ts +1 -0
- package/lib/typescript/components/spacer/Spacer.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +2 -1
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts +4 -2
- package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInput.d.ts +2 -1
- package/lib/typescript/components/textInput/TextInput.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +1 -1
- package/lib/typescript/components/typography/H1.d.ts +1 -1
- package/lib/typescript/components/typography/H2.d.ts +1 -1
- package/lib/typescript/components/typography/H3.d.ts +1 -1
- package/lib/typescript/components/typography/H4.d.ts +1 -1
- package/lib/typescript/components/typography/H5.d.ts +1 -1
- package/lib/typescript/components/typography/H6.d.ts +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
- package/lib/typescript/core/IOAnimations.d.ts +6 -10
- package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +7 -7
- package/lib/typescript/hooks/index.d.ts +3 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts.map +1 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/utils/accessibility.d.ts +10 -0
- package/lib/typescript/utils/accessibility.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +2 -1
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/lib/typescript/utils/hooks/index.d.ts +3 -0
- package/lib/typescript/utils/hooks/index.d.ts.map +1 -0
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +7 -8
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/src/components/alert/Alert.tsx +49 -106
- package/src/components/alert/AlertEdgeToEdge.tsx +6 -46
- package/src/components/badge/Badge.tsx +29 -4
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/src/components/banner/Banner.tsx +6 -54
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/src/components/buttons/ButtonLink.tsx +36 -89
- package/src/components/buttons/ButtonOutline.tsx +40 -75
- package/src/components/buttons/ButtonSolid.tsx +21 -67
- package/src/components/buttons/IconButton.tsx +12 -47
- package/src/components/buttons/IconButtonContained.tsx +21 -57
- package/src/components/buttons/IconButtonSolid.tsx +16 -46
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +61 -19
- package/src/components/checkbox/AnimatedCheckbox.tsx +36 -18
- package/src/components/checkbox/CheckboxLabel.tsx +22 -10
- package/src/components/common/AnimatedTick.tsx +9 -3
- package/src/components/common/LogoPaymentWithFallback.tsx +27 -5
- package/src/components/featureInfo/FeatureInfo.tsx +13 -9
- package/src/components/icons/Icon.tsx +23 -7
- package/src/components/layout/HeaderFirstLevel.tsx +11 -21
- package/src/components/layout/HeaderSecondLevel.tsx +5 -14
- package/src/components/layout/index.tsx +0 -1
- package/src/components/listitems/ListItemAction.tsx +28 -73
- package/src/components/listitems/ListItemAmount.tsx +16 -11
- package/src/components/listitems/ListItemCheckbox.tsx +39 -83
- package/src/components/listitems/ListItemHeader.tsx +14 -4
- package/src/components/listitems/ListItemInfo.tsx +27 -20
- package/src/components/listitems/ListItemInfoCopy.tsx +37 -86
- package/src/components/listitems/ListItemNav.tsx +55 -112
- package/src/components/listitems/ListItemNavAlert.tsx +42 -102
- package/src/components/listitems/ListItemRadio.tsx +60 -107
- package/src/components/listitems/ListItemRadioWithAmount.tsx +9 -3
- package/src/components/listitems/ListItemSwitch.tsx +21 -27
- package/src/components/listitems/ListItemTransaction.tsx +4 -1
- package/src/components/listitems/{PressableListItemsBase.tsx → PressableListItemBase.tsx} +7 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +442 -430
- package/src/components/listitems/__test__/listitem.test.tsx +1 -1
- package/src/components/listitems/index.tsx +1 -1
- package/src/components/modules/ModuleCredential.tsx +5 -2
- package/src/components/modules/ModuleNavigation.tsx +3 -1
- package/src/components/modules/PressableModuleBase.tsx +15 -8
- package/src/components/modules/index.tsx +1 -1
- package/src/components/numberpad/NumberButton.tsx +12 -43
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
- package/src/components/pictograms/Pictogram.tsx +24 -5
- package/src/components/pictograms/types.ts +1 -3
- package/src/components/radio/AnimatedRadio.tsx +31 -15
- package/src/components/radio/RadioButtonLabel.tsx +16 -8
- package/src/components/searchInput/SearchInput.tsx +10 -5
- package/src/components/spacer/Spacer.tsx +21 -6
- package/src/components/stack/Stack.tsx +25 -14
- package/src/components/tabs/TabItem.tsx +15 -29
- package/src/components/tag/Tag.tsx +26 -8
- package/src/components/textInput/TextInput.tsx +2 -1
- package/src/components/textInput/TextInputBase.tsx +44 -11
- package/src/components/typography/IOText.tsx +5 -6
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/src/core/IOAnimations.ts +8 -10
- package/src/hooks/index.tsx +2 -0
- package/src/hooks/useListItemAnimation.tsx +59 -0
- package/src/hooks/useScaleAnimation.tsx +41 -0
- package/src/index.tsx +1 -0
- package/src/utils/accessibility.ts +32 -1
- package/src/utils/fonts.ts +1 -0
- package/src/utils/hooks/index.tsx +2 -0
- package/src/utils/hooks/useSpringPressProgressValue.ts +14 -8
- package/lib/commonjs/components/layout/FooterWithButtons.js +0 -84
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/commonjs/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +0 -56
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +0 -41
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/module/components/layout/FooterWithButtons.js +0 -75
- package/lib/module/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/module/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +0 -47
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +0 -34
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +0 -16
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +0 -1
- package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map +0 -1
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts +0 -13
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map +0 -1
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +0 -10
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +0 -1
- package/src/components/layout/FooterWithButtons.tsx +0 -90
- package/src/components/listitems/hooks/useListItemSpringAnimation.ts +0 -72
- package/src/components/modules/hooks/useModuleSpringAnimation.ts +0 -49
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
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.
|
|
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={
|
|
193
|
+
allowFontScaling={true}
|
|
194
194
|
dynamicTypeRamp="body"
|
|
195
|
-
maxFontSizeMultiplier={1.
|
|
195
|
+
maxFontSizeMultiplier={1.5}
|
|
196
196
|
style={
|
|
197
197
|
[
|
|
198
198
|
{},
|
|
@@ -1,32 +1,18 @@
|
|
|
1
|
-
import React, { useCallback, useState } from "react";
|
|
2
|
-
import {
|
|
3
|
-
import Animated
|
|
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 {
|
|
11
|
+
import { HStack, VStack } from "../stack";
|
|
11
12
|
import { Body, ButtonText } from "../typography";
|
|
12
13
|
import { H4 } from "../typography/H4";
|
|
13
|
-
const
|
|
14
|
-
const [
|
|
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__*/
|
|
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
|
-
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
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(
|
|
95
|
+
const renderMainBlock = () => /*#__PURE__*/React.createElement(HStack, {
|
|
96
|
+
space: IOVisualCostants.iconMargin,
|
|
97
|
+
allowScaleSpacing: true,
|
|
123
98
|
style: {
|
|
124
|
-
|
|
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:
|
|
104
|
+
size: ICON_SIZE,
|
|
130
105
|
color: mapVariantStates[variant].foreground
|
|
131
|
-
})
|
|
106
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
132
107
|
style: [!title && isMultiline && {
|
|
133
|
-
marginTop: -
|
|
108
|
+
marginTop: -6 * dynamicFontScale
|
|
134
109
|
}, isMultiline && {
|
|
135
|
-
marginBottom: -
|
|
110
|
+
marginBottom: -4 * dynamicFontScale
|
|
136
111
|
}, {
|
|
137
112
|
flex: 1
|
|
138
113
|
}]
|
|
139
|
-
},
|
|
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(
|
|
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(
|
|
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: [
|
|
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: [
|
|
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 &&
|
|
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","
|
|
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":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import { Pressable, StyleSheet, Text, View } from "react-native";
|
|
3
|
-
import Animated
|
|
3
|
+
import Animated from "react-native-reanimated";
|
|
4
4
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
5
|
-
import {
|
|
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
|
-
|
|
50
|
-
|
|
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,
|
|
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","
|
|
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
|
-
|
|
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","
|
|
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.
|
|
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={
|
|
78
|
+
allowFontScaling={true}
|
|
75
79
|
ellipsizeMode="tail"
|
|
76
|
-
maxFontSizeMultiplier={1.
|
|
80
|
+
maxFontSizeMultiplier={1.5}
|
|
77
81
|
numberOfLines={1}
|
|
78
82
|
style={
|
|
79
83
|
[
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
3
|
-
import Animated
|
|
4
|
-
import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing,
|
|
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
|
-
|
|
76
|
-
|
|
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,
|
|
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","
|
|
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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"}
|