@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":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","pressedAnimationStyle","useAnimatedStyle","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","enterTransitionInnerContentSmall","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
|
+
var _hooks = require("../../hooks");
|
|
11
12
|
var _icons = require("../icons");
|
|
12
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -75,53 +76,33 @@ const IconButton = ({
|
|
|
75
76
|
accessibilityHint,
|
|
76
77
|
testID
|
|
77
78
|
}) => {
|
|
78
|
-
var
|
|
79
|
-
const
|
|
79
|
+
var _colorMap$color, _colorMap$color2;
|
|
80
|
+
const {
|
|
81
|
+
progress,
|
|
82
|
+
onPressIn,
|
|
83
|
+
onPressOut,
|
|
84
|
+
scaleAnimatedStyle
|
|
85
|
+
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
86
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
80
87
|
const {
|
|
81
88
|
isExperimental
|
|
82
89
|
} = (0, _core.useIOExperimentalDesign)();
|
|
83
90
|
const colorMap = (0, _react.useMemo)(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
84
91
|
|
|
85
|
-
// Scaling transformation applied when the button is pressed
|
|
86
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$exagge = _core.IOScaleValues.exaggeratedButton) === null || _IOScaleValues$exagge === void 0 ? void 0 : _IOScaleValues$exagge.pressedState;
|
|
87
|
-
|
|
88
|
-
// Using a spring-based animation for our interpolations
|
|
89
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
90
|
-
|
|
91
|
-
// Interpolate animation values from `isPressed` values
|
|
92
|
-
|
|
93
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
94
|
-
// Scale down button slightly when pressed
|
|
95
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
96
|
-
return {
|
|
97
|
-
transform: [{
|
|
98
|
-
scale
|
|
99
|
-
}]
|
|
100
|
-
};
|
|
101
|
-
});
|
|
102
|
-
|
|
103
92
|
// Animate the <Icon> color prop
|
|
104
93
|
const animatedColor = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
105
|
-
const iconColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
94
|
+
const iconColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
|
|
106
95
|
return {
|
|
107
96
|
color: iconColor
|
|
108
97
|
};
|
|
109
98
|
});
|
|
110
|
-
const handlePressIn = (0, _react.useCallback)(() => {
|
|
111
|
-
// eslint-disable-next-line functional/immutable-data
|
|
112
|
-
isPressed.value = 1;
|
|
113
|
-
}, [isPressed]);
|
|
114
|
-
const handlePressOut = (0, _react.useCallback)(() => {
|
|
115
|
-
// eslint-disable-next-line functional/immutable-data
|
|
116
|
-
isPressed.value = 0;
|
|
117
|
-
}, [isPressed]);
|
|
118
99
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
119
100
|
disabled: disabled
|
|
120
101
|
// Events
|
|
121
102
|
,
|
|
122
103
|
onPress: onPress,
|
|
123
|
-
onPressIn:
|
|
124
|
-
onPressOut:
|
|
104
|
+
onPressIn: onPressIn,
|
|
105
|
+
onPressOut: onPressOut
|
|
125
106
|
// Accessibility
|
|
126
107
|
,
|
|
127
108
|
accessible: true,
|
|
@@ -139,13 +120,15 @@ const IconButton = ({
|
|
|
139
120
|
,
|
|
140
121
|
testID: testID
|
|
141
122
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
142
|
-
style: [_core.IOIconButtonStyles.buttonSizeSmall, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified, !disabled &&
|
|
123
|
+
style: [_core.IOIconButtonStyles.buttonSizeSmall, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified, !disabled && !reducedMotion && scaleAnimatedStyle]
|
|
143
124
|
}, !disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
|
|
125
|
+
allowFontScaling: true,
|
|
144
126
|
name: icon,
|
|
145
127
|
size: iconSize,
|
|
146
128
|
animatedProps: animatedColor,
|
|
147
129
|
color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
|
|
148
130
|
}) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
|
|
131
|
+
allowFontScaling: true,
|
|
149
132
|
name: icon,
|
|
150
133
|
size: iconSize,
|
|
151
134
|
color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.icon) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapLegacyColorStates","primary","icon","IOColors","blue","pressed","disabled","hexToRgba","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapLegacyColorStates","primary","icon","IOColors","blue","pressed","disabled","hexToRgba","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colorMap","useMemo","animatedColor","useAnimatedProps","iconColor","interpolateColor","value","createElement","Pressable","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","IOIconButtonStyles","buttonSizeSmall","IOStyles","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _icons = require("../../components/icons");
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
12
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
15
|
const mapColorStates = {
|
|
@@ -103,50 +104,26 @@ const IconButtonContained = ({
|
|
|
103
104
|
accessibilityHint,
|
|
104
105
|
testID
|
|
105
106
|
}) => {
|
|
106
|
-
var
|
|
107
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
107
|
+
var _colorMap$color, _colorMap$color2;
|
|
108
108
|
const {
|
|
109
109
|
isExperimental
|
|
110
110
|
} = (0, _core.useIOExperimentalDesign)();
|
|
111
|
+
const {
|
|
112
|
+
progress,
|
|
113
|
+
onPressIn,
|
|
114
|
+
onPressOut,
|
|
115
|
+
scaleAnimatedStyle
|
|
116
|
+
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
117
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
111
118
|
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
// Using a spring-based animation for our interpolations
|
|
117
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
118
|
-
|
|
119
|
-
// Interpolate animation values from `isPressed` values
|
|
120
|
-
|
|
121
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
122
|
-
// Link color states to the pressed states
|
|
123
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
|
|
124
|
-
|
|
125
|
-
// Scale down button slightly when pressed
|
|
126
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
127
|
-
return {
|
|
128
|
-
backgroundColor,
|
|
129
|
-
transform: [{
|
|
130
|
-
scale
|
|
131
|
-
}]
|
|
132
|
-
};
|
|
133
|
-
});
|
|
119
|
+
const backgroundColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
120
|
+
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
|
|
121
|
+
}));
|
|
134
122
|
|
|
135
123
|
// Animate the <Icon> color prop
|
|
136
|
-
const
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
color: iconColor
|
|
140
|
-
};
|
|
141
|
-
});
|
|
142
|
-
const handlePressIn = (0, React.useCallback)(() => {
|
|
143
|
-
// eslint-disable-next-line functional/immutable-data
|
|
144
|
-
isPressed.value = 1;
|
|
145
|
-
}, [isPressed]);
|
|
146
|
-
const handlePressOut = (0, React.useCallback)(() => {
|
|
147
|
-
// eslint-disable-next-line functional/immutable-data
|
|
148
|
-
isPressed.value = 0;
|
|
149
|
-
}, [isPressed]);
|
|
124
|
+
const iconColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
125
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed])
|
|
126
|
+
}));
|
|
150
127
|
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
151
128
|
accessibilityLabel: accessibilityLabel,
|
|
152
129
|
accessibilityHint: accessibilityHint,
|
|
@@ -156,16 +133,16 @@ const IconButtonContained = ({
|
|
|
156
133
|
},
|
|
157
134
|
testID: testID,
|
|
158
135
|
onPress: onPress,
|
|
159
|
-
onPressIn:
|
|
160
|
-
onPressOut:
|
|
136
|
+
onPressIn: onPressIn,
|
|
137
|
+
onPressOut: onPressOut,
|
|
161
138
|
accessible: true,
|
|
162
139
|
disabled: disabled,
|
|
163
140
|
style: _core.IOButtonStyles.dimensionsDefault
|
|
164
141
|
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
165
|
-
style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeDefault, !disabled &&
|
|
142
|
+
style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeDefault, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle]
|
|
166
143
|
}, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
|
|
167
144
|
name: icon,
|
|
168
|
-
animatedProps:
|
|
145
|
+
animatedProps: iconColorAnimationStyle,
|
|
169
146
|
color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
|
|
170
147
|
}) : /*#__PURE__*/React.createElement(_icons.AnimatedIcon, {
|
|
171
148
|
name: icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_icons","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","background","hexToRgba","IOColors","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","mapLegacyColorStates","blue","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_icons","_core","_hooks","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","background","hexToRgba","IOColors","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","mapLegacyColorStates","blue","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","iconColorAnimationStyle","useAnimatedProps","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","IOButtonStyles","dimensionsDefault","View","IOIconButtonStyles","button","buttonSizeDefault","name","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
11
|
var _IOColors = require("../../core/IOColors");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
12
13
|
var _icons = require("../icons");
|
|
13
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -73,38 +74,21 @@ const IconButtonSolid = ({
|
|
|
73
74
|
accessibilityHint,
|
|
74
75
|
testID
|
|
75
76
|
}) => {
|
|
76
|
-
var
|
|
77
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
77
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
|
|
78
78
|
const {
|
|
79
79
|
isExperimental
|
|
80
80
|
} = (0, _core.useIOExperimentalDesign)();
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
const {
|
|
82
|
+
progress,
|
|
83
|
+
onPressIn,
|
|
84
|
+
onPressOut,
|
|
85
|
+
scaleAnimatedStyle
|
|
86
|
+
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
87
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
86
88
|
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
// Scale down button slightly when pressed
|
|
92
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
93
|
-
return {
|
|
94
|
-
backgroundColor,
|
|
95
|
-
transform: [{
|
|
96
|
-
scale
|
|
97
|
-
}]
|
|
98
|
-
};
|
|
99
|
-
});
|
|
100
|
-
const handlePressIn = (0, React.useCallback)(() => {
|
|
101
|
-
// eslint-disable-next-line functional/immutable-data
|
|
102
|
-
isPressed.value = 1;
|
|
103
|
-
}, [isPressed]);
|
|
104
|
-
const handlePressOut = (0, React.useCallback)(() => {
|
|
105
|
-
// eslint-disable-next-line functional/immutable-data
|
|
106
|
-
isPressed.value = 0;
|
|
107
|
-
}, [isPressed]);
|
|
89
|
+
const backgroundColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
90
|
+
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
|
|
91
|
+
}));
|
|
108
92
|
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
109
93
|
accessibilityLabel: accessibilityLabel,
|
|
110
94
|
accessibilityHint: accessibilityHint,
|
|
@@ -114,18 +98,19 @@ const IconButtonSolid = ({
|
|
|
114
98
|
},
|
|
115
99
|
testID: testID,
|
|
116
100
|
onPress: onPress,
|
|
117
|
-
onPressIn:
|
|
118
|
-
onPressOut:
|
|
101
|
+
onPressIn: onPressIn,
|
|
102
|
+
onPressOut: onPressOut,
|
|
119
103
|
accessible: true,
|
|
120
104
|
disabled: disabled,
|
|
121
105
|
style: _core.IOButtonStyles.dimensionsDefault
|
|
122
106
|
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
123
|
-
style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeLarge, !disabled &&
|
|
107
|
+
style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeLarge, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle, disabled ? {
|
|
124
108
|
backgroundColor: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled
|
|
125
109
|
} : {
|
|
126
110
|
backgroundColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default
|
|
127
111
|
}]
|
|
128
112
|
}, /*#__PURE__*/React.createElement(_icons.AnimatedIcon, {
|
|
113
|
+
allowFontScaling: true,
|
|
129
114
|
name: icon,
|
|
130
115
|
color: !disabled ? (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.icon) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default : (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 || (_colorMap$color4 = _colorMap$color4.icon) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.disabled
|
|
131
116
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","background","IOColors","pressed","disabled","icon","white","contrast","hexToRgba","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","background","IOColors","pressed","disabled","icon","white","contrast","hexToRgba","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","IOButtonStyles","dimensionsDefault","View","IOIconButtonStyles","button","buttonSizeLarge","AnimatedIcon","allowFontScaling","name","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
|