@pagopa/io-app-design-system 1.41.0 → 2.0.0-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 +8 -32
- package/lib/commonjs/components/accordion/AccordionItem.js +1 -10
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/alert/Alert.js +3 -16
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +13 -21
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +16 -16
- package/lib/commonjs/components/badge/__test__/badge.test.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -38
- package/lib/commonjs/components/buttons/ButtonLink.js +10 -24
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +14 -24
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +45 -60
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +6 -7
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +10 -15
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +18 -52
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAmount.js +2 -5
- package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +6 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +9 -2
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +2 -2
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +91 -347
- package/lib/commonjs/components/modules/ModuleIDP.js +13 -20
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
- package/lib/commonjs/components/otpInput/OTPInput.js +18 -1
- package/lib/commonjs/components/otpInput/OTPInput.js.map +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +0 -108
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +2 -4
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +7 -29
- package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +3 -2
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +14 -18
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +4 -6
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/BaseTypography.js +5 -1
- package/lib/commonjs/components/typography/BaseTypography.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +34 -26
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodyMonospace.js +26 -24
- package/lib/commonjs/components/typography/BodyMonospace.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +25 -19
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +29 -19
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/Chip.js +24 -21
- package/lib/commonjs/components/typography/Chip.js.map +1 -1
- package/lib/commonjs/components/typography/Factory.js +1 -0
- package/lib/commonjs/components/typography/Factory.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +27 -20
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +27 -20
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +27 -19
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +27 -21
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +26 -22
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +25 -20
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +25 -17
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js +104 -0
- package/lib/commonjs/components/typography/IOText.js.map +1 -0
- package/lib/commonjs/components/typography/Label.js +28 -26
- package/lib/commonjs/components/typography/Label.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +45 -0
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -0
- package/lib/commonjs/components/typography/LabelSmall.js +30 -30
- package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
- package/lib/commonjs/components/typography/LabelSmallAlt.js +25 -20
- package/lib/commonjs/components/typography/LabelSmallAlt.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +86 -551
- package/lib/commonjs/components/typography/__test__/typography.test.js +6 -25
- package/lib/commonjs/components/typography/__test__/typography.test.js.map +1 -1
- package/lib/commonjs/components/typography/index.js +15 -37
- package/lib/commonjs/components/typography/index.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH1.js +27 -16
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +28 -18
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +26 -16
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +19 -2
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +6 -7
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +0 -1
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/utils/accessibility.js +24 -1
- package/lib/commonjs/utils/accessibility.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +72 -40
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +8 -32
- package/lib/module/components/accordion/AccordionItem.js +3 -12
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/alert/Alert.js +5 -18
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +15 -23
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +16 -16
- package/lib/module/components/badge/__test__/badge.test.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -38
- package/lib/module/components/buttons/ButtonLink.js +12 -26
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +15 -25
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +45 -60
- package/lib/module/components/featureInfo/FeatureInfo.js +7 -8
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +10 -15
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +23 -57
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemAmount.js +2 -5
- package/lib/module/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +7 -2
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +10 -3
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +3 -3
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +91 -347
- package/lib/module/components/modules/ModuleIDP.js +15 -22
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
- package/lib/module/components/otpInput/OTPInput.js +19 -2
- package/lib/module/components/otpInput/OTPInput.js.map +1 -1
- package/lib/module/components/pictograms/Pictogram.js +0 -108
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +2 -4
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/switch/SwitchLabel.js +9 -31
- package/lib/module/components/switch/SwitchLabel.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +3 -2
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tag/Tag.js +16 -20
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +4 -6
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/BaseTypography.js +5 -1
- package/lib/module/components/typography/BaseTypography.js.map +1 -1
- package/lib/module/components/typography/Body.js +31 -22
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodyMonospace.js +25 -23
- package/lib/module/components/typography/BodyMonospace.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +24 -19
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +28 -19
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/Chip.js +23 -21
- package/lib/module/components/typography/Chip.js.map +1 -1
- package/lib/module/components/typography/Factory.js +1 -0
- package/lib/module/components/typography/Factory.js.map +1 -1
- package/lib/module/components/typography/H1.js +26 -20
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +26 -20
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +26 -19
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +26 -21
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +24 -21
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +24 -21
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +24 -17
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/IOText.js +96 -0
- package/lib/module/components/typography/IOText.js.map +1 -0
- package/lib/module/components/typography/Label.js +27 -26
- package/lib/module/components/typography/Label.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +36 -0
- package/lib/module/components/typography/LabelMini.js.map +1 -0
- package/lib/module/components/typography/LabelSmall.js +29 -30
- package/lib/module/components/typography/LabelSmall.js.map +1 -1
- package/lib/module/components/typography/LabelSmallAlt.js +24 -20
- package/lib/module/components/typography/LabelSmallAlt.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +86 -551
- package/lib/module/components/typography/__test__/typography.test.js +6 -25
- package/lib/module/components/typography/__test__/typography.test.js.map +1 -1
- package/lib/module/components/typography/index.js +2 -4
- package/lib/module/components/typography/index.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH1.js +25 -15
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +26 -17
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +24 -15
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +17 -1
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOSpacing.js +2 -6
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/IOStyles.js +0 -1
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/utils/accessibility.js +22 -0
- package/lib/module/utils/accessibility.js.map +1 -1
- package/lib/module/utils/fonts.js +70 -36
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/accordion/AccordionItem.d.ts.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/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +6 -5
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts +4 -5
- 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/ListItemInfoCopy.d.ts +4 -5
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts +4 -5
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
- package/lib/typescript/components/otpInput/OTPInput.d.ts +1 -0
- package/lib/typescript/components/otpInput/OTPInput.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +0 -54
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.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/BaseTypography.d.ts +3 -2
- package/lib/typescript/components/typography/BaseTypography.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts +5 -10
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +7 -7
- package/lib/typescript/components/typography/BodyMonospace.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +9 -10
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +9 -5
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
- package/lib/typescript/components/typography/Chip.d.ts +7 -7
- package/lib/typescript/components/typography/Chip.d.ts.map +1 -1
- package/lib/typescript/components/typography/Factory.d.ts +1 -0
- package/lib/typescript/components/typography/Factory.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts +9 -8
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +9 -8
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +9 -8
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts +9 -8
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts +9 -5
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts +9 -10
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +9 -8
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +54 -0
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -0
- package/lib/typescript/components/typography/Label.d.ts +6 -10
- package/lib/typescript/components/typography/Label.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts +13 -0
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -0
- package/lib/typescript/components/typography/LabelSmall.d.ts +5 -11
- package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts +7 -10
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map +1 -1
- package/lib/typescript/components/typography/index.d.ts +2 -4
- package/lib/typescript/components/typography/index.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +9 -9
- package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +9 -9
- package/lib/typescript/components/typography/markdown/MdH2.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +9 -9
- package/lib/typescript/components/typography/markdown/MdH3.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +3 -20
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +8 -7
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +6 -9
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/utils/accessibility.d.ts +5 -0
- package/lib/typescript/utils/accessibility.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +17 -25
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/lib/typescript/utils/hooks/useErrorShakeAnimation.d.ts +0 -1
- package/lib/typescript/utils/hooks/useErrorShakeAnimation.d.ts.map +1 -1
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +1 -2
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +8 -32
- package/src/components/accordion/AccordionItem.tsx +2 -14
- package/src/components/alert/Alert.tsx +5 -18
- package/src/components/badge/Badge.tsx +15 -28
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +16 -16
- package/src/components/badge/__test__/badge.test.tsx +2 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -38
- package/src/components/buttons/ButtonLink.tsx +12 -35
- package/src/components/buttons/ButtonOutline.tsx +14 -25
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +45 -60
- package/src/components/featureInfo/FeatureInfo.tsx +13 -13
- package/src/components/layout/HeaderSecondLevel.tsx +9 -18
- package/src/components/listitems/ListItemAction.tsx +28 -80
- package/src/components/listitems/ListItemAmount.tsx +2 -5
- package/src/components/listitems/ListItemInfoCopy.tsx +23 -5
- package/src/components/listitems/ListItemNavAlert.tsx +32 -5
- package/src/components/listitems/ListItemSwitch.tsx +3 -3
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +91 -347
- package/src/components/modules/ModuleIDP.tsx +15 -32
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
- package/src/components/otpInput/OTPInput.tsx +18 -2
- package/src/components/pictograms/Pictogram.tsx +1 -112
- package/src/components/searchInput/SearchInput.tsx +14 -6
- package/src/components/switch/SwitchLabel.tsx +6 -32
- package/src/components/tabs/TabItem.tsx +4 -2
- package/src/components/tag/Tag.tsx +22 -24
- package/src/components/textInput/TextInputBase.tsx +21 -8
- package/src/components/typography/BaseTypography.tsx +13 -4
- package/src/components/typography/Body.tsx +43 -38
- package/src/components/typography/BodyMonospace.tsx +24 -37
- package/src/components/typography/ButtonText.tsx +25 -35
- package/src/components/typography/Caption.tsx +31 -33
- package/src/components/typography/Chip.tsx +25 -37
- package/src/components/typography/Factory.tsx +1 -0
- package/src/components/typography/H1.tsx +31 -36
- package/src/components/typography/H2.tsx +31 -36
- package/src/components/typography/H3.tsx +30 -35
- package/src/components/typography/H4.tsx +31 -36
- package/src/components/typography/H5.tsx +26 -32
- package/src/components/typography/H6.tsx +30 -41
- package/src/components/typography/Hero.tsx +30 -33
- package/src/components/typography/IOText.tsx +157 -0
- package/src/components/typography/Label.tsx +41 -48
- package/src/components/typography/LabelMini.tsx +52 -0
- package/src/components/typography/LabelSmall.tsx +41 -63
- package/src/components/typography/LabelSmallAlt.tsx +28 -48
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +86 -551
- package/src/components/typography/__test__/typography.test.tsx +7 -31
- package/src/components/typography/index.tsx +2 -4
- package/src/components/typography/markdown/MdH1.tsx +26 -28
- package/src/components/typography/markdown/MdH2.tsx +27 -30
- package/src/components/typography/markdown/MdH3.tsx +25 -28
- package/src/core/IOColors.ts +31 -21
- package/src/core/IOSpacing.ts +26 -40
- package/src/core/IOStyles.ts +1 -5
- package/src/utils/accessibility.ts +31 -0
- package/src/utils/fonts.ts +93 -51
- package/lib/commonjs/components/pictograms/svg/PictogramAbacus.js +0 -30
- package/lib/commonjs/components/pictograms/svg/PictogramAbacus.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramAirBaloon.js +0 -36
- package/lib/commonjs/components/pictograms/svg/PictogramAirBaloon.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramAirship.js +0 -39
- package/lib/commonjs/components/pictograms/svg/PictogramAirship.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBaloons.js +0 -41
- package/lib/commonjs/components/pictograms/svg/PictogramBaloons.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBeerMug.js +0 -32
- package/lib/commonjs/components/pictograms/svg/PictogramBeerMug.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramEmailToValidate.js +0 -32
- package/lib/commonjs/components/pictograms/svg/PictogramEmailToValidate.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramEmailValidation.js +0 -41
- package/lib/commonjs/components/pictograms/svg/PictogramEmailValidation.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramError.js +0 -34
- package/lib/commonjs/components/pictograms/svg/PictogramError.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramFireworks.js +0 -66
- package/lib/commonjs/components/pictograms/svg/PictogramFireworks.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramHeart.js +0 -36
- package/lib/commonjs/components/pictograms/svg/PictogramHeart.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramHourglass.js +0 -39
- package/lib/commonjs/components/pictograms/svg/PictogramHourglass.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramInProgress.js +0 -36
- package/lib/commonjs/components/pictograms/svg/PictogramInProgress.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramInbox.js +0 -32
- package/lib/commonjs/components/pictograms/svg/PictogramInbox.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramMessages.js +0 -31
- package/lib/commonjs/components/pictograms/svg/PictogramMessages.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramNotAvailable.js +0 -45
- package/lib/commonjs/components/pictograms/svg/PictogramNotAvailable.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramPiggyBank.js +0 -41
- package/lib/commonjs/components/pictograms/svg/PictogramPiggyBank.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramPin.js +0 -40
- package/lib/commonjs/components/pictograms/svg/PictogramPin.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramPlaces.js +0 -67
- package/lib/commonjs/components/pictograms/svg/PictogramPlaces.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramPuzzle.js +0 -37
- package/lib/commonjs/components/pictograms/svg/PictogramPuzzle.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramQuestion.js +0 -37
- package/lib/commonjs/components/pictograms/svg/PictogramQuestion.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramSearch.js +0 -42
- package/lib/commonjs/components/pictograms/svg/PictogramSearch.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramSms.js +0 -35
- package/lib/commonjs/components/pictograms/svg/PictogramSms.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramTeaBreak.js +0 -34
- package/lib/commonjs/components/pictograms/svg/PictogramTeaBreak.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramTimeout.js +0 -34
- package/lib/commonjs/components/pictograms/svg/PictogramTimeout.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramUmbrella.js +0 -36
- package/lib/commonjs/components/pictograms/svg/PictogramUmbrella.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramUnrecognized.js +0 -29
- package/lib/commonjs/components/pictograms/svg/PictogramUnrecognized.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/PictogramUploadFile.js +0 -32
- package/lib/commonjs/components/pictograms/svg/PictogramUploadFile.js.map +0 -1
- package/lib/commonjs/components/pictograms/svg/originals/PictogramAbacus.svg +0 -8
- package/lib/commonjs/components/pictograms/svg/originals/PictogramAirBaloon.svg +0 -14
- package/lib/commonjs/components/pictograms/svg/originals/PictogramAirship.svg +0 -18
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBaloons.svg +0 -20
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBeerMug.svg +0 -10
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEmailToValidate.svg +0 -10
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEmailValidation.svg +0 -20
- package/lib/commonjs/components/pictograms/svg/originals/PictogramError.svg +0 -12
- package/lib/commonjs/components/pictograms/svg/originals/PictogramFireworks.svg +0 -52
- package/lib/commonjs/components/pictograms/svg/originals/PictogramHeart.svg +0 -14
- package/lib/commonjs/components/pictograms/svg/originals/PictogramHourglass.svg +0 -18
- package/lib/commonjs/components/pictograms/svg/originals/PictogramInProgress.svg +0 -14
- package/lib/commonjs/components/pictograms/svg/originals/PictogramInbox.svg +0 -10
- package/lib/commonjs/components/pictograms/svg/originals/PictogramMessages.svg +0 -8
- package/lib/commonjs/components/pictograms/svg/originals/PictogramNotAvailable.svg +0 -26
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPiggyBank.svg +0 -20
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPin.svg +0 -20
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPlaces.svg +0 -45
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPuzzle.svg +0 -16
- package/lib/commonjs/components/pictograms/svg/originals/PictogramQuestion.svg +0 -16
- package/lib/commonjs/components/pictograms/svg/originals/PictogramSearch.svg +0 -22
- package/lib/commonjs/components/pictograms/svg/originals/PictogramSms.svg +0 -14
- package/lib/commonjs/components/pictograms/svg/originals/PictogramTeaBreak.svg +0 -12
- package/lib/commonjs/components/pictograms/svg/originals/PictogramTimeout.svg +0 -12
- package/lib/commonjs/components/pictograms/svg/originals/PictogramUmbrella.svg +0 -14
- package/lib/commonjs/components/pictograms/svg/originals/PictogramUnrecognized.svg +0 -6
- package/lib/commonjs/components/pictograms/svg/originals/PictogramUploadFile.svg +0 -10
- package/lib/commonjs/components/typography/LabelHeader.js +0 -44
- package/lib/commonjs/components/typography/LabelHeader.js.map +0 -1
- package/lib/commonjs/components/typography/LabelLink.js +0 -44
- package/lib/commonjs/components/typography/LabelLink.js.map +0 -1
- package/lib/commonjs/components/typography/markdown/MdH4.js +0 -30
- package/lib/commonjs/components/typography/markdown/MdH4.js.map +0 -1
- package/lib/commonjs/components/typography/markdown/MdH5.js +0 -28
- package/lib/commonjs/components/typography/markdown/MdH5.js.map +0 -1
- package/lib/commonjs/components/typography/markdown/MdH6.js +0 -29
- package/lib/commonjs/components/typography/markdown/MdH6.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramAbacus.js +0 -22
- package/lib/module/components/pictograms/svg/PictogramAbacus.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramAirBaloon.js +0 -28
- package/lib/module/components/pictograms/svg/PictogramAirBaloon.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramAirship.js +0 -31
- package/lib/module/components/pictograms/svg/PictogramAirship.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramBaloons.js +0 -33
- package/lib/module/components/pictograms/svg/PictogramBaloons.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramBeerMug.js +0 -24
- package/lib/module/components/pictograms/svg/PictogramBeerMug.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramEmailToValidate.js +0 -24
- package/lib/module/components/pictograms/svg/PictogramEmailToValidate.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramEmailValidation.js +0 -33
- package/lib/module/components/pictograms/svg/PictogramEmailValidation.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramError.js +0 -26
- package/lib/module/components/pictograms/svg/PictogramError.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramFireworks.js +0 -58
- package/lib/module/components/pictograms/svg/PictogramFireworks.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramHeart.js +0 -28
- package/lib/module/components/pictograms/svg/PictogramHeart.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramHourglass.js +0 -31
- package/lib/module/components/pictograms/svg/PictogramHourglass.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramInProgress.js +0 -28
- package/lib/module/components/pictograms/svg/PictogramInProgress.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramInbox.js +0 -24
- package/lib/module/components/pictograms/svg/PictogramInbox.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramMessages.js +0 -23
- package/lib/module/components/pictograms/svg/PictogramMessages.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramNotAvailable.js +0 -37
- package/lib/module/components/pictograms/svg/PictogramNotAvailable.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramPiggyBank.js +0 -33
- package/lib/module/components/pictograms/svg/PictogramPiggyBank.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramPin.js +0 -32
- package/lib/module/components/pictograms/svg/PictogramPin.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramPlaces.js +0 -59
- package/lib/module/components/pictograms/svg/PictogramPlaces.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramPuzzle.js +0 -29
- package/lib/module/components/pictograms/svg/PictogramPuzzle.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramQuestion.js +0 -29
- package/lib/module/components/pictograms/svg/PictogramQuestion.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramSearch.js +0 -34
- package/lib/module/components/pictograms/svg/PictogramSearch.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramSms.js +0 -27
- package/lib/module/components/pictograms/svg/PictogramSms.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramTeaBreak.js +0 -26
- package/lib/module/components/pictograms/svg/PictogramTeaBreak.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramTimeout.js +0 -26
- package/lib/module/components/pictograms/svg/PictogramTimeout.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramUmbrella.js +0 -28
- package/lib/module/components/pictograms/svg/PictogramUmbrella.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramUnrecognized.js +0 -21
- package/lib/module/components/pictograms/svg/PictogramUnrecognized.js.map +0 -1
- package/lib/module/components/pictograms/svg/PictogramUploadFile.js +0 -24
- package/lib/module/components/pictograms/svg/PictogramUploadFile.js.map +0 -1
- package/lib/module/components/pictograms/svg/originals/PictogramAbacus.svg +0 -8
- package/lib/module/components/pictograms/svg/originals/PictogramAirBaloon.svg +0 -14
- package/lib/module/components/pictograms/svg/originals/PictogramAirship.svg +0 -18
- package/lib/module/components/pictograms/svg/originals/PictogramBaloons.svg +0 -20
- package/lib/module/components/pictograms/svg/originals/PictogramBeerMug.svg +0 -10
- package/lib/module/components/pictograms/svg/originals/PictogramEmailToValidate.svg +0 -10
- package/lib/module/components/pictograms/svg/originals/PictogramEmailValidation.svg +0 -20
- package/lib/module/components/pictograms/svg/originals/PictogramError.svg +0 -12
- package/lib/module/components/pictograms/svg/originals/PictogramFireworks.svg +0 -52
- package/lib/module/components/pictograms/svg/originals/PictogramHeart.svg +0 -14
- package/lib/module/components/pictograms/svg/originals/PictogramHourglass.svg +0 -18
- package/lib/module/components/pictograms/svg/originals/PictogramInProgress.svg +0 -14
- package/lib/module/components/pictograms/svg/originals/PictogramInbox.svg +0 -10
- package/lib/module/components/pictograms/svg/originals/PictogramMessages.svg +0 -8
- package/lib/module/components/pictograms/svg/originals/PictogramNotAvailable.svg +0 -26
- package/lib/module/components/pictograms/svg/originals/PictogramPiggyBank.svg +0 -20
- package/lib/module/components/pictograms/svg/originals/PictogramPin.svg +0 -20
- package/lib/module/components/pictograms/svg/originals/PictogramPlaces.svg +0 -45
- package/lib/module/components/pictograms/svg/originals/PictogramPuzzle.svg +0 -16
- package/lib/module/components/pictograms/svg/originals/PictogramQuestion.svg +0 -16
- package/lib/module/components/pictograms/svg/originals/PictogramSearch.svg +0 -22
- package/lib/module/components/pictograms/svg/originals/PictogramSms.svg +0 -14
- package/lib/module/components/pictograms/svg/originals/PictogramTeaBreak.svg +0 -12
- package/lib/module/components/pictograms/svg/originals/PictogramTimeout.svg +0 -12
- package/lib/module/components/pictograms/svg/originals/PictogramUmbrella.svg +0 -14
- package/lib/module/components/pictograms/svg/originals/PictogramUnrecognized.svg +0 -6
- package/lib/module/components/pictograms/svg/originals/PictogramUploadFile.svg +0 -10
- package/lib/module/components/typography/LabelHeader.js +0 -33
- package/lib/module/components/typography/LabelHeader.js.map +0 -1
- package/lib/module/components/typography/LabelLink.js +0 -33
- package/lib/module/components/typography/LabelLink.js.map +0 -1
- package/lib/module/components/typography/markdown/MdH4.js +0 -23
- package/lib/module/components/typography/markdown/MdH4.js.map +0 -1
- package/lib/module/components/typography/markdown/MdH5.js +0 -21
- package/lib/module/components/typography/markdown/MdH5.js.map +0 -1
- package/lib/module/components/typography/markdown/MdH6.js +0 -22
- package/lib/module/components/typography/markdown/MdH6.js.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramAbacus.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramAbacus.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramAirBaloon.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramAirBaloon.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramAirship.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramAirship.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramBaloons.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramBaloons.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramBeerMug.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramBeerMug.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramEmailToValidate.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramEmailToValidate.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramEmailValidation.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramEmailValidation.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramError.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramError.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramFireworks.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramFireworks.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramHeart.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramHeart.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramHourglass.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramHourglass.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramInProgress.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramInProgress.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramInbox.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramInbox.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramMessages.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramMessages.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramNotAvailable.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramNotAvailable.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramPiggyBank.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramPiggyBank.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramPin.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramPin.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramPlaces.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramPlaces.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramPuzzle.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramPuzzle.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramQuestion.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramQuestion.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramSearch.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramSearch.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramSms.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramSms.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramTeaBreak.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramTeaBreak.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramTimeout.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramTimeout.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramUmbrella.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramUmbrella.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramUnrecognized.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramUnrecognized.d.ts.map +0 -1
- package/lib/typescript/components/pictograms/svg/PictogramUploadFile.d.ts +0 -5
- package/lib/typescript/components/pictograms/svg/PictogramUploadFile.d.ts.map +0 -1
- package/lib/typescript/components/typography/LabelHeader.d.ts +0 -18
- package/lib/typescript/components/typography/LabelHeader.d.ts.map +0 -1
- package/lib/typescript/components/typography/LabelLink.d.ts +0 -20
- package/lib/typescript/components/typography/LabelLink.d.ts.map +0 -1
- package/lib/typescript/components/typography/markdown/MdH4.d.ts +0 -13
- package/lib/typescript/components/typography/markdown/MdH4.d.ts.map +0 -1
- package/lib/typescript/components/typography/markdown/MdH5.d.ts +0 -13
- package/lib/typescript/components/typography/markdown/MdH5.d.ts.map +0 -1
- package/lib/typescript/components/typography/markdown/MdH6.d.ts +0 -13
- package/lib/typescript/components/typography/markdown/MdH6.d.ts.map +0 -1
- package/src/components/pictograms/svg/PictogramAbacus.tsx +0 -16
- package/src/components/pictograms/svg/PictogramAirBaloon.tsx +0 -22
- package/src/components/pictograms/svg/PictogramAirship.tsx +0 -26
- package/src/components/pictograms/svg/PictogramBaloons.tsx +0 -28
- package/src/components/pictograms/svg/PictogramBeerMug.tsx +0 -18
- package/src/components/pictograms/svg/PictogramEmailToValidate.tsx +0 -23
- package/src/components/pictograms/svg/PictogramEmailValidation.tsx +0 -33
- package/src/components/pictograms/svg/PictogramError.tsx +0 -20
- package/src/components/pictograms/svg/PictogramFireworks.tsx +0 -60
- package/src/components/pictograms/svg/PictogramHeart.tsx +0 -22
- package/src/components/pictograms/svg/PictogramHourglass.tsx +0 -26
- package/src/components/pictograms/svg/PictogramInProgress.tsx +0 -22
- package/src/components/pictograms/svg/PictogramInbox.tsx +0 -18
- package/src/components/pictograms/svg/PictogramMessages.tsx +0 -16
- package/src/components/pictograms/svg/PictogramNotAvailable.tsx +0 -38
- package/src/components/pictograms/svg/PictogramPiggyBank.tsx +0 -29
- package/src/components/pictograms/svg/PictogramPin.tsx +0 -28
- package/src/components/pictograms/svg/PictogramPlaces.tsx +0 -53
- package/src/components/pictograms/svg/PictogramPuzzle.tsx +0 -24
- package/src/components/pictograms/svg/PictogramQuestion.tsx +0 -24
- package/src/components/pictograms/svg/PictogramSearch.tsx +0 -30
- package/src/components/pictograms/svg/PictogramSms.tsx +0 -22
- package/src/components/pictograms/svg/PictogramTeaBreak.tsx +0 -20
- package/src/components/pictograms/svg/PictogramTimeout.tsx +0 -21
- package/src/components/pictograms/svg/PictogramUmbrella.tsx +0 -22
- package/src/components/pictograms/svg/PictogramUnrecognized.tsx +0 -14
- package/src/components/pictograms/svg/PictogramUploadFile.tsx +0 -18
- package/src/components/pictograms/svg/originals/PictogramAbacus.svg +0 -8
- package/src/components/pictograms/svg/originals/PictogramAirBaloon.svg +0 -14
- package/src/components/pictograms/svg/originals/PictogramAirship.svg +0 -18
- package/src/components/pictograms/svg/originals/PictogramBaloons.svg +0 -20
- package/src/components/pictograms/svg/originals/PictogramBeerMug.svg +0 -10
- package/src/components/pictograms/svg/originals/PictogramEmailToValidate.svg +0 -10
- package/src/components/pictograms/svg/originals/PictogramEmailValidation.svg +0 -20
- package/src/components/pictograms/svg/originals/PictogramError.svg +0 -12
- package/src/components/pictograms/svg/originals/PictogramFireworks.svg +0 -52
- package/src/components/pictograms/svg/originals/PictogramHeart.svg +0 -14
- package/src/components/pictograms/svg/originals/PictogramHourglass.svg +0 -18
- package/src/components/pictograms/svg/originals/PictogramInProgress.svg +0 -14
- package/src/components/pictograms/svg/originals/PictogramInbox.svg +0 -10
- package/src/components/pictograms/svg/originals/PictogramMessages.svg +0 -8
- package/src/components/pictograms/svg/originals/PictogramNotAvailable.svg +0 -26
- package/src/components/pictograms/svg/originals/PictogramPiggyBank.svg +0 -20
- package/src/components/pictograms/svg/originals/PictogramPin.svg +0 -20
- package/src/components/pictograms/svg/originals/PictogramPlaces.svg +0 -45
- package/src/components/pictograms/svg/originals/PictogramPuzzle.svg +0 -16
- package/src/components/pictograms/svg/originals/PictogramQuestion.svg +0 -16
- package/src/components/pictograms/svg/originals/PictogramSearch.svg +0 -22
- package/src/components/pictograms/svg/originals/PictogramSms.svg +0 -14
- package/src/components/pictograms/svg/originals/PictogramTeaBreak.svg +0 -12
- package/src/components/pictograms/svg/originals/PictogramTimeout.svg +0 -12
- package/src/components/pictograms/svg/originals/PictogramUmbrella.svg +0 -14
- package/src/components/pictograms/svg/originals/PictogramUnrecognized.svg +0 -6
- package/src/components/pictograms/svg/originals/PictogramUploadFile.svg +0 -10
- package/src/components/typography/LabelHeader.tsx +0 -56
- package/src/components/typography/LabelLink.tsx +0 -61
- package/src/components/typography/markdown/MdH4.tsx +0 -34
- package/src/components/typography/markdown/MdH5.tsx +0 -32
- package/src/components/typography/markdown/MdH6.tsx +0 -33
|
@@ -76,18 +76,18 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
76
76
|
allowFontScaling={true}
|
|
77
77
|
ellipsizeMode="tail"
|
|
78
78
|
importantForAccessibility="no-hide-descendants"
|
|
79
|
-
maxFontSizeMultiplier={1.
|
|
79
|
+
maxFontSizeMultiplier={1.25}
|
|
80
80
|
numberOfLines={1}
|
|
81
81
|
style={
|
|
82
82
|
[
|
|
83
|
+
{},
|
|
83
84
|
{
|
|
85
|
+
"color": "#0E0F13",
|
|
84
86
|
"fontFamily": "Readex Pro",
|
|
85
87
|
"fontSize": 16,
|
|
86
88
|
"fontStyle": "normal",
|
|
87
89
|
"fontWeight": "400",
|
|
88
|
-
|
|
89
|
-
{
|
|
90
|
-
"color": "#0B3EE3",
|
|
90
|
+
"lineHeight": undefined,
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
93
|
"color": undefined,
|
|
@@ -183,25 +183,27 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
|
|
|
183
183
|
allowFontScaling={true}
|
|
184
184
|
ellipsizeMode="tail"
|
|
185
185
|
importantForAccessibility="no-hide-descendants"
|
|
186
|
-
maxFontSizeMultiplier={1.
|
|
186
|
+
maxFontSizeMultiplier={1.25}
|
|
187
187
|
numberOfLines={1}
|
|
188
188
|
style={
|
|
189
189
|
[
|
|
190
|
+
{},
|
|
190
191
|
{
|
|
192
|
+
"color": "#0E0F13",
|
|
191
193
|
"fontFamily": "Readex Pro",
|
|
192
194
|
"fontSize": 16,
|
|
193
195
|
"fontStyle": "normal",
|
|
194
196
|
"fontWeight": "400",
|
|
197
|
+
"lineHeight": undefined,
|
|
195
198
|
},
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
},
|
|
199
|
+
[
|
|
200
|
+
{
|
|
201
|
+
"alignSelf": "center",
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"color": undefined,
|
|
205
|
+
},
|
|
206
|
+
],
|
|
205
207
|
]
|
|
206
208
|
}
|
|
207
209
|
>
|
|
@@ -300,36 +302,26 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
302
|
accessibilityElementsHidden={true}
|
|
301
303
|
accessible={false}
|
|
302
304
|
allowFontScaling={true}
|
|
303
|
-
color="white"
|
|
304
|
-
defaultColor="white"
|
|
305
|
-
defaultWeight="Regular"
|
|
306
305
|
ellipsizeMode="tail"
|
|
307
|
-
font="ReadexPro"
|
|
308
|
-
fontStyle={
|
|
309
|
-
{
|
|
310
|
-
"fontSize": 16,
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
306
|
importantForAccessibility="no-hide-descendants"
|
|
314
307
|
maxFontSizeMultiplier={1.25}
|
|
315
308
|
numberOfLines={1}
|
|
316
309
|
style={
|
|
317
310
|
[
|
|
318
|
-
{
|
|
319
|
-
"alignSelf": "center",
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
"fontSize": 16,
|
|
323
|
-
},
|
|
311
|
+
{},
|
|
324
312
|
{
|
|
325
313
|
"color": "#FFFFFF",
|
|
326
314
|
"fontFamily": "Readex Pro",
|
|
315
|
+
"fontSize": 16,
|
|
327
316
|
"fontStyle": "normal",
|
|
328
317
|
"fontWeight": "400",
|
|
318
|
+
"lineHeight": 20,
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"alignSelf": "center",
|
|
329
322
|
},
|
|
330
323
|
]
|
|
331
324
|
}
|
|
332
|
-
weight="Regular"
|
|
333
325
|
>
|
|
334
326
|
label
|
|
335
327
|
</Text>
|
|
@@ -803,18 +795,18 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
803
795
|
allowFontScaling={false}
|
|
804
796
|
ellipsizeMode="tail"
|
|
805
797
|
importantForAccessibility="no-hide-descendants"
|
|
806
|
-
maxFontSizeMultiplier={1.
|
|
798
|
+
maxFontSizeMultiplier={1.25}
|
|
807
799
|
numberOfLines={1}
|
|
808
800
|
style={
|
|
809
801
|
[
|
|
802
|
+
{},
|
|
810
803
|
{
|
|
804
|
+
"color": "#0E0F13",
|
|
811
805
|
"fontFamily": "Titillium Sans Pro",
|
|
812
806
|
"fontSize": 16,
|
|
813
807
|
"fontStyle": "normal",
|
|
814
808
|
"fontWeight": "700",
|
|
815
|
-
|
|
816
|
-
{
|
|
817
|
-
"color": "#0073E6",
|
|
809
|
+
"lineHeight": undefined,
|
|
818
810
|
},
|
|
819
811
|
{
|
|
820
812
|
"color": undefined,
|
|
@@ -909,24 +901,27 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
|
|
|
909
901
|
allowFontScaling={false}
|
|
910
902
|
ellipsizeMode="tail"
|
|
911
903
|
importantForAccessibility="no-hide-descendants"
|
|
912
|
-
maxFontSizeMultiplier={1.
|
|
904
|
+
maxFontSizeMultiplier={1.25}
|
|
913
905
|
numberOfLines={1}
|
|
914
906
|
style={
|
|
915
907
|
[
|
|
908
|
+
{},
|
|
916
909
|
{
|
|
910
|
+
"color": "#0E0F13",
|
|
917
911
|
"fontFamily": "Titillium Sans Pro",
|
|
912
|
+
"fontSize": 16,
|
|
918
913
|
"fontStyle": "normal",
|
|
919
914
|
"fontWeight": "700",
|
|
915
|
+
"lineHeight": undefined,
|
|
920
916
|
},
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
},
|
|
917
|
+
[
|
|
918
|
+
{
|
|
919
|
+
"alignSelf": "center",
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"color": undefined,
|
|
923
|
+
},
|
|
924
|
+
],
|
|
930
925
|
]
|
|
931
926
|
}
|
|
932
927
|
>
|
|
@@ -1024,36 +1019,26 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1024
1019
|
accessibilityElementsHidden={true}
|
|
1025
1020
|
accessible={false}
|
|
1026
1021
|
allowFontScaling={false}
|
|
1027
|
-
color="white"
|
|
1028
|
-
defaultColor="white"
|
|
1029
|
-
defaultWeight="Bold"
|
|
1030
1022
|
ellipsizeMode="tail"
|
|
1031
|
-
font="TitilliumSansPro"
|
|
1032
|
-
fontStyle={
|
|
1033
|
-
{
|
|
1034
|
-
"fontSize": 16,
|
|
1035
|
-
}
|
|
1036
|
-
}
|
|
1037
1023
|
importantForAccessibility="no-hide-descendants"
|
|
1038
1024
|
maxFontSizeMultiplier={1.25}
|
|
1039
1025
|
numberOfLines={1}
|
|
1040
1026
|
style={
|
|
1041
1027
|
[
|
|
1042
|
-
{
|
|
1043
|
-
"alignSelf": "center",
|
|
1044
|
-
},
|
|
1045
|
-
{
|
|
1046
|
-
"fontSize": 16,
|
|
1047
|
-
},
|
|
1028
|
+
{},
|
|
1048
1029
|
{
|
|
1049
1030
|
"color": "#FFFFFF",
|
|
1050
1031
|
"fontFamily": "Titillium Sans Pro",
|
|
1032
|
+
"fontSize": 16,
|
|
1051
1033
|
"fontStyle": "normal",
|
|
1052
1034
|
"fontWeight": "700",
|
|
1035
|
+
"lineHeight": 20,
|
|
1036
|
+
},
|
|
1037
|
+
{
|
|
1038
|
+
"alignSelf": "center",
|
|
1053
1039
|
},
|
|
1054
1040
|
]
|
|
1055
1041
|
}
|
|
1056
|
-
weight="Bold"
|
|
1057
1042
|
>
|
|
1058
1043
|
label
|
|
1059
1044
|
</Text>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { Body, HSpacer, Icon,
|
|
3
|
+
import { Body, HSpacer, Icon, Label, Pictogram, VSpacer } from "../../components";
|
|
4
4
|
import { IOStyles } from "../../core";
|
|
5
5
|
const DEFAULT_ICON_SIZE = 24;
|
|
6
6
|
const DEFAULT_PICTOGRAM_SIZE = 48;
|
|
@@ -18,8 +18,7 @@ export const FeatureInfo = _ref => {
|
|
|
18
18
|
iconName,
|
|
19
19
|
pictogramName,
|
|
20
20
|
body,
|
|
21
|
-
|
|
22
|
-
actionOnPress
|
|
21
|
+
action
|
|
23
22
|
} = _ref;
|
|
24
23
|
return /*#__PURE__*/React.createElement(View, {
|
|
25
24
|
style: [IOStyles.flex, IOStyles.row, IOStyles.alignCenter]
|
|
@@ -36,14 +35,14 @@ export const FeatureInfo = _ref => {
|
|
|
36
35
|
style: {
|
|
37
36
|
flexShrink: 1
|
|
38
37
|
}
|
|
39
|
-
}, renderNode(body),
|
|
38
|
+
}, renderNode(body), action && /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement(VSpacer, {
|
|
40
39
|
size: 4
|
|
41
|
-
}), /*#__PURE__*/React.createElement(
|
|
42
|
-
|
|
43
|
-
onPress:
|
|
40
|
+
}), /*#__PURE__*/React.createElement(Label, {
|
|
41
|
+
asLink: true,
|
|
42
|
+
onPress: action.onPress,
|
|
44
43
|
accessible: true,
|
|
45
44
|
importantForAccessibility: "yes",
|
|
46
45
|
accessibilityElementsHidden: false
|
|
47
|
-
},
|
|
46
|
+
}, action.label))));
|
|
48
47
|
};
|
|
49
48
|
//# sourceMappingURL=FeatureInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Body","HSpacer","Icon","
|
|
1
|
+
{"version":3,"names":["React","View","Body","HSpacer","Icon","Label","Pictogram","VSpacer","IOStyles","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","renderNode","body","createElement","color","testID","FeatureInfo","_ref","iconName","pictogramName","action","style","flex","row","alignCenter","name","size","flexShrink","Fragment","asLink","onPress","accessible","importantForAccessibility","accessibilityElementsHidden","label"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAgCC,IAAI,QAAQ,cAAc;AAC1D,SACEC,IAAI,EACJC,OAAO,EAKPC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,OAAO,QACF,kBAAkB;AACzB,SAASC,QAAQ,QAAQ,YAAY;AA0BrC,MAAMC,iBAAkC,GAAG,EAAE;AAC7C,MAAMC,sBAA4C,GAAG,EAAE;AAEvD,MAAMC,UAAU,GAAIC,IAA8B,IAAK;EACrD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBACEZ,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACY,KAAK,EAAC,UAAU;MAACC,MAAM,EAAC;IAAgB,GAC3CH,IACG,CAAC;EAEX;EAEA,OAAOA,IAAI;AACb,CAAC;AAED,OAAO,MAAMI,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,QAAQ;IACRC,aAAa;IACbP,IAAI;IACJQ;EACgB,CAAC,GAAAH,IAAA;EAAA,oBACjBjB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACoB,KAAK,EAAE,CAACb,QAAQ,CAACc,IAAI,EAAEd,QAAQ,CAACe,GAAG,EAAEf,QAAQ,CAACgB,WAAW;EAAE,GAC9DN,QAAQ,iBACPlB,KAAA,CAAAa,aAAA,CAACT,IAAI;IAACqB,IAAI,EAAEP,QAAS;IAACQ,IAAI,EAAEjB,iBAAkB;IAACK,KAAK,EAAC;EAAU,CAAE,CAClE,EACAK,aAAa,iBACZnB,KAAA,CAAAa,aAAA,CAACP,SAAS;IAACmB,IAAI,EAAEN,aAAc;IAACO,IAAI,EAAEhB;EAAuB,CAAE,CAChE,eACDV,KAAA,CAAAa,aAAA,CAACV,OAAO;IAACuB,IAAI,EAAE;EAAG,CAAE,CAAC,eACrB1B,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACoB,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE;EAAE,GAC5BhB,UAAU,CAACC,IAAI,CAAC,EAChBQ,MAAM,iBACLpB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA4B,QAAA,QAIGhB,IAAI,iBAAIZ,KAAA,CAAAa,aAAA,CAACN,OAAO;IAACmB,IAAI,EAAE;EAAE,CAAE,CAAC,eAC7B1B,KAAA,CAAAa,aAAA,CAACR,KAAK;IACJwB,MAAM;IACNC,OAAO,EAAEV,MAAM,CAACU,OAAQ;IACxBC,UAAU;IACVC,yBAAyB,EAAE,KAAM;IACjCC,2BAA2B,EAAE;EAAM,GAElCb,MAAM,CAACc,KACH,CACP,CAEA,CACF,CAAC;AAAA,CACR"}
|
|
@@ -4,9 +4,9 @@ import { AccessibilityInfo, Platform, StyleSheet, View, findNodeHandle } from "r
|
|
|
4
4
|
import Animated, { interpolate, interpolateColor, useAnimatedStyle } from "react-native-reanimated";
|
|
5
5
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
6
6
|
import { IOColors, IOStyles, IOVisualCostants, hexToRgba, iconBtnSizeSmall, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
7
|
-
import { makeFontStyleObject } from "../../utils/fonts";
|
|
8
7
|
import IconButton from "../buttons/IconButton";
|
|
9
8
|
import { HSpacer } from "../spacer";
|
|
9
|
+
import { IOText } from "../typography";
|
|
10
10
|
const titleHorizontalMargin = 16;
|
|
11
11
|
const styles = StyleSheet.create({
|
|
12
12
|
headerInner: {
|
|
@@ -21,16 +21,6 @@ const styles = StyleSheet.create({
|
|
|
21
21
|
flexGrow: 1,
|
|
22
22
|
flexShrink: 1,
|
|
23
23
|
marginHorizontal: titleHorizontalMargin
|
|
24
|
-
},
|
|
25
|
-
headerTitle: {
|
|
26
|
-
fontSize: 14,
|
|
27
|
-
textAlign: "center"
|
|
28
|
-
},
|
|
29
|
-
headerTitleFont: {
|
|
30
|
-
...makeFontStyleObject("Regular", false, "ReadexPro")
|
|
31
|
-
},
|
|
32
|
-
headerTitleLegacyFont: {
|
|
33
|
-
...makeFontStyleObject("Semibold", false, "TitilliumSansPro")
|
|
34
24
|
}
|
|
35
25
|
});
|
|
36
26
|
|
|
@@ -63,6 +53,7 @@ export const HeaderSecondLevel = _ref => {
|
|
|
63
53
|
const theme = useIOTheme();
|
|
64
54
|
const insets = useSafeAreaInsets();
|
|
65
55
|
const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
|
|
56
|
+
const AnimatedIOText = Animated.createAnimatedComponent(IOText);
|
|
66
57
|
const iconButtonColor = variant === "neutral" ? "neutral" : "contrast";
|
|
67
58
|
const titleColor = variant === "neutral" ? IOColors[theme["textHeading-default"]] : IOColors.white;
|
|
68
59
|
|
|
@@ -121,12 +112,16 @@ export const HeaderSecondLevel = _ref => {
|
|
|
121
112
|
accessibilityLabel: title,
|
|
122
113
|
accessibilityRole: "header",
|
|
123
114
|
style: styles.titleContainer
|
|
124
|
-
}, /*#__PURE__*/React.createElement(
|
|
115
|
+
}, /*#__PURE__*/React.createElement(AnimatedIOText, {
|
|
116
|
+
size: 14,
|
|
125
117
|
numberOfLines: 1,
|
|
126
118
|
accessible: false,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
119
|
+
font: isExperimental ? "ReadexPro" : "TitilliumSansPro",
|
|
120
|
+
weight: isExperimental ? "Regular" : "Semibold",
|
|
121
|
+
style: [{
|
|
122
|
+
color: titleColor,
|
|
123
|
+
textAlign: "center"
|
|
124
|
+
}, titleAnimatedStyle]
|
|
130
125
|
}, title)), /*#__PURE__*/React.createElement(View, {
|
|
131
126
|
style: [IOStyles.row, {
|
|
132
127
|
flexShrink: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useSafeAreaInsets","IOColors","IOStyles","IOVisualCostants","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","
|
|
1
|
+
{"version":3,"names":["React","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useSafeAreaInsets","IOColors","IOStyles","IOVisualCostants","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","IconButton","HSpacer","IOText","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","theme","insets","isTitleAccessible","useMemo","trim","AnimatedIOText","createAnimatedComponent","iconButtonColor","titleColor","white","HEADER_DEFAULT_BG_COLOR","headerBgColorTransparentState","headerBgColorSolidState","borderColorTransparentState","borderColorSolidState","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","numberOfLines","font","weight","textAlign","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -1,26 +1,9 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable,
|
|
1
|
+
import React, { useCallback, useMemo } from "react";
|
|
2
|
+
import { Pressable, 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,
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { buttonTextFontSize } from "../typography/ButtonText";
|
|
8
|
-
const styles = StyleSheet.create({
|
|
9
|
-
label: {
|
|
10
|
-
fontSize: buttonTextFontSize,
|
|
11
|
-
lineHeight: 20,
|
|
12
|
-
...makeFontStyleObject("Regular", false, "ReadexPro")
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
17
|
-
const legacyStyles = StyleSheet.create({
|
|
18
|
-
labelLegacy: {
|
|
19
|
-
fontSize: buttonTextFontSize,
|
|
20
|
-
lineHeight: 20,
|
|
21
|
-
...makeFontStyleObject("Semibold", false, "TitilliumSansPro")
|
|
22
|
-
}
|
|
23
|
-
});
|
|
4
|
+
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, hexToRgba, useIOTheme } from "../../core";
|
|
5
|
+
import { AnimatedIcon } from "../icons";
|
|
6
|
+
import { ButtonText } from "../typography/ButtonText";
|
|
24
7
|
export const ListItemAction = _ref => {
|
|
25
8
|
var _IOScaleValues$basicB;
|
|
26
9
|
let {
|
|
@@ -29,46 +12,21 @@ export const ListItemAction = _ref => {
|
|
|
29
12
|
onPress,
|
|
30
13
|
icon,
|
|
31
14
|
accessibilityLabel,
|
|
15
|
+
accessibilityHint,
|
|
32
16
|
testID
|
|
33
17
|
} = _ref;
|
|
34
18
|
const isPressed = useSharedValue(0);
|
|
35
|
-
const {
|
|
36
|
-
isExperimental
|
|
37
|
-
} = useIOExperimentalDesign();
|
|
38
19
|
const theme = useIOTheme();
|
|
20
|
+
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
39
21
|
const mapBackgroundStates = {
|
|
40
22
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
41
23
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
42
24
|
};
|
|
43
|
-
const mapLegacyForegroundColor = {
|
|
44
|
-
primary: "blue",
|
|
45
|
-
danger: "error-600"
|
|
46
|
-
};
|
|
47
25
|
const mapForegroundColor = {
|
|
48
|
-
primary:
|
|
49
|
-
danger:
|
|
26
|
+
primary: theme["interactiveElem-default"],
|
|
27
|
+
danger: theme.errorText
|
|
50
28
|
};
|
|
51
29
|
|
|
52
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
53
|
-
const legacyItemActionIcon = icon => /*#__PURE__*/React.createElement(Icon, {
|
|
54
|
-
name: icon,
|
|
55
|
-
color: mapLegacyForegroundColor[variant],
|
|
56
|
-
size: IOListItemVisualParams.iconSize
|
|
57
|
-
});
|
|
58
|
-
const itemActionIcon = icon => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedIcon, {
|
|
59
|
-
name: icon,
|
|
60
|
-
color: mapForegroundColor[variant],
|
|
61
|
-
size: IOListItemVisualParams.iconSize
|
|
62
|
-
}));
|
|
63
|
-
const itemActionIconComponent = icon => isExperimental ? itemActionIcon(icon) : legacyItemActionIcon(icon);
|
|
64
|
-
const textStyle = [styles.label, {
|
|
65
|
-
color: mapForegroundColor[variant]
|
|
66
|
-
}];
|
|
67
|
-
const legacyTextStyle = [legacyStyles.labelLegacy, {
|
|
68
|
-
color: IOColors[mapLegacyForegroundColor[variant]]
|
|
69
|
-
}];
|
|
70
|
-
const textStyleComponent = isExperimental ? textStyle : legacyTextStyle;
|
|
71
|
-
|
|
72
30
|
// Scaling transformation applied when the button is pressed
|
|
73
31
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
74
32
|
const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
@@ -102,22 +60,30 @@ export const ListItemAction = _ref => {
|
|
|
102
60
|
onPressOut: handlePressOut,
|
|
103
61
|
onTouchEnd: handlePressOut,
|
|
104
62
|
accessible: true,
|
|
105
|
-
accessibilityLabel:
|
|
63
|
+
accessibilityLabel: listItemAccessibilityLabel,
|
|
64
|
+
accessibilityHint: accessibilityHint,
|
|
106
65
|
accessibilityRole: "button",
|
|
107
66
|
testID: testID
|
|
108
67
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
109
68
|
style: [IOListItemStyles.listItem, animatedBackgroundStyle],
|
|
110
|
-
importantForAccessibility: "no-hide-descendants"
|
|
69
|
+
importantForAccessibility: "no-hide-descendants",
|
|
70
|
+
accessibilityElementsHidden: true
|
|
111
71
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
112
72
|
style: [IOListItemStyles.listItemInner, animatedScaleStyle]
|
|
113
73
|
}, icon && /*#__PURE__*/React.createElement(View, {
|
|
114
74
|
style: {
|
|
115
75
|
marginRight: IOListItemVisualParams.iconMargin
|
|
116
76
|
}
|
|
117
|
-
},
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
77
|
+
}, /*#__PURE__*/React.createElement(AnimatedIcon, {
|
|
78
|
+
name: icon,
|
|
79
|
+
color: IOColors[mapForegroundColor[variant]],
|
|
80
|
+
size: IOListItemVisualParams.iconSize
|
|
81
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
82
|
+
style: {
|
|
83
|
+
flexGrow: 1
|
|
84
|
+
}
|
|
85
|
+
}, /*#__PURE__*/React.createElement(ButtonText, {
|
|
86
|
+
color: mapForegroundColor[variant]
|
|
121
87
|
}, label)))));
|
|
122
88
|
};
|
|
123
89
|
export default ListItemAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","hexToRgba","useIOTheme","AnimatedIcon","ButtonText","ListItemAction","_ref","_IOScaleValues$basicB","variant","label","onPress","icon","accessibilityLabel","accessibilityHint","testID","isPressed","theme","listItemAccessibilityLabel","mapBackgroundStates","default","pressed","mapForegroundColor","primary","danger","errorText","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flexGrow"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}
|
|
@@ -23,7 +23,6 @@ export const ListItemAmount = _ref => {
|
|
|
23
23
|
importantForAccessibility: "no-hide-descendants",
|
|
24
24
|
accessibilityElementsHidden: false
|
|
25
25
|
}, /*#__PURE__*/React.createElement(H6, {
|
|
26
|
-
weight: "Regular",
|
|
27
26
|
color: theme["textBody-tertiary"]
|
|
28
27
|
}, label));
|
|
29
28
|
return /*#__PURE__*/React.createElement(View, {
|
|
@@ -45,10 +44,8 @@ export const ListItemAmount = _ref => {
|
|
|
45
44
|
style: IOStyles.flex
|
|
46
45
|
}, itemInfoTextComponent), /*#__PURE__*/React.createElement(HSpacer, {
|
|
47
46
|
size: 4
|
|
48
|
-
}), /*#__PURE__*/React.createElement(H3, _extends({
|
|
49
|
-
|
|
50
|
-
color: "black"
|
|
51
|
-
}, valueElementProps, {
|
|
47
|
+
}), /*#__PURE__*/React.createElement(H3, _extends({}, valueElementProps, {
|
|
48
|
+
color: theme["textBody-default"],
|
|
52
49
|
accessibilityLabel: `${listItemAccessibilityLabel}; ${(valueElementProps === null || valueElementProps === void 0 ? void 0 : valueElementProps.accessibilityLabel) ?? ""}`
|
|
53
50
|
}), valueString)));
|
|
54
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","HSpacer","H3","H6","iconMargin","ListItemAmount","_ref","label","iconName","iconColor","valueElementProps","valueString","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","importantForAccessibility","accessibilityElementsHidden","
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","HSpacer","H3","H6","iconMargin","ListItemAmount","_ref","label","iconName","iconColor","valueElementProps","valueString","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","importantForAccessibility","accessibilityElementsHidden","color","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","_extends"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAmount.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAoBC,OAAO,QAAQ,OAAO;AACtD,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EAEtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,EAAE,EAAEC,EAAE,QAAQ,eAAe;AAoBtC,MAAMC,UAA0B,GAAG,CAAC;AAEpC,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAQR;EAAA,IARS;IAC7BC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,iBAAiB;IACjBC,WAAW;IACXC,kBAAkB;IAClBC;EACc,CAAC,GAAAP,IAAA;EACf,MAAMQ,KAAK,GAAGf,UAAU,CAAC,CAAC;EAE1B,MAAMgB,0BAA0B,GAAGrB,OAAO,CACxC,MAAOkB,kBAAkB,GAAGA,kBAAkB,GAAI,GAAEL,KAAM,EAAE,EAC5D,CAACA,KAAK,EAAEK,kBAAkB,CAC5B,CAAC;EAED,MAAMI,qBAAqB,gBACzBvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACHuB,UAAU,EAAE,KAAM;IAClBC,yBAAyB,EAAE,qBAAsB;IACjDC,2BAA2B,EAAE;EAAM,gBAEnC3B,KAAA,CAAAwB,aAAA,CAACd,EAAE;IAACkB,KAAK,EAAEP,KAAK,CAAC,mBAAmB;EAAE,GAAEP,KAAU,CAC9C,CACP;EAED,oBACEd,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACH2B,KAAK,EAAE1B,gBAAgB,CAAC2B,QAAS;IACjCV,MAAM,EAAEA,MAAO;IACfK,UAAU;IACVN,kBAAkB,EAAEG;EAA2B,gBAE/CtB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAAC2B,KAAK,EAAE1B,gBAAgB,CAAC4B;EAAc,GACzChB,QAAQ,iBACPf,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAAC2B,KAAK,EAAE;MAAEG,WAAW,EAAErB;IAAW;EAAE,gBACvCX,KAAA,CAAAwB,aAAA,CAACjB,IAAI;IACH0B,IAAI,EAAElB,QAAS;IACfa,KAAK,EAAEZ,SAAS,IAAIK,KAAK,CAAC,iBAAiB,CAAE;IAC7Ca,IAAI,EAAE9B,sBAAsB,CAAC+B;EAAS,CACvC,CACG,CACP,eACDnC,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAAC2B,KAAK,EAAExB,QAAQ,CAAC+B;EAAK,GAAEb,qBAA4B,CAAC,eAC1DvB,KAAA,CAAAwB,aAAA,CAAChB,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBlC,KAAA,CAAAwB,aAAA,CAACf,EAAE,EAAA4B,QAAA,KACGpB,iBAAiB;IACrBW,KAAK,EAAEP,KAAK,CAAC,kBAAkB,CAAE;IACjCF,kBAAkB,EAAG,GAAEG,0BAA2B,KAChD,CAAAL,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEE,kBAAkB,KAAI,EAC1C;EAAE,IAEFD,WACC,CACA,CACF,CAAC;AAEX,CAAC;AAED,eAAeN,cAAc"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
1
|
+
import React, { useCallback, useMemo } from "react";
|
|
2
2
|
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
4
|
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
@@ -13,6 +13,7 @@ export const ListItemInfoCopy = _ref => {
|
|
|
13
13
|
onPress,
|
|
14
14
|
icon,
|
|
15
15
|
accessibilityLabel,
|
|
16
|
+
accessibilityHint,
|
|
16
17
|
testID
|
|
17
18
|
} = _ref;
|
|
18
19
|
const isPressed = useSharedValue(0);
|
|
@@ -20,6 +21,8 @@ export const ListItemInfoCopy = _ref => {
|
|
|
20
21
|
isExperimental
|
|
21
22
|
} = useIOExperimentalDesign();
|
|
22
23
|
const theme = useIOTheme();
|
|
24
|
+
const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
|
|
25
|
+
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
23
26
|
const foregroundColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
24
27
|
const listItemInfoCopyContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
|
|
25
28
|
weight: "Regular",
|
|
@@ -67,11 +70,13 @@ export const ListItemInfoCopy = _ref => {
|
|
|
67
70
|
onPressIn: handlePressIn,
|
|
68
71
|
onPressOut: handlePressOut,
|
|
69
72
|
accessible: true,
|
|
70
|
-
accessibilityLabel:
|
|
73
|
+
accessibilityLabel: listItemAccessibilityLabel,
|
|
74
|
+
accessibilityHint: accessibilityHint,
|
|
71
75
|
accessibilityRole: "button",
|
|
72
76
|
testID: testID
|
|
73
77
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
74
78
|
importantForAccessibility: "no-hide-descendants",
|
|
79
|
+
accessibilityElementsHidden: true,
|
|
75
80
|
style: [IOListItemStyles.listItem, animatedBackgroundStyle]
|
|
76
81
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
77
82
|
style: [IOListItemStyles.listItemInner, animatedScaleStyle]
|
|
@@ -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","useIOExperimentalDesign","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","importantForAccessibility","style","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"AAAA,OAAOA,KAAK,
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","theme","componentValueToAccessibility","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","importantForAccessibility","accessibilityElementsHidden","style","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
|