@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
|
@@ -86,7 +86,7 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
|
|
|
86
86
|
<Text
|
|
87
87
|
allowFontScaling={true}
|
|
88
88
|
dynamicTypeRamp="body"
|
|
89
|
-
maxFontSizeMultiplier={1.
|
|
89
|
+
maxFontSizeMultiplier={1.5}
|
|
90
90
|
style={
|
|
91
91
|
[
|
|
92
92
|
{},
|
|
@@ -190,9 +190,9 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
|
|
|
190
190
|
}
|
|
191
191
|
/>
|
|
192
192
|
<Text
|
|
193
|
-
allowFontScaling={
|
|
193
|
+
allowFontScaling={true}
|
|
194
194
|
dynamicTypeRamp="body"
|
|
195
|
-
maxFontSizeMultiplier={1.
|
|
195
|
+
maxFontSizeMultiplier={1.5}
|
|
196
196
|
style={
|
|
197
197
|
[
|
|
198
198
|
{},
|
|
@@ -6,35 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Alert = 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 _IOAnimations = require("../../core/IOAnimations");
|
|
12
11
|
var _IOColors = require("../../core/IOColors");
|
|
13
12
|
var _IOShapes = require("../../core/IOShapes");
|
|
14
13
|
var _IOSpacing = require("../../core/IOSpacing");
|
|
14
|
+
var _hooks = require("../../hooks");
|
|
15
|
+
var _accessibility = require("../../utils/accessibility");
|
|
15
16
|
var _icons = require("../icons");
|
|
16
|
-
var
|
|
17
|
+
var _stack = require("../stack");
|
|
17
18
|
var _typography = require("../typography");
|
|
18
19
|
var _H = require("../typography/H4");
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
21
|
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); }
|
|
20
22
|
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; }
|
|
21
|
-
const
|
|
22
|
-
const [
|
|
23
|
-
const styles = _reactNative.StyleSheet.create({
|
|
24
|
-
container: {
|
|
25
|
-
flexDirection: "row",
|
|
26
|
-
alignItems: "flex-start",
|
|
27
|
-
alignContent: "center"
|
|
28
|
-
},
|
|
29
|
-
spacingDefault: {
|
|
30
|
-
padding: spacingDefault,
|
|
31
|
-
borderRadius: _IOShapes.IOAlertRadius,
|
|
32
|
-
borderCurve: "continuous"
|
|
33
|
-
},
|
|
34
|
-
spacingFullWidth: {
|
|
35
|
-
padding: spacingFullWidth
|
|
36
|
-
}
|
|
37
|
-
});
|
|
23
|
+
const ICON_SIZE = 24;
|
|
24
|
+
const [padding, paddingFullWidth] = _IOSpacing.IOAlertSpacing;
|
|
38
25
|
// COMPONENT CONFIGURATION
|
|
39
26
|
|
|
40
27
|
const mapVariantStatesLightMode = {
|
|
@@ -82,7 +69,7 @@ const mapVariantStatesDarkMode = {
|
|
|
82
69
|
foreground: "success-100"
|
|
83
70
|
}
|
|
84
71
|
};
|
|
85
|
-
const Alert = /*#__PURE__*/_react.
|
|
72
|
+
const Alert = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
86
73
|
variant,
|
|
87
74
|
title,
|
|
88
75
|
content,
|
|
@@ -92,77 +79,67 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
92
79
|
accessibilityHint,
|
|
93
80
|
testID
|
|
94
81
|
}, viewRef) => {
|
|
95
|
-
|
|
82
|
+
const {
|
|
83
|
+
onPressIn,
|
|
84
|
+
onPressOut,
|
|
85
|
+
scaleAnimatedStyle
|
|
86
|
+
} = (0, _hooks.useScaleAnimation)("medium");
|
|
87
|
+
const {
|
|
88
|
+
dynamicFontScale,
|
|
89
|
+
spacingScaleMultiplier
|
|
90
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
96
91
|
const {
|
|
97
92
|
themeType
|
|
98
93
|
} = (0, _core.useIOThemeContext)();
|
|
99
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
100
94
|
const [isMultiline, setIsMultiline] = (0, _react.useState)(false);
|
|
101
95
|
const onTextLayout = (0, _react.useCallback)(event => {
|
|
102
96
|
setIsMultiline(event.nativeEvent.lines.length > 1);
|
|
103
97
|
}, []);
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _IOAnimations.IOSpringValues.button));
|
|
110
|
-
|
|
111
|
-
// Interpolate animation values from `isPressed` values
|
|
112
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
113
|
-
// Scale down button slightly when pressed
|
|
114
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
|
|
115
|
-
return {
|
|
116
|
-
transform: [{
|
|
117
|
-
scale
|
|
118
|
-
}]
|
|
119
|
-
};
|
|
120
|
-
});
|
|
121
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
122
|
-
// eslint-disable-next-line functional/immutable-data
|
|
123
|
-
isPressed.value = 1;
|
|
124
|
-
}, [isPressed]);
|
|
125
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
126
|
-
// eslint-disable-next-line functional/immutable-data
|
|
127
|
-
isPressed.value = 0;
|
|
128
|
-
}, [isPressed]);
|
|
98
|
+
const paddingDefaultVariant = {
|
|
99
|
+
padding,
|
|
100
|
+
borderRadius: _IOShapes.IOAlertRadius * dynamicFontScale * spacingScaleMultiplier,
|
|
101
|
+
borderCurve: "continuous"
|
|
102
|
+
};
|
|
129
103
|
const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
|
|
130
|
-
const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(
|
|
104
|
+
const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(_stack.HStack, {
|
|
105
|
+
space: _core.IOVisualCostants.iconMargin,
|
|
106
|
+
allowScaleSpacing: true,
|
|
131
107
|
style: {
|
|
132
|
-
|
|
133
|
-
alignSelf: "flex-start"
|
|
108
|
+
alignItems: isMultiline ? "flex-start" : "center"
|
|
134
109
|
}
|
|
135
110
|
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
111
|
+
allowFontScaling: true,
|
|
136
112
|
name: mapVariantStates[variant].icon,
|
|
137
|
-
size:
|
|
113
|
+
size: ICON_SIZE,
|
|
138
114
|
color: mapVariantStates[variant].foreground
|
|
139
|
-
})
|
|
115
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
140
116
|
style: [!title && isMultiline && {
|
|
141
|
-
marginTop: -
|
|
117
|
+
marginTop: -6 * dynamicFontScale
|
|
142
118
|
}, isMultiline && {
|
|
143
|
-
marginBottom: -
|
|
119
|
+
marginBottom: -4 * dynamicFontScale
|
|
144
120
|
}, {
|
|
145
121
|
flex: 1
|
|
146
122
|
}]
|
|
147
|
-
},
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement(_stack.VStack, {
|
|
124
|
+
space: 8,
|
|
125
|
+
allowScaleSpacing: true
|
|
126
|
+
}, title && /*#__PURE__*/_react.default.createElement(_H.H4, {
|
|
148
127
|
color: mapVariantStates[variant].foreground
|
|
149
|
-
}, title), /*#__PURE__*/_react.default.createElement(
|
|
150
|
-
size: 8
|
|
151
|
-
})), /*#__PURE__*/_react.default.createElement(_typography.Body, {
|
|
128
|
+
}, title), /*#__PURE__*/_react.default.createElement(_typography.Body, {
|
|
152
129
|
color: mapVariantStates[variant].foreground,
|
|
153
130
|
weight: "Regular",
|
|
154
131
|
accessibilityRole: "text",
|
|
155
132
|
onTextLayout: onTextLayout
|
|
156
|
-
}, content), action && /*#__PURE__*/_react.default.createElement(
|
|
157
|
-
size: 8
|
|
158
|
-
}), /*#__PURE__*/_react.default.createElement(_typography.ButtonText, {
|
|
133
|
+
}, content), action && /*#__PURE__*/_react.default.createElement(_typography.ButtonText, {
|
|
159
134
|
color: mapVariantStates[variant].foreground,
|
|
160
135
|
numberOfLines: 1,
|
|
161
136
|
ellipsizeMode: "tail"
|
|
162
137
|
}, action))));
|
|
163
138
|
const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
164
139
|
ref: viewRef,
|
|
165
|
-
style: [
|
|
140
|
+
style: [fullWidth ? {
|
|
141
|
+
padding
|
|
142
|
+
} : paddingDefaultVariant, {
|
|
166
143
|
backgroundColor: mapVariantStates[variant].background
|
|
167
144
|
}],
|
|
168
145
|
testID: testID,
|
|
@@ -183,11 +160,13 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
183
160
|
accessibilityHint: accessibilityHint,
|
|
184
161
|
accessibilityRole: "button"
|
|
185
162
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
186
|
-
style: [
|
|
163
|
+
style: [fullWidth ? {
|
|
164
|
+
padding: paddingFullWidth
|
|
165
|
+
} : paddingDefaultVariant, {
|
|
187
166
|
backgroundColor: mapVariantStates[variant].background
|
|
188
167
|
},
|
|
189
168
|
// Disable pressed animation when component is full width
|
|
190
|
-
!fullWidth &&
|
|
169
|
+
!fullWidth && scaleAnimatedStyle]
|
|
191
170
|
}, renderMainBlock()));
|
|
192
171
|
return action ? /*#__PURE__*/_react.default.createElement(PressableButton, null) : /*#__PURE__*/_react.default.createElement(StaticComponent, null);
|
|
193
172
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_IOColors","_IOShapes","_IOSpacing","_hooks","_accessibility","_icons","_stack","_typography","_H","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ICON_SIZE","padding","paddingFullWidth","IOAlertSpacing","mapVariantStatesLightMode","error","icon","background","IOColors","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","hexToRgba","Alert","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","dynamicFontScale","spacingScaleMultiplier","useIOFontDynamicScale","themeType","useIOThemeContext","isMultiline","setIsMultiline","useState","onTextLayout","useCallback","event","nativeEvent","lines","length","paddingDefaultVariant","borderRadius","IOAlertRadius","borderCurve","mapVariantStates","renderMainBlock","createElement","HStack","space","IOVisualCostants","iconMargin","allowScaleSpacing","style","alignItems","Icon","allowFontScaling","name","size","color","View","marginTop","marginBottom","flex","VStack","H4","Body","weight","accessibilityRole","ButtonText","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","Pressable","onTouchEnd","exports"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
|
|
@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.AlertEdgeToEdge = 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 _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
11
11
|
var _core = require("../../core");
|
|
12
12
|
var _IOColors = require("../../core/IOColors");
|
|
13
13
|
var _IOSpacing = require("../../core/IOSpacing");
|
|
14
14
|
var _IOStyles = require("../../core/IOStyles");
|
|
15
|
+
var _hooks = require("../../hooks");
|
|
15
16
|
var _fonts = require("../../utils/fonts");
|
|
16
17
|
var _icons = require("../icons");
|
|
17
18
|
var _typography = require("../typography");
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
20
|
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); }
|
|
19
21
|
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; }
|
|
20
22
|
const iconSize = 24;
|
|
@@ -54,34 +56,12 @@ const AlertEdgeToEdge = ({
|
|
|
54
56
|
accessibilityHint,
|
|
55
57
|
testID
|
|
56
58
|
}) => {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
+
const {
|
|
60
|
+
onPressIn,
|
|
61
|
+
onPressOut,
|
|
62
|
+
scaleAnimatedStyle
|
|
63
|
+
} = (0, _hooks.useScaleAnimation)("slight");
|
|
59
64
|
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
60
|
-
|
|
61
|
-
// Scaling transformation applied when the button is pressed
|
|
62
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
63
|
-
|
|
64
|
-
// Using a spring-based animation for our interpolations
|
|
65
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
66
|
-
|
|
67
|
-
// Interpolate animation values from `isPressed` values
|
|
68
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
69
|
-
// Scale down button slightly when pressed
|
|
70
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
71
|
-
return {
|
|
72
|
-
transform: [{
|
|
73
|
-
scale
|
|
74
|
-
}]
|
|
75
|
-
};
|
|
76
|
-
});
|
|
77
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
78
|
-
// eslint-disable-next-line functional/immutable-data
|
|
79
|
-
isPressed.value = 1;
|
|
80
|
-
}, [isPressed]);
|
|
81
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
82
|
-
// eslint-disable-next-line functional/immutable-data
|
|
83
|
-
isPressed.value = 0;
|
|
84
|
-
}, [isPressed]);
|
|
85
65
|
const backgroundColor = (0, _react.useMemo)(() => _IOColors.IOColors[mapVariantStates[variant].background], [variant]);
|
|
86
66
|
const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
87
67
|
style: {
|
|
@@ -117,7 +97,7 @@ const AlertEdgeToEdge = ({
|
|
|
117
97
|
accessibilityRole: "button"
|
|
118
98
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
119
99
|
entering: _core.enterTransitionAlertEdgeToEdgeContent,
|
|
120
|
-
style: [styles.alert,
|
|
100
|
+
style: [styles.alert, scaleAnimatedStyle]
|
|
121
101
|
}, renderMainBlock()));
|
|
122
102
|
const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
123
103
|
entering: _core.enterTransitionAlertEdgeToEdgeContent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_IOColors","_IOSpacing","_IOStyles","_fonts","_icons","_typography","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeSafeAreaContext","_core","_IOColors","_IOSpacing","_IOStyles","_hooks","_fonts","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","iconSize","spacingDefault","IOAlertSpacing","styles","StyleSheet","create","alert","flexDirection","alignItems","alignContent","padding","mapVariantStates","error","icon","background","foreground","warning","info","AlertEdgeToEdge","variant","content","action","onPress","accessibilityHint","testID","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","insets","useSafeAreaInsets","backgroundColor","useMemo","IOColors","renderMainBlock","createElement","Fragment","View","style","marginRight","IOVisualCostants","iconMargin","alignSelf","Icon","name","size","color","IOStyles","flex","Body","weight","accessibilityRole","Text","makeFontStyleObject","undefined","PressableButton","Pressable","onTouchEnd","accessible","entering","enterTransitionAlertEdgeToEdgeContent","StaticComponent","enterTransitionAlertEdgeToEdge","exiting","exitTransitionAlertEdgeToEdge","paddingTop","top","exports"],"sourceRoot":"../../../../src","sources":["components/alert/AlertEdgeToEdge.tsx"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ exports.Badge = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
|
+
var _accessibility = require("../../utils/accessibility");
|
|
10
11
|
var _typography = require("../typography");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
13
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -14,12 +15,14 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
14
15
|
flexDirection: "row",
|
|
15
16
|
alignItems: "center",
|
|
16
17
|
justifyContent: "center",
|
|
18
|
+
borderCurve: "continuous",
|
|
17
19
|
..._reactNative.Platform.select({
|
|
18
20
|
android: {
|
|
19
21
|
textAlignVertical: "center"
|
|
20
22
|
}
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
+
})
|
|
24
|
+
},
|
|
25
|
+
badgeStaticStyle: {
|
|
23
26
|
borderRadius: _core.IOBadgeRadius,
|
|
24
27
|
paddingHorizontal: _core.IOBadgeHSpacing,
|
|
25
28
|
paddingVertical: _core.IOBadgeVSpacing
|
|
@@ -32,6 +35,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
32
35
|
const Badge = ({
|
|
33
36
|
text,
|
|
34
37
|
outline = false,
|
|
38
|
+
allowFontScaling = true,
|
|
35
39
|
variant,
|
|
36
40
|
testID
|
|
37
41
|
}) => {
|
|
@@ -39,6 +43,9 @@ const Badge = ({
|
|
|
39
43
|
isExperimental
|
|
40
44
|
} = (0, _core.useIOExperimentalDesign)();
|
|
41
45
|
const theme = (0, _core.useIOTheme)();
|
|
46
|
+
const {
|
|
47
|
+
dynamicFontScale
|
|
48
|
+
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
42
49
|
const {
|
|
43
50
|
themeType
|
|
44
51
|
} = (0, _core.useIOThemeContext)();
|
|
@@ -198,16 +205,22 @@ const Badge = ({
|
|
|
198
205
|
background,
|
|
199
206
|
foreground
|
|
200
207
|
} = variantMap[variant];
|
|
208
|
+
const dynamicStyle = {
|
|
209
|
+
borderRadius: _core.IOBadgeRadius * dynamicFontScale,
|
|
210
|
+
paddingHorizontal: _core.IOBadgeHSpacing * dynamicFontScale,
|
|
211
|
+
paddingVertical: _core.IOBadgeVSpacing * dynamicFontScale
|
|
212
|
+
};
|
|
201
213
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
202
214
|
accessible: true,
|
|
203
215
|
testID: testID,
|
|
204
|
-
style: [styles.badge, outline ? {
|
|
216
|
+
style: [styles.badge, allowFontScaling ? dynamicStyle : styles.badgeStaticStyle, outline ? {
|
|
205
217
|
borderWidth: 1,
|
|
206
218
|
borderColor: _core.IOColors[foreground]
|
|
207
219
|
} : {
|
|
208
220
|
backgroundColor: background ?? undefined
|
|
209
221
|
}]
|
|
210
222
|
}, /*#__PURE__*/_react.default.createElement(_typography.IOText, {
|
|
223
|
+
allowFontScaling: allowFontScaling,
|
|
211
224
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
212
225
|
weight: "Semibold",
|
|
213
226
|
size: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_typography","obj","__esModule","default","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_accessibility","_typography","obj","__esModule","default","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","borderCurve","Platform","select","android","textAlignVertical","badgeStaticStyle","borderRadius","IOBadgeRadius","paddingHorizontal","IOBadgeHSpacing","paddingVertical","IOBadgeVSpacing","Badge","text","outline","allowFontScaling","variant","testID","isExperimental","useIOExperimentalDesign","theme","useIOTheme","dynamicFontScale","useIOFontDynamicScale","themeType","useIOThemeContext","bgOpacityDarkMode","mapVariantsLightMode","foreground","background","IOColors","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","hexToRgba","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","dynamicStyle","createElement","View","accessible","style","borderWidth","borderColor","backgroundColor","undefined","IOText","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink","exports"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
|
|
@@ -8,9 +8,11 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
|
|
|
8
8
|
{
|
|
9
9
|
"alignItems": "center",
|
|
10
10
|
"borderCurve": "continuous",
|
|
11
|
-
"borderRadius": 24,
|
|
12
11
|
"flexDirection": "row",
|
|
13
12
|
"justifyContent": "center",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"borderRadius": 24,
|
|
14
16
|
"paddingHorizontal": 8,
|
|
15
17
|
"paddingVertical": 4,
|
|
16
18
|
},
|
|
@@ -23,7 +25,7 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
|
|
|
23
25
|
<Text
|
|
24
26
|
allowFontScaling={true}
|
|
25
27
|
ellipsizeMode="tail"
|
|
26
|
-
maxFontSizeMultiplier={1.
|
|
28
|
+
maxFontSizeMultiplier={1.5}
|
|
27
29
|
numberOfLines={1}
|
|
28
30
|
style={
|
|
29
31
|
[
|
|
@@ -58,9 +60,11 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
|
|
|
58
60
|
{
|
|
59
61
|
"alignItems": "center",
|
|
60
62
|
"borderCurve": "continuous",
|
|
61
|
-
"borderRadius": 24,
|
|
62
63
|
"flexDirection": "row",
|
|
63
64
|
"justifyContent": "center",
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"borderRadius": 24,
|
|
64
68
|
"paddingHorizontal": 8,
|
|
65
69
|
"paddingVertical": 4,
|
|
66
70
|
},
|
|
@@ -71,9 +75,9 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
|
|
|
71
75
|
}
|
|
72
76
|
>
|
|
73
77
|
<Text
|
|
74
|
-
allowFontScaling={
|
|
78
|
+
allowFontScaling={true}
|
|
75
79
|
ellipsizeMode="tail"
|
|
76
|
-
maxFontSizeMultiplier={1.
|
|
80
|
+
maxFontSizeMultiplier={1.5}
|
|
77
81
|
numberOfLines={1}
|
|
78
82
|
style={
|
|
79
83
|
[
|
|
@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.bannerBackgroundColours = exports.Banner = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(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
11
|
var _IOColors = require("../../core/IOColors");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
12
13
|
var _buttons = require("../buttons");
|
|
13
14
|
var _pictograms = require("../pictograms");
|
|
14
15
|
var _spacer = require("../spacer");
|
|
15
16
|
var _typography = require("../typography");
|
|
16
|
-
function
|
|
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; }
|
|
17
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
18
|
/* Styles */
|
|
19
19
|
const sizePictogramBig = 80;
|
|
20
20
|
const sizePictogramSmall = 64;
|
|
@@ -81,8 +81,11 @@ const Banner = ({
|
|
|
81
81
|
accessibilityLabel,
|
|
82
82
|
testID
|
|
83
83
|
}) => {
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
const {
|
|
85
|
+
onPressIn,
|
|
86
|
+
onPressOut,
|
|
87
|
+
scaleAnimatedStyle
|
|
88
|
+
} = (0, _hooks.useScaleAnimation)("medium");
|
|
86
89
|
const {
|
|
87
90
|
isExperimental
|
|
88
91
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -101,33 +104,6 @@ const Banner = ({
|
|
|
101
104
|
paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
|
|
102
105
|
};
|
|
103
106
|
|
|
104
|
-
// Scaling transformation applied when the button is pressed
|
|
105
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
106
|
-
|
|
107
|
-
// Using a spring-based animation for our interpolations
|
|
108
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
109
|
-
|
|
110
|
-
// Interpolate animation values from `isPressed` values
|
|
111
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
112
|
-
// Link color states to the pressed states
|
|
113
|
-
|
|
114
|
-
// Scale down button slightly when pressed
|
|
115
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
|
|
116
|
-
return {
|
|
117
|
-
transform: [{
|
|
118
|
-
scale
|
|
119
|
-
}]
|
|
120
|
-
};
|
|
121
|
-
});
|
|
122
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
123
|
-
// eslint-disable-next-line functional/immutable-data
|
|
124
|
-
isPressed.value = 1;
|
|
125
|
-
}, [isPressed]);
|
|
126
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
127
|
-
// eslint-disable-next-line functional/immutable-data
|
|
128
|
-
isPressed.value = 0;
|
|
129
|
-
}, [isPressed]);
|
|
130
|
-
|
|
131
107
|
/* Generates a complete fallbackAccessibilityLabel by concatenating the title, content, and action
|
|
132
108
|
if they are present. */
|
|
133
109
|
const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
|
|
@@ -194,7 +170,7 @@ const Banner = ({
|
|
|
194
170
|
onPressOut: onPressOut,
|
|
195
171
|
accessible: false
|
|
196
172
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
197
|
-
style: [styles.container, dynamicContainerStyles,
|
|
173
|
+
style: [styles.container, dynamicContainerStyles, scaleAnimatedStyle]
|
|
198
174
|
}, renderMainBlock()));
|
|
199
175
|
const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
200
176
|
ref: viewRef,
|