@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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_buttons","_pictograms","_spacer","_typography","obj","__esModule","default","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","IOBannerBigSpacing","sizeSmallHPadding","IOBannerSmallHSpacing","sizeSmallVPadding","IOBannerSmallVSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","exports","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","isExperimental","useIOExperimentalDesign","themeType","useIOThemeContext","theme","useIOTheme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","hexToRgba","IOColors","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","accessible","accessibilityRole","undefined","H6","VSpacer","BodySmall","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","IOText","font","buttonTextFontSize","numberOfLines","ellipsizeMode","PictogramBleed","name","IconButton","icon","PressableButton","Pressable","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -75,7 +75,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
75
75
|
<Text
|
|
76
76
|
allowFontScaling={true}
|
|
77
77
|
dynamicTypeRamp="headline"
|
|
78
|
-
maxFontSizeMultiplier={1.
|
|
78
|
+
maxFontSizeMultiplier={1.5}
|
|
79
79
|
style={
|
|
80
80
|
[
|
|
81
81
|
{},
|
|
@@ -120,7 +120,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
120
120
|
allowFontScaling={true}
|
|
121
121
|
ellipsizeMode="tail"
|
|
122
122
|
importantForAccessibility="no-hide-descendants"
|
|
123
|
-
maxFontSizeMultiplier={1.
|
|
123
|
+
maxFontSizeMultiplier={1.5}
|
|
124
124
|
numberOfLines={1}
|
|
125
125
|
style={
|
|
126
126
|
[
|
|
@@ -352,9 +352,9 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
352
352
|
}
|
|
353
353
|
>
|
|
354
354
|
<Text
|
|
355
|
-
allowFontScaling={
|
|
355
|
+
allowFontScaling={true}
|
|
356
356
|
dynamicTypeRamp="headline"
|
|
357
|
-
maxFontSizeMultiplier={1.
|
|
357
|
+
maxFontSizeMultiplier={1.5}
|
|
358
358
|
style={
|
|
359
359
|
[
|
|
360
360
|
{},
|
|
@@ -396,10 +396,10 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
396
396
|
<Text
|
|
397
397
|
accessibilityElementsHidden={true}
|
|
398
398
|
accessible={false}
|
|
399
|
-
allowFontScaling={
|
|
399
|
+
allowFontScaling={true}
|
|
400
400
|
ellipsizeMode="tail"
|
|
401
401
|
importantForAccessibility="no-hide-descendants"
|
|
402
|
-
maxFontSizeMultiplier={1.
|
|
402
|
+
maxFontSizeMultiplier={1.5}
|
|
403
403
|
numberOfLines={1}
|
|
404
404
|
style={
|
|
405
405
|
[
|
|
@@ -8,8 +8,8 @@ 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
|
-
var _Spacer = require("../spacer/Spacer");
|
|
13
13
|
var _typography = require("../typography");
|
|
14
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); }
|
|
15
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; }
|
|
@@ -50,7 +50,8 @@ const mapLegacyColorStates = {
|
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
const DISABLED_OPACITY = 0.5;
|
|
53
|
-
const
|
|
53
|
+
const ICON_MARGIN = 8;
|
|
54
|
+
const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
54
55
|
color = "primary",
|
|
55
56
|
label,
|
|
56
57
|
disabled = false,
|
|
@@ -61,60 +62,27 @@ const ButtonLink = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
61
62
|
accessibilityHint,
|
|
62
63
|
testID
|
|
63
64
|
}, ref) => {
|
|
64
|
-
var
|
|
65
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
65
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
66
66
|
const {
|
|
67
67
|
isExperimental
|
|
68
68
|
} = (0, _core.useIOExperimentalDesign)();
|
|
69
|
+
const {
|
|
70
|
+
progress,
|
|
71
|
+
onPressIn,
|
|
72
|
+
onPressOut,
|
|
73
|
+
scaleAnimatedStyle
|
|
74
|
+
} = (0, _hooks.useScaleAnimation)();
|
|
75
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
69
76
|
const colorMap = (0, _react.useMemo)(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
70
77
|
const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
// Using a spring-based animation for our interpolations
|
|
76
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
77
|
-
|
|
78
|
-
// Interpolate animation values from `isPressed` values
|
|
79
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
80
|
-
// Link color states to the pressed states
|
|
81
|
-
|
|
82
|
-
// Scale down button slightly when pressed
|
|
83
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
84
|
-
return {
|
|
85
|
-
transform: [{
|
|
86
|
-
scale
|
|
87
|
-
}]
|
|
88
|
-
};
|
|
89
|
-
});
|
|
90
|
-
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
91
|
-
// Link color states to the pressed states
|
|
92
|
-
|
|
93
|
-
const labelColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed]);
|
|
94
|
-
return {
|
|
95
|
-
color: labelColor
|
|
96
|
-
};
|
|
97
|
-
});
|
|
98
|
-
|
|
99
|
-
// Animate the <Icon> color prop
|
|
100
|
-
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
101
|
-
const iconColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed]);
|
|
102
|
-
return {
|
|
103
|
-
color: iconColor
|
|
104
|
-
};
|
|
105
|
-
});
|
|
78
|
+
const pressedColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
79
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed])
|
|
80
|
+
}));
|
|
106
81
|
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
107
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
108
|
-
// eslint-disable-next-line functional/immutable-data
|
|
109
|
-
isPressed.value = 1;
|
|
110
|
-
}, [isPressed]);
|
|
111
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
112
|
-
// eslint-disable-next-line functional/immutable-data
|
|
113
|
-
isPressed.value = 0;
|
|
114
|
-
}, [isPressed]);
|
|
115
82
|
|
|
116
83
|
// Icon size
|
|
117
84
|
const iconSize = 24;
|
|
85
|
+
const iconMargin = 8;
|
|
118
86
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
119
87
|
ref: ref,
|
|
120
88
|
accessibilityLabel: accessibilityLabel || label,
|
|
@@ -140,23 +108,27 @@ const ButtonLink = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
140
108
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
141
109
|
style: [_core.IOButtonStyles.buttonLink, iconPosition === "end" && {
|
|
142
110
|
flexDirection: "row-reverse"
|
|
111
|
+
}, {
|
|
112
|
+
columnGap: iconMargin
|
|
143
113
|
}, disabled ? {
|
|
144
114
|
opacity: DISABLED_OPACITY
|
|
145
|
-
} : {},
|
|
115
|
+
} : {}, {
|
|
116
|
+
columnGap: ICON_MARGIN
|
|
117
|
+
},
|
|
146
118
|
/* Prevent Reanimated from overriding background colors
|
|
147
119
|
if button is disabled */
|
|
148
|
-
!disabled &&
|
|
149
|
-
}, icon &&
|
|
120
|
+
!disabled && !reducedMotion && scaleAnimatedStyle]
|
|
121
|
+
}, icon && (!disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
|
|
122
|
+
allowFontScaling: true,
|
|
150
123
|
name: icon,
|
|
151
|
-
animatedProps:
|
|
124
|
+
animatedProps: pressedColorAnimationStyle,
|
|
152
125
|
color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.label) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default,
|
|
153
126
|
size: iconSize
|
|
154
127
|
}) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
|
|
128
|
+
allowFontScaling: true,
|
|
155
129
|
name: icon,
|
|
156
130
|
color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.label) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled,
|
|
157
131
|
size: iconSize
|
|
158
|
-
}), /*#__PURE__*/_react.default.createElement(_Spacer.HSpacer, {
|
|
159
|
-
size: 8
|
|
160
132
|
})), /*#__PURE__*/_react.default.createElement(AnimatedIOText, {
|
|
161
133
|
accessible: false,
|
|
162
134
|
accessibilityElementsHidden: true,
|
|
@@ -167,7 +139,7 @@ const ButtonLink = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
167
139
|
style: disabled ? {
|
|
168
140
|
color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
|
|
169
141
|
} : {
|
|
170
|
-
...
|
|
142
|
+
...pressedColorAnimationStyle
|
|
171
143
|
},
|
|
172
144
|
numberOfLines: 1,
|
|
173
145
|
ellipsizeMode: "tail"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorAnimationStyle","useAnimatedStyle","interpolateColor","value","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ 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
|
-
var _Spacer = require("../spacer/Spacer");
|
|
13
13
|
var _typography = require("../typography");
|
|
14
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); }
|
|
15
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; }
|
|
@@ -138,12 +138,13 @@ const IOButtonLegacyStylesLocal = _reactNative.StyleSheet.create({
|
|
|
138
138
|
// Icon size
|
|
139
139
|
const iconSize = 20;
|
|
140
140
|
const DISABLED_OPACITY = 0.5;
|
|
141
|
+
const ICON_MARGIN = 8;
|
|
141
142
|
const IOButtonStylesLocal = _reactNative.StyleSheet.create({
|
|
142
143
|
buttonWithBorder: {
|
|
143
144
|
borderWidth: 2
|
|
144
145
|
}
|
|
145
146
|
});
|
|
146
|
-
const ButtonOutline = /*#__PURE__*/_react.
|
|
147
|
+
const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
147
148
|
color = "primary",
|
|
148
149
|
label,
|
|
149
150
|
fullWidth = false,
|
|
@@ -155,62 +156,41 @@ const ButtonOutline = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
155
156
|
accessibilityHint,
|
|
156
157
|
testID
|
|
157
158
|
}, ref) => {
|
|
158
|
-
var
|
|
159
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4, _colorMap$color5, _colorMap$color6, _colorMap$color7;
|
|
159
160
|
const {
|
|
160
161
|
isExperimental
|
|
161
162
|
} = (0, _core.useIOExperimentalDesign)();
|
|
162
|
-
const
|
|
163
|
+
const {
|
|
164
|
+
progress,
|
|
165
|
+
onPressIn,
|
|
166
|
+
onPressOut,
|
|
167
|
+
scaleAnimatedStyle
|
|
168
|
+
} = (0, _hooks.useScaleAnimation)();
|
|
169
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
163
170
|
const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
|
|
164
171
|
const colorMap = _react.default.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
165
172
|
const buttonStyles = _react.default.useMemo(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
166
173
|
const buttonStylesLocal = _react.default.useMemo(() => isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal, [isExperimental]);
|
|
167
|
-
// Scaling transformation applied when the button is pressed
|
|
168
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
169
|
-
|
|
170
|
-
// Using a spring-based animation for our interpolations
|
|
171
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
172
174
|
|
|
173
175
|
// Interpolate animation values from `isPressed` values
|
|
174
176
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
175
177
|
// Link color states to the pressed states
|
|
176
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
177
|
-
const borderColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
178
|
-
|
|
179
|
-
// Scale down button slightly when pressed
|
|
180
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
178
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
|
|
179
|
+
const borderColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
|
|
181
180
|
return {
|
|
182
181
|
borderColor,
|
|
183
|
-
backgroundColor
|
|
184
|
-
transform: [{
|
|
185
|
-
scale
|
|
186
|
-
}]
|
|
187
|
-
};
|
|
188
|
-
});
|
|
189
|
-
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
190
|
-
// Link color states to the pressed states
|
|
191
|
-
|
|
192
|
-
const labelColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
|
|
193
|
-
return {
|
|
194
|
-
color: labelColor
|
|
182
|
+
backgroundColor
|
|
195
183
|
};
|
|
196
184
|
});
|
|
185
|
+
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
186
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed])
|
|
187
|
+
}));
|
|
197
188
|
|
|
198
189
|
// Animate the <Icon> color prop
|
|
199
|
-
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
color: iconColor
|
|
203
|
-
};
|
|
204
|
-
});
|
|
190
|
+
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
191
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed])
|
|
192
|
+
}));
|
|
205
193
|
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
206
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
207
|
-
// eslint-disable-next-line functional/immutable-data
|
|
208
|
-
isPressed.value = 1;
|
|
209
|
-
}, [isPressed]);
|
|
210
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
211
|
-
// eslint-disable-next-line functional/immutable-data
|
|
212
|
-
isPressed.value = 0;
|
|
213
|
-
}, [isPressed]);
|
|
214
194
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
215
195
|
ref: ref,
|
|
216
196
|
accessibilityLabel: accessibilityLabel || label,
|
|
@@ -229,7 +209,9 @@ const ButtonOutline = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
229
209
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
230
210
|
style: [buttonStyles.button, isExperimental && fullWidth && {
|
|
231
211
|
paddingHorizontal: 16
|
|
232
|
-
}, buttonStylesLocal.buttonWithBorder, buttonStyles.buttonSizeDefault,
|
|
212
|
+
}, buttonStylesLocal.buttonWithBorder, buttonStyles.buttonSizeDefault, {
|
|
213
|
+
columnGap: ICON_MARGIN
|
|
214
|
+
}, iconPosition === "end" && {
|
|
233
215
|
flexDirection: "row-reverse"
|
|
234
216
|
}, disabled ? {
|
|
235
217
|
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,
|
|
@@ -241,18 +223,18 @@ const ButtonOutline = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
241
223
|
},
|
|
242
224
|
/* Prevent Reanimated from overriding background colors
|
|
243
225
|
if button is disabled */
|
|
244
|
-
!disabled && pressedAnimationStyle]
|
|
245
|
-
}, icon &&
|
|
226
|
+
!reducedMotion && !disabled && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
227
|
+
}, icon && (!disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
|
|
228
|
+
allowFontScaling: true,
|
|
246
229
|
name: icon,
|
|
247
230
|
animatedProps: pressedColorIconAnimationStyle,
|
|
248
231
|
color: (_colorMap$color5 = colorMap[color]) === null || _colorMap$color5 === void 0 || (_colorMap$color5 = _colorMap$color5.label) === null || _colorMap$color5 === void 0 ? void 0 : _colorMap$color5.default,
|
|
249
232
|
size: iconSize
|
|
250
233
|
}) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
|
|
234
|
+
allowFontScaling: true,
|
|
251
235
|
name: icon,
|
|
252
236
|
color: (_colorMap$color6 = colorMap[color]) === null || _colorMap$color6 === void 0 || (_colorMap$color6 = _colorMap$color6.label) === null || _colorMap$color6 === void 0 ? void 0 : _colorMap$color6.disabled,
|
|
253
237
|
size: iconSize
|
|
254
|
-
}), /*#__PURE__*/_react.default.createElement(_Spacer.HSpacer, {
|
|
255
|
-
size: 8
|
|
256
238
|
})), /*#__PURE__*/_react.default.createElement(AnimatedIOText, {
|
|
257
239
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
258
240
|
weight: "Semibold",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_Spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","border","IOColors","pressed","disabled","background","hexToRgba","label","contrast","white","danger","red","bluegreyLight","grey","mapLegacyColorStates","blue","IOButtonLegacyStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","iconSize","DISABLED_OPACITY","IOButtonStylesLocal","ButtonOutline","React","forwardRef","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","useIOExperimentalDesign","isPressed","useSharedValue","AnimatedIOText","Animated","createAnimatedComponent","IOText","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","buttonStylesLocal","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","borderColor","scale","interpolate","Extrapolate","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","IconClassComponent","onPressIn","useCallback","onPressOut","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","paddingHorizontal","buttonSizeDefault","flexDirection","opacity","Fragment","name","animatedProps","size","AnimatedIcon","HSpacer","font","weight","buttonTextFontSize","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","border","IOColors","pressed","disabled","background","hexToRgba","label","contrast","white","danger","red","bluegreyLight","grey","mapLegacyColorStates","blue","IOButtonLegacyStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","ButtonOutline","forwardRef","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","colorMap","React","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","buttonStylesLocal","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","useAnimatedProps","AnimatedIconClassComponent","IconClassComponent","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","paddingHorizontal","buttonSizeDefault","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","font","weight","buttonTextFontSize","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
|
|
@@ -9,9 +9,9 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
10
10
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
12
13
|
var _icons = require("../icons");
|
|
13
14
|
var _loadingSpinner = require("../loadingSpinner");
|
|
14
|
-
var _Spacer = require("../spacer/Spacer");
|
|
15
15
|
var _ButtonText = require("../typography/ButtonText");
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
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); }
|
|
@@ -25,6 +25,7 @@ const legacyStyles = _reactNative.StyleSheet.create({
|
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
27
|
const colorPrimaryButtonDisabled = "grey-200";
|
|
28
|
+
const ICON_MARGIN = 8;
|
|
28
29
|
const DISABLED_OPACITY = 0.5;
|
|
29
30
|
|
|
30
31
|
// Icon size
|
|
@@ -108,51 +109,28 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
108
109
|
accessibilityHint,
|
|
109
110
|
testID
|
|
110
111
|
}, ref) => {
|
|
111
|
-
var
|
|
112
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
112
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
113
113
|
const {
|
|
114
114
|
isExperimental
|
|
115
115
|
} = (0, _core.useIOExperimentalDesign)();
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
const isMounted = (0, _react.useRef)(false);
|
|
124
|
-
(0, _react.useEffect)(() => {
|
|
125
|
-
// eslint-disable-next-line functional/immutable-data
|
|
126
|
-
isMounted.current = true;
|
|
127
|
-
}, []);
|
|
116
|
+
const {
|
|
117
|
+
progress,
|
|
118
|
+
onPressIn,
|
|
119
|
+
onPressOut,
|
|
120
|
+
scaleAnimatedStyle
|
|
121
|
+
} = (0, _hooks.useScaleAnimation)();
|
|
122
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
128
123
|
const colorMap = _react.default.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
129
124
|
const buttonStyles = _react.default.useMemo(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
130
125
|
|
|
131
|
-
// Using a spring-based animation for our interpolations
|
|
132
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
133
|
-
|
|
134
126
|
// Interpolate animation values from `isPressed` values
|
|
135
127
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
136
128
|
// Link color states to the pressed states
|
|
137
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
138
|
-
|
|
139
|
-
// Scale down button slightly when pressed
|
|
140
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
129
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
|
|
141
130
|
return {
|
|
142
|
-
backgroundColor
|
|
143
|
-
transform: [{
|
|
144
|
-
scale
|
|
145
|
-
}]
|
|
131
|
+
backgroundColor
|
|
146
132
|
};
|
|
147
133
|
});
|
|
148
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
149
|
-
// eslint-disable-next-line functional/immutable-data
|
|
150
|
-
isPressed.value = 1;
|
|
151
|
-
}, [isPressed]);
|
|
152
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
153
|
-
// eslint-disable-next-line functional/immutable-data
|
|
154
|
-
isPressed.value = 0;
|
|
155
|
-
}, [isPressed]);
|
|
156
134
|
const handleOnPress = (0, _react.useCallback)(event => {
|
|
157
135
|
/* Don't call `onPress` if the button is
|
|
158
136
|
in loading state */
|
|
@@ -193,28 +171,29 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
193
171
|
},
|
|
194
172
|
/* Prevent Reanimated from overriding background colors
|
|
195
173
|
if button is disabled */
|
|
196
|
-
!disabled && pressedAnimationStyle]
|
|
174
|
+
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
197
175
|
}, loading && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
198
176
|
style: buttonStyles.buttonInner,
|
|
199
|
-
entering:
|
|
177
|
+
entering: _core.enterTransitionInnerContentSmall,
|
|
200
178
|
exiting: _core.exitTransitionInnerContent
|
|
201
179
|
}, /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
202
180
|
color: foregroundColor
|
|
203
181
|
})), !loading && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
204
|
-
style: [buttonStyles.buttonInner,
|
|
182
|
+
style: [buttonStyles.buttonInner, {
|
|
183
|
+
columnGap: ICON_MARGIN
|
|
184
|
+
},
|
|
185
|
+
/* If 'iconPosition' is set to 'end', we use
|
|
186
|
+
reverse flex property to invert the position */
|
|
187
|
+
iconPosition === "end" && {
|
|
205
188
|
flexDirection: "row-reverse"
|
|
206
189
|
}],
|
|
207
|
-
entering:
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
// exiting={exitTransitionInnerContent}
|
|
211
|
-
}, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
190
|
+
entering: _core.enterTransitionInnerContent
|
|
191
|
+
}, icon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
192
|
+
allowFontScaling: true,
|
|
212
193
|
name: icon,
|
|
213
194
|
size: iconSize,
|
|
214
195
|
color: foregroundColor
|
|
215
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
216
|
-
size: 8
|
|
217
|
-
})), /*#__PURE__*/_react.default.createElement(_ButtonText.ButtonText, {
|
|
196
|
+
}), /*#__PURE__*/_react.default.createElement(_ButtonText.ButtonText, {
|
|
218
197
|
color: foregroundColor,
|
|
219
198
|
style: _core.IOButtonStyles.label,
|
|
220
199
|
numberOfLines: 1,
|