@pagopa/io-app-design-system 4.4.1 → 5.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 +1 -1
- package/lib/commonjs/components/accordion/index.js +0 -11
- package/lib/commonjs/components/accordion/index.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +4 -4
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/lib/commonjs/components/banner/Banner.js +4 -4
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/lib/commonjs/components/buttons/ButtonLink.js +25 -32
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +18 -86
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +9 -53
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +6 -36
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +5 -50
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +5 -36
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +5 -15
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +2 -9
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +1 -5
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +3 -3
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/layout/ModalBSHeader.js +3 -15
- package/lib/commonjs/components/layout/ModalBSHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +18 -9
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +1 -4
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -4
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/lib/commonjs/components/modules/ModuleIDP.js +4 -5
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +3 -18
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/lib/commonjs/components/radio/AnimatedRadio.js +4 -14
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +6 -10
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/stepper/Stepper.js +1 -10
- package/lib/commonjs/components/stepper/Stepper.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +2 -15
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +6 -46
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +4 -4
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +10 -20
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +4 -6
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodySmall.js +3 -3
- package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +6 -7
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +6 -12
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +6 -13
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +8 -17
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +4 -8
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +7 -14
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +5 -10
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +7 -10
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +8 -17
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +4 -6
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/lib/commonjs/components/typography/markdown/MdH1.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +1 -8
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IODSExperimentalContextProvider.js +4 -3
- package/lib/commonjs/core/IODSExperimentalContextProvider.js.map +1 -1
- package/lib/commonjs/core/IONewTypefaceContextProvider.js +33 -0
- package/lib/commonjs/core/IONewTypefaceContextProvider.js.map +1 -0
- package/lib/commonjs/core/IOStyles.js +1 -49
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/core/IOThemeContextProvider.js +4 -15
- package/lib/commonjs/core/IOThemeContextProvider.js.map +1 -1
- package/lib/commonjs/core/index.js +11 -0
- package/lib/commonjs/core/index.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/module/components/accordion/index.js +0 -1
- package/lib/module/components/accordion/index.js.map +1 -1
- package/lib/module/components/badge/Badge.js +5 -5
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/lib/module/components/banner/Banner.js +5 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/lib/module/components/buttons/ButtonLink.js +28 -35
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +19 -87
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +10 -54
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +6 -37
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +6 -51
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +6 -37
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/lib/module/components/checkbox/AnimatedCheckbox.js +6 -16
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +3 -10
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js +2 -6
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +4 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/layout/ModalBSHeader.js +5 -17
- package/lib/module/components/layout/ModalBSHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +19 -10
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +2 -5
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +3 -5
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/lib/module/components/modules/ModuleIDP.js +4 -5
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +5 -20
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/lib/module/components/radio/AnimatedRadio.js +5 -15
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +7 -11
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/stepper/Stepper.js +2 -11
- package/lib/module/components/stepper/Stepper.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +3 -16
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +7 -47
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tag/Tag.js +5 -5
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +11 -21
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/Body.js +5 -7
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodySmall.js +4 -4
- package/lib/module/components/typography/BodySmall.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +7 -8
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +6 -12
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/H1.js +6 -13
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +8 -17
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +4 -8
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +7 -14
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +6 -11
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +7 -10
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +8 -17
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +5 -7
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/lib/module/components/typography/markdown/MdH1.js +4 -4
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +4 -4
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +4 -4
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +0 -6
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IODSExperimentalContextProvider.js +2 -2
- package/lib/module/core/IODSExperimentalContextProvider.js.map +1 -1
- package/lib/module/core/IONewTypefaceContextProvider.js +22 -0
- package/lib/module/core/IONewTypefaceContextProvider.js.map +1 -0
- package/lib/module/core/IOStyles.js +0 -46
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/core/IOThemeContextProvider.js +3 -12
- package/lib/module/core/IOThemeContextProvider.js.map +1 -1
- package/lib/module/core/index.js +1 -0
- package/lib/module/core/index.js.map +1 -1
- package/lib/typescript/components/accordion/index.d.ts +0 -1
- package/lib/typescript/components/accordion/index.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/ModalBSHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/stepper/Stepper.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +0 -3
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +0 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IODSExperimentalContextProvider.d.ts.map +1 -1
- package/lib/typescript/core/IONewTypefaceContextProvider.d.ts +16 -0
- package/lib/typescript/core/IONewTypefaceContextProvider.d.ts.map +1 -0
- package/lib/typescript/core/IOStyles.d.ts +2 -32
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/core/IOThemeContextProvider.d.ts +0 -4
- package/lib/typescript/core/IOThemeContextProvider.d.ts.map +1 -1
- package/lib/typescript/core/index.d.ts +1 -0
- package/lib/typescript/core/index.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/src/components/accordion/index.tsx +0 -1
- package/src/components/badge/Badge.tsx +3 -3
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/src/components/banner/Banner.tsx +3 -4
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/src/components/buttons/ButtonLink.tsx +38 -41
- package/src/components/buttons/ButtonOutline.tsx +31 -103
- package/src/components/buttons/ButtonSolid.tsx +11 -69
- package/src/components/buttons/IconButton.tsx +5 -49
- package/src/components/buttons/IconButtonContained.tsx +11 -58
- package/src/components/buttons/IconButtonSolid.tsx +9 -47
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/src/components/checkbox/AnimatedCheckbox.tsx +6 -34
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +3 -14
- package/src/components/layout/FooterActions.tsx +1 -4
- package/src/components/layout/HeaderSecondLevel.tsx +4 -3
- package/src/components/layout/ModalBSHeader.tsx +11 -29
- package/src/components/listitems/ListItemNav.tsx +44 -31
- package/src/components/listitems/ListItemNavAlert.tsx +1 -4
- package/src/components/listitems/ListItemTransaction.tsx +2 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/src/components/modules/ModuleIDP.tsx +3 -8
- package/src/components/numberpad/NumberButton.tsx +4 -27
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/src/components/radio/AnimatedRadio.tsx +5 -33
- package/src/components/searchInput/SearchInput.tsx +11 -20
- package/src/components/stepper/Stepper.tsx +2 -20
- package/src/components/switch/NativeSwitch.tsx +3 -21
- package/src/components/tabs/TabItem.tsx +14 -61
- package/src/components/tag/Tag.tsx +3 -3
- package/src/components/textInput/TextInputBase.tsx +19 -34
- package/src/components/typography/Body.tsx +4 -11
- package/src/components/typography/BodySmall.tsx +3 -3
- package/src/components/typography/ButtonText.tsx +6 -8
- package/src/components/typography/Caption.tsx +6 -13
- package/src/components/typography/H1.tsx +6 -14
- package/src/components/typography/H2.tsx +8 -18
- package/src/components/typography/H3.tsx +4 -8
- package/src/components/typography/H4.tsx +7 -15
- package/src/components/typography/H5.tsx +6 -14
- package/src/components/typography/H6.tsx +7 -11
- package/src/components/typography/Hero.tsx +8 -18
- package/src/components/typography/LabelMini.tsx +4 -11
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/src/components/typography/markdown/MdH1.tsx +3 -3
- package/src/components/typography/markdown/MdH2.tsx +3 -3
- package/src/components/typography/markdown/MdH3.tsx +3 -3
- package/src/core/IOColors.ts +0 -7
- package/src/core/IODSExperimentalContextProvider.tsx +2 -2
- package/src/core/IONewTypefaceContextProvider.tsx +37 -0
- package/src/core/IOStyles.ts +0 -52
- package/src/core/IOThemeContextProvider.tsx +3 -16
- package/src/core/index.ts +1 -0
- package/lib/commonjs/components/accordion/RawAccordion.js +0 -93
- package/lib/commonjs/components/accordion/RawAccordion.js.map +0 -1
- package/lib/module/components/accordion/RawAccordion.js +0 -86
- package/lib/module/components/accordion/RawAccordion.js.map +0 -1
- package/lib/typescript/components/accordion/RawAccordion.d.ts +0 -17
- package/lib/typescript/components/accordion/RawAccordion.d.ts.map +0 -1
- package/src/components/accordion/RawAccordion.tsx +0 -116
|
@@ -4,7 +4,7 @@ import React, { useCallback, useEffect, useMemo, useRef } from "react";
|
|
|
4
4
|
import { Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
|
|
5
5
|
import LinearGradient from "react-native-linear-gradient";
|
|
6
6
|
import Animated, { Easing, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
|
|
7
|
-
import { IOColors, hexToRgba,
|
|
7
|
+
import { IOColors, hexToRgba, useIONewTypeface, useIOTheme } from "../../core";
|
|
8
8
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
9
9
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
10
10
|
import { getInputPropsByType } from "../../utils/textInput";
|
|
@@ -61,27 +61,12 @@ const styles = StyleSheet.create({
|
|
|
61
61
|
marginLeft: -4
|
|
62
62
|
})
|
|
63
63
|
},
|
|
64
|
-
textInputStyleFont: {
|
|
65
|
-
...makeFontStyleObject(inputLabelFontSize, "Titillio", undefined, "Medium")
|
|
66
|
-
},
|
|
67
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
68
|
-
textInputStyleLegacyFont: {
|
|
69
|
-
...makeFontStyleObject(inputLabelFontSize, "TitilliumSansPro", undefined, "Semibold")
|
|
70
|
-
},
|
|
71
64
|
textInputLabelWrapper: {
|
|
72
65
|
position: "absolute",
|
|
73
66
|
zIndex: 10,
|
|
74
67
|
bottom: 0,
|
|
75
68
|
top: 0,
|
|
76
69
|
justifyContent: "center"
|
|
77
|
-
},
|
|
78
|
-
textInputLabel: {
|
|
79
|
-
color: inputLabelColor,
|
|
80
|
-
...makeFontStyleObject(inputLabelFontSize, "Titillio", undefined, "Regular")
|
|
81
|
-
},
|
|
82
|
-
textInputLabelLegacyFont: {
|
|
83
|
-
color: inputLabelColor,
|
|
84
|
-
...makeFontStyleObject(inputLabelFontSize, "TitilliumSansPro", undefined, "Regular")
|
|
85
70
|
}
|
|
86
71
|
});
|
|
87
72
|
const HelperRow = ({
|
|
@@ -157,6 +142,9 @@ export const TextInputBase = ({
|
|
|
157
142
|
spacingScaleMultiplier
|
|
158
143
|
} = useIOFontDynamicScale();
|
|
159
144
|
const theme = useIOTheme();
|
|
145
|
+
const {
|
|
146
|
+
newTypefaceEnabled
|
|
147
|
+
} = useIONewTypeface();
|
|
160
148
|
|
|
161
149
|
/* Get the label width to enable the correct translation */
|
|
162
150
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
@@ -238,9 +226,6 @@ export const TextInputBase = ({
|
|
|
238
226
|
};
|
|
239
227
|
const derivedInputProps = useMemo(() => getInputPropsByType(inputType), [inputType]);
|
|
240
228
|
const inputValue = useMemo(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
|
|
241
|
-
const {
|
|
242
|
-
isExperimental
|
|
243
|
-
} = useIOExperimentalDesign();
|
|
244
229
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
|
|
245
230
|
onPress: onTextInputPress,
|
|
246
231
|
style: [inputStatus === "disabled" ? {
|
|
@@ -289,7 +274,9 @@ export const TextInputBase = ({
|
|
|
289
274
|
onFocus: onFocusHandler,
|
|
290
275
|
blurOnSubmit: true,
|
|
291
276
|
onChangeText: onChangeTextHandler,
|
|
292
|
-
style: [
|
|
277
|
+
style: [{
|
|
278
|
+
...makeFontStyleObject(inputLabelFontSize, newTypefaceEnabled ? "Titillio" : "TitilliumSansPro", undefined, "Regular")
|
|
279
|
+
}, styles.textInputStyle, !disabled ? {
|
|
293
280
|
color: inputTextColor
|
|
294
281
|
} : {
|
|
295
282
|
color: inputDisabledTextColor
|
|
@@ -307,7 +294,10 @@ export const TextInputBase = ({
|
|
|
307
294
|
onLayout: getLabelWidth,
|
|
308
295
|
numberOfLines: 1,
|
|
309
296
|
accessible: false,
|
|
310
|
-
style: [
|
|
297
|
+
style: [{
|
|
298
|
+
...makeFontStyleObject(inputLabelFontSize, newTypefaceEnabled ? "Titillio" : "TitilliumSansPro", undefined, "Regular"),
|
|
299
|
+
color: inputLabelColor
|
|
300
|
+
}, animatedLabelStyle]
|
|
311
301
|
}, placeholder)), rightElement && /*#__PURE__*/React.createElement(Animated.View, {
|
|
312
302
|
style: {
|
|
313
303
|
alignSelf: "stretch",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Platform","Pressable","StyleSheet","TextInput","View","LinearGradient","Animated","Easing","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","hexToRgba","useIOExperimentalDesign","useIOTheme","useIOFontDynamicScale","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","BodySmall","inputMarginTop","inputHeight","inputPaddingHorizontal","inputPaddingVertical","inputRadius","inputTransitionDuration","inputLabelScaleFactor","inputLabelFontSize","inputDisabledOpacity","inputRightElementMargin","iconColor","iconSize","iconMargin","inputLabelColor","inputTextColor","black","inputDisabledTextColor","styles","create","textInput","flexDirection","alignItems","height","paddingVertical","textInputOuterBorder","absoluteFillObject","borderRadius","borderCurve","borderWidth","textInputInnerBorder","textInputStyle","flexGrow","flexShrink","marginTop","OS","marginLeft","textInputStyleFont","undefined","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","textInputLabel","color","textInputLabelLegacyFont","HelperRow","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","paddingHorizontal","accessibilityElementsHidden","importantForAccessibility","weight","TextInputBase","disabled","placeholder","onChangeText","accessibilityLabel","accessibilityHint","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","inputRef","isSecretInput","inputStatus","setInputStatus","useState","focusedState","dynamicFontScale","spacingScaleMultiplier","theme","labelWidth","setLabelWidth","getLabelWidth","nativeEvent","layout","width","appBackground","borderColorMap","initial","focused","error","easingConf","duration","easing","inOut","cubic","animatedLabelStyle","enableTransition","transform","translateX","translateY","scale","animatedOuterBorderStyle","borderColor","animatedInnerBorderStyle","opacity","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","onFocusHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","accessible","accessibilityRole","allowFontScaling","name","size","allowScaleSpacing","_extends","ref","editable","secureTextEntry","disableFullscreenUI","accessibilityState","selectionColor","cursorColor","maxLength","blurOnSubmit","pointerEvents","left","Text","onLayout","numberOfLines","alignSelf","overflow","useAngle","angle","colors"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Platform","Pressable","StyleSheet","TextInput","View","LinearGradient","Animated","Easing","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","hexToRgba","useIONewTypeface","useIOTheme","useIOFontDynamicScale","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","BodySmall","inputMarginTop","inputHeight","inputPaddingHorizontal","inputPaddingVertical","inputRadius","inputTransitionDuration","inputLabelScaleFactor","inputLabelFontSize","inputDisabledOpacity","inputRightElementMargin","iconColor","iconSize","iconMargin","inputLabelColor","inputTextColor","black","inputDisabledTextColor","styles","create","textInput","flexDirection","alignItems","height","paddingVertical","textInputOuterBorder","absoluteFillObject","borderRadius","borderCurve","borderWidth","textInputInnerBorder","textInputStyle","flexGrow","flexShrink","marginTop","OS","marginLeft","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","paddingHorizontal","accessibilityElementsHidden","importantForAccessibility","weight","color","TextInputBase","disabled","placeholder","onChangeText","accessibilityLabel","accessibilityHint","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","inputRef","isSecretInput","inputStatus","setInputStatus","useState","focusedState","dynamicFontScale","spacingScaleMultiplier","theme","newTypefaceEnabled","labelWidth","setLabelWidth","getLabelWidth","nativeEvent","layout","width","appBackground","borderColorMap","initial","focused","error","easingConf","duration","easing","inOut","cubic","animatedLabelStyle","enableTransition","transform","translateX","translateY","scale","animatedOuterBorderStyle","borderColor","animatedInnerBorderStyle","opacity","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","onFocusHandler","derivedInputProps","inputValue","valueFormat","Fragment","onPress","accessible","accessibilityRole","allowFontScaling","name","size","allowScaleSpacing","_extends","ref","editable","secureTextEntry","disableFullscreenUI","accessibilityState","selectionColor","cursorColor","maxLength","blurOnSubmit","undefined","pointerEvents","left","Text","onLayout","numberOfLines","alignSelf","overflow","useAngle","angle","colors"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
5
|
export const bodyFontSize = 16;
|
|
6
6
|
export const bodyLineHeight = 24;
|
|
7
7
|
const fontName = "Titillio";
|
|
8
|
-
const fontWeight = "Regular";
|
|
9
8
|
const legacyFontName = "TitilliumSansPro";
|
|
10
|
-
const legacyFontWeight = "Regular";
|
|
11
9
|
|
|
12
10
|
/**
|
|
13
11
|
* `Body` typographic style
|
|
@@ -20,15 +18,15 @@ export const Body = /*#__PURE__*/forwardRef(({
|
|
|
20
18
|
}, ref) => {
|
|
21
19
|
const theme = useIOTheme();
|
|
22
20
|
const {
|
|
23
|
-
|
|
24
|
-
} =
|
|
21
|
+
newTypefaceEnabled
|
|
22
|
+
} = useIONewTypeface();
|
|
25
23
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
26
24
|
const BodyProps = {
|
|
27
25
|
...props,
|
|
28
26
|
dynamicTypeRamp: "body",
|
|
29
27
|
// iOS only
|
|
30
|
-
font:
|
|
31
|
-
weight: customWeight ? customWeight :
|
|
28
|
+
font: newTypefaceEnabled ? fontName : legacyFontName,
|
|
29
|
+
weight: customWeight ? customWeight : "Regular",
|
|
32
30
|
size: bodyFontSize,
|
|
33
31
|
lineHeight: bodyLineHeight,
|
|
34
32
|
color: customColor ?? defaultColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","bodyFontSize","bodyLineHeight","fontName","legacyFontName","Body","weight","customWeight","color","customColor","asLink","props","ref","theme","newTypefaceEnabled","defaultColor","BodyProps","dynamicTypeRamp","font","size","lineHeight","accessibilityRole","textStyle","textDecorationLine","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SACEC,MAAM,QAID,UAAU;AAMjB,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAEhC,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,UAAU,CAC5B,CACE;EAAES,MAAM,EAAEC,YAAY;EAAEC,KAAK,EAAEC,WAAW;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EAC9DC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAmB,CAAC,GAAGhB,gBAAgB,CAAC,CAAC;EAEjD,MAAMiB,YAAY,GAAGL,MAAM,GACvBG,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAMG,SAAsB,GAAG;IAC7B,GAAGL,KAAK;IACRM,eAAe,EAAE,MAAM;IAAE;IACzBC,IAAI,EAAEJ,kBAAkB,GAAGX,QAAQ,GAAGC,cAAc;IACpDE,MAAM,EAAEC,YAAY,GAAGA,YAAY,GAAG,SAAS;IAC/CY,IAAI,EAAElB,YAAY;IAClBmB,UAAU,EAAElB,cAAc;IAC1BM,KAAK,EAAEC,WAAW,IAAIM,YAAY;IAClC,IAAIL,MAAM,GACN;MACEW,iBAAiB,EAAE,MAAM;MACzBC,SAAS,EAAE;QAAEC,kBAAkB,EAAE;MAAY;IAC/C,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKI,SAAS,GAC5BL,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
5
|
const fontName = "Titillio";
|
|
6
6
|
const legacyFontName = "TitilliumSansPro";
|
|
@@ -16,13 +16,13 @@ export const BodySmall = /*#__PURE__*/forwardRef(({
|
|
|
16
16
|
}, ref) => {
|
|
17
17
|
const theme = useIOTheme();
|
|
18
18
|
const {
|
|
19
|
-
|
|
20
|
-
} =
|
|
19
|
+
newTypefaceEnabled
|
|
20
|
+
} = useIONewTypeface();
|
|
21
21
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
22
22
|
const BodySmallProps = {
|
|
23
23
|
...props,
|
|
24
24
|
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
25
|
-
font:
|
|
25
|
+
font: newTypefaceEnabled ? fontName : legacyFontName,
|
|
26
26
|
weight: customWeight ?? "Regular",
|
|
27
27
|
size: 14,
|
|
28
28
|
lineHeight: 21,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","fontName","legacyFontName","BodySmall","weight","customWeight","color","customColor","asLink","props","ref","theme","newTypefaceEnabled","defaultColor","BodySmallProps","dynamicTypeRamp","font","size","lineHeight","accessibilityRole","textStyle","textDecorationLine","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/BodySmall.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SACEC,MAAM,QAID,UAAU;AAMjB,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGN,UAAU,CACjC,CACE;EAAEO,MAAM,EAAEC,YAAY;EAAEC,KAAK,EAAEC,WAAW;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EAC9DC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGZ,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAmB,CAAC,GAAGd,gBAAgB,CAAC,CAAC;EAEjD,MAAMe,YAAY,GAAGL,MAAM,GACvBG,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAMG,cAA2B,GAAG;IAClC,GAAGL,KAAK;IACRM,eAAe,EAAE,UAAU,CAAC;IAC5BC,IAAI,EAAEJ,kBAAkB,GAAGX,QAAQ,GAAGC,cAAc;IACpDE,MAAM,EAAEC,YAAY,IAAI,SAAS;IACjCY,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdZ,KAAK,EAAEC,WAAW,IAAIM,YAAY;IAClC,IAAIL,MAAM,GACN;MACEW,iBAAiB,EAAE,MAAM;MACzBC,SAAS,EAAE;QAAEC,kBAAkB,EAAE;MAAY;IAC/C,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,oBACEzB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,EAAAuB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKI,cAAc,GACjCL,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
5
|
export const buttonTextFontSize = 16;
|
|
6
6
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
7
7
|
`AnimatedText` for color transition through Reanimated */
|
|
8
|
-
const defaultColor = "white";
|
|
9
8
|
const fontName = "Titillio";
|
|
10
|
-
|
|
11
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
12
9
|
const legacyFontName = "TitilliumSansPro";
|
|
13
10
|
|
|
14
11
|
/**
|
|
@@ -19,15 +16,17 @@ export const ButtonText = /*#__PURE__*/forwardRef(({
|
|
|
19
16
|
...props
|
|
20
17
|
}, ref) => {
|
|
21
18
|
const {
|
|
22
|
-
|
|
23
|
-
} =
|
|
19
|
+
newTypefaceEnabled
|
|
20
|
+
} = useIONewTypeface();
|
|
24
21
|
const ButtonTextProps = {
|
|
25
22
|
...props,
|
|
26
|
-
font:
|
|
23
|
+
font: newTypefaceEnabled ? fontName : legacyFontName,
|
|
27
24
|
weight: "Semibold",
|
|
28
25
|
size: buttonTextFontSize,
|
|
29
26
|
lineHeight: 20,
|
|
30
|
-
|
|
27
|
+
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
28
|
+
`AnimatedText` for color transition through Reanimated */
|
|
29
|
+
color: customColor ?? "white"
|
|
31
30
|
};
|
|
32
31
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
33
32
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","IOText","buttonTextFontSize","fontName","legacyFontName","ButtonText","color","customColor","props","ref","newTypefaceEnabled","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD;AACA;AACA,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGN,UAAU,CAClC,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAGV,gBAAgB,CAAC,CAAC;EAEjD,MAAMW,eAA4B,GAAG;IACnC,GAAGH,KAAK;IACRI,IAAI,EAAEF,kBAAkB,GAAGP,QAAQ,GAAGC,cAAc;IACpDS,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEZ,kBAAkB;IACxBa,UAAU,EAAE,EAAE;IACd;AACN;IACMT,KAAK,EAAEC,WAAW,IAAI;EACxB,CAAC;EAED,oBACET,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKE,eAAe,GAClCH,KAAK,CAACU,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
|
-
const defaultColor = "textBody-default";
|
|
6
5
|
export const captionFontSize = 12;
|
|
7
|
-
const fontName = "Titillio";
|
|
8
|
-
const fontWeight = "Regular";
|
|
9
|
-
|
|
10
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
11
|
-
const legacyFontName = "TitilliumSansPro";
|
|
12
6
|
|
|
13
7
|
/**
|
|
14
8
|
* `Caption` typographic style
|
|
@@ -19,16 +13,16 @@ export const Caption = /*#__PURE__*/forwardRef(({
|
|
|
19
13
|
}, ref) => {
|
|
20
14
|
const theme = useIOTheme();
|
|
21
15
|
const {
|
|
22
|
-
|
|
23
|
-
} =
|
|
16
|
+
newTypefaceEnabled
|
|
17
|
+
} = useIONewTypeface();
|
|
24
18
|
const CaptionProps = {
|
|
25
19
|
...props,
|
|
26
20
|
dynamicTypeRamp: "caption1",
|
|
27
21
|
// iOS only
|
|
28
|
-
font:
|
|
22
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
23
|
+
weight: "Regular",
|
|
29
24
|
size: captionFontSize,
|
|
30
|
-
|
|
31
|
-
color: customColor ?? theme[defaultColor],
|
|
25
|
+
color: customColor ?? theme["textBody-default"],
|
|
32
26
|
textStyle: {
|
|
33
27
|
textTransform: "uppercase",
|
|
34
28
|
letterSpacing: 0.5
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","captionFontSize","Caption","color","customColor","props","ref","theme","newTypefaceEnabled","CaptionProps","dynamicTypeRamp","font","weight","size","textStyle","textTransform","letterSpacing","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,eAA2B,GAAG,EAAE;;AAE7C;AACA;AACA;AACA,OAAO,MAAMC,OAAO,gBAAGL,UAAU,CAC/B,CAAC;EAAEM,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGR,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAES;EAAmB,CAAC,GAAGV,gBAAgB,CAAC,CAAC;EAEjD,MAAMW,YAAyB,GAAG;IAChC,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU;IAAE;IAC7BC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,SAAS;IACjBC,IAAI,EAAEZ,eAAe;IACrBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,kBAAkB,CAAC;IAC/CO,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACEpB,KAAA,CAAAqB,aAAA,CAACjB,MAAM,EAAAkB,QAAA;IAACZ,GAAG,EAAEA;EAAI,GAAKG,YAAY,GAC/BJ,KAAK,CAACc,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
|
-
const defaultColor = "textHeading-default";
|
|
6
5
|
export const h1FontSize = 28;
|
|
7
6
|
export const h1LineHeight = 42;
|
|
8
|
-
const fontName = "Titillio";
|
|
9
|
-
const fontWeight = "Semibold";
|
|
10
|
-
|
|
11
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
12
|
-
const legacyFontName = "TitilliumSansPro";
|
|
13
|
-
const legacyFontWeight = "Semibold";
|
|
14
7
|
|
|
15
8
|
/**
|
|
16
9
|
* `H1` typographic style
|
|
@@ -21,17 +14,17 @@ export const H1 = /*#__PURE__*/forwardRef(({
|
|
|
21
14
|
}, ref) => {
|
|
22
15
|
const theme = useIOTheme();
|
|
23
16
|
const {
|
|
24
|
-
|
|
25
|
-
} =
|
|
17
|
+
newTypefaceEnabled
|
|
18
|
+
} = useIONewTypeface();
|
|
26
19
|
const H1Props = {
|
|
27
20
|
...props,
|
|
28
21
|
dynamicTypeRamp: "largeTitle",
|
|
29
22
|
// iOS only
|
|
30
|
-
font:
|
|
31
|
-
weight:
|
|
23
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
24
|
+
weight: "Semibold",
|
|
32
25
|
size: h1FontSize,
|
|
33
26
|
lineHeight: h1LineHeight,
|
|
34
|
-
color: customColor ?? theme[
|
|
27
|
+
color: customColor ?? theme["textHeading-default"]
|
|
35
28
|
};
|
|
36
29
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
37
30
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h1FontSize","h1LineHeight","H1","color","customColor","props","ref","theme","newTypefaceEnabled","H1Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGN,UAAU,CAC1B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU;EAAmB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjD,MAAMY,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,YAAY;IAAE;IAC/BC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEb,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEZ,KAAA,CAAAoB,aAAA,CAAChB,MAAM,EAAAiB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACY,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,18 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
|
-
const defaultColor = "textHeading-default";
|
|
6
5
|
export const h2FontSize = 26;
|
|
7
6
|
export const h2LineHeight = 34;
|
|
8
|
-
const fontName = "Titillio";
|
|
9
|
-
const fontWeight = "Semibold";
|
|
10
|
-
|
|
11
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
12
|
-
const legacyH2FontSize = 28;
|
|
13
|
-
const legacyH2LineHeight = 34;
|
|
14
|
-
const legacyFontName = "TitilliumSansPro";
|
|
15
|
-
const legacyFontWeight = "Semibold";
|
|
16
7
|
|
|
17
8
|
/**
|
|
18
9
|
* `H2` typographic style
|
|
@@ -23,17 +14,17 @@ export const H2 = /*#__PURE__*/forwardRef(({
|
|
|
23
14
|
}, ref) => {
|
|
24
15
|
const theme = useIOTheme();
|
|
25
16
|
const {
|
|
26
|
-
|
|
27
|
-
} =
|
|
17
|
+
newTypefaceEnabled
|
|
18
|
+
} = useIONewTypeface();
|
|
28
19
|
const H2Props = {
|
|
29
20
|
...props,
|
|
30
21
|
dynamicTypeRamp: "title1",
|
|
31
22
|
// iOS only
|
|
32
|
-
font:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
24
|
+
weight: "Semibold",
|
|
25
|
+
size: h2FontSize,
|
|
26
|
+
lineHeight: h2LineHeight,
|
|
27
|
+
color: customColor ?? theme["textHeading-default"]
|
|
37
28
|
};
|
|
38
29
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
39
30
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h2FontSize","h2LineHeight","H2","color","customColor","props","ref","theme","newTypefaceEnabled","H2Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGN,UAAU,CAC1B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU;EAAmB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjD,MAAMY,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,QAAQ;IAAE;IAC3BC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEb,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEZ,KAAA,CAAAoB,aAAA,CAAChB,MAAM,EAAAiB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACY,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
5
|
/* Common typographic styles */
|
|
6
6
|
export const h3FontSize = 22;
|
|
7
7
|
export const h3LineHeight = 33;
|
|
8
|
-
const fontName = "Titillio";
|
|
9
|
-
|
|
10
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
11
|
-
const legacyFontName = "TitilliumSansPro";
|
|
12
8
|
|
|
13
9
|
/**
|
|
14
10
|
* `H3` typographic style
|
|
@@ -20,13 +16,13 @@ export const H3 = /*#__PURE__*/forwardRef(({
|
|
|
20
16
|
}, ref) => {
|
|
21
17
|
const theme = useIOTheme();
|
|
22
18
|
const {
|
|
23
|
-
|
|
24
|
-
} =
|
|
19
|
+
newTypefaceEnabled
|
|
20
|
+
} = useIONewTypeface();
|
|
25
21
|
const H3Props = {
|
|
26
22
|
...props,
|
|
27
23
|
dynamicTypeRamp: "title2",
|
|
28
24
|
// iOS only
|
|
29
|
-
font:
|
|
25
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
30
26
|
weight: customWeight ?? "Semibold",
|
|
31
27
|
size: h3FontSize,
|
|
32
28
|
lineHeight: h3LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h3FontSize","h3LineHeight","H3","weight","customWeight","color","customColor","props","ref","theme","newTypefaceEnabled","H3Props","dynamicTypeRamp","font","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAMrE;AACA,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGN,UAAU,CAC1B,CACE;EAAEO,MAAM,EAAEC,YAAY;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EACtDC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEY;EAAmB,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAEjD,MAAMc,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,QAAQ;IAAE;IAC3BC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DP,MAAM,EAAEC,YAAY,IAAI,UAAU;IAClCU,IAAI,EAAEd,UAAU;IAChBe,UAAU,EAAEd,YAAY;IACxBI,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEd,KAAA,CAAAqB,aAAA,CAACjB,MAAM,EAAAkB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
|
-
const defaultColor = "textHeading-default";
|
|
6
5
|
export const h4FontSize = 20;
|
|
7
6
|
export const h4LineHeight = 24;
|
|
8
|
-
const fontName = "Titillio";
|
|
9
|
-
const fontWeight = "Semibold";
|
|
10
|
-
|
|
11
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
12
|
-
const legacyFontName = "TitilliumSansPro";
|
|
13
|
-
const legacyFontWeight = "Semibold";
|
|
14
7
|
|
|
15
8
|
/**
|
|
16
9
|
* `H4` typographic style
|
|
@@ -21,17 +14,17 @@ export const H4 = /*#__PURE__*/forwardRef(({
|
|
|
21
14
|
}, ref) => {
|
|
22
15
|
const theme = useIOTheme();
|
|
23
16
|
const {
|
|
24
|
-
|
|
25
|
-
} =
|
|
17
|
+
newTypefaceEnabled
|
|
18
|
+
} = useIONewTypeface();
|
|
26
19
|
const H4Props = {
|
|
27
20
|
...props,
|
|
28
21
|
dynamicTypeRamp: "title3",
|
|
29
22
|
// iOS only
|
|
30
|
-
font:
|
|
23
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
24
|
+
weight: "Semibold",
|
|
31
25
|
size: h4FontSize,
|
|
32
|
-
|
|
33
|
-
color: customColor ?? theme[
|
|
34
|
-
lineHeight: h4LineHeight
|
|
26
|
+
lineHeight: h4LineHeight,
|
|
27
|
+
color: customColor ?? theme["textHeading-default"]
|
|
35
28
|
};
|
|
36
29
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
37
30
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h4FontSize","h4LineHeight","H4","color","customColor","props","ref","theme","newTypefaceEnabled","H4Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGN,UAAU,CAC1B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU;EAAmB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjD,MAAMY,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,QAAQ;IAAE;IAC3BC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEb,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEZ,KAAA,CAAAoB,aAAA,CAAChB,MAAM,EAAAiB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACY,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIONewTypeface, useIOTheme } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
|
-
const defaultColor = "textHeading-default";
|
|
6
|
-
const fontName = "Titillio";
|
|
7
|
-
const fontWeight = "Semibold";
|
|
8
|
-
const legacyFontName = "TitilliumSansPro";
|
|
9
|
-
const legacyFontWeight = "Semibold";
|
|
10
5
|
export const h5FontSize = 14;
|
|
11
6
|
export const h5LineHeight = 16;
|
|
12
7
|
|
|
@@ -19,17 +14,17 @@ export const H5 = /*#__PURE__*/forwardRef(({
|
|
|
19
14
|
}, ref) => {
|
|
20
15
|
const theme = useIOTheme();
|
|
21
16
|
const {
|
|
22
|
-
|
|
23
|
-
} =
|
|
17
|
+
newTypefaceEnabled
|
|
18
|
+
} = useIONewTypeface();
|
|
24
19
|
const H5Props = {
|
|
25
20
|
...props,
|
|
26
21
|
dynamicTypeRamp: "subheadline",
|
|
27
22
|
// iOS only
|
|
28
|
-
font:
|
|
29
|
-
weight:
|
|
23
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
24
|
+
weight: "Semibold",
|
|
30
25
|
size: h5FontSize,
|
|
31
26
|
lineHeight: h5LineHeight,
|
|
32
|
-
color: customColor ?? theme[
|
|
27
|
+
color: customColor ?? theme["textHeading-default"],
|
|
33
28
|
textStyle: {
|
|
34
29
|
textTransform: "uppercase",
|
|
35
30
|
letterSpacing: 0.5
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h5FontSize","h5LineHeight","H5","color","customColor","props","ref","theme","newTypefaceEnabled","H5Props","dynamicTypeRamp","font","weight","size","lineHeight","textStyle","textTransform","letterSpacing","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGN,UAAU,CAC1B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU;EAAmB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjD,MAAMY,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,aAAa;IAAE;IAChCC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEb,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB,CAAC;IAClDQ,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACEtB,KAAA,CAAAuB,aAAA,CAACnB,MAAM,EAAAoB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}
|