@pagopa/io-app-design-system 1.42.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 +12 -50
- 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/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 +83 -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/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/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 +16 -54
- 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/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 +83 -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/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/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.map +1 -1
- package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.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/IOStyles.d.ts +0 -3
- 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/package.json +1 -1
- 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 +13 -75
- package/src/components/listitems/ListItemAmount.tsx +2 -5
- package/src/components/listitems/ListItemSwitch.tsx +3 -3
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +83 -347
- package/src/components/modules/ModuleIDP.tsx +15 -32
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
- 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/IOStyles.ts +1 -5
- package/src/utils/accessibility.ts +31 -0
- package/src/utils/fonts.ts +93 -51
- 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/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/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/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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAe1C,MAAMG,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,kBAAkB;AAClE,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACO,MAAMC,WAAW,gBAAGC,cAAK,CAACC,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEH,cAAc,GACzBT,wBAAwB,GACxBE,uBAAuB;IAC3BW,YAAY,EAAEhB,uBAAuB;IACrCiB,IAAI,EAAEL,cAAc,GAAGV,mBAAmB,GAAGE,yBAAyB;IACtEc,SAAS,EAAE;MACTC,QAAQ,EAAEtB,mBAAmB;MAC7BuB,UAAU,EAAER,cAAc,GACtBb,qBAAqB,GACrBO;IACN;EACF,CAAC,EACDK,GACF,CAAC;AACH,CACF,CAAC;AAACb,OAAA,CAAAS,WAAA,GAAAA,WAAA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.linkLegacyDefaultColor = exports.linkDefaultWeight = exports.linkDefaultColor = exports.LabelLink = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _core = require("../../core");
|
|
9
|
-
var _Factory = require("./Factory");
|
|
10
|
-
var _common = require("./common");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
const font = "TitilliumSansPro";
|
|
13
|
-
const linkLegacyDefaultColor = "blue";
|
|
14
|
-
exports.linkLegacyDefaultColor = linkLegacyDefaultColor;
|
|
15
|
-
const linkDefaultColor = "blueIO-500";
|
|
16
|
-
exports.linkDefaultColor = linkDefaultColor;
|
|
17
|
-
const linkDefaultWeight = "Semibold";
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* `Link` typographic style
|
|
21
|
-
*/
|
|
22
|
-
exports.linkDefaultWeight = linkDefaultWeight;
|
|
23
|
-
const LabelLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
24
|
-
const {
|
|
25
|
-
isExperimental
|
|
26
|
-
} = (0, _core.useIOExperimentalDesign)();
|
|
27
|
-
return (0, _Factory.useTypographyFactory)({
|
|
28
|
-
accessibilityRole: props.onPress ? "link" : undefined,
|
|
29
|
-
...props,
|
|
30
|
-
allowFontScaling: isExperimental,
|
|
31
|
-
maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
|
|
32
|
-
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
33
|
-
defaultWeight: linkDefaultWeight,
|
|
34
|
-
defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
|
|
35
|
-
font,
|
|
36
|
-
fontStyle: {
|
|
37
|
-
fontSize: props.fontSize ? _common.fontSizeMapping[props.fontSize] : _common.fontSizeMapping.regular,
|
|
38
|
-
lineHeight: props.fontSize ? _common.lineHeightMapping[props.fontSize] : _common.lineHeightMapping.regular,
|
|
39
|
-
textDecorationLine: "underline"
|
|
40
|
-
}
|
|
41
|
-
}, ref);
|
|
42
|
-
});
|
|
43
|
-
exports.LabelLink = LabelLink;
|
|
44
|
-
//# sourceMappingURL=LabelLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","font","linkLegacyDefaultColor","exports","linkDefaultColor","linkDefaultWeight","LabelLink","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","accessibilityRole","onPress","undefined","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","defaultWeight","defaultColor","fontStyle","fontSize","fontSizeMapping","regular","lineHeight","lineHeightMapping","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWlB,MAAMG,IAAkB,GAAG,kBAAkB;AAEtC,MAAMC,sBAAqC,GAAG,MAAM;AAACC,OAAA,CAAAD,sBAAA,GAAAA,sBAAA;AACrD,MAAME,gBAA+B,GAAG,YAAY;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACrD,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AAFAF,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACEC,iBAAiB,EAAEL,KAAK,CAACM,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGP,KAAK;IACRQ,gBAAgB,EAAEN,cAAc;IAChCO,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEhB,iBAAiB;IAChCiB,YAAY,EAAEX,cAAc,GAAGP,gBAAgB,GAAGF,sBAAsB;IACxED,IAAI;IACJsB,SAAS,EAAE;MACTC,QAAQ,EAAEf,KAAK,CAACe,QAAQ,GACpBC,uBAAe,CAAChB,KAAK,CAACe,QAAQ,CAAC,GAC/BC,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAElB,KAAK,CAACe,QAAQ,GACtBI,yBAAiB,CAACnB,KAAK,CAACe,QAAQ,CAAC,GACjCI,yBAAiB,CAACF,OAAO;MAC7BG,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDnB,GACF,CAAC;AACH,CAAC,CAAC;AAACP,OAAA,CAAAG,SAAA,GAAAA,SAAA"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MdH4 = void 0;
|
|
7
|
-
var _Factory = require("../Factory");
|
|
8
|
-
const fontSize = 14;
|
|
9
|
-
const lineHeight = 24;
|
|
10
|
-
const font = "TitilliumSansPro";
|
|
11
|
-
const defaultColor = "grey-700";
|
|
12
|
-
const defaultWeight = "Semibold";
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* `MdH4` typographic style
|
|
16
|
-
*/
|
|
17
|
-
const MdH4 = props => (0, _Factory.useTypographyFactory)({
|
|
18
|
-
...props,
|
|
19
|
-
defaultWeight,
|
|
20
|
-
defaultColor,
|
|
21
|
-
font,
|
|
22
|
-
fontStyle: {
|
|
23
|
-
fontSize,
|
|
24
|
-
textTransform: "uppercase",
|
|
25
|
-
letterSpacing: 0.5,
|
|
26
|
-
lineHeight
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
exports.MdH4 = MdH4;
|
|
30
|
-
//# sourceMappingURL=MdH4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_Factory","require","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH4","props","useTypographyFactory","fontStyle","textTransform","letterSpacing","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH4.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AASA,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IACnC,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTR,QAAQ;IACRS,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,GAAG;IAClBT;EACF;AACF,CAAC,CAAC;AAACU,OAAA,CAAAN,IAAA,GAAAA,IAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MdH5 = void 0;
|
|
7
|
-
var _Factory = require("../Factory");
|
|
8
|
-
const fontSize = 12;
|
|
9
|
-
const lineHeight = 16;
|
|
10
|
-
const font = "ReadexPro";
|
|
11
|
-
const defaultColor = "grey-850";
|
|
12
|
-
const defaultWeight = "Regular";
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* `MdH5` typographic style
|
|
16
|
-
*/
|
|
17
|
-
const MdH5 = props => (0, _Factory.useTypographyFactory)({
|
|
18
|
-
...props,
|
|
19
|
-
defaultWeight,
|
|
20
|
-
defaultColor,
|
|
21
|
-
font,
|
|
22
|
-
fontStyle: {
|
|
23
|
-
fontSize,
|
|
24
|
-
lineHeight
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
exports.MdH5 = MdH5;
|
|
28
|
-
//# sourceMappingURL=MdH5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_Factory","require","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH5","props","useTypographyFactory","fontStyle","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH5.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AASA,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IACnC,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTR,QAAQ;IACRC;EACF;AACF,CAAC,CAAC;AAACQ,OAAA,CAAAJ,IAAA,GAAAA,IAAA"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MdH6 = void 0;
|
|
7
|
-
var _Factory = require("../Factory");
|
|
8
|
-
const fontSize = 10;
|
|
9
|
-
const lineHeight = 14;
|
|
10
|
-
const font = "ReadexPro";
|
|
11
|
-
const defaultColor = "grey-700";
|
|
12
|
-
const defaultWeight = "Regular";
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* `MdH5` typographic style
|
|
16
|
-
*/
|
|
17
|
-
const MdH6 = props => (0, _Factory.useTypographyFactory)({
|
|
18
|
-
...props,
|
|
19
|
-
defaultWeight,
|
|
20
|
-
defaultColor,
|
|
21
|
-
font,
|
|
22
|
-
fontStyle: {
|
|
23
|
-
fontSize,
|
|
24
|
-
lineHeight,
|
|
25
|
-
letterSpacing: 0.5
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
exports.MdH6 = MdH6;
|
|
29
|
-
//# sourceMappingURL=MdH6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_Factory","require","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH6","props","useTypographyFactory","fontStyle","letterSpacing","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH6.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AASA,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IACnC,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTR,QAAQ;IACRC,UAAU;IACVQ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAACC,OAAA,CAAAL,IAAA,GAAAA,IAAA"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IOThemeLight, useIOExperimentalDesign } from "../../core";
|
|
3
|
-
import { useTypographyFactory } from "./Factory";
|
|
4
|
-
export const labelHeaderFontSize = 14;
|
|
5
|
-
export const labelHeaderLineHeight = 18;
|
|
6
|
-
export const labelHeaderDefaultColor = IOThemeLight["textBody-default"];
|
|
7
|
-
const labelHeaderFontName = "ReadexPro";
|
|
8
|
-
const labelHeaderDefaultWeight = "Regular";
|
|
9
|
-
|
|
10
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
11
|
-
const legacyLabelHeaderFontName = "TitilliumSansPro";
|
|
12
|
-
const legacyLabelHeaderWeight = "Semibold";
|
|
13
|
-
const legacyLabelHeaderLineHeight = 20;
|
|
14
|
-
/**
|
|
15
|
-
* `LabelHeader` typographic style
|
|
16
|
-
*/
|
|
17
|
-
export const LabelHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
18
|
-
const {
|
|
19
|
-
isExperimental
|
|
20
|
-
} = useIOExperimentalDesign();
|
|
21
|
-
// console.log("isExperimental", isExperimental);
|
|
22
|
-
return useTypographyFactory({
|
|
23
|
-
...props,
|
|
24
|
-
defaultWeight: isExperimental ? labelHeaderDefaultWeight : legacyLabelHeaderWeight,
|
|
25
|
-
defaultColor: labelHeaderDefaultColor,
|
|
26
|
-
font: isExperimental ? labelHeaderFontName : legacyLabelHeaderFontName,
|
|
27
|
-
fontStyle: {
|
|
28
|
-
fontSize: labelHeaderFontSize,
|
|
29
|
-
lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
|
|
30
|
-
}
|
|
31
|
-
}, ref);
|
|
32
|
-
});
|
|
33
|
-
//# sourceMappingURL=LabelHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAC3E,SAASC,oBAAoB,QAAQ,WAAW;AAehD,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDL,YAAY,CAAC,kBAAkB,CAAC;AAClC,MAAMM,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,kBAAkB;AAClE,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACA,OAAO,MAAMC,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EACpD;EACA,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRG,aAAa,EAAED,cAAc,GACzBR,wBAAwB,GACxBE,uBAAuB;IAC3BQ,YAAY,EAAEZ,uBAAuB;IACrCa,IAAI,EAAEH,cAAc,GAAGT,mBAAmB,GAAGE,yBAAyB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEjB,mBAAmB;MAC7BkB,UAAU,EAAEN,cAAc,GACtBX,qBAAqB,GACrBM;IACN;EACF,CAAC,EACDI,GACF,CAAC;AACH,CACF,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IOVisualCostants, useIOExperimentalDesign } from "../../core";
|
|
3
|
-
import { useTypographyFactory } from "./Factory";
|
|
4
|
-
import { fontSizeMapping, lineHeightMapping } from "./common";
|
|
5
|
-
const font = "TitilliumSansPro";
|
|
6
|
-
export const linkLegacyDefaultColor = "blue";
|
|
7
|
-
export const linkDefaultColor = "blueIO-500";
|
|
8
|
-
export const linkDefaultWeight = "Semibold";
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* `Link` typographic style
|
|
12
|
-
*/
|
|
13
|
-
export const LabelLink = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
14
|
-
const {
|
|
15
|
-
isExperimental
|
|
16
|
-
} = useIOExperimentalDesign();
|
|
17
|
-
return useTypographyFactory({
|
|
18
|
-
accessibilityRole: props.onPress ? "link" : undefined,
|
|
19
|
-
...props,
|
|
20
|
-
allowFontScaling: isExperimental,
|
|
21
|
-
maxFontSizeMultiplier: IOVisualCostants.maxFontSizeMultiplier,
|
|
22
|
-
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
23
|
-
defaultWeight: linkDefaultWeight,
|
|
24
|
-
defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
|
|
25
|
-
font,
|
|
26
|
-
fontStyle: {
|
|
27
|
-
fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
|
|
28
|
-
lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular,
|
|
29
|
-
textDecorationLine: "underline"
|
|
30
|
-
}
|
|
31
|
-
}, ref);
|
|
32
|
-
});
|
|
33
|
-
//# sourceMappingURL=LabelLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","IOVisualCostants","useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","font","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","forwardRef","props","ref","isExperimental","accessibilityRole","onPress","undefined","allowFontScaling","maxFontSizeMultiplier","dynamicTypeRamp","defaultWeight","defaultColor","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,gBAAgB,EAChBC,uBAAuB,QAElB,YAAY;AAEnB,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AAWjB,MAAMC,IAAkB,GAAG,kBAAkB;AAE7C,OAAO,MAAMC,sBAAqC,GAAG,MAAM;AAC3D,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGV,KAAK,CAACW,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACEY,iBAAiB,EAAEH,KAAK,CAACI,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGL,KAAK;IACRM,gBAAgB,EAAEJ,cAAc;IAChCK,qBAAqB,EAAElB,gBAAgB,CAACkB,qBAAqB;IAC7DC,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEZ,iBAAiB;IAChCa,YAAY,EAAER,cAAc,GAAGN,gBAAgB,GAAGD,sBAAsB;IACxED,IAAI;IACJiB,SAAS,EAAE;MACTC,QAAQ,EAAEZ,KAAK,CAACY,QAAQ,GACpBpB,eAAe,CAACQ,KAAK,CAACY,QAAQ,CAAC,GAC/BpB,eAAe,CAACqB,OAAO;MAC3BC,UAAU,EAAEd,KAAK,CAACY,QAAQ,GACtBnB,iBAAiB,CAACO,KAAK,CAACY,QAAQ,CAAC,GACjCnB,iBAAiB,CAACoB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDd,GACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { useTypographyFactory } from "../Factory";
|
|
2
|
-
const fontSize = 14;
|
|
3
|
-
const lineHeight = 24;
|
|
4
|
-
const font = "TitilliumSansPro";
|
|
5
|
-
const defaultColor = "grey-700";
|
|
6
|
-
const defaultWeight = "Semibold";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* `MdH4` typographic style
|
|
10
|
-
*/
|
|
11
|
-
export const MdH4 = props => useTypographyFactory({
|
|
12
|
-
...props,
|
|
13
|
-
defaultWeight,
|
|
14
|
-
defaultColor,
|
|
15
|
-
font,
|
|
16
|
-
fontStyle: {
|
|
17
|
-
fontSize,
|
|
18
|
-
textTransform: "uppercase",
|
|
19
|
-
letterSpacing: 0.5,
|
|
20
|
-
lineHeight
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
//# sourceMappingURL=MdH4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useTypographyFactory","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH4","props","fontStyle","textTransform","letterSpacing"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH4.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,YAAY;AASjD,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTP,QAAQ;IACRQ,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,GAAG;IAClBR;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { useTypographyFactory } from "../Factory";
|
|
2
|
-
const fontSize = 12;
|
|
3
|
-
const lineHeight = 16;
|
|
4
|
-
const font = "ReadexPro";
|
|
5
|
-
const defaultColor = "grey-850";
|
|
6
|
-
const defaultWeight = "Regular";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* `MdH5` typographic style
|
|
10
|
-
*/
|
|
11
|
-
export const MdH5 = props => useTypographyFactory({
|
|
12
|
-
...props,
|
|
13
|
-
defaultWeight,
|
|
14
|
-
defaultColor,
|
|
15
|
-
font,
|
|
16
|
-
fontStyle: {
|
|
17
|
-
fontSize,
|
|
18
|
-
lineHeight
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=MdH5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useTypographyFactory","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH5","props","fontStyle"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH5.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,YAAY;AASjD,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTP,QAAQ;IACRC;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { useTypographyFactory } from "../Factory";
|
|
2
|
-
const fontSize = 10;
|
|
3
|
-
const lineHeight = 14;
|
|
4
|
-
const font = "ReadexPro";
|
|
5
|
-
const defaultColor = "grey-700";
|
|
6
|
-
const defaultWeight = "Regular";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* `MdH5` typographic style
|
|
10
|
-
*/
|
|
11
|
-
export const MdH6 = props => useTypographyFactory({
|
|
12
|
-
...props,
|
|
13
|
-
defaultWeight,
|
|
14
|
-
defaultColor,
|
|
15
|
-
font,
|
|
16
|
-
fontStyle: {
|
|
17
|
-
fontSize,
|
|
18
|
-
lineHeight,
|
|
19
|
-
letterSpacing: 0.5
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
//# sourceMappingURL=MdH6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useTypographyFactory","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH6","props","fontStyle","letterSpacing"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH6.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,YAAY;AASjD,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTP,QAAQ;IACRC,UAAU;IACVO,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { View } from "react-native";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { IOFontWeight } from "../../utils/fonts";
|
|
4
|
-
import { IOTheme } from "../../core";
|
|
5
|
-
import { TypographyProps } from "./common";
|
|
6
|
-
type AllowedColors = IOTheme["textBody-default"] | "grey-650" | "grey-850" | "white" | "black";
|
|
7
|
-
type AllowedWeight = Extract<IOFontWeight, "Regular" | "Semibold">;
|
|
8
|
-
export declare const labelHeaderFontSize = 14;
|
|
9
|
-
export declare const labelHeaderLineHeight = 18;
|
|
10
|
-
export declare const labelHeaderDefaultColor: AllowedColors;
|
|
11
|
-
/**
|
|
12
|
-
* `LabelHeader` typographic style
|
|
13
|
-
*/
|
|
14
|
-
export declare const LabelHeader: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, AllowedColors> & {
|
|
15
|
-
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
16
|
-
}, "ref"> & React.RefAttributes<View>>;
|
|
17
|
-
export {};
|
|
18
|
-
//# sourceMappingURL=LabelHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAyC,MAAM,YAAY,CAAC;AAE5E,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GACd,OAAO,CAAC,kBAAkB,CAAC,GAC3B,UAAU,GACV,UAAU,GACV,OAAO,GACP,OAAO,CAAC;AACZ,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAMnE,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,uBAAuB,EAAE,aACJ,CAAC;AAQnC;;GAEG;AACH,eAAO,MAAM,WAAW;;sCAsBvB,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { type IOColors } from "../../core";
|
|
4
|
-
import { IOFontWeight } from "../../utils/fonts";
|
|
5
|
-
import { ExternalTypographyProps, FontSize, TypographyProps } from "./common";
|
|
6
|
-
type AllowedColors = IOColors;
|
|
7
|
-
type AllowedWeight = Extract<IOFontWeight, "Semibold">;
|
|
8
|
-
type AllowedFontSize = {
|
|
9
|
-
fontSize?: FontSize;
|
|
10
|
-
};
|
|
11
|
-
type LinkProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
|
|
12
|
-
export declare const linkLegacyDefaultColor: AllowedColors;
|
|
13
|
-
export declare const linkDefaultColor: AllowedColors;
|
|
14
|
-
export declare const linkDefaultWeight: AllowedWeight;
|
|
15
|
-
/**
|
|
16
|
-
* `Link` typographic style
|
|
17
|
-
*/
|
|
18
|
-
export declare const LabelLink: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<View>>;
|
|
19
|
-
export {};
|
|
20
|
-
//# sourceMappingURL=LabelLink.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabelLink.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EACL,uBAAuB,EACvB,QAAQ,EACR,eAAe,EAGhB,MAAM,UAAU,CAAC;AAElB,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAIlB,eAAO,MAAM,sBAAsB,EAAE,aAAsB,CAAC;AAC5D,eAAO,MAAM,gBAAgB,EAAE,aAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,EAAE,aAA0B,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,SAAS,qFAyBpB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IOColors, IOTheme } from "../../../core";
|
|
3
|
-
import { IOFontWeight } from "../../../utils/fonts";
|
|
4
|
-
import { ExternalTypographyProps, TypographyProps } from "../common";
|
|
5
|
-
type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
|
|
6
|
-
type AllowedWeight = Extract<IOFontWeight, "Semibold">;
|
|
7
|
-
type MdH4Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
8
|
-
/**
|
|
9
|
-
* `MdH4` typographic style
|
|
10
|
-
*/
|
|
11
|
-
export declare const MdH4: (props: MdH4Props) => import("react").JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=MdH4.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MdH4.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH4.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAYjC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IOColors, IOTheme } from "../../../core";
|
|
3
|
-
import { IOFontWeight } from "../../../utils/fonts";
|
|
4
|
-
import { ExternalTypographyProps, TypographyProps } from "../common";
|
|
5
|
-
type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
|
|
6
|
-
type AllowedWeight = Extract<IOFontWeight, "Regular">;
|
|
7
|
-
type MdH5Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
8
|
-
/**
|
|
9
|
-
* `MdH5` typographic style
|
|
10
|
-
*/
|
|
11
|
-
export declare const MdH5: (props: MdH5Props) => import("react").JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=MdH5.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MdH5.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH5.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IOColors, IOTheme } from "../../../core";
|
|
3
|
-
import { IOFontWeight } from "../../../utils/fonts";
|
|
4
|
-
import { ExternalTypographyProps, TypographyProps } from "../common";
|
|
5
|
-
type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
|
|
6
|
-
type AllowedWeight = Extract<IOFontWeight, "Regular">;
|
|
7
|
-
type MdH6Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
8
|
-
/**
|
|
9
|
-
* `MdH5` typographic style
|
|
10
|
-
*/
|
|
11
|
-
export declare const MdH6: (props: MdH6Props) => import("react").JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=MdH6.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MdH6.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH6.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAWjC,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { View } from "react-native";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
|
|
4
|
-
import { IOTheme, IOThemeLight, useIOExperimentalDesign } from "../../core";
|
|
5
|
-
import { useTypographyFactory } from "./Factory";
|
|
6
|
-
import { ExternalTypographyProps, TypographyProps } from "./common";
|
|
7
|
-
|
|
8
|
-
type AllowedColors =
|
|
9
|
-
| IOTheme["textBody-default"]
|
|
10
|
-
| "grey-650"
|
|
11
|
-
| "grey-850"
|
|
12
|
-
| "white"
|
|
13
|
-
| "black";
|
|
14
|
-
type AllowedWeight = Extract<IOFontWeight, "Regular" | "Semibold">;
|
|
15
|
-
|
|
16
|
-
type LabelHeaderProps = ExternalTypographyProps<
|
|
17
|
-
TypographyProps<AllowedWeight, AllowedColors>
|
|
18
|
-
>;
|
|
19
|
-
|
|
20
|
-
export const labelHeaderFontSize = 14;
|
|
21
|
-
export const labelHeaderLineHeight = 18;
|
|
22
|
-
export const labelHeaderDefaultColor: AllowedColors =
|
|
23
|
-
IOThemeLight["textBody-default"];
|
|
24
|
-
const labelHeaderFontName: IOFontFamily = "ReadexPro";
|
|
25
|
-
const labelHeaderDefaultWeight: AllowedWeight = "Regular";
|
|
26
|
-
|
|
27
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
28
|
-
const legacyLabelHeaderFontName: IOFontFamily = "TitilliumSansPro";
|
|
29
|
-
const legacyLabelHeaderWeight: AllowedWeight = "Semibold";
|
|
30
|
-
const legacyLabelHeaderLineHeight = 20;
|
|
31
|
-
/**
|
|
32
|
-
* `LabelHeader` typographic style
|
|
33
|
-
*/
|
|
34
|
-
export const LabelHeader = React.forwardRef<View, LabelHeaderProps>(
|
|
35
|
-
(props, ref) => {
|
|
36
|
-
const { isExperimental } = useIOExperimentalDesign();
|
|
37
|
-
// console.log("isExperimental", isExperimental);
|
|
38
|
-
return useTypographyFactory<AllowedWeight, AllowedColors>(
|
|
39
|
-
{
|
|
40
|
-
...props,
|
|
41
|
-
defaultWeight: isExperimental
|
|
42
|
-
? labelHeaderDefaultWeight
|
|
43
|
-
: legacyLabelHeaderWeight,
|
|
44
|
-
defaultColor: labelHeaderDefaultColor,
|
|
45
|
-
font: isExperimental ? labelHeaderFontName : legacyLabelHeaderFontName,
|
|
46
|
-
fontStyle: {
|
|
47
|
-
fontSize: labelHeaderFontSize,
|
|
48
|
-
lineHeight: isExperimental
|
|
49
|
-
? labelHeaderLineHeight
|
|
50
|
-
: legacyLabelHeaderLineHeight
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
ref
|
|
54
|
-
);
|
|
55
|
-
}
|
|
56
|
-
);
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import {
|
|
4
|
-
IOVisualCostants,
|
|
5
|
-
useIOExperimentalDesign,
|
|
6
|
-
type IOColors
|
|
7
|
-
} from "../../core";
|
|
8
|
-
import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
|
|
9
|
-
import { useTypographyFactory } from "./Factory";
|
|
10
|
-
import {
|
|
11
|
-
ExternalTypographyProps,
|
|
12
|
-
FontSize,
|
|
13
|
-
TypographyProps,
|
|
14
|
-
fontSizeMapping,
|
|
15
|
-
lineHeightMapping
|
|
16
|
-
} from "./common";
|
|
17
|
-
|
|
18
|
-
type AllowedColors = IOColors;
|
|
19
|
-
type AllowedWeight = Extract<IOFontWeight, "Semibold">;
|
|
20
|
-
type AllowedFontSize = { fontSize?: FontSize };
|
|
21
|
-
|
|
22
|
-
type LinkProps = ExternalTypographyProps<
|
|
23
|
-
TypographyProps<AllowedWeight, AllowedColors>
|
|
24
|
-
> &
|
|
25
|
-
AllowedFontSize;
|
|
26
|
-
|
|
27
|
-
const font: IOFontFamily = "TitilliumSansPro";
|
|
28
|
-
|
|
29
|
-
export const linkLegacyDefaultColor: AllowedColors = "blue";
|
|
30
|
-
export const linkDefaultColor: AllowedColors = "blueIO-500";
|
|
31
|
-
export const linkDefaultWeight: AllowedWeight = "Semibold";
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* `Link` typographic style
|
|
35
|
-
*/
|
|
36
|
-
export const LabelLink = React.forwardRef<View, LinkProps>((props, ref) => {
|
|
37
|
-
const { isExperimental } = useIOExperimentalDesign();
|
|
38
|
-
|
|
39
|
-
return useTypographyFactory<AllowedWeight, AllowedColors>(
|
|
40
|
-
{
|
|
41
|
-
accessibilityRole: props.onPress ? "link" : undefined,
|
|
42
|
-
...props,
|
|
43
|
-
allowFontScaling: isExperimental,
|
|
44
|
-
maxFontSizeMultiplier: IOVisualCostants.maxFontSizeMultiplier,
|
|
45
|
-
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
46
|
-
defaultWeight: linkDefaultWeight,
|
|
47
|
-
defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
|
|
48
|
-
font,
|
|
49
|
-
fontStyle: {
|
|
50
|
-
fontSize: props.fontSize
|
|
51
|
-
? fontSizeMapping[props.fontSize]
|
|
52
|
-
: fontSizeMapping.regular,
|
|
53
|
-
lineHeight: props.fontSize
|
|
54
|
-
? lineHeightMapping[props.fontSize]
|
|
55
|
-
: lineHeightMapping.regular,
|
|
56
|
-
textDecorationLine: "underline"
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
ref
|
|
60
|
-
);
|
|
61
|
-
});
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { IOColors, IOTheme } from "../../../core";
|
|
2
|
-
import { FontFamily, IOFontWeight } from "../../../utils/fonts";
|
|
3
|
-
import { ExternalTypographyProps, TypographyProps } from "../common";
|
|
4
|
-
import { useTypographyFactory } from "../Factory";
|
|
5
|
-
|
|
6
|
-
type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
|
|
7
|
-
type AllowedWeight = Extract<IOFontWeight, "Semibold">;
|
|
8
|
-
|
|
9
|
-
type MdH4Props = ExternalTypographyProps<
|
|
10
|
-
TypographyProps<AllowedWeight, AllowedColors>
|
|
11
|
-
>;
|
|
12
|
-
|
|
13
|
-
const fontSize = 14;
|
|
14
|
-
const lineHeight = 24;
|
|
15
|
-
const font: FontFamily = "TitilliumSansPro";
|
|
16
|
-
const defaultColor: AllowedColors = "grey-700";
|
|
17
|
-
const defaultWeight: AllowedWeight = "Semibold";
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* `MdH4` typographic style
|
|
21
|
-
*/
|
|
22
|
-
export const MdH4 = (props: MdH4Props) =>
|
|
23
|
-
useTypographyFactory<AllowedWeight, AllowedColors>({
|
|
24
|
-
...props,
|
|
25
|
-
defaultWeight,
|
|
26
|
-
defaultColor,
|
|
27
|
-
font,
|
|
28
|
-
fontStyle: {
|
|
29
|
-
fontSize,
|
|
30
|
-
textTransform: "uppercase",
|
|
31
|
-
letterSpacing: 0.5,
|
|
32
|
-
lineHeight
|
|
33
|
-
}
|
|
34
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { IOColors, IOTheme } from "../../../core";
|
|
2
|
-
import { FontFamily, IOFontWeight } from "../../../utils/fonts";
|
|
3
|
-
import { ExternalTypographyProps, TypographyProps } from "../common";
|
|
4
|
-
import { useTypographyFactory } from "../Factory";
|
|
5
|
-
|
|
6
|
-
type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
|
|
7
|
-
type AllowedWeight = Extract<IOFontWeight, "Regular">;
|
|
8
|
-
|
|
9
|
-
type MdH5Props = ExternalTypographyProps<
|
|
10
|
-
TypographyProps<AllowedWeight, AllowedColors>
|
|
11
|
-
>;
|
|
12
|
-
|
|
13
|
-
const fontSize = 12;
|
|
14
|
-
const lineHeight = 16;
|
|
15
|
-
const font: FontFamily = "ReadexPro";
|
|
16
|
-
const defaultColor: AllowedColors = "grey-850";
|
|
17
|
-
const defaultWeight: AllowedWeight = "Regular";
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* `MdH5` typographic style
|
|
21
|
-
*/
|
|
22
|
-
export const MdH5 = (props: MdH5Props) =>
|
|
23
|
-
useTypographyFactory<AllowedWeight, AllowedColors>({
|
|
24
|
-
...props,
|
|
25
|
-
defaultWeight,
|
|
26
|
-
defaultColor,
|
|
27
|
-
font,
|
|
28
|
-
fontStyle: {
|
|
29
|
-
fontSize,
|
|
30
|
-
lineHeight
|
|
31
|
-
}
|
|
32
|
-
});
|