@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
|
@@ -7,8 +7,8 @@ exports.default = exports.ListItemAmount = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
|
+
var _accessibility = require("../../utils/accessibility");
|
|
10
11
|
var _icons = require("../icons");
|
|
11
|
-
var _spacer = require("../spacer");
|
|
12
12
|
var _typography = require("../typography");
|
|
13
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); }
|
|
14
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; }
|
|
@@ -24,6 +24,11 @@ const ListItemAmount = ({
|
|
|
24
24
|
testID
|
|
25
25
|
}) => {
|
|
26
26
|
const theme = (0, _core.useIOTheme)();
|
|
27
|
+
const {
|
|
28
|
+
dynamicFontScale,
|
|
29
|
+
spacingScaleMultiplier,
|
|
30
|
+
hugeFontEnabled
|
|
31
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
27
32
|
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
28
33
|
const itemInfoTextComponent = /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
34
|
accessible: false,
|
|
@@ -38,20 +43,17 @@ const ListItemAmount = ({
|
|
|
38
43
|
accessible: true,
|
|
39
44
|
accessibilityLabel: listItemAccessibilityLabel
|
|
40
45
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
41
|
-
style: _core.IOListItemStyles.listItemInner
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
46
|
+
style: [_core.IOListItemStyles.listItemInner, {
|
|
47
|
+
columnGap: iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
48
|
+
}]
|
|
49
|
+
}, iconName && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
50
|
+
allowFontScaling: true,
|
|
47
51
|
name: iconName,
|
|
48
52
|
color: iconColor ?? theme["icon-decorative"],
|
|
49
53
|
size: _core.IOListItemVisualParams.iconSize
|
|
50
|
-
})
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
51
55
|
style: _core.IOStyles.flex
|
|
52
|
-
}, itemInfoTextComponent), /*#__PURE__*/_react.default.createElement(
|
|
53
|
-
size: 4
|
|
54
|
-
}), /*#__PURE__*/_react.default.createElement(_typography.H3, _extends({}, valueElementProps, {
|
|
56
|
+
}, itemInfoTextComponent), /*#__PURE__*/_react.default.createElement(_typography.H3, _extends({}, valueElementProps, {
|
|
55
57
|
color: theme["textBody-default"],
|
|
56
58
|
accessibilityLabel: `${listItemAccessibilityLabel}; ${(valueElementProps === null || valueElementProps === void 0 ? void 0 : valueElementProps.accessibilityLabel) ?? ""}`
|
|
57
59
|
}), valueString)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","iconMargin","ListItemAmount","label","iconName","iconColor","valueElementProps","valueString","accessibilityLabel","testID","theme","useIOTheme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","listItemAccessibilityLabel","useMemo","itemInfoTextComponent","createElement","View","accessible","importantForAccessibility","accessibilityElementsHidden","H6","color","style","IOListItemStyles","listItem","listItemInner","columnGap","Icon","allowFontScaling","name","size","IOListItemVisualParams","iconSize","IOStyles","flex","H3","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAmount.tsx"],"mappings":"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"}
|
|
@@ -7,8 +7,10 @@ exports.ListItemCheckbox = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
10
|
-
var _reactNativeReanimated =
|
|
10
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
13
|
+
var _accessibility = require("../../utils/accessibility");
|
|
12
14
|
var _AnimatedCheckbox = require("../checkbox/AnimatedCheckbox");
|
|
13
15
|
var _icons = require("../icons");
|
|
14
16
|
var _spacer = require("../spacer");
|
|
@@ -34,14 +36,18 @@ const ListItemCheckbox = ({
|
|
|
34
36
|
disabled,
|
|
35
37
|
onValueChange
|
|
36
38
|
}) => {
|
|
37
|
-
|
|
39
|
+
const {
|
|
40
|
+
dynamicFontScale,
|
|
41
|
+
spacingScaleMultiplier,
|
|
42
|
+
hugeFontEnabled
|
|
43
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
38
44
|
const [toggleValue, setToggleValue] = (0, React.useState)(selected ?? false);
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
+
const {
|
|
46
|
+
onPressIn,
|
|
47
|
+
onPressOut,
|
|
48
|
+
scaleAnimatedStyle,
|
|
49
|
+
backgroundAnimatedStyle
|
|
50
|
+
} = (0, _hooks.useListItemAnimation)();
|
|
45
51
|
|
|
46
52
|
// Theme
|
|
47
53
|
const theme = (0, _core.useIOTheme)();
|
|
@@ -49,34 +55,6 @@ const ListItemCheckbox = ({
|
|
|
49
55
|
// Accessibility
|
|
50
56
|
// Comma = Small pause when announcing content
|
|
51
57
|
const fallbackAccessibilityLabel = description ? `${value}, ${description}` : value;
|
|
52
|
-
const mapBackgroundStates = {
|
|
53
|
-
default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
|
|
54
|
-
pressed: _core.IOColors[theme["listItem-pressed"]]
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
// Interpolate animation values from `isPressed` values
|
|
58
|
-
const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
59
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
60
|
-
return {
|
|
61
|
-
transform: [{
|
|
62
|
-
scale
|
|
63
|
-
}]
|
|
64
|
-
};
|
|
65
|
-
});
|
|
66
|
-
const handlePressIn = (0, React.useCallback)(() => {
|
|
67
|
-
// eslint-disable-next-line functional/immutable-data
|
|
68
|
-
isPressed.value = 1;
|
|
69
|
-
}, [isPressed]);
|
|
70
|
-
const handlePressOut = (0, React.useCallback)(() => {
|
|
71
|
-
// eslint-disable-next-line functional/immutable-data
|
|
72
|
-
isPressed.value = 0;
|
|
73
|
-
}, [isPressed]);
|
|
74
|
-
const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
75
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
|
|
76
|
-
return {
|
|
77
|
-
backgroundColor
|
|
78
|
-
};
|
|
79
|
-
});
|
|
80
58
|
const toggleCheckbox = () => {
|
|
81
59
|
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
82
60
|
setToggleValue(!toggleValue);
|
|
@@ -86,9 +64,9 @@ const ListItemCheckbox = ({
|
|
|
86
64
|
};
|
|
87
65
|
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
88
66
|
onPress: toggleCheckbox,
|
|
89
|
-
onPressIn:
|
|
90
|
-
onPressOut:
|
|
91
|
-
onTouchEnd:
|
|
67
|
+
onPressIn: onPressIn,
|
|
68
|
+
onPressOut: onPressOut,
|
|
69
|
+
onTouchEnd: onPressOut,
|
|
92
70
|
testID: "ListItemCheckbox",
|
|
93
71
|
accessible: true,
|
|
94
72
|
accessibilityLabel: accessibilityLabel || fallbackAccessibilityLabel,
|
|
@@ -100,7 +78,7 @@ const ListItemCheckbox = ({
|
|
|
100
78
|
},
|
|
101
79
|
disabled: disabled
|
|
102
80
|
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
103
|
-
style: [_core.IOSelectionListItemStyles.listItem,
|
|
81
|
+
style: [_core.IOSelectionListItemStyles.listItem, backgroundAnimatedStyle, {
|
|
104
82
|
opacity: disabled ? DISABLED_OPACITY : 1
|
|
105
83
|
}]
|
|
106
84
|
// This is required to avoid opacity
|
|
@@ -108,22 +86,20 @@ const ListItemCheckbox = ({
|
|
|
108
86
|
,
|
|
109
87
|
needsOffscreenAlphaCompositing: true
|
|
110
88
|
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
111
|
-
style:
|
|
89
|
+
style: scaleAnimatedStyle
|
|
112
90
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
113
91
|
style: _core.IOSelectionListItemStyles.listItemInner
|
|
114
92
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
115
93
|
style: [_core.IOStyles.row, {
|
|
116
|
-
flexShrink: 1
|
|
94
|
+
flexShrink: 1,
|
|
95
|
+
columnGap: _core.IOSelectionListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
117
96
|
}]
|
|
118
|
-
}, icon && /*#__PURE__*/React.createElement(
|
|
119
|
-
|
|
120
|
-
marginRight: _core.IOSelectionListItemVisualParams.iconMargin
|
|
121
|
-
}
|
|
122
|
-
}, /*#__PURE__*/React.createElement(_icons.Icon, {
|
|
97
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(_icons.Icon, {
|
|
98
|
+
allowFontScaling: true,
|
|
123
99
|
name: icon,
|
|
124
100
|
color: "grey-300",
|
|
125
101
|
size: _core.IOSelectionListItemVisualParams.iconSize
|
|
126
|
-
})
|
|
102
|
+
}), /*#__PURE__*/React.createElement(_typography.H6, {
|
|
127
103
|
color: theme["textBody-default"],
|
|
128
104
|
style: {
|
|
129
105
|
flexShrink: 1
|
|
@@ -135,6 +111,7 @@ const ListItemCheckbox = ({
|
|
|
135
111
|
accessibilityElementsHidden: true,
|
|
136
112
|
importantForAccessibility: "no-hide-descendants"
|
|
137
113
|
}, /*#__PURE__*/React.createElement(_AnimatedCheckbox.AnimatedCheckbox, {
|
|
114
|
+
size: _core.IOSelectionTickVisualParams.size * dynamicFontScale,
|
|
138
115
|
checked: selected ?? toggleValue
|
|
139
116
|
}))), description && /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
|
|
140
117
|
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_AnimatedCheckbox","_icons","_spacer","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ListItemCheckbox","value","description","icon","selected","accessibilityLabel","accessibilityHint","disabled","onValueChange","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_accessibility","_AnimatedCheckbox","_icons","_spacer","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ListItemCheckbox","value","description","icon","selected","accessibilityLabel","accessibilityHint","disabled","onValueChange","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","toggleValue","setToggleValue","useState","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","theme","useIOTheme","fallbackAccessibilityLabel","toggleCheckbox","ReactNativeHapticFeedback","trigger","undefined","createElement","Pressable","onPress","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","View","style","IOSelectionListItemStyles","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","IOStyles","row","flexShrink","columnGap","IOSelectionListItemVisualParams","iconMargin","Icon","allowFontScaling","name","color","size","iconSize","H6","HSpacer","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedCheckbox","IOSelectionTickVisualParams","VSpacer","descriptionMargin","BodySmall","weight","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ exports.default = exports.ListItemHeader = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
|
+
var _accessibility = require("../../utils/accessibility");
|
|
10
11
|
var _badge = require("../badge");
|
|
11
12
|
var _buttons = require("../buttons");
|
|
12
13
|
var _icons = require("../icons");
|
|
@@ -24,6 +25,11 @@ const ListItemHeader = ({
|
|
|
24
25
|
testID
|
|
25
26
|
}) => {
|
|
26
27
|
const theme = (0, _core.useIOTheme)();
|
|
28
|
+
const {
|
|
29
|
+
dynamicFontScale,
|
|
30
|
+
spacingScaleMultiplier,
|
|
31
|
+
hugeFontEnabled
|
|
32
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
27
33
|
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
28
34
|
const itemInfoTextComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
35
|
accessible: endElement === undefined ? true : false,
|
|
@@ -33,7 +39,7 @@ const ListItemHeader = ({
|
|
|
33
39
|
role: "heading",
|
|
34
40
|
color: theme["textBody-tertiary"]
|
|
35
41
|
}, label)), [label, theme, endElement]);
|
|
36
|
-
const
|
|
42
|
+
const listItemAction = (0, _react.useCallback)(() => {
|
|
37
43
|
if (endElement) {
|
|
38
44
|
const {
|
|
39
45
|
type,
|
|
@@ -66,11 +72,12 @@ const ListItemHeader = ({
|
|
|
66
72
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
67
73
|
style: _core.IOListItemStyles.listItemInner,
|
|
68
74
|
importantForAccessibility: endElement ? "auto" : "no-hide-descendants"
|
|
69
|
-
}, iconName && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
75
|
+
}, iconName && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
70
76
|
style: {
|
|
71
|
-
marginRight: iconMargin
|
|
77
|
+
marginRight: iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
72
78
|
}
|
|
73
79
|
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
80
|
+
allowFontScaling: true,
|
|
74
81
|
name: iconName,
|
|
75
82
|
color: iconColor ?? theme["icon-decorative"],
|
|
76
83
|
size: _core.IOListItemVisualParams.iconSize
|
|
@@ -80,7 +87,7 @@ const ListItemHeader = ({
|
|
|
80
87
|
style: {
|
|
81
88
|
marginLeft: _core.IOListItemVisualParams.actionMargin
|
|
82
89
|
}
|
|
83
|
-
},
|
|
90
|
+
}, listItemAction())));
|
|
84
91
|
};
|
|
85
92
|
exports.ListItemHeader = ListItemHeader;
|
|
86
93
|
var _default = ListItemHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_buttons","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","useIOTheme","listItemAccessibilityLabel","useMemo","itemInfoTextComponent","createElement","View","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","H6","role","color","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_badge","_buttons","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","useIOTheme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","listItemAccessibilityLabel","useMemo","itemInfoTextComponent","createElement","View","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","H6","role","color","listItemAction","useCallback","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","style","IOListItemStyles","listItem","listItemInner","marginRight","Icon","allowFontScaling","name","size","IOListItemVisualParams","iconSize","IOStyles","flex","marginLeft","actionMargin","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ exports.default = exports.ListItemInfo = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
|
+
var _accessibility = require("../../utils/accessibility");
|
|
10
11
|
var _badge = require("../badge");
|
|
11
12
|
var _buttons = require("../buttons");
|
|
12
13
|
var _LogoPaymentWithFallback = require("../common/LogoPaymentWithFallback");
|
|
@@ -28,6 +29,11 @@ const ListItemInfo = ({
|
|
|
28
29
|
testID
|
|
29
30
|
}) => {
|
|
30
31
|
const theme = (0, _core.useIOTheme)();
|
|
32
|
+
const {
|
|
33
|
+
dynamicFontScale,
|
|
34
|
+
spacingScaleMultiplier,
|
|
35
|
+
hugeFontEnabled
|
|
36
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
31
37
|
const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
|
|
32
38
|
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
33
39
|
const itemInfoTextComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -71,29 +77,20 @@ const ListItemInfo = ({
|
|
|
71
77
|
accessibilityLabel: listItemAccessibilityLabel,
|
|
72
78
|
accessibilityRole: accessibilityRole
|
|
73
79
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
74
|
-
style: _core.IOListItemStyles.listItemInner
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
80
|
+
style: [_core.IOListItemStyles.listItemInner, {
|
|
81
|
+
columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
82
|
+
}]
|
|
83
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
84
|
+
allowFontScaling: true,
|
|
80
85
|
name: icon,
|
|
81
86
|
color: "grey-450",
|
|
82
87
|
size: _core.IOListItemVisualParams.iconSize
|
|
83
|
-
})
|
|
84
|
-
style: {
|
|
85
|
-
marginRight: _core.IOListItemVisualParams.iconMargin
|
|
86
|
-
}
|
|
87
|
-
}, /*#__PURE__*/_react.default.createElement(_LogoPaymentWithFallback.LogoPaymentWithFallback, {
|
|
88
|
+
}), paymentLogoIcon && /*#__PURE__*/_react.default.createElement(_LogoPaymentWithFallback.LogoPaymentWithFallback, {
|
|
88
89
|
brand: paymentLogoIcon,
|
|
89
90
|
size: PAYMENT_LOGO_SIZE
|
|
90
|
-
})
|
|
91
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
91
92
|
style: _core.IOStyles.flex
|
|
92
|
-
}, itemInfoTextComponent), endElement && /*#__PURE__*/_react.default.createElement(_reactNative.View,
|
|
93
|
-
style: {
|
|
94
|
-
marginLeft: _core.IOListItemVisualParams.actionMargin
|
|
95
|
-
}
|
|
96
|
-
}, listItemInfoAction())));
|
|
93
|
+
}, itemInfoTextComponent), endElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, listItemInfoAction())));
|
|
97
94
|
};
|
|
98
95
|
exports.ListItemInfo = ListItemInfo;
|
|
99
96
|
var _default = ListItemInfo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","useIOTheme","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","createElement","View","accessible","Platform","OS","BodySmall","weight","color","H6","listItemInfoAction","useCallback","type","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","style","IOListItemStyles","listItem","undefined","listItemInner","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","useIOTheme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","createElement","View","accessible","Platform","OS","BodySmall","weight","color","H6","listItemInfoAction","useCallback","type","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","style","IOListItemStyles","listItem","undefined","listItemInner","columnGap","IOListItemVisualParams","iconMargin","Icon","allowFontScaling","name","size","iconSize","LogoPaymentWithFallback","brand","IOStyles","flex","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.ListItemInfoCopy = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated =
|
|
9
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
|
+
var _hooks = require("../../hooks");
|
|
12
|
+
var _accessibility = require("../../utils/accessibility");
|
|
11
13
|
var _icons = require("../icons");
|
|
12
14
|
var _typography = require("../typography");
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
16
|
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
17
|
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; }
|
|
15
18
|
const ListItemInfoCopy = ({
|
|
@@ -22,15 +25,21 @@ const ListItemInfoCopy = ({
|
|
|
22
25
|
accessibilityHint,
|
|
23
26
|
testID
|
|
24
27
|
}) => {
|
|
25
|
-
var _IOScaleValues$basicB;
|
|
26
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
27
|
-
const {
|
|
28
|
-
isExperimental
|
|
29
|
-
} = (0, _core.useIOExperimentalDesign)();
|
|
30
28
|
const theme = (0, _core.useIOTheme)();
|
|
29
|
+
const {
|
|
30
|
+
onPressIn,
|
|
31
|
+
onPressOut,
|
|
32
|
+
scaleAnimatedStyle,
|
|
33
|
+
backgroundAnimatedStyle
|
|
34
|
+
} = (0, _hooks.useListItemAnimation)();
|
|
35
|
+
const {
|
|
36
|
+
dynamicFontScale,
|
|
37
|
+
spacingScaleMultiplier,
|
|
38
|
+
hugeFontEnabled
|
|
39
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
31
40
|
const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
|
|
32
41
|
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
33
|
-
const foregroundColor =
|
|
42
|
+
const foregroundColor = theme["interactiveElem-default"];
|
|
34
43
|
const listItemInfoCopyContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
|
|
35
44
|
weight: "Regular",
|
|
36
45
|
color: theme["textBody-tertiary"]
|
|
@@ -40,42 +49,11 @@ const ListItemInfoCopy = ({
|
|
|
40
49
|
}, value) : {
|
|
41
50
|
value
|
|
42
51
|
});
|
|
43
|
-
const mapBackgroundStates = {
|
|
44
|
-
default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
|
|
45
|
-
pressed: _core.IOColors[theme["listItem-pressed"]]
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
// Scaling transformation applied when the button is pressed
|
|
49
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
50
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
51
|
-
|
|
52
|
-
// Interpolate animation values from `isPressed` values
|
|
53
|
-
const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
54
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
55
|
-
return {
|
|
56
|
-
transform: [{
|
|
57
|
-
scale
|
|
58
|
-
}]
|
|
59
|
-
};
|
|
60
|
-
});
|
|
61
|
-
const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
62
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
|
|
63
|
-
return {
|
|
64
|
-
backgroundColor
|
|
65
|
-
};
|
|
66
|
-
});
|
|
67
|
-
const handlePressIn = (0, _react.useCallback)(() => {
|
|
68
|
-
// eslint-disable-next-line functional/immutable-data
|
|
69
|
-
isPressed.value = 1;
|
|
70
|
-
}, [isPressed]);
|
|
71
|
-
const handlePressOut = (0, _react.useCallback)(() => {
|
|
72
|
-
// eslint-disable-next-line functional/immutable-data
|
|
73
|
-
isPressed.value = 0;
|
|
74
|
-
}, [isPressed]);
|
|
75
52
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
76
53
|
onPress: onPress,
|
|
77
|
-
onPressIn:
|
|
78
|
-
onPressOut:
|
|
54
|
+
onPressIn: onPressIn,
|
|
55
|
+
onPressOut: onPressOut,
|
|
56
|
+
onTouchEnd: onPressOut,
|
|
79
57
|
accessible: true,
|
|
80
58
|
accessibilityLabel: listItemAccessibilityLabel,
|
|
81
59
|
accessibilityHint: accessibilityHint,
|
|
@@ -84,28 +62,24 @@ const ListItemInfoCopy = ({
|
|
|
84
62
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
85
63
|
importantForAccessibility: "no-hide-descendants",
|
|
86
64
|
accessibilityElementsHidden: true,
|
|
87
|
-
style: [_core.IOListItemStyles.listItem,
|
|
65
|
+
style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
88
66
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
89
|
-
style: [_core.IOListItemStyles.listItemInner,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
67
|
+
style: [_core.IOListItemStyles.listItemInner, {
|
|
68
|
+
columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
69
|
+
}, scaleAnimatedStyle]
|
|
70
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
71
|
+
allowFontScaling: true,
|
|
95
72
|
name: icon,
|
|
96
73
|
color: "grey-450",
|
|
97
74
|
size: _core.IOListItemVisualParams.iconSize
|
|
98
|
-
})
|
|
75
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
99
76
|
style: _core.IOStyles.flex
|
|
100
|
-
}, listItemInfoCopyContent), /*#__PURE__*/_react.default.createElement(
|
|
101
|
-
|
|
102
|
-
marginLeft: _core.IOListItemVisualParams.iconMargin
|
|
103
|
-
}
|
|
104
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
77
|
+
}, listItemInfoCopyContent), /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
78
|
+
allowFontScaling: true,
|
|
105
79
|
name: "copy",
|
|
106
80
|
color: foregroundColor,
|
|
107
81
|
size: _core.IOListItemVisualParams.chevronSize
|
|
108
|
-
}))))
|
|
82
|
+
}))));
|
|
109
83
|
};
|
|
110
84
|
exports.ListItemInfoCopy = ListItemInfoCopy;
|
|
111
85
|
var _default = ListItemInfoCopy;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_typography","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","_accessibility","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","theme","useIOTheme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","BodySmall","weight","color","H6","Pressable","onTouchEnd","accessible","accessibilityRole","View","importantForAccessibility","accessibilityElementsHidden","style","IOListItemStyles","listItem","listItemInner","columnGap","IOListItemVisualParams","iconMargin","Icon","allowFontScaling","name","size","iconSize","IOStyles","flex","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
|