@pagopa/io-app-design-system 1.7.1 → 1.9.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/alert/Alert.js +9 -1
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +11 -2
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +5 -3
- package/lib/commonjs/components/banner/Banner.js +0 -1
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +5 -5
- package/lib/commonjs/components/buttons/ButtonExtendedOutline.js +1 -1
- package/lib/commonjs/components/buttons/ButtonExtendedOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +3 -2
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +8 -48
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +5 -7
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +54 -29
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +23 -21
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +14 -2
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +11 -3
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +31 -8
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +55 -0
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -0
- package/lib/commonjs/components/featureInfo/index.js +17 -0
- package/lib/commonjs/components/featureInfo/index.js.map +1 -0
- package/lib/commonjs/components/icons/Icon.js +35 -15
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/icons/IconContained.js +59 -0
- package/lib/commonjs/components/icons/IconContained.js.map +1 -0
- package/lib/commonjs/components/icons/index.js +11 -0
- package/lib/commonjs/components/icons/index.js.map +1 -1
- package/lib/commonjs/components/icons/svg/IconChange.js +31 -0
- package/lib/commonjs/components/icons/svg/IconChange.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconContactless.js +31 -0
- package/lib/commonjs/components/icons/svg/IconContactless.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconDisabilityCard.js +31 -0
- package/lib/commonjs/components/icons/svg/IconDisabilityCard.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconDriverLicense.js +31 -0
- package/lib/commonjs/components/icons/svg/IconDriverLicense.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconHealthCard.js +31 -0
- package/lib/commonjs/components/icons/svg/IconHealthCard.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconKey.js +31 -0
- package/lib/commonjs/components/icons/svg/IconKey.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconKeyboard.js +31 -0
- package/lib/commonjs/components/icons/svg/IconKeyboard.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconNotification.js +31 -0
- package/lib/commonjs/components/icons/svg/IconNotification.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconOption.js +31 -0
- package/lib/commonjs/components/icons/svg/IconOption.js.map +1 -0
- package/lib/commonjs/components/icons/svg/IconTransactions.js +1 -1
- package/lib/commonjs/components/icons/svg/IconTransactions.js.map +1 -1
- package/lib/commonjs/components/icons/svg/IconTransactionsBoxed.js +31 -0
- package/lib/commonjs/components/icons/svg/IconTransactionsBoxed.js.map +1 -0
- package/lib/commonjs/components/icons/svg/originals/IconChange.svg +3 -0
- package/lib/commonjs/components/icons/svg/originals/IconContactless.svg +3 -0
- package/lib/commonjs/components/icons/svg/originals/IconDisabilityCard.svg +7 -0
- package/lib/commonjs/components/icons/svg/originals/IconDriverLicense.svg +8 -0
- package/lib/commonjs/components/icons/svg/originals/IconHealthCard.svg +7 -0
- package/lib/commonjs/components/icons/svg/originals/IconKey.svg +7 -0
- package/lib/commonjs/components/icons/svg/originals/IconKeyboard.svg +3 -0
- package/lib/commonjs/components/icons/svg/originals/IconNotification.svg +7 -0
- package/lib/commonjs/components/icons/svg/originals/IconOption.svg +7 -0
- package/lib/commonjs/components/icons/svg/originals/IconTransactions.svg +8 -0
- package/lib/commonjs/components/icons/svg/originals/IconTransactionsBoxed.svg +8 -0
- package/lib/commonjs/components/index.js +22 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +38 -8
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +31 -7
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +40 -10
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +30 -7
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +32 -7
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +75 -108
- package/lib/commonjs/components/listitems/__test__/listitem.test.js +2 -2
- package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +4 -4
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/{listitems/ListItemIDP.js → modules/ModuleIDP.js} +19 -12
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -0
- package/lib/commonjs/components/modules/index.js +17 -0
- package/lib/commonjs/components/modules/index.js.map +1 -0
- package/lib/commonjs/components/pictograms/Pictogram.js +53 -12
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBleedCie.js +47 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedCie.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedFeature.js +50 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedFeature.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedSecurity.js +44 -0
- package/lib/commonjs/components/pictograms/svg/{PictogramFollowMessage.js.map → PictogramBleedSecurity.js.map} +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramCie.js +47 -0
- package/lib/commonjs/components/pictograms/svg/PictogramCie.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramFeature.js +50 -0
- package/lib/commonjs/components/pictograms/svg/PictogramFeature.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjClock.js +34 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjClock.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjFlyingMessage.js +34 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjFlyingMessage.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/{PictogramFollowMessage.js → PictogramObjFollowMessage.js} +3 -3
- package/lib/commonjs/components/pictograms/svg/PictogramObjFollowMessage.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjIbanCard.js +76 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjIbanCard.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramObjKey.js +36 -0
- package/lib/commonjs/components/pictograms/svg/{PictogramManual.js.map → PictogramObjKey.js.map} +1 -1
- package/lib/commonjs/components/pictograms/svg/{PictogramManual.js → PictogramObjManual.js} +3 -3
- package/lib/commonjs/components/pictograms/svg/PictogramObjManual.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/{PictogramTrash.js → PictogramObjTrash.js} +3 -3
- package/lib/commonjs/components/pictograms/svg/PictogramObjTrash.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramSecurity.js +47 -0
- package/lib/commonjs/components/pictograms/svg/PictogramSecurity.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedCie.svg +30 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedFeature.svg +34 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedSecurity.svg +26 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramCie.svg +30 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramFeature.svg +34 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramObjClock.svg +12 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramObjFlyingMessage.svg +12 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramObjIbanCard.svg +59 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramObjKey.svg +14 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramSecurity.svg +30 -0
- package/lib/commonjs/components/radio/AnimatedRadio.js +14 -2
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +19 -5
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +31 -8
- package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +16 -8
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +11 -2
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +1 -4
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodyMonospace.js +28 -0
- package/lib/commonjs/components/typography/BodyMonospace.js.map +1 -0
- package/lib/commonjs/components/typography/ButtonText.js +39 -0
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -0
- package/lib/commonjs/components/typography/Caption.js +37 -0
- package/lib/commonjs/components/typography/Caption.js.map +1 -0
- package/lib/commonjs/components/typography/Chip.js +34 -0
- package/lib/commonjs/components/typography/Chip.js.map +1 -0
- package/lib/commonjs/components/typography/H1.js +18 -15
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +18 -15
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +24 -18
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +18 -14
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +19 -33
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +15 -13
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +38 -0
- package/lib/commonjs/components/typography/Hero.js.map +1 -0
- package/lib/commonjs/components/typography/Label.js +13 -10
- package/lib/commonjs/components/typography/Label.js.map +1 -1
- package/lib/commonjs/components/typography/LabelHeader.js +19 -16
- package/lib/commonjs/components/typography/LabelHeader.js.map +1 -1
- package/lib/commonjs/components/typography/{Link.js → LabelLink.js} +9 -14
- package/lib/commonjs/components/typography/LabelLink.js.map +1 -0
- package/lib/commonjs/components/typography/LabelSmall.js +18 -22
- package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +195 -379
- package/lib/commonjs/components/typography/__test__/typography.test.js +10 -42
- package/lib/commonjs/components/typography/__test__/typography.test.js.map +1 -1
- package/lib/commonjs/components/typography/common.js +18 -1
- package/lib/commonjs/components/typography/common.js.map +1 -1
- package/lib/commonjs/components/typography/index.js +45 -12
- package/lib/commonjs/components/typography/index.js.map +1 -1
- package/lib/commonjs/core/IOShapes.js +3 -3
- package/lib/commonjs/core/IOShapes.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +8 -8
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +2 -8
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/stories/Link.stories.js +1 -1
- package/lib/commonjs/stories/Link.stories.js.map +1 -1
- package/lib/commonjs/stories/Monospace.stories.js +1 -1
- package/lib/commonjs/stories/Monospace.stories.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +8 -6
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/alert/Alert.js +9 -1
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +12 -3
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +5 -3
- package/lib/module/components/banner/Banner.js +0 -1
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +5 -5
- package/lib/module/components/buttons/ButtonExtendedOutline.js +2 -2
- package/lib/module/components/buttons/ButtonExtendedOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +3 -2
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +8 -48
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +5 -7
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +55 -30
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +23 -21
- package/lib/module/components/checkbox/AnimatedCheckbox.js +15 -3
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +13 -5
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +32 -9
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js +47 -0
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -0
- package/lib/module/components/featureInfo/index.js +2 -0
- package/lib/module/components/featureInfo/index.js.map +1 -0
- package/lib/module/components/icons/Icon.js +35 -15
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/icons/IconContained.js +51 -0
- package/lib/module/components/icons/IconContained.js.map +1 -0
- package/lib/module/components/icons/index.js +1 -0
- package/lib/module/components/icons/index.js.map +1 -1
- package/lib/module/components/icons/svg/IconChange.js +23 -0
- package/lib/module/components/icons/svg/IconChange.js.map +1 -0
- package/lib/module/components/icons/svg/IconContactless.js +23 -0
- package/lib/module/components/icons/svg/IconContactless.js.map +1 -0
- package/lib/module/components/icons/svg/IconDisabilityCard.js +23 -0
- package/lib/module/components/icons/svg/IconDisabilityCard.js.map +1 -0
- package/lib/module/components/icons/svg/IconDriverLicense.js +23 -0
- package/lib/module/components/icons/svg/IconDriverLicense.js.map +1 -0
- package/lib/module/components/icons/svg/IconHealthCard.js +23 -0
- package/lib/module/components/icons/svg/IconHealthCard.js.map +1 -0
- package/lib/module/components/icons/svg/IconKey.js +23 -0
- package/lib/module/components/icons/svg/IconKey.js.map +1 -0
- package/lib/module/components/icons/svg/IconKeyboard.js +23 -0
- package/lib/module/components/icons/svg/IconKeyboard.js.map +1 -0
- package/lib/module/components/icons/svg/IconNotification.js +23 -0
- package/lib/module/components/icons/svg/IconNotification.js.map +1 -0
- package/lib/module/components/icons/svg/IconOption.js +23 -0
- package/lib/module/components/icons/svg/IconOption.js.map +1 -0
- package/lib/module/components/icons/svg/IconTransactions.js +1 -1
- package/lib/module/components/icons/svg/IconTransactions.js.map +1 -1
- package/lib/module/components/icons/svg/IconTransactionsBoxed.js +23 -0
- package/lib/module/components/icons/svg/IconTransactionsBoxed.js.map +1 -0
- package/lib/module/components/icons/svg/originals/IconChange.svg +3 -0
- package/lib/module/components/icons/svg/originals/IconContactless.svg +3 -0
- package/lib/module/components/icons/svg/originals/IconDisabilityCard.svg +7 -0
- package/lib/module/components/icons/svg/originals/IconDriverLicense.svg +8 -0
- package/lib/module/components/icons/svg/originals/IconHealthCard.svg +7 -0
- package/lib/module/components/icons/svg/originals/IconKey.svg +7 -0
- package/lib/module/components/icons/svg/originals/IconKeyboard.svg +3 -0
- package/lib/module/components/icons/svg/originals/IconNotification.svg +7 -0
- package/lib/module/components/icons/svg/originals/IconOption.svg +7 -0
- package/lib/module/components/icons/svg/originals/IconTransactions.svg +8 -0
- package/lib/module/components/icons/svg/originals/IconTransactionsBoxed.svg +8 -0
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +40 -10
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +34 -10
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +43 -13
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +34 -10
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +35 -10
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +2 -2
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +75 -108
- 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/{listitems/ListItemIDP.js → modules/ModuleIDP.js} +18 -11
- package/lib/module/components/modules/ModuleIDP.js.map +1 -0
- package/lib/module/components/modules/index.js +2 -0
- package/lib/module/components/modules/index.js.map +1 -0
- package/lib/module/components/pictograms/Pictogram.js +51 -10
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramBleedCie.js +39 -0
- package/lib/module/components/pictograms/svg/PictogramBleedCie.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramBleedFeature.js +42 -0
- package/lib/module/components/pictograms/svg/PictogramBleedFeature.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramBleedSecurity.js +36 -0
- package/lib/module/components/pictograms/svg/PictogramBleedSecurity.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramCie.js +39 -0
- package/lib/module/components/pictograms/svg/PictogramCie.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramFeature.js +42 -0
- package/lib/module/components/pictograms/svg/PictogramFeature.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramObjClock.js +26 -0
- package/lib/module/components/pictograms/svg/PictogramObjClock.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramObjFlyingMessage.js +26 -0
- package/lib/module/components/pictograms/svg/PictogramObjFlyingMessage.js.map +1 -0
- package/lib/module/components/pictograms/svg/{PictogramFollowMessage.js → PictogramObjFollowMessage.js} +3 -3
- package/lib/module/components/pictograms/svg/PictogramObjFollowMessage.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramObjIbanCard.js +68 -0
- package/lib/module/components/pictograms/svg/PictogramObjIbanCard.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramObjKey.js +28 -0
- package/lib/module/components/pictograms/svg/{PictogramManual.js.map → PictogramObjKey.js.map} +1 -1
- package/lib/module/components/pictograms/svg/{PictogramManual.js → PictogramObjManual.js} +3 -3
- package/lib/module/components/pictograms/svg/PictogramObjManual.js.map +1 -0
- package/lib/module/components/pictograms/svg/{PictogramTrash.js → PictogramObjTrash.js} +3 -3
- package/lib/module/components/pictograms/svg/PictogramObjTrash.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramSecurity.js +39 -0
- package/lib/module/components/pictograms/svg/PictogramSecurity.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedCie.svg +30 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedFeature.svg +34 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedSecurity.svg +26 -0
- package/lib/module/components/pictograms/svg/originals/PictogramCie.svg +30 -0
- package/lib/module/components/pictograms/svg/originals/PictogramFeature.svg +34 -0
- package/lib/module/components/pictograms/svg/originals/PictogramObjClock.svg +12 -0
- package/lib/module/components/pictograms/svg/originals/PictogramObjFlyingMessage.svg +12 -0
- package/lib/module/components/pictograms/svg/originals/PictogramObjIbanCard.svg +59 -0
- package/lib/module/components/pictograms/svg/originals/PictogramObjKey.svg +14 -0
- package/lib/module/components/pictograms/svg/originals/PictogramSecurity.svg +30 -0
- package/lib/module/components/radio/AnimatedRadio.js +15 -3
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +20 -6
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/switch/SwitchLabel.js +32 -9
- package/lib/module/components/switch/SwitchLabel.js.map +1 -1
- package/lib/module/components/tag/Tag.js +12 -4
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +12 -3
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/Body.js +1 -4
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodyMonospace.js +21 -0
- package/lib/module/components/typography/BodyMonospace.js.map +1 -0
- package/lib/module/components/typography/ButtonText.js +31 -0
- package/lib/module/components/typography/ButtonText.js.map +1 -0
- package/lib/module/components/typography/Caption.js +29 -0
- package/lib/module/components/typography/Caption.js.map +1 -0
- package/lib/module/components/typography/Chip.js +27 -0
- package/lib/module/components/typography/Chip.js.map +1 -0
- package/lib/module/components/typography/H1.js +17 -12
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +17 -12
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +24 -18
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +17 -13
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +17 -31
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +15 -11
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +29 -0
- package/lib/module/components/typography/Hero.js.map +1 -0
- package/lib/module/components/typography/Label.js +13 -10
- package/lib/module/components/typography/Label.js.map +1 -1
- package/lib/module/components/typography/LabelHeader.js +20 -17
- package/lib/module/components/typography/LabelHeader.js.map +1 -1
- package/lib/module/components/typography/{Link.js → LabelLink.js} +6 -11
- package/lib/module/components/typography/LabelLink.js.map +1 -0
- package/lib/module/components/typography/LabelSmall.js +18 -22
- package/lib/module/components/typography/LabelSmall.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +195 -379
- package/lib/module/components/typography/__test__/typography.test.js +10 -42
- package/lib/module/components/typography/__test__/typography.test.js.map +1 -1
- package/lib/module/components/typography/common.js +15 -0
- package/lib/module/components/typography/common.js.map +1 -1
- package/lib/module/components/typography/index.js +6 -3
- package/lib/module/components/typography/index.js.map +1 -1
- package/lib/module/core/IOShapes.js +1 -1
- package/lib/module/core/IOShapes.js.map +1 -1
- package/lib/module/core/IOSpacing.js +4 -4
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/IOStyles.js +2 -8
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/stories/Link.stories.js +2 -2
- package/lib/module/stories/Link.stories.js.map +1 -1
- package/lib/module/stories/Monospace.stories.js +2 -2
- package/lib/module/stories/Monospace.stories.js.map +1 -1
- package/lib/module/utils/fonts.js +8 -6
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -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.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +2 -3
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +24 -0
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -0
- package/lib/typescript/components/featureInfo/index.d.ts +2 -0
- package/lib/typescript/components/featureInfo/index.d.ts.map +1 -0
- package/lib/typescript/components/icons/Icon.d.ts +11 -1
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/IconContained.d.ts +10 -0
- package/lib/typescript/components/icons/IconContained.d.ts.map +1 -0
- package/lib/typescript/components/icons/index.d.ts +1 -0
- package/lib/typescript/components/icons/index.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconChange.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconChange.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconContactless.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconContactless.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconDisabilityCard.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconDisabilityCard.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconDriverLicense.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconDriverLicense.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconHealthCard.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconHealthCard.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconKey.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconKey.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconKeyboard.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconKeyboard.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconNotification.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconNotification.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconOption.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconOption.d.ts.map +1 -0
- package/lib/typescript/components/icons/svg/IconTransactionsBoxed.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconTransactionsBoxed.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +2 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.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/ListItemSwitch.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- 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/{listitems/ListItemIDP.d.ts → modules/ModuleIDP.d.ts} +4 -4
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -0
- package/lib/typescript/components/modules/index.d.ts +2 -0
- package/lib/typescript/components/modules/index.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts +21 -5
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBleedCie.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedCie.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedFeature.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedFeature.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedSecurity.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedSecurity.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramCie.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramCie.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramFeature.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramFeature.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjClock.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjClock.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjFlyingMessage.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjFlyingMessage.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjFollowMessage.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjFollowMessage.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjIbanCard.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjIbanCard.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjKey.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjKey.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjManual.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjManual.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjTrash.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramObjTrash.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramSecurity.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramSecurity.d.ts.map +1 -0
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts +4 -7
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +13 -0
- package/lib/typescript/components/typography/BodyMonospace.d.ts.map +1 -0
- package/lib/typescript/components/typography/ButtonText.d.ts +14 -0
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -0
- package/lib/typescript/components/typography/Caption.d.ts +14 -0
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -0
- package/lib/typescript/components/typography/Chip.d.ts +13 -0
- package/lib/typescript/components/typography/Chip.d.ts.map +1 -0
- package/lib/typescript/components/typography/H1.d.ts +9 -15
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +9 -15
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +7 -10
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts +8 -11
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts +9 -24
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts +7 -12
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +15 -0
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -0
- package/lib/typescript/components/typography/Label.d.ts +8 -9
- package/lib/typescript/components/typography/Label.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelHeader.d.ts +4 -7
- package/lib/typescript/components/typography/LabelHeader.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelLink.d.ts +18 -0
- package/lib/typescript/components/typography/LabelLink.d.ts.map +1 -0
- package/lib/typescript/components/typography/LabelSmall.d.ts +4 -7
- package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/common.d.ts +6 -0
- package/lib/typescript/components/typography/common.d.ts.map +1 -1
- package/lib/typescript/components/typography/index.d.ts +6 -3
- package/lib/typescript/components/typography/index.d.ts.map +1 -1
- package/lib/typescript/core/IOShapes.d.ts +1 -1
- package/lib/typescript/core/IOShapes.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +5 -5
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +1 -6
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/stories/H1.stories.d.ts +2 -2
- package/lib/typescript/stories/H2.stories.d.ts +2 -2
- package/lib/typescript/stories/H3.stories.d.ts +2 -2
- package/lib/typescript/stories/H4.stories.d.ts +2 -2
- package/lib/typescript/stories/H5.stories.d.ts +2 -10
- package/lib/typescript/stories/H5.stories.d.ts.map +1 -1
- package/lib/typescript/stories/H6.stories.d.ts +2 -2
- package/lib/typescript/stories/Label.stories.d.ts +4 -2
- package/lib/typescript/stories/Label.stories.d.ts.map +1 -1
- package/lib/typescript/stories/LabelSmall.stories.d.ts +2 -2
- package/lib/typescript/stories/Link.stories.d.ts +3 -3
- package/lib/typescript/stories/Link.stories.d.ts.map +1 -1
- package/lib/typescript/stories/Monospace.stories.d.ts +2 -2
- package/lib/typescript/stories/Monospace.stories.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +3 -3
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +7 -1
- package/src/components/badge/Badge.tsx +30 -19
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +5 -3
- package/src/components/banner/Banner.tsx +1 -3
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +5 -5
- package/src/components/buttons/ButtonExtendedOutline.tsx +2 -2
- package/src/components/buttons/ButtonLink.tsx +3 -2
- package/src/components/buttons/ButtonOutline.tsx +6 -53
- package/src/components/buttons/ButtonSolid.tsx +8 -17
- package/src/components/buttons/IconButtonSolid.tsx +43 -13
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +23 -21
- package/src/components/checkbox/AnimatedCheckbox.tsx +26 -5
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +20 -10
- package/src/components/checkbox/CheckboxLabel.tsx +33 -6
- package/src/components/featureInfo/FeatureInfo.tsx +85 -0
- package/src/components/featureInfo/index.tsx +1 -0
- package/src/components/icons/Icon.tsx +35 -15
- package/src/components/icons/IconContained.tsx +76 -0
- package/src/components/icons/index.tsx +1 -0
- package/src/components/icons/svg/IconChange.tsx +16 -0
- package/src/components/icons/svg/IconContactless.tsx +16 -0
- package/src/components/icons/svg/IconDisabilityCard.tsx +16 -0
- package/src/components/icons/svg/IconDriverLicense.tsx +16 -0
- package/src/components/icons/svg/IconHealthCard.tsx +16 -0
- package/src/components/icons/svg/IconKey.tsx +16 -0
- package/src/components/icons/svg/IconKeyboard.tsx +16 -0
- package/src/components/icons/svg/IconNotification.tsx +16 -0
- package/src/components/icons/svg/IconOption.tsx +16 -0
- package/src/components/icons/svg/IconTransactions.tsx +1 -1
- package/src/components/icons/svg/IconTransactionsBoxed.tsx +16 -0
- package/src/components/icons/svg/originals/IconChange.svg +3 -0
- package/src/components/icons/svg/originals/IconContactless.svg +3 -0
- package/src/components/icons/svg/originals/IconDisabilityCard.svg +7 -0
- package/src/components/icons/svg/originals/IconDriverLicense.svg +8 -0
- package/src/components/icons/svg/originals/IconHealthCard.svg +7 -0
- package/src/components/icons/svg/originals/IconKey.svg +7 -0
- package/src/components/icons/svg/originals/IconKeyboard.svg +3 -0
- package/src/components/icons/svg/originals/IconNotification.svg +7 -0
- package/src/components/icons/svg/originals/IconOption.svg +7 -0
- package/src/components/icons/svg/originals/IconTransactions.svg +8 -0
- package/src/components/icons/svg/originals/IconTransactionsBoxed.svg +8 -0
- package/src/components/index.tsx +2 -0
- package/src/components/listitems/ListItemAction.tsx +53 -11
- package/src/components/listitems/ListItemInfo.tsx +55 -11
- package/src/components/listitems/ListItemInfoCopy.tsx +67 -18
- package/src/components/listitems/ListItemNav.tsx +60 -12
- package/src/components/listitems/ListItemNavAlert.tsx +50 -9
- package/src/components/listitems/ListItemSwitch.tsx +4 -4
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +75 -108
- package/src/components/listitems/__test__/listitem.test.tsx +1 -1
- package/src/components/listitems/index.tsx +1 -1
- package/src/components/{listitems/ListItemIDP.tsx → modules/ModuleIDP.tsx} +29 -16
- package/src/components/modules/index.tsx +1 -0
- package/src/components/pictograms/Pictogram.tsx +48 -11
- package/src/components/pictograms/svg/PictogramBleedCie.tsx +38 -0
- package/src/components/pictograms/svg/PictogramBleedFeature.tsx +46 -0
- package/src/components/pictograms/svg/PictogramBleedSecurity.tsx +38 -0
- package/src/components/pictograms/svg/PictogramCie.tsx +38 -0
- package/src/components/pictograms/svg/PictogramFeature.tsx +42 -0
- package/src/components/pictograms/svg/PictogramObjClock.tsx +20 -0
- package/src/components/pictograms/svg/PictogramObjFlyingMessage.tsx +24 -0
- package/src/components/pictograms/svg/{PictogramFollowMessage.tsx → PictogramObjFollowMessage.tsx} +2 -2
- package/src/components/pictograms/svg/PictogramObjIbanCard.tsx +67 -0
- package/src/components/pictograms/svg/PictogramObjKey.tsx +22 -0
- package/src/components/pictograms/svg/{PictogramManual.tsx → PictogramObjManual.tsx} +2 -2
- package/src/components/pictograms/svg/{PictogramTrash.tsx → PictogramObjTrash.tsx} +2 -2
- package/src/components/pictograms/svg/PictogramSecurity.tsx +38 -0
- package/src/components/pictograms/svg/originals/PictogramBleedCie.svg +30 -0
- package/src/components/pictograms/svg/originals/PictogramBleedFeature.svg +34 -0
- package/src/components/pictograms/svg/originals/PictogramBleedSecurity.svg +26 -0
- package/src/components/pictograms/svg/originals/PictogramCie.svg +30 -0
- package/src/components/pictograms/svg/originals/PictogramFeature.svg +34 -0
- package/src/components/pictograms/svg/originals/PictogramObjClock.svg +12 -0
- package/src/components/pictograms/svg/originals/PictogramObjFlyingMessage.svg +12 -0
- package/src/components/pictograms/svg/originals/PictogramObjIbanCard.svg +59 -0
- package/src/components/pictograms/svg/originals/PictogramObjKey.svg +14 -0
- package/src/components/pictograms/svg/originals/PictogramSecurity.svg +30 -0
- package/src/components/radio/AnimatedRadio.tsx +26 -5
- package/src/components/switch/NativeSwitch.tsx +35 -13
- package/src/components/switch/SwitchLabel.tsx +33 -6
- package/src/components/tag/Tag.tsx +39 -24
- package/src/components/textInput/TextInputBase.tsx +20 -3
- package/src/components/typography/Body.tsx +3 -7
- package/src/components/typography/BodyMonospace.tsx +29 -0
- package/src/components/typography/ButtonText.tsx +45 -0
- package/src/components/typography/Caption.tsx +37 -0
- package/src/components/typography/Chip.tsx +33 -0
- package/src/components/typography/H1.tsx +20 -29
- package/src/components/typography/H2.tsx +20 -29
- package/src/components/typography/H3.tsx +21 -20
- package/src/components/typography/H4.tsx +19 -20
- package/src/components/typography/H5.tsx +22 -54
- package/src/components/typography/H6.tsx +17 -15
- package/src/components/typography/Hero.tsx +34 -0
- package/src/components/typography/Label.tsx +23 -21
- package/src/components/typography/LabelHeader.tsx +12 -12
- package/src/components/typography/{Link.tsx → LabelLink.tsx} +15 -12
- package/src/components/typography/LabelSmall.tsx +13 -14
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +195 -379
- package/src/components/typography/__test__/typography.test.tsx +12 -50
- package/src/components/typography/common.tsx +16 -0
- package/src/components/typography/index.tsx +6 -3
- package/src/core/IOShapes.ts +1 -1
- package/src/core/IOSpacing.ts +6 -6
- package/src/core/IOStyles.ts +3 -8
- package/src/stories/Link.stories.ts +5 -5
- package/src/stories/Monospace.stories.ts +5 -5
- package/src/utils/fonts.ts +8 -6
- package/lib/commonjs/components/listitems/ListItemIDP.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramIBANCard.js +0 -75
- package/lib/commonjs/components/pictograms/svg/PictogramIBANCard.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramTrash.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/originals/PictogramIBANCard.svg +0 -15
- package/lib/commonjs/components/typography/CTA.js +0 -34
- package/lib/commonjs/components/typography/CTA.js.map +0 -1
- package/lib/commonjs/components/typography/Link.js.map +0 -1
- package/lib/commonjs/components/typography/Monospace.js +0 -30
- package/lib/commonjs/components/typography/Monospace.js.map +0 -1
- package/lib/module/components/listitems/ListItemIDP.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramFollowMessage.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramIBANCard.js +0 -67
- package/lib/module/components/pictograms/svg/PictogramIBANCard.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramTrash.js.map +0 -1
- package/lib/module/components/pictograms/svg/originals/PictogramIBANCard.svg +0 -15
- package/lib/module/components/typography/CTA.js +0 -27
- package/lib/module/components/typography/CTA.js.map +0 -1
- package/lib/module/components/typography/Link.js.map +0 -1
- package/lib/module/components/typography/Monospace.js +0 -23
- package/lib/module/components/typography/Monospace.js.map +0 -1
- package/lib/typescript/components/listitems/ListItemIDP.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramFollowMessage.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramFollowMessage.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramIBANCard.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramIBANCard.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramManual.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramManual.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramTrash.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramTrash.d.ts.map +0 -1
- package/lib/typescript/components/typography/CTA.d.ts +0 -16
- package/lib/typescript/components/typography/CTA.d.ts.map +0 -1
- package/lib/typescript/components/typography/Link.d.ts +0 -22
- package/lib/typescript/components/typography/Link.d.ts.map +0 -1
- package/lib/typescript/components/typography/Monospace.d.ts +0 -16
- package/lib/typescript/components/typography/Monospace.d.ts.map +0 -1
- package/src/components/pictograms/svg/PictogramIBANCard.tsx +0 -67
- package/src/components/pictograms/svg/originals/PictogramIBANCard.svg +0 -15
- package/src/components/typography/CTA.tsx +0 -35
- package/src/components/typography/Monospace.tsx +0 -34
- /package/lib/commonjs/components/pictograms/svg/originals/{PictogramFollowMessage.svg → PictogramObjFollowMessage.svg} +0 -0
- /package/lib/commonjs/components/pictograms/svg/originals/{PictogramManual.svg → PictogramObjManual.svg} +0 -0
- /package/lib/commonjs/components/pictograms/svg/originals/{PictogramTrash.svg → PictogramObjTrash.svg} +0 -0
- /package/lib/module/components/pictograms/svg/originals/{PictogramFollowMessage.svg → PictogramObjFollowMessage.svg} +0 -0
- /package/lib/module/components/pictograms/svg/originals/{PictogramManual.svg → PictogramObjManual.svg} +0 -0
- /package/lib/module/components/pictograms/svg/originals/{PictogramTrash.svg → PictogramObjTrash.svg} +0 -0
- /package/src/components/pictograms/svg/originals/{PictogramFollowMessage.svg → PictogramObjFollowMessage.svg} +0 -0
- /package/src/components/pictograms/svg/originals/{PictogramManual.svg → PictogramObjManual.svg} +0 -0
- /package/src/components/pictograms/svg/originals/{PictogramTrash.svg → PictogramObjTrash.svg} +0 -0
|
@@ -0,0 +1,23 @@
|
|
|
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
|
+
import React from "react";
|
|
3
|
+
import { Svg, Path } from "react-native-svg";
|
|
4
|
+
const IconTransactionsBoxed = _ref => {
|
|
5
|
+
let {
|
|
6
|
+
size,
|
|
7
|
+
style,
|
|
8
|
+
...props
|
|
9
|
+
} = _ref;
|
|
10
|
+
return /*#__PURE__*/React.createElement(Svg, _extends({
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
style: style
|
|
15
|
+
}, props), /*#__PURE__*/React.createElement(Path, {
|
|
16
|
+
fillRule: "evenodd",
|
|
17
|
+
clipRule: "evenodd",
|
|
18
|
+
d: "M5 0C2.23858 0 0 2.23858 0 5v14c0 2.7614 2.23858 5 5 5h14c2.7614 0 5-2.2386 5-5V5c0-2.76142-2.2386-5-5-5H5ZM2 5c0-1.65685 1.34315-3 3-3h14c1.6569 0 3 1.34315 3 3v14c0 1.6569-1.3431 3-3 3H5c-1.65685 0-3-1.3431-3-3V5Zm7.70714.29289c.39056.39053.39056 1.02369 0 1.41422L7.41424 9H19c.5523 0 1 .44772 1 1 0 .5523-.4477 1-1 1H5.00003c-.40446 0-.7691-.2436-.92388-.6173-.15478-.3737-.06923-.80381.21677-1.08981l4-4c.39053-.39052 1.02369-.39052 1.41422 0ZM14.2929 18.7071c-.3906-.3905-.3906-1.0237 0-1.4142L16.5858 15H4.99997c-.55228 0-1-.4477-1-1s.44772-1 1-1H19c.4044 0 .7691.2436.9239.6173.1547.3737.0692.8038-.2168 1.0898l-4 4c-.3905.3905-1.0237.3905-1.4142 0Z",
|
|
19
|
+
fill: "currentColor"
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
export default IconTransactionsBoxed;
|
|
23
|
+
//# sourceMappingURL=IconTransactionsBoxed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","IconTransactionsBoxed","_ref","size","style","props","createElement","_extends","width","height","viewBox","fillRule","clipRule","d","fill"],"sourceRoot":"../../../../../src","sources":["components/icons/svg/IconTransactionsBoxed.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAG5C,MAAMC,qBAAqB,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAoB,CAAC,GAAAH,IAAA;EAAA,oBACpEJ,KAAA,CAAAQ,aAAA,CAACP,GAAG,EAAAQ,QAAA;IAACC,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACN,KAAK,EAAEA;EAAM,GAAKC,KAAK,gBACzEP,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHW,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,mpBAAmpB;IACrpBC,IAAI,EAAC;EAAc,CACpB,CACE,CAAC;AAAA,CACP;AAED,eAAeb,qBAAqB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7071 16.2929C24.0976 16.6834 24.0976 17.3166 23.7071 17.7071C23.3166 18.0976 22.6834 18.0976 22.2929 17.7071L20 15.4142L20 17C20 20.866 16.866 24 13 24L5 24C4.44772 24 4 23.5523 4 23C4 22.4477 4.44772 22 5 22L13 22C15.7614 22 18 19.7614 18 17L18 15.4142L15.7071 17.7071C15.3166 18.0976 14.6834 18.0976 14.2929 17.7071C13.9024 17.3166 13.9024 16.6834 14.2929 16.2929L18.2929 12.2929C18.6834 11.9024 19.3166 11.9024 19.7071 12.2929L23.7071 16.2929ZM6 7C6 4.23858 8.23858 2 11 2L19 2C19.5523 2 20 1.55228 20 1C20 0.447716 19.5523 1.94416e-07 19 2.18557e-07L11 5.68248e-07C7.13401 7.37236e-07 4 3.13401 4 7L4 8.58579L1.70711 6.29289C1.31658 5.90237 0.683417 5.90237 0.292892 6.29289C-0.0976322 6.68342 -0.0976322 7.31658 0.292892 7.70711L4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9.70711 7.70711C10.0976 7.31658 10.0976 6.68342 9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L6 8.58578L6 7Z" fill="#2B2E38"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4936 0.391611C17.1576 -0.046682 16.5299 -0.129581 16.0916 0.206451C15.6533 0.542483 15.5704 1.1702 15.9064 1.60849C18.0423 4.39441 19.0001 7.59351 19.0001 12.0001C19.0001 16.4066 18.0423 19.6057 15.9064 22.3916C15.5704 22.8299 15.6533 23.4576 16.0916 23.7937C16.5299 24.1297 17.1576 24.0468 17.4936 23.6085C19.9577 20.3944 21.0001 16.7355 21.0001 12.0001C21.0001 7.26465 19.9578 3.60569 17.4936 0.391611ZM12.8001 2.40006C12.4687 1.95823 11.8419 1.86869 11.4001 2.20006C10.9582 2.53143 10.8687 3.15823 11.2001 3.60006C12.2687 5.02488 12.9566 6.25335 13.385 7.53842C13.8133 8.8235 14.0001 10.219 14.0001 12.0001C14.0001 13.7811 13.8133 15.1766 13.385 16.4617C12.9566 17.7468 12.2687 18.9752 11.2001 20.4001C10.8687 20.8419 10.9582 21.4687 11.4001 21.8001C11.8419 22.1314 12.4687 22.0419 12.8001 21.6001C13.9543 20.061 14.7664 18.6419 15.2823 17.0942C15.7982 15.5464 16.0001 13.9239 16.0001 12.0001C16.0001 10.0762 15.7982 8.45372 15.2823 6.90597C14.7664 5.35822 13.9543 3.93911 12.8001 2.40006ZM7.40006 5.20006C7.84189 4.86869 8.46869 4.95823 8.80006 5.40006C9.58386 6.44513 10.1459 7.42298 10.5045 8.49859C10.863 9.5742 11.0001 10.6937 11.0001 12.0001C11.0001 13.3064 10.863 14.4259 10.5045 15.5015C10.1459 16.5771 9.58386 17.555 8.80006 18.6001C8.46869 19.0419 7.84189 19.1314 7.40006 18.8001C6.95823 18.4687 6.86869 17.8419 7.20006 17.4001C7.89819 16.4692 8.33612 15.682 8.6071 14.8691C8.87808 14.0561 9.00006 13.1636 9.00006 12.0001C9.00006 10.8365 8.87808 9.94398 8.6071 9.13104C8.33612 8.31811 7.89819 7.5309 7.20006 6.60006C6.86869 6.15823 6.95823 5.53143 7.40006 5.20006ZM4.80006 8.40006C4.46869 7.95823 3.84189 7.86869 3.40006 8.20006C2.95823 8.53143 2.86869 9.15823 3.20006 9.60006C3.52771 10.0369 3.71564 10.3829 3.82924 10.7237C3.94284 11.0645 4.00006 11.454 4.00006 12.0001C4.00006 12.5461 3.94284 12.9357 3.82924 13.2765C3.71564 13.6173 3.52771 13.9632 3.20006 14.4001C2.86869 14.8419 2.95823 15.4687 3.40006 15.8001C3.84189 16.1314 4.46869 16.0419 4.80006 15.6001C5.21338 15.049 5.52545 14.5124 5.7266 13.9089C5.92776 13.3054 6.00006 12.6889 6.00006 12.0001C6.00006 11.3112 5.92776 10.6947 5.7266 10.0912C5.52545 9.48774 5.21338 8.95115 4.80006 8.40006Z" fill="#BBC2D6"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6ZM6.09958 9.00504C5.55003 8.95008 5.05999 9.35103 5.00504 9.90057C4.95008 10.4501 5.35103 10.9402 5.90057 10.9951L9.09958 11.315L9.10008 11.3151C9.61103 11.3664 10.0001 11.7965 10.0001 12.3101V13.2297C10.0001 13.6113 9.9273 13.9893 9.78566 14.3435L9.78551 14.3439L8.0716 18.6287C7.86648 19.1415 8.1159 19.7234 8.62868 19.9286C9.0604 20.1012 9.54115 19.9518 9.80477 19.5942C9.85436 19.527 9.89627 19.4524 9.92874 19.3712L11.8393 14.5948C11.848 14.573 11.8611 14.5532 11.8777 14.5366C11.9454 14.4689 12.0552 14.4689 12.1229 14.5366C12.1366 14.5504 12.148 14.5664 12.1564 14.5839L12.3573 15.0861L12.3575 15.0867L14.0714 19.3715C14.2766 19.8843 14.8585 20.1337 15.3713 19.9286C15.4565 19.8945 15.5344 19.85 15.6042 19.7971C15.9547 19.532 16.0998 19.0561 15.9287 18.6284L14.1964 14.2975C14.0665 13.9566 13.9999 13.5948 13.9999 13.2297V12.3101C13.9999 11.7965 14.3889 11.3665 14.8998 11.3151L14.9004 11.315L18.0994 10.9951C18.649 10.9402 19.0499 10.4501 18.995 9.90057C18.94 9.35103 18.45 8.95008 17.9004 9.00504L14.7014 9.32494L13.4289 9.45219C12.9219 9.48202 12.4343 9.50013 12 9.50013C11.5658 9.50013 11.0781 9.48201 10.571 9.45218L9.29859 9.32494L6.09958 9.00504Z"
|
|
6
|
+
fill="#BBC2D6"/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M8 8h-.87593c-.91773 0-1.7177.62459-1.94028 1.51493L4.56252 12H8V8Zm-.87593-2C5.2886 6 3.68867 7.24919 3.2435 9.02986l-.82358 3.29434C.99656 12.9369 0 14.352 0 16v3c0 .5523.44772 1 1 1h3.17071C4.58254 21.1652 5.69378 22 7 22s2.41746-.8348 2.82929-2h4.34141c.4118 1.1652 1.5231 2 2.8293 2s2.4175-.8348 2.8293-2H23c.5523 0 1-.4477 1-1v-3c0-2.2091-1.7909-4-4-4h-.999l-1.8945-3.78885C16.429 6.85601 15.0439 6 13.5288 6H7.12407ZM19.8293 18H22v-2c0-1.1046-.8954-2-2-2H4c-1.10457 0-2 .8954-2 2v2h2.17071C4.58254 16.8348 5.69378 16 7 16s2.41746.8348 2.82929 2h4.34141c.4118-1.1652 1.5231-2 2.8293-2s2.4175.8348 2.8293 2ZM10 8v4h6.7649l-1.4472-2.89443C14.9789 8.428 14.2864 8 13.5288 8H10ZM8 19c0 .5523-.44772 1-1 1s-1-.4477-1-1 .44772-1 1-1 1 .4477 1 1Zm9 1c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z"
|
|
6
|
+
fill="#BBC2D6"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM10 4C8.89543 4 8 4.89543 8 6V8H6C4.89543 8 4 8.89543 4 10V14C4 15.1046 4.89543 16 6 16H8V18C8 19.1046 8.89543 20 10 20H14C15.1046 20 16 19.1046 16 18V16H18C19.1046 16 20 15.1046 20 14V10C20 8.89543 19.1046 8 18 8H16V6C16 4.89543 15.1046 4 14 4H10ZM14 9V6H10V9C10 9.55228 9.55228 10 9 10H6V14H9C9.55228 14 10 14.4477 10 15V18H14V15C14 14.4477 14.4477 14 15 14H18V10H15C14.4477 10 14 9.55228 14 9Z"
|
|
6
|
+
fill="#BBC2D6"/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M16 12c0-1.6569 1.3431-3 3-3s3 1.3431 3 3-1.3431 3-3 3-3-1.3431-3-3Zm-1.901.9952A1.01133 1.01133 0 0 1 14 13H8v3c0 .5523-.44772 1-1 1s-1-.4477-1-1v-3H4v1c0 .5523-.44772 1-1 1s-1-.4477-1-1v-1H1c-.55229 0-1-.4477-1-1s.44771-1 1-1h13c.0334 0 .0665.0016.099.0048C14.5604 8.72019 16.5793 7 19 7c2.7614 0 5 2.23858 5 5 0 2.7614-2.2386 5-5 5-2.4207 0-4.4396-1.7202-4.901-4.0048Z"
|
|
6
|
+
/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 18C10.9 18 10 18.9 10 20C10 21.1 10.9 22 12 22C13.1 22 14 21.1 14 20C14 18.9 13.1 18 12 18ZM4 2C2.9 2 2 2.9 2 4C2 5.1 2.9 6 4 6C5.1 6 6 5.1 6 4C6 2.9 5.1 2 4 2ZM4 10C2.9 10 2 10.9 2 12C2 13.1 2.9 14 4 14C5.1 14 6 13.1 6 12C6 10.9 5.1 10 4 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM20 10C18.9 10 18 10.9 18 12C18 13.1 18.9 14 20 14C21.1 14 22 13.1 22 12C22 10.9 21.1 10 20 10ZM20 2C18.9 2 18 2.9 18 4C18 5.1 18.9 6 20 6C21.1 6 22 5.1 22 4C22 2.9 21.1 2 20 2ZM12 2C10.9 2 10 2.9 10 4C10 5.1 10.9 6 12 6C13.1 6 14 5.1 14 4C14 2.9 13.1 2 12 2Z" fill="#BBC2D6"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M17 8c2.2091 0 4-1.79086 4-4s-1.7909-4-4-4c-2.2091 0-4 1.79086-4 4s1.7909 4 4 4ZM8 1h3.8027c-.3377.58383-.5799 1.22984-.7052 1.91667H8c-1.65685 0-3 1.28718-3 2.875V19.2083c0 1.5879 1.34315 2.875 3 2.875h6c1.6569 0 3-1.2871 3-2.875V10c.7013 0 1.3744-.12031 2-.34141v9.54971C19 21.8547 16.7614 24 14 24H8c-2.76142 0-5-2.1453-5-4.7917V5.79167C3 3.1453 5.23858 1 8 1Zm4 18.2083c0 .5293-.4477.9584-1 .9584s-1-.4291-1-.9584c0-.5292.4477-.9583 1-.9583s1 .4291 1 .9583Z"
|
|
6
|
+
/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M3 6c0-1.65685 1.34315-3 3-3s3 1.34315 3 3-1.34315 3-3 3-3-1.34315-3-3Zm3-5C3.23858 1 1 3.23858 1 6s2.23858 5 5 5 5-2.23858 5-5-2.23858-5-5-5Zm12.0009 12c.5491 0 .9991.4477 1 1v3h2.9999c.5523 0 1 .4477 1 1s-.4477 1-1 1h-2.9999v3.0008c0 .5522-.4477 1-1 1s-1-.4478-1-1V19H14.002c-.5523 0-1-.4477-1-1s.4477-1 1-1h2.9989v-3c-.0009-.5523.4491-1 1-1ZM6 15c-1.65685 0-3 1.3431-3 3s1.34315 3 3 3 3-1.3431 3-3-1.34315-3-3-3Zm-5 3c0-2.7614 2.23858-5 5-5s5 2.2386 5 5-2.23858 5-5 5-5-2.2386-5-5ZM15 6c0-1.65685 1.3431-3 3-3s3 1.34315 3 3-1.3431 3-3 3-3-1.34315-3-3Zm3-5c-2.7614 0-5 2.23858-5 5s2.2386 5 5 5 5-2.23858 5-5-2.2386-5-5-5Z"
|
|
6
|
+
/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M8.70716 2.29289c.39053.39053.39053 1.02369 0 1.41422L3.41427 9H23.0001c.5522 0 1 .44772 1 1 0 .5523-.4478 1-1 1H1.00006c-.40446 0-.7691-.2436-.92388-.6173-.15478-.3737-.06923-.80381.21677-1.08981l7-7c.39053-.39052 1.02369-.39052 1.41421 0ZM15.2929 21.7071c-.3905-.3905-.3905-1.0237 0-1.4142L20.5858 15H1c-.55229 0-1-.4477-1-1s.44771-1 1-1h22c.4045 0 .7691.2436.9239.6173.1548.3737.0692.8038-.2168 1.0898l-7 7c-.3905.3905-1.0237.3905-1.4142 0Z"
|
|
6
|
+
fill="#BBC2D6"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M5 0C2.23858 0 0 2.23858 0 5v14c0 2.7614 2.23858 5 5 5h14c2.7614 0 5-2.2386 5-5V5c0-2.76142-2.2386-5-5-5H5ZM2 5c0-1.65685 1.34315-3 3-3h14c1.6569 0 3 1.34315 3 3v14c0 1.6569-1.3431 3-3 3H5c-1.65685 0-3-1.3431-3-3V5Zm7.70714.29289c.39056.39053.39056 1.02369 0 1.41422L7.41424 9H19c.5523 0 1 .44772 1 1 0 .5523-.4477 1-1 1H5.00003c-.40446 0-.7691-.2436-.92388-.6173-.15478-.3737-.06923-.80381.21677-1.08981l4-4c.39053-.39052 1.02369-.39052 1.41422 0ZM14.2929 18.7071c-.3906-.3905-.3906-1.0237 0-1.4142L16.5858 15H4.99997c-.55228 0-1-.4477-1-1s.44772-1 1-1H19c.4044 0 .7691.2436.9239.6173.1547.3737.0692.8038-.2168 1.0898l-4 4c-.3905.3905-1.0237.3905-1.4142 0Z"
|
|
6
|
+
fill="#BBC2D6"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
@@ -6,9 +6,11 @@ export * from "./buttons";
|
|
|
6
6
|
export * from "./checkbox";
|
|
7
7
|
export * from "./contentWrapper";
|
|
8
8
|
export * from "./divider";
|
|
9
|
+
export * from "./featureInfo";
|
|
9
10
|
export * from "./icons";
|
|
10
11
|
export * from "./listitems";
|
|
11
12
|
export * from "./logos";
|
|
13
|
+
export * from "./modules";
|
|
12
14
|
export * from "./banner";
|
|
13
15
|
export * from "./pictograms";
|
|
14
16
|
export * from "./radio";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
2
|
import { Pressable, StyleSheet, Text, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
4
|
+
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
5
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
|
-
import { AnimatedIcon } from "../icons";
|
|
6
|
+
import { AnimatedIcon, Icon } from "../icons";
|
|
7
7
|
const styles = StyleSheet.create({
|
|
8
8
|
label: {
|
|
9
9
|
fontSize: 16,
|
|
@@ -11,6 +11,15 @@ const styles = StyleSheet.create({
|
|
|
11
11
|
...makeFontStyleObject("Regular", false, "ReadexPro")
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
+
|
|
15
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
16
|
+
const legacyStyles = StyleSheet.create({
|
|
17
|
+
labelLegacy: {
|
|
18
|
+
fontSize: 18,
|
|
19
|
+
lineHeight: 24,
|
|
20
|
+
...makeFontStyleObject("SemiBold", false, "TitilliumWeb")
|
|
21
|
+
}
|
|
22
|
+
});
|
|
14
23
|
export const ListItemAction = _ref => {
|
|
15
24
|
var _IOScaleValues$basicB;
|
|
16
25
|
let {
|
|
@@ -22,16 +31,43 @@ export const ListItemAction = _ref => {
|
|
|
22
31
|
testID
|
|
23
32
|
} = _ref;
|
|
24
33
|
const isPressed = useSharedValue(0);
|
|
34
|
+
const {
|
|
35
|
+
isExperimental
|
|
36
|
+
} = useIOExperimentalDesign();
|
|
25
37
|
const theme = useIOTheme();
|
|
26
38
|
const mapBackgroundStates = {
|
|
27
39
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
28
40
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
29
41
|
};
|
|
42
|
+
const mapLegacyForegroundColor = {
|
|
43
|
+
primary: "blue",
|
|
44
|
+
danger: "error-850"
|
|
45
|
+
};
|
|
30
46
|
const mapForegroundColor = {
|
|
31
47
|
primary: IOColors[theme["interactiveElem-default"]],
|
|
32
48
|
danger: IOColors[theme.errorText]
|
|
33
49
|
};
|
|
34
50
|
|
|
51
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
52
|
+
const legacyItemActionIcon = icon => /*#__PURE__*/React.createElement(Icon, {
|
|
53
|
+
name: icon,
|
|
54
|
+
color: mapLegacyForegroundColor[variant],
|
|
55
|
+
size: IOListItemVisualParams.iconSize
|
|
56
|
+
});
|
|
57
|
+
const itemActionIcon = icon => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedIcon, {
|
|
58
|
+
name: icon,
|
|
59
|
+
color: mapForegroundColor[variant],
|
|
60
|
+
size: IOListItemVisualParams.iconSize
|
|
61
|
+
}));
|
|
62
|
+
const itemActionIconComponent = icon => isExperimental ? itemActionIcon(icon) : legacyItemActionIcon(icon);
|
|
63
|
+
const textStyle = [styles.label, {
|
|
64
|
+
color: mapForegroundColor[variant]
|
|
65
|
+
}];
|
|
66
|
+
const legacyTextStyle = [legacyStyles.labelLegacy, {
|
|
67
|
+
color: IOColors[mapLegacyForegroundColor[variant]]
|
|
68
|
+
}];
|
|
69
|
+
const textStyleComponent = isExperimental ? textStyle : legacyTextStyle;
|
|
70
|
+
|
|
35
71
|
// Scaling transformation applied when the button is pressed
|
|
36
72
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
37
73
|
const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
@@ -76,16 +112,10 @@ export const ListItemAction = _ref => {
|
|
|
76
112
|
style: {
|
|
77
113
|
marginRight: IOListItemVisualParams.iconMargin
|
|
78
114
|
}
|
|
79
|
-
}, /*#__PURE__*/React.createElement(
|
|
80
|
-
name: icon,
|
|
81
|
-
color: mapForegroundColor[variant],
|
|
82
|
-
size: IOListItemVisualParams.iconSize
|
|
83
|
-
})), /*#__PURE__*/React.createElement(View, {
|
|
115
|
+
}, itemActionIconComponent(icon)), /*#__PURE__*/React.createElement(View, {
|
|
84
116
|
style: IOStyles.flex
|
|
85
117
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
86
|
-
style:
|
|
87
|
-
color: mapForegroundColor[variant]
|
|
88
|
-
}]
|
|
118
|
+
style: textStyleComponent
|
|
89
119
|
}, label)))));
|
|
90
120
|
};
|
|
91
121
|
export default ListItemAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","makeFontStyleObject","AnimatedIcon","styles","create","label","fontSize","lineHeight","ListItemAction","_ref","_IOScaleValues$basicB","variant","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","AnimatedIcon","Icon","styles","create","label","fontSize","lineHeight","legacyStyles","labelLegacy","ListItemAction","_ref","_IOScaleValues$basicB","variant","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","mapBackgroundStates","default","pressed","mapLegacyForegroundColor","primary","danger","mapForegroundColor","errorText","legacyItemActionIcon","createElement","name","color","size","iconSize","itemActionIcon","Fragment","itemActionIconComponent","textStyle","legacyTextStyle","textStyleComponent","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","flex"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}
|
|
@@ -1,8 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
2
|
+
import { StyleSheet, Text, View } from "react-native";
|
|
3
|
+
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOStyles, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
|
+
import { makeFontStyleObject } from "../../utils/fonts";
|
|
4
5
|
import { Icon } from "../icons";
|
|
5
|
-
import { H6, LabelSmall } from "../typography";
|
|
6
|
+
import { Body, H6, LabelSmall } from "../typography";
|
|
7
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
8
|
+
const legacyStyles = StyleSheet.create({
|
|
9
|
+
textValue: {
|
|
10
|
+
fontSize: 18,
|
|
11
|
+
lineHeight: 24,
|
|
12
|
+
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
13
|
+
}
|
|
14
|
+
});
|
|
6
15
|
export const ListItemInfo = _ref => {
|
|
7
16
|
let {
|
|
8
17
|
label,
|
|
@@ -13,7 +22,28 @@ export const ListItemInfo = _ref => {
|
|
|
13
22
|
accessibilityLabel,
|
|
14
23
|
testID
|
|
15
24
|
} = _ref;
|
|
25
|
+
const {
|
|
26
|
+
isExperimental
|
|
27
|
+
} = useIOExperimentalDesign();
|
|
16
28
|
const theme = useIOTheme();
|
|
29
|
+
|
|
30
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
31
|
+
const legacyItemInfoText = /*#__PURE__*/React.createElement(React.Fragment, null, typeof label === "string" ? /*#__PURE__*/React.createElement(Body, {
|
|
32
|
+
weight: "Regular"
|
|
33
|
+
}, label) : label, typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
|
|
34
|
+
style: [legacyStyles.textValue, {
|
|
35
|
+
color: IOColors.bluegreyDark
|
|
36
|
+
}],
|
|
37
|
+
numberOfLines: numberOfLines
|
|
38
|
+
}, value) : value);
|
|
39
|
+
const itemInfoText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
|
|
40
|
+
weight: "Regular",
|
|
41
|
+
color: theme["textBody-tertiary"]
|
|
42
|
+
}, label), /*#__PURE__*/React.createElement(H6, {
|
|
43
|
+
color: theme["textBody-default"],
|
|
44
|
+
numberOfLines: numberOfLines
|
|
45
|
+
}, value));
|
|
46
|
+
const itemInfoTextComponent = isExperimental ? itemInfoText : legacyItemInfoText;
|
|
17
47
|
return /*#__PURE__*/React.createElement(View, {
|
|
18
48
|
style: IOListItemStyles.listItem,
|
|
19
49
|
testID: testID,
|
|
@@ -31,13 +61,7 @@ export const ListItemInfo = _ref => {
|
|
|
31
61
|
size: IOListItemVisualParams.iconSize
|
|
32
62
|
})), /*#__PURE__*/React.createElement(View, {
|
|
33
63
|
style: IOStyles.flex
|
|
34
|
-
}, /*#__PURE__*/React.createElement(
|
|
35
|
-
weight: "Regular",
|
|
36
|
-
color: theme["textBody-tertiary"]
|
|
37
|
-
}, label), /*#__PURE__*/React.createElement(H6, {
|
|
38
|
-
color: theme["textBody-default"],
|
|
39
|
-
numberOfLines: numberOfLines
|
|
40
|
-
}, value)), action && /*#__PURE__*/React.createElement(View, {
|
|
64
|
+
}, itemInfoTextComponent), action && /*#__PURE__*/React.createElement(View, {
|
|
41
65
|
style: {
|
|
42
66
|
marginLeft: IOListItemVisualParams.actionMargin
|
|
43
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","createElement","style","listItem","accessible","listItemInner","marginRight","actionMargin","name","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","IOColors","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","undefined","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","isExperimental","theme","legacyItemInfoText","createElement","Fragment","weight","style","color","bluegreyDark","itemInfoText","itemInfoTextComponent","listItem","accessible","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable, View } from "react-native";
|
|
2
|
+
import { Pressable, StyleSheet, Text, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
4
|
+
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
|
+
import { makeFontStyleObject } from "../../utils/fonts";
|
|
5
6
|
import { Icon } from "../icons";
|
|
6
|
-
import {
|
|
7
|
+
import { VSpacer } from "../spacer";
|
|
8
|
+
import { Body, H6, LabelSmall } from "../typography";
|
|
9
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
10
|
+
const legacyStyles = StyleSheet.create({
|
|
11
|
+
textValue: {
|
|
12
|
+
fontSize: 18,
|
|
13
|
+
lineHeight: 24,
|
|
14
|
+
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
15
|
+
}
|
|
16
|
+
});
|
|
7
17
|
export const ListItemInfoCopy = _ref => {
|
|
8
18
|
var _IOScaleValues$basicB;
|
|
9
19
|
let {
|
|
@@ -16,7 +26,35 @@ export const ListItemInfoCopy = _ref => {
|
|
|
16
26
|
testID
|
|
17
27
|
} = _ref;
|
|
18
28
|
const isPressed = useSharedValue(0);
|
|
29
|
+
const {
|
|
30
|
+
isExperimental
|
|
31
|
+
} = useIOExperimentalDesign();
|
|
19
32
|
const theme = useIOTheme();
|
|
33
|
+
|
|
34
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
35
|
+
const legacyInfoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, {
|
|
36
|
+
weight: "Regular"
|
|
37
|
+
}, label), /*#__PURE__*/React.createElement(VSpacer, {
|
|
38
|
+
size: 4
|
|
39
|
+
}), typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
|
|
40
|
+
style: [legacyStyles.textValue, {
|
|
41
|
+
color: IOColors.blue
|
|
42
|
+
}],
|
|
43
|
+
numberOfLines: numberOfLines
|
|
44
|
+
}, value) : {
|
|
45
|
+
value
|
|
46
|
+
});
|
|
47
|
+
const infoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
|
|
48
|
+
weight: "Regular",
|
|
49
|
+
color: theme["textBody-tertiary"]
|
|
50
|
+
}, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
51
|
+
color: theme["interactiveElem-default"],
|
|
52
|
+
numberOfLines: numberOfLines
|
|
53
|
+
}, value) : {
|
|
54
|
+
value
|
|
55
|
+
});
|
|
56
|
+
const infoCopyTextComponent = isExperimental ? infoCopyText : legacyInfoCopyText;
|
|
57
|
+
const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
20
58
|
const mapBackgroundStates = {
|
|
21
59
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
22
60
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
@@ -71,21 +109,13 @@ export const ListItemInfoCopy = _ref => {
|
|
|
71
109
|
size: IOListItemVisualParams.iconSize
|
|
72
110
|
})), /*#__PURE__*/React.createElement(View, {
|
|
73
111
|
style: IOStyles.flex
|
|
74
|
-
}, /*#__PURE__*/React.createElement(
|
|
75
|
-
weight: "Regular",
|
|
76
|
-
color: theme["textBody-tertiary"]
|
|
77
|
-
}, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
78
|
-
color: theme["interactiveElem-default"],
|
|
79
|
-
numberOfLines: numberOfLines
|
|
80
|
-
}, value) : {
|
|
81
|
-
value
|
|
82
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
112
|
+
}, infoCopyTextComponent), /*#__PURE__*/React.createElement(View, {
|
|
83
113
|
style: {
|
|
84
114
|
marginLeft: IOListItemVisualParams.iconMargin
|
|
85
115
|
}
|
|
86
116
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
87
117
|
name: "copy",
|
|
88
|
-
color:
|
|
118
|
+
color: iconColor,
|
|
89
119
|
size: IOListItemVisualParams.chevronSize
|
|
90
120
|
})))));
|
|
91
121
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","VSpacer","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","undefined","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyInfoCopyText","createElement","Fragment","weight","size","style","color","blue","infoCopyText","infoCopyTextComponent","iconColor","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
|
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable, View } from "react-native";
|
|
2
|
+
import { Pressable, StyleSheet, Text, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
4
|
+
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
|
+
import { makeFontStyleObject } from "../../utils/fonts";
|
|
5
6
|
import { Icon } from "../icons";
|
|
6
|
-
import { H6, LabelSmall } from "../typography";
|
|
7
|
+
import { Body, H6, LabelSmall } from "../typography";
|
|
8
|
+
|
|
9
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
10
|
+
const legacyStyles = StyleSheet.create({
|
|
11
|
+
textValue: {
|
|
12
|
+
fontSize: 18,
|
|
13
|
+
lineHeight: 24,
|
|
14
|
+
color: IOColors.bluegreyDark,
|
|
15
|
+
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
16
|
+
}
|
|
17
|
+
});
|
|
7
18
|
export const ListItemNav = _ref => {
|
|
8
19
|
var _IOScaleValues$basicB;
|
|
9
20
|
let {
|
|
@@ -15,11 +26,29 @@ export const ListItemNav = _ref => {
|
|
|
15
26
|
testID
|
|
16
27
|
} = _ref;
|
|
17
28
|
const isPressed = useSharedValue(0);
|
|
29
|
+
const {
|
|
30
|
+
isExperimental
|
|
31
|
+
} = useIOExperimentalDesign();
|
|
18
32
|
const theme = useIOTheme();
|
|
33
|
+
|
|
34
|
+
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
35
|
+
const legacyNavText = /*#__PURE__*/React.createElement(React.Fragment, null, typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
|
|
36
|
+
style: legacyStyles.textValue
|
|
37
|
+
}, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(Body, {
|
|
38
|
+
weight: "Regular"
|
|
39
|
+
}, description) : description));
|
|
40
|
+
const navText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
|
|
41
|
+
color: theme["textBody-default"]
|
|
42
|
+
}, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
|
|
43
|
+
weight: "Regular",
|
|
44
|
+
color: theme["textBody-tertiary"]
|
|
45
|
+
}, description));
|
|
46
|
+
const navTextComponent = isExperimental ? navText : legacyNavText;
|
|
19
47
|
const mapBackgroundStates = {
|
|
20
48
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
21
49
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
22
50
|
};
|
|
51
|
+
const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
23
52
|
|
|
24
53
|
// Scaling transformation applied when the button is pressed
|
|
25
54
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
@@ -70,18 +99,13 @@ export const ListItemNav = _ref => {
|
|
|
70
99
|
size: IOListItemVisualParams.iconSize
|
|
71
100
|
})), /*#__PURE__*/React.createElement(View, {
|
|
72
101
|
style: IOStyles.flex
|
|
73
|
-
}, /*#__PURE__*/React.createElement(
|
|
74
|
-
color: theme["textBody-default"]
|
|
75
|
-
}, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
|
|
76
|
-
weight: "Regular",
|
|
77
|
-
color: theme["textBody-tertiary"]
|
|
78
|
-
}, description)), /*#__PURE__*/React.createElement(View, {
|
|
102
|
+
}, navTextComponent), /*#__PURE__*/React.createElement(View, {
|
|
79
103
|
style: {
|
|
80
104
|
marginLeft: IOListItemVisualParams.iconMargin
|
|
81
105
|
}
|
|
82
106
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
83
107
|
name: "chevronRightListItem",
|
|
84
|
-
color:
|
|
108
|
+
color: iconColor,
|
|
85
109
|
size: IOListItemVisualParams.chevronSize
|
|
86
110
|
})))));
|
|
87
111
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","color","bluegreyDark","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyNavText","createElement","Fragment","style","weight","navText","navTextComponent","mapBackgroundStates","default","pressed","iconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|