@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
|
@@ -10,7 +10,7 @@ import ListItemNav from "../ListItemNav";
|
|
|
10
10
|
import ListItemNavAlert from "../ListItemNavAlert";
|
|
11
11
|
import { ListItemRadioWithAmount } from "../ListItemRadioWithAmount";
|
|
12
12
|
import { ListItemTransaction } from "../ListItemTransaction";
|
|
13
|
-
import { PressableListItemBase } from "../
|
|
13
|
+
import { PressableListItemBase } from "../PressableListItemBase";
|
|
14
14
|
const onButtonPress = () => {
|
|
15
15
|
Alert.alert("Alert", "Action triggered");
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Alert","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","ListItemIDP","ListItemAction","ListItemInfo","ListItemInfoCopy","ListItemNav","ListItemNavAlert","ListItemRadioWithAmount","ListItemTransaction","PressableListItemBase","onButtonPress","alert","describe","it","listItemInfo","create","createElement","label","value","accessibilityLabel","toJSON","expect","toMatchSnapshot","listItemInfoCopy","onPress","listItemNav","listItemNavAlert","listItemAction","variant","listItemIDP","title","subtitle","transaction","amount","amountAccessibilityLabel","isLoading","suggested","formattedAmountString","suggestReason","isSuggested","selected","notSuggested"],"sourceRoot":"../../../../../src","sources":["components/listitems/__test__/listitem.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AACpC,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,kDAAkD,QAAQ,wBAAwB;AAC3F,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,uBAAuB,QAAQ,4BAA4B;AACpE,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,qBAAqB,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","Alert","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","ListItemIDP","ListItemAction","ListItemInfo","ListItemInfoCopy","ListItemNav","ListItemNavAlert","ListItemRadioWithAmount","ListItemTransaction","PressableListItemBase","onButtonPress","alert","describe","it","listItemInfo","create","createElement","label","value","accessibilityLabel","toJSON","expect","toMatchSnapshot","listItemInfoCopy","onPress","listItemNav","listItemNavAlert","listItemAction","variant","listItemIDP","title","subtitle","transaction","amount","amountAccessibilityLabel","isLoading","suggested","formattedAmountString","suggestReason","isSuggested","selected","notSuggested"],"sourceRoot":"../../../../../src","sources":["components/listitems/__test__/listitem.test.tsx"],"mappings":"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"}
|
|
@@ -5,10 +5,10 @@ export * from "./ListItemInfoCopy";
|
|
|
5
5
|
export * from "./ListItemNav";
|
|
6
6
|
export * from "./ListItemNavAlert";
|
|
7
7
|
export * from "./ListItemTransaction";
|
|
8
|
-
export * from "./PressableListItemsBase";
|
|
9
8
|
export * from "./ListItemSwitch";
|
|
10
9
|
export * from "./ListItemCheckbox";
|
|
11
10
|
export * from "./ListItemRadio";
|
|
12
11
|
export * from "./ListItemRadioWithAmount";
|
|
13
12
|
export * from "./ListItemAmount";
|
|
13
|
+
export * from "./PressableListItemBase";
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B;AACzC,cAAc,kBAAkB;AAChC,cAAc,yBAAyB"}
|
|
@@ -3,6 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { Image, StyleSheet } from "react-native";
|
|
4
4
|
import Placeholder from "rn-placeholder";
|
|
5
5
|
import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
|
|
6
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
6
7
|
import { Badge } from "../badge";
|
|
7
8
|
import { Icon } from "../icons";
|
|
8
9
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
@@ -22,10 +23,14 @@ const ModuleCredentialContent = ({
|
|
|
22
23
|
...pressableProps
|
|
23
24
|
}) => {
|
|
24
25
|
const theme = useIOTheme();
|
|
25
|
-
const
|
|
26
|
+
const {
|
|
27
|
+
hugeFontEnabled
|
|
28
|
+
} = useIOFontDynamicScale();
|
|
29
|
+
const iconComponent = icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
30
|
+
allowFontScaling: true,
|
|
26
31
|
name: icon,
|
|
27
32
|
size: IOSelectionListItemVisualParams.iconSize,
|
|
28
|
-
color: "
|
|
33
|
+
color: theme["icon-decorative"]
|
|
29
34
|
});
|
|
30
35
|
const imageComponent = image && /*#__PURE__*/React.createElement(Image, {
|
|
31
36
|
source: image,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","LoadingSpinner","HStack","BodySmall","ModuleStatic","PressableModuleBase","ModuleCredential","props","isLoading","createElement","ModuleCredentialSkeleton","ModuleCredentialContent","testID","icon","image","label","onPress","badge","isFetching","pressableProps","theme","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","endComponent","useMemo","undefined","_extends","chevronSize","ModuleContent","space","alignItems","iconMargin","flexGrow","flexShrink","weight","numberOfLines","lineBreakMode","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EAGLC,UAAU,QACL,cAAc;AACrB,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SACEC,sBAAsB,EACtBC,+BAA+B,EAE/BC,gBAAgB,EAChBC,UAAU,QACL,YAAY;
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","useIOFontDynamicScale","Badge","Icon","LoadingSpinner","HStack","BodySmall","ModuleStatic","PressableModuleBase","ModuleCredential","props","isLoading","createElement","ModuleCredentialSkeleton","ModuleCredentialContent","testID","icon","image","label","onPress","badge","isFetching","pressableProps","theme","hugeFontEnabled","iconComponent","allowFontScaling","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","endComponent","useMemo","undefined","_extends","chevronSize","ModuleContent","space","alignItems","iconMargin","flexGrow","flexShrink","weight","numberOfLines","lineBreakMode","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}
|
|
@@ -7,10 +7,14 @@ import { Badge } from "../badge";
|
|
|
7
7
|
import { Icon } from "../icons";
|
|
8
8
|
import { HStack, VStack } from "../stack";
|
|
9
9
|
import { LabelMini, BodySmall } from "../typography";
|
|
10
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
10
11
|
import { ModuleStatic } from "./ModuleStatic";
|
|
11
12
|
import { PressableModuleBase } from "./PressableModuleBase";
|
|
12
13
|
export const ModuleNavigation = props => {
|
|
13
14
|
const theme = useIOTheme();
|
|
15
|
+
const {
|
|
16
|
+
hugeFontEnabled
|
|
17
|
+
} = useIOFontDynamicScale();
|
|
14
18
|
if (props.isLoading) {
|
|
15
19
|
return /*#__PURE__*/React.createElement(ModuleNavigationSkeleton, null);
|
|
16
20
|
}
|
|
@@ -23,7 +27,7 @@ export const ModuleNavigation = props => {
|
|
|
23
27
|
badge,
|
|
24
28
|
...pressableProps
|
|
25
29
|
} = props;
|
|
26
|
-
const iconComponent = icon && /*#__PURE__*/React.createElement(Icon, {
|
|
30
|
+
const iconComponent = icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
27
31
|
name: icon,
|
|
28
32
|
size: IOSelectionListItemVisualParams.iconSize,
|
|
29
33
|
color: "grey-300"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","HStack","VStack","LabelMini","BodySmall","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","_extends","space","alignItems","iconMargin","flexGrow","flexShrink","weight","numberOfLines","lineBreakMode","chevronSize","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EAGLC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SACEC,sBAAsB,EACtBC,+BAA+B,EAE/BC,gBAAgB,EAChBC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,SAAS,EAAEC,SAAS,QAAQ,eAAe;AACpD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACEC,mBAAmB,QAEd,uBAAuB;AAoB9B,OAAO,MAAMC,gBAAgB,GAAIC,KAAwC,IAAK;EAC5E,MAAMC,KAAK,
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","HStack","VStack","LabelMini","BodySmall","useIOFontDynamicScale","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","hugeFontEnabled","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","_extends","space","alignItems","iconMargin","flexGrow","flexShrink","weight","numberOfLines","lineBreakMode","chevronSize","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Pressable } from "react-native";
|
|
3
|
-
import Animated from "react-native-reanimated";
|
|
3
|
+
import Animated, { useReducedMotion } from "react-native-reanimated";
|
|
4
|
+
import { useScaleAnimation } from "../../hooks";
|
|
4
5
|
import { IOColors, IOModuleIDPSavedVSpacing, IOModuleStyles, useIOTheme } from "../../core";
|
|
5
|
-
import { useModuleSpringAnimation } from "./hooks/useModuleSpringAnimation";
|
|
6
6
|
export const PressableModuleBase = ({
|
|
7
7
|
onPress,
|
|
8
8
|
withLooseSpacing = false,
|
|
@@ -12,18 +12,25 @@ export const PressableModuleBase = ({
|
|
|
12
12
|
children
|
|
13
13
|
}) => {
|
|
14
14
|
const theme = useIOTheme();
|
|
15
|
+
const reducedMotion = useReducedMotion();
|
|
15
16
|
const {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} =
|
|
17
|
+
onPressIn,
|
|
18
|
+
onPressOut,
|
|
19
|
+
scaleAnimatedStyle
|
|
20
|
+
} = useScaleAnimation(reducedMotion ? "slight" : "medium");
|
|
21
|
+
/* We use a slight scaleEffect if `reducedMotion` is enabled.
|
|
22
|
+
We don't disable it completely because that's the only
|
|
23
|
+
difference between the two states "default" and "pressed".
|
|
24
|
+
If we remove it, they they won't be able to understand
|
|
25
|
+
if there's an ongoing interaction. */
|
|
26
|
+
|
|
20
27
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
21
28
|
onPress: onPress,
|
|
22
29
|
testID: testID,
|
|
23
30
|
accessible: true,
|
|
24
|
-
onPressIn:
|
|
25
|
-
onPressOut:
|
|
26
|
-
onTouchEnd:
|
|
31
|
+
onPressIn: onPressIn,
|
|
32
|
+
onPressOut: onPressOut,
|
|
33
|
+
onTouchEnd: onPressOut,
|
|
27
34
|
accessibilityLabel: accessibilityLabel,
|
|
28
35
|
accessibilityHint: accessibilityHint,
|
|
29
36
|
accessibilityRole: "button"
|
|
@@ -32,7 +39,7 @@ export const PressableModuleBase = ({
|
|
|
32
39
|
borderColor: IOColors[theme["cardBorder-default"]]
|
|
33
40
|
}, withLooseSpacing && {
|
|
34
41
|
paddingVertical: IOModuleIDPSavedVSpacing
|
|
35
|
-
},
|
|
42
|
+
}, scaleAnimatedStyle]
|
|
36
43
|
}, children));
|
|
37
44
|
};
|
|
38
45
|
//# sourceMappingURL=PressableModuleBase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","Animated","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","
|
|
1
|
+
{"version":3,"names":["React","Pressable","Animated","useReducedMotion","useScaleAnimation","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","PressableModuleBase","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","reducedMotion","onPressIn","onPressOut","scaleAnimatedStyle","createElement","accessible","onTouchEnd","accessibilityRole","View","style","button","borderColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SACEC,QAAQ,EACRC,wBAAwB,EACxBC,cAAc,EACdC,UAAU,QACL,YAAY;AAYnB,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,gBAAgB,GAAG,KAAK;EACxBC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC2C,CAAC,KAAK;EACjD,MAAMC,KAAK,GAAGR,UAAU,CAAC,CAAC;EAC1B,MAAMS,aAAa,GAAGd,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEe,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAAGhB,iBAAiB,CACrEa,aAAa,GAAG,QAAQ,GAAG,QAC7B,CAAC;EACD;AACF;AACA;AACA;AACA;;EAEE,oBACEjB,KAAA,CAAAqB,aAAA,CAACpB,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE,IAAK;IACjBJ,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEJ,UAAW;IACvBP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCW,iBAAiB,EAAC;EAAQ,gBAE1BxB,KAAA,CAAAqB,aAAA,CAACnB,QAAQ,CAACuB,IAAI;IACZC,KAAK,EAAE,CACLnB,cAAc,CAACoB,MAAM,EACrB;MAAEC,WAAW,EAAEvB,QAAQ,CAACW,KAAK,CAAC,oBAAoB,CAAC;IAAE,CAAC,EACtDL,gBAAgB,IAAI;MAAEkB,eAAe,EAAEvB;IAAyB,CAAC,EACjEc,kBAAkB;EAClB,GAEDL,QACY,CACN,CAAC;AAEhB,CAAC"}
|
|
@@ -4,6 +4,6 @@ export * from "./ModuleCredential";
|
|
|
4
4
|
export * from "./ModuleIDP";
|
|
5
5
|
export * from "./ModuleNavigation";
|
|
6
6
|
export * from "./ModulePaymentNotice";
|
|
7
|
-
export * from "./PressableModuleBase";
|
|
8
7
|
export * from "./ModuleSummary";
|
|
8
|
+
export * from "./PressableModuleBase";
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { memo, useCallback, useMemo } from "react";
|
|
2
2
|
import { Pressable } from "react-native";
|
|
3
|
-
import Animated, {
|
|
4
|
-
import { IOColors, IONumberPadButtonStyles,
|
|
3
|
+
import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
4
|
+
import { IOColors, IONumberPadButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
|
|
5
|
+
import { useScaleAnimation } from "../../hooks";
|
|
5
6
|
import { H3 } from "../typography";
|
|
6
7
|
const colorMap = {
|
|
7
8
|
light: {
|
|
@@ -37,39 +38,22 @@ export const NumberButton = /*#__PURE__*/memo(({
|
|
|
37
38
|
variant,
|
|
38
39
|
onPress
|
|
39
40
|
}) => {
|
|
40
|
-
|
|
41
|
+
const {
|
|
42
|
+
progress,
|
|
43
|
+
onPressIn,
|
|
44
|
+
onPressOut,
|
|
45
|
+
scaleAnimatedStyle
|
|
46
|
+
} = useScaleAnimation("slight");
|
|
47
|
+
const reducedMotion = useReducedMotion();
|
|
41
48
|
const {
|
|
42
49
|
isExperimental
|
|
43
50
|
} = useIOExperimentalDesign();
|
|
44
51
|
const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
|
|
45
|
-
const isPressed = useSharedValue(0);
|
|
46
|
-
// Scaling transformation applied when the button is pressed
|
|
47
|
-
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
48
|
-
// Using a spring-based animation for our interpolations
|
|
49
|
-
const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
50
52
|
|
|
51
53
|
// Interpolate animation values from `isPressed` values
|
|
52
|
-
const pressedAnimationStyle = useAnimatedStyle(() => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
// Scale down button slightly when pressed
|
|
57
|
-
const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
|
|
58
|
-
return {
|
|
59
|
-
backgroundColor: bgColor,
|
|
60
|
-
transform: [{
|
|
61
|
-
scale
|
|
62
|
-
}]
|
|
63
|
-
};
|
|
64
|
-
});
|
|
65
|
-
const onPressIn = useCallback(() => {
|
|
66
|
-
// eslint-disable-next-line functional/immutable-data
|
|
67
|
-
isPressed.value = 1;
|
|
68
|
-
}, [isPressed]);
|
|
69
|
-
const onPressOut = useCallback(() => {
|
|
70
|
-
// eslint-disable-next-line functional/immutable-data
|
|
71
|
-
isPressed.value = 0;
|
|
72
|
-
}, [isPressed]);
|
|
54
|
+
const pressedAnimationStyle = useAnimatedStyle(() => ({
|
|
55
|
+
backgroundColor: interpolateColor(progress.value, [0, 1], [colors.background, colors.pressed])
|
|
56
|
+
}));
|
|
73
57
|
const handleOnPress = useCallback(() => {
|
|
74
58
|
onPress(number);
|
|
75
59
|
}, [number, onPress]);
|
|
@@ -80,7 +64,7 @@ export const NumberButton = /*#__PURE__*/memo(({
|
|
|
80
64
|
onPressOut: onPressOut,
|
|
81
65
|
onPress: handleOnPress
|
|
82
66
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
83
|
-
style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
|
|
67
|
+
style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
|
|
84
68
|
}, /*#__PURE__*/React.createElement(H3, {
|
|
85
69
|
color: colors.foreground
|
|
86
70
|
}, number)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","
|
|
1
|
+
{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
|
|
@@ -80,6 +80,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
"backgroundColor": undefined,
|
|
83
|
+
},
|
|
84
|
+
{
|
|
83
85
|
"transform": [
|
|
84
86
|
{
|
|
85
87
|
"scale": undefined,
|
|
@@ -90,9 +92,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
90
92
|
}
|
|
91
93
|
>
|
|
92
94
|
<Text
|
|
93
|
-
allowFontScaling={
|
|
95
|
+
allowFontScaling={true}
|
|
94
96
|
dynamicTypeRamp="title2"
|
|
95
|
-
maxFontSizeMultiplier={1.
|
|
97
|
+
maxFontSizeMultiplier={1.5}
|
|
96
98
|
style={
|
|
97
99
|
[
|
|
98
100
|
{},
|
|
@@ -159,6 +161,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
159
161
|
},
|
|
160
162
|
{
|
|
161
163
|
"backgroundColor": undefined,
|
|
164
|
+
},
|
|
165
|
+
{
|
|
162
166
|
"transform": [
|
|
163
167
|
{
|
|
164
168
|
"scale": undefined,
|
|
@@ -169,9 +173,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
169
173
|
}
|
|
170
174
|
>
|
|
171
175
|
<Text
|
|
172
|
-
allowFontScaling={
|
|
176
|
+
allowFontScaling={true}
|
|
173
177
|
dynamicTypeRamp="title2"
|
|
174
|
-
maxFontSizeMultiplier={1.
|
|
178
|
+
maxFontSizeMultiplier={1.5}
|
|
175
179
|
style={
|
|
176
180
|
[
|
|
177
181
|
{},
|
|
@@ -238,6 +242,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
238
242
|
},
|
|
239
243
|
{
|
|
240
244
|
"backgroundColor": undefined,
|
|
245
|
+
},
|
|
246
|
+
{
|
|
241
247
|
"transform": [
|
|
242
248
|
{
|
|
243
249
|
"scale": undefined,
|
|
@@ -248,9 +254,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
248
254
|
}
|
|
249
255
|
>
|
|
250
256
|
<Text
|
|
251
|
-
allowFontScaling={
|
|
257
|
+
allowFontScaling={true}
|
|
252
258
|
dynamicTypeRamp="title2"
|
|
253
|
-
maxFontSizeMultiplier={1.
|
|
259
|
+
maxFontSizeMultiplier={1.5}
|
|
254
260
|
style={
|
|
255
261
|
[
|
|
256
262
|
{},
|
|
@@ -333,6 +339,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
333
339
|
},
|
|
334
340
|
{
|
|
335
341
|
"backgroundColor": undefined,
|
|
342
|
+
},
|
|
343
|
+
{
|
|
336
344
|
"transform": [
|
|
337
345
|
{
|
|
338
346
|
"scale": undefined,
|
|
@@ -343,9 +351,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
343
351
|
}
|
|
344
352
|
>
|
|
345
353
|
<Text
|
|
346
|
-
allowFontScaling={
|
|
354
|
+
allowFontScaling={true}
|
|
347
355
|
dynamicTypeRamp="title2"
|
|
348
|
-
maxFontSizeMultiplier={1.
|
|
356
|
+
maxFontSizeMultiplier={1.5}
|
|
349
357
|
style={
|
|
350
358
|
[
|
|
351
359
|
{},
|
|
@@ -412,6 +420,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
412
420
|
},
|
|
413
421
|
{
|
|
414
422
|
"backgroundColor": undefined,
|
|
423
|
+
},
|
|
424
|
+
{
|
|
415
425
|
"transform": [
|
|
416
426
|
{
|
|
417
427
|
"scale": undefined,
|
|
@@ -422,9 +432,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
422
432
|
}
|
|
423
433
|
>
|
|
424
434
|
<Text
|
|
425
|
-
allowFontScaling={
|
|
435
|
+
allowFontScaling={true}
|
|
426
436
|
dynamicTypeRamp="title2"
|
|
427
|
-
maxFontSizeMultiplier={1.
|
|
437
|
+
maxFontSizeMultiplier={1.5}
|
|
428
438
|
style={
|
|
429
439
|
[
|
|
430
440
|
{},
|
|
@@ -491,6 +501,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
491
501
|
},
|
|
492
502
|
{
|
|
493
503
|
"backgroundColor": undefined,
|
|
504
|
+
},
|
|
505
|
+
{
|
|
494
506
|
"transform": [
|
|
495
507
|
{
|
|
496
508
|
"scale": undefined,
|
|
@@ -501,9 +513,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
501
513
|
}
|
|
502
514
|
>
|
|
503
515
|
<Text
|
|
504
|
-
allowFontScaling={
|
|
516
|
+
allowFontScaling={true}
|
|
505
517
|
dynamicTypeRamp="title2"
|
|
506
|
-
maxFontSizeMultiplier={1.
|
|
518
|
+
maxFontSizeMultiplier={1.5}
|
|
507
519
|
style={
|
|
508
520
|
[
|
|
509
521
|
{},
|
|
@@ -586,6 +598,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
586
598
|
},
|
|
587
599
|
{
|
|
588
600
|
"backgroundColor": undefined,
|
|
601
|
+
},
|
|
602
|
+
{
|
|
589
603
|
"transform": [
|
|
590
604
|
{
|
|
591
605
|
"scale": undefined,
|
|
@@ -596,9 +610,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
596
610
|
}
|
|
597
611
|
>
|
|
598
612
|
<Text
|
|
599
|
-
allowFontScaling={
|
|
613
|
+
allowFontScaling={true}
|
|
600
614
|
dynamicTypeRamp="title2"
|
|
601
|
-
maxFontSizeMultiplier={1.
|
|
615
|
+
maxFontSizeMultiplier={1.5}
|
|
602
616
|
style={
|
|
603
617
|
[
|
|
604
618
|
{},
|
|
@@ -665,6 +679,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
665
679
|
},
|
|
666
680
|
{
|
|
667
681
|
"backgroundColor": undefined,
|
|
682
|
+
},
|
|
683
|
+
{
|
|
668
684
|
"transform": [
|
|
669
685
|
{
|
|
670
686
|
"scale": undefined,
|
|
@@ -675,9 +691,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
675
691
|
}
|
|
676
692
|
>
|
|
677
693
|
<Text
|
|
678
|
-
allowFontScaling={
|
|
694
|
+
allowFontScaling={true}
|
|
679
695
|
dynamicTypeRamp="title2"
|
|
680
|
-
maxFontSizeMultiplier={1.
|
|
696
|
+
maxFontSizeMultiplier={1.5}
|
|
681
697
|
style={
|
|
682
698
|
[
|
|
683
699
|
{},
|
|
@@ -744,6 +760,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
744
760
|
},
|
|
745
761
|
{
|
|
746
762
|
"backgroundColor": undefined,
|
|
763
|
+
},
|
|
764
|
+
{
|
|
747
765
|
"transform": [
|
|
748
766
|
{
|
|
749
767
|
"scale": undefined,
|
|
@@ -754,9 +772,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
754
772
|
}
|
|
755
773
|
>
|
|
756
774
|
<Text
|
|
757
|
-
allowFontScaling={
|
|
775
|
+
allowFontScaling={true}
|
|
758
776
|
dynamicTypeRamp="title2"
|
|
759
|
-
maxFontSizeMultiplier={1.
|
|
777
|
+
maxFontSizeMultiplier={1.5}
|
|
760
778
|
style={
|
|
761
779
|
[
|
|
762
780
|
{},
|
|
@@ -980,6 +998,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
980
998
|
},
|
|
981
999
|
{
|
|
982
1000
|
"backgroundColor": undefined,
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
983
1003
|
"transform": [
|
|
984
1004
|
{
|
|
985
1005
|
"scale": undefined,
|
|
@@ -990,9 +1010,9 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
990
1010
|
}
|
|
991
1011
|
>
|
|
992
1012
|
<Text
|
|
993
|
-
allowFontScaling={
|
|
1013
|
+
allowFontScaling={true}
|
|
994
1014
|
dynamicTypeRamp="title2"
|
|
995
|
-
maxFontSizeMultiplier={1.
|
|
1015
|
+
maxFontSizeMultiplier={1.5}
|
|
996
1016
|
style={
|
|
997
1017
|
[
|
|
998
1018
|
{},
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { useMemo } from "react";
|
|
3
3
|
import { IOColors, IOThemeDark, IOThemeLight, useIOTheme } from "../../core";
|
|
4
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
4
5
|
import PictogramAccessDenied from "./svg/PictogramAccessDenied";
|
|
5
6
|
import PictogramActivate from "./svg/PictogramActivate";
|
|
6
7
|
import PictogramAttachment from "./svg/PictogramAttachment";
|
|
@@ -192,10 +193,16 @@ export const Pictogram = ({
|
|
|
192
193
|
color = "aqua",
|
|
193
194
|
pictogramStyle = "default",
|
|
194
195
|
size = 120,
|
|
196
|
+
allowFontScaling = false,
|
|
195
197
|
...props
|
|
196
198
|
}) => {
|
|
197
|
-
const PictogramElement = IOPictograms[name];
|
|
198
199
|
const theme = useIOTheme();
|
|
200
|
+
const {
|
|
201
|
+
dynamicFontScale,
|
|
202
|
+
spacingScaleMultiplier
|
|
203
|
+
} = useIOFontDynamicScale();
|
|
204
|
+
const PictogramElement = IOPictograms[name];
|
|
205
|
+
const pictogramSize = allowFontScaling && typeof size === "number" ? size * dynamicFontScale * spacingScaleMultiplier : size;
|
|
199
206
|
const themeObj = useMemo(() => {
|
|
200
207
|
switch (pictogramStyle) {
|
|
201
208
|
case "dark-content":
|
|
@@ -213,7 +220,7 @@ export const Pictogram = ({
|
|
|
213
220
|
tertiary: IOColors[themeObj["pictogram-tint-tertiary"]]
|
|
214
221
|
}), [themeObj]);
|
|
215
222
|
return /*#__PURE__*/React.createElement(PictogramElement, _extends({}, props, {
|
|
216
|
-
size:
|
|
223
|
+
size: pictogramSize,
|
|
217
224
|
color: IOColors[color],
|
|
218
225
|
colorValues: colorValues
|
|
219
226
|
}));
|
|
@@ -274,10 +281,16 @@ export const PictogramBleed = ({
|
|
|
274
281
|
color = "aqua",
|
|
275
282
|
size = 80,
|
|
276
283
|
pictogramStyle = "default",
|
|
284
|
+
allowFontScaling = false,
|
|
277
285
|
...props
|
|
278
286
|
}) => {
|
|
279
|
-
const PictogramElement = IOPictogramsBleed[name];
|
|
280
287
|
const theme = useIOTheme();
|
|
288
|
+
const {
|
|
289
|
+
dynamicFontScale,
|
|
290
|
+
spacingScaleMultiplier
|
|
291
|
+
} = useIOFontDynamicScale();
|
|
292
|
+
const PictogramElement = IOPictogramsBleed[name];
|
|
293
|
+
const pictogramSize = allowFontScaling && typeof size === "number" ? size * dynamicFontScale * spacingScaleMultiplier : size;
|
|
281
294
|
const themeObj = useMemo(() => {
|
|
282
295
|
switch (pictogramStyle) {
|
|
283
296
|
case "dark-content":
|
|
@@ -295,7 +308,7 @@ export const PictogramBleed = ({
|
|
|
295
308
|
tertiary: IOColors[themeObj["pictogram-tint-tertiary"]]
|
|
296
309
|
}), [themeObj]);
|
|
297
310
|
return /*#__PURE__*/React.createElement(PictogramElement, _extends({}, props, {
|
|
298
|
-
size:
|
|
311
|
+
size: pictogramSize,
|
|
299
312
|
color: IOColors[color],
|
|
300
313
|
colorValues: colorValues
|
|
301
314
|
}));
|