@pagopa/io-app-design-system 6.0.4 → 6.0.6
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/badge/Badge.js +0 -4
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +0 -4
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/buttons/IOButton/IOButton.js +0 -5
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +7 -5
- package/lib/commonjs/components/headers/HeaderSecondLevel.js +0 -4
- package/lib/commonjs/components/headers/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +86 -26
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +6 -4
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +30 -23
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleIDP.js +0 -4
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +0 -4
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +0 -1
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +0 -4
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +0 -4
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +1 -7
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodySmall.js +0 -7
- package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +0 -7
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +0 -4
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +0 -4
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +0 -4
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +0 -4
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +0 -4
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +0 -4
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +0 -1
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +0 -4
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js +5 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +1 -8
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH1.js +0 -4
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +0 -4
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +0 -4
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/components/badge/Badge.js +1 -5
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +1 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +0 -5
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +7 -5
- package/lib/module/components/headers/HeaderSecondLevel.js +1 -5
- package/lib/module/components/headers/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +87 -27
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +6 -4
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +30 -24
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/module/components/modules/ModuleIDP.js +1 -5
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +1 -5
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +0 -1
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +1 -5
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tag/Tag.js +1 -5
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/typography/Body.js +2 -8
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodySmall.js +1 -8
- package/lib/module/components/typography/BodySmall.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +0 -7
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +1 -5
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/H1.js +1 -5
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +1 -5
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +1 -5
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +1 -5
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +1 -5
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +0 -1
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +1 -5
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/IOText.js +6 -2
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +2 -9
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH1.js +1 -5
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +1 -5
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +1 -5
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts.map +1 -1
- package/lib/typescript/components/headers/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +29 -0
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts +2 -3
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.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/searchInput/SearchInput.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/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodySmall.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.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/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/badge/Badge.tsx +1 -3
- package/src/components/banner/Banner.tsx +1 -3
- package/src/components/buttons/IOButton/IOButton.tsx +0 -3
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +7 -5
- package/src/components/headers/HeaderSecondLevel.tsx +1 -4
- package/src/components/listitems/ListItemInfo.tsx +124 -49
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +6 -4
- package/src/components/loadingSpinner/LoadingSpinner.tsx +26 -33
- package/src/components/modules/ModuleIDP.tsx +1 -3
- package/src/components/numberpad/NumberButton.tsx +1 -3
- package/src/components/searchInput/SearchInput.tsx +0 -1
- package/src/components/tabs/TabItem.tsx +2 -8
- package/src/components/tag/Tag.tsx +1 -3
- package/src/components/typography/Body.tsx +3 -8
- package/src/components/typography/BodySmall.tsx +2 -7
- package/src/components/typography/ButtonText.tsx +2 -7
- package/src/components/typography/Caption.tsx +1 -3
- package/src/components/typography/H1.tsx +1 -3
- package/src/components/typography/H2.tsx +1 -3
- package/src/components/typography/H3.tsx +1 -3
- package/src/components/typography/H4.tsx +1 -3
- package/src/components/typography/H5.tsx +1 -3
- package/src/components/typography/H6.tsx +0 -1
- package/src/components/typography/Hero.tsx +1 -3
- package/src/components/typography/IOText.tsx +16 -3
- package/src/components/typography/LabelMini.tsx +3 -8
- package/src/components/typography/markdown/MdH1.tsx +1 -3
- package/src/components/typography/markdown/MdH2.tsx +1 -3
- package/src/components/typography/markdown/MdH3.tsx +1 -3
|
@@ -4,7 +4,7 @@ import { forwardRef, useCallback, useMemo } from "react";
|
|
|
4
4
|
import { Pressable, StyleSheet } from "react-native";
|
|
5
5
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
6
6
|
import Animated, { interpolateColor, useAnimatedStyle, useDerivedValue, useReducedMotion, withSpring } from "react-native-reanimated";
|
|
7
|
-
import {
|
|
7
|
+
import { useIOTheme } from "../../context";
|
|
8
8
|
import { IOColors, IOSpringValues, hexToRgba } from "../../core";
|
|
9
9
|
import { useScaleAnimation } from "../../hooks";
|
|
10
10
|
import { Icon } from "../icons";
|
|
@@ -30,9 +30,6 @@ const TabItem = /*#__PURE__*/forwardRef(({
|
|
|
30
30
|
} = useScaleAnimation("medium");
|
|
31
31
|
const theme = useIOTheme();
|
|
32
32
|
const reducedMotion = useReducedMotion();
|
|
33
|
-
const {
|
|
34
|
-
newTypefaceEnabled
|
|
35
|
-
} = useIONewTypeface();
|
|
36
33
|
const mapColorStates = useMemo(() => ({
|
|
37
34
|
light: {
|
|
38
35
|
border: {
|
|
@@ -109,7 +106,6 @@ const TabItem = /*#__PURE__*/forwardRef(({
|
|
|
109
106
|
size: 16
|
|
110
107
|
}), /*#__PURE__*/_jsx(IOText, {
|
|
111
108
|
size: 14,
|
|
112
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
113
109
|
weight: "Semibold",
|
|
114
110
|
color: foregroundColor,
|
|
115
111
|
children: label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useMemo","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","withSpring","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","withSpring","useIOTheme","IOColors","IOSpringValues","hexToRgba","useScaleAnimation","Icon","IOText","jsx","_jsx","jsxs","_jsxs","DISABLED_OPACITY","TabItem","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","theme","reducedMotion","mapColorStates","light","border","default","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","selection","animatedStyle","backgroundColor","value","borderColor","activeIcon","handleOnPress","event","trigger","accessibilityRole","accessibilityState","checked","accessible","children","View","style","styles","container","columnGap","opacity","name","size","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Platform, StyleSheet, View } from "react-native";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOColors, IOTagHSpacing, IOTagRadius, IOTagVSpacing, IOThemeLight } from "../../core";
|
|
6
6
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
7
7
|
import { Icon } from "../icons";
|
|
@@ -103,9 +103,6 @@ export const Tag = ({
|
|
|
103
103
|
forceLightMode = false
|
|
104
104
|
}) => {
|
|
105
105
|
const theme = useIOTheme();
|
|
106
|
-
const {
|
|
107
|
-
newTypefaceEnabled
|
|
108
|
-
} = useIONewTypeface();
|
|
109
106
|
const {
|
|
110
107
|
dynamicFontScale,
|
|
111
108
|
spacingScaleMultiplier
|
|
@@ -137,7 +134,6 @@ export const Tag = ({
|
|
|
137
134
|
})
|
|
138
135
|
}), text && /*#__PURE__*/_jsx(IOText, {
|
|
139
136
|
allowFontScaling: allowFontScaling,
|
|
140
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
141
137
|
weight: "Semibold",
|
|
142
138
|
size: 12,
|
|
143
139
|
lineHeight: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","StyleSheet","View","
|
|
1
|
+
{"version":3,"names":["Platform","StyleSheet","View","useIOTheme","IOColors","IOTagHSpacing","IOTagRadius","IOTagVSpacing","IOThemeLight","useIOFontDynamicScale","Icon","IOText","jsx","_jsx","jsxs","_jsxs","IconColorsMap","primary","warning","error","success","info","grey","lightGrey","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderWidth","borderCurve","tagStatic","borderRadius","paddingHorizontal","paddingVertical","columnGap","iconWrapper","flexShrink","getVariantProps","variant","customIcon","color","name","undefined","Tag","text","testID","icon","iconAccessibilityLabel","allowFontScaling","forceLightMode","theme","dynamicFontScale","spacingScaleMultiplier","variantProps","borderColor","backgroundColor","tagDynamic","style","children","size","accessible","accessibilityLabel","weight","lineHeight","numberOfLines","ellipsizeMode","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACpE,SAASC,UAAU,QAAQ,eAAe;AAC1C,SACEC,QAAQ,EAERC,aAAa,EACbC,WAAW,EACXC,aAAa,EAEbC,YAAY,QACP,YAAY;AACnB,SAASC,qBAAqB,QAAQ,2BAA2B;AAEjE,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,MAAM,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvC,MAAMC,aAA4C,GAAG;EACnDC,OAAO,EAAE,yBAAyB;EAClCC,OAAO,EAAE,aAAa;EACtBC,KAAK,EAAE,WAAW;EAClBC,OAAO,EAAE,aAAa;EACtBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE,cAAc;EACpBC,SAAS,EAAE;AACb,CAAC;AAyCD,MAAMC,eAA+B,GAAG,CAAC;AACzC,MAAMC,aAA8B,GAAG,EAAE;AAEzC,MAAMC,MAAM,GAAGzB,UAAU,CAAC0B,MAAM,CAAC;EAC/BC,GAAG,EAAE;IACHC,SAAS,EAAE,YAAY;IACvBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGhC,QAAQ,CAACiC,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,iBAAiB,EAAE;MACrB;IACF,CAAC,CAAC;IACFC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDC,SAAS,EAAE;IACTC,YAAY,EAAEjC,WAAW;IACzB+B,WAAW,EAAE,YAAY;IACzBG,iBAAiB,EAAEnC,aAAa;IAChCoC,eAAe,EAAElC,aAAa;IAC9BmC,SAAS,EAAElB;EACb,CAAC;EACDmB,WAAW,EAAE;IACXC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAGA,CACtBC,OAAoC,EACpCC,UAAyB,KACI;EAC7B,IAAID,OAAO,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACtC,OAAOA,UAAU;EACnB;EACA,QAAQD,OAAO;IACb,KAAK,QAAQ;MACX,OAAO;QACLE,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,YAAY;MACf,OAAO;QACLD,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,cAAc;MACjB,OAAO;QACLD,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,MAAM;MACT,OAAO;QACLD,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACLD,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,OAAO;MACV,OAAO;QACLD,KAAK,EAAE,OAAO;QACdC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACLD,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,QAAQ;MACX,OAAOC,SAAS;IAClB;MACE,OAAOA,SAAS;EACpB;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAClBC,IAAI;EACJN,OAAO;EACPO,MAAM;EACNC,IAAI;EACJC,sBAAsB;EACtBC,gBAAgB,GAAG,IAAI;EACvBC,cAAc,GAAG;AACd,CAAC,KAAK;EACT,MAAMC,KAAK,GAAGvD,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEwD,gBAAgB;IAAEC;EAAuB,CAAC,GAAGnD,qBAAqB,CAAC,CAAC;EAE5E,MAAMoD,YAAY,GAAGhB,eAAe,CAACC,OAAO,EAAEQ,IAAI,CAAC;EAEnD,MAAMQ,WAAW,GAAGL,cAAc,GAC9BrD,QAAQ,CAACI,YAAY,CAAC,oBAAoB,CAAC,CAAC,GAC5CJ,QAAQ,CAACsD,KAAK,CAAC,oBAAoB,CAAC,CAAC;EAEzC,MAAMK,eAAe,GAAGN,cAAc,GAClCrD,QAAQ,CAACI,YAAY,CAAC,uBAAuB,CAAC,CAAC,GAC/CJ,QAAQ,CAACsD,KAAK,CAAC,uBAAuB,CAAC,CAAC;EAE5C,MAAMM,UAAqB,GAAG;IAC5BxB,iBAAiB,EAAEnC,aAAa,GAAGsD,gBAAgB;IACnDlB,eAAe,EAAElC,aAAa,GAAGoD,gBAAgB;IACjDjB,SAAS,EAAElB,eAAe,GAAGmC,gBAAgB,GAAGC,sBAAsB;IACtErB,YAAY,EAAEjC,WAAW,GAAGqD;EAC9B,CAAC;EAED,oBACE5C,KAAA,CAACb,IAAI;IACHmD,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAE,CACLvC,MAAM,CAACE,GAAG,EACV4B,gBAAgB,GAAGQ,UAAU,GAAGtC,MAAM,CAACY,SAAS,EAChD;MAAEwB,WAAW;MAAEC;IAAgB,CAAC,CAChC;IAAAG,QAAA,GAEDL,YAAY,iBACXhD,IAAA,CAACX,IAAI;MAAC+D,KAAK,EAAEvC,MAAM,CAACiB,WAAY;MAAAuB,QAAA,eAC9BrD,IAAA,CAACH,IAAI;QACH8C,gBAAgB,EAAEA,gBAAiB;QACnCP,IAAI,EAAEY,YAAY,CAACZ,IAAK;QACxBD,KAAK,EACHS,cAAc,GACVjD,YAAY,CAACQ,aAAa,CAAC6C,YAAY,CAACb,KAAK,CAAC,CAAC,GAC/CU,KAAK,CAAC1C,aAAa,CAAC6C,YAAY,CAACb,KAAK,CAAC,CAC5C;QACDmB,IAAI,EAAE1C,aAAc;QACpB2C,UAAU,EAAE,CAAC,CAACb,sBAAuB;QACrCc,kBAAkB,EAAEd;MAAuB,CAC5C;IAAC,CACE,CACP,EACAH,IAAI,iBACHvC,IAAA,CAACF,MAAM;MACL6C,gBAAgB,EAAEA,gBAAiB;MACnCc,MAAM,EAAE,UAAW;MACnBH,IAAI,EAAE,EAAG;MACTI,UAAU,EAAE,EAAG;MACfvB,KAAK,EACHS,cAAc,GACVjD,YAAY,CAAC,mBAAmB,CAAC,GACjCkD,KAAK,CAAC,mBAAmB,CAC9B;MACDc,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MACpBR,KAAK,EAAE;QACLpC,SAAS,EAAE,QAAQ;QACnB6C,aAAa,EAAE,WAAW;QAC1BC,aAAa,EAAE,GAAG;QAClB/B,UAAU,EAAE;MACd,CAAE;MAAAsB,QAAA,EAEDd;IAAI,CACC,CACT;EAAA,CACG,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -2,13 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import { Pressable } from "react-native";
|
|
5
|
-
import {
|
|
5
|
+
import { useIOTheme } from "../../context";
|
|
6
6
|
import { IOText } from "./IOText";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export const bodyFontSize = 16;
|
|
9
9
|
export const bodyLineHeight = 24;
|
|
10
|
-
const fontName = "Titillio";
|
|
11
|
-
const legacyFontName = "TitilliumSansPro";
|
|
12
10
|
|
|
13
11
|
/**
|
|
14
12
|
* `Body` typographic style
|
|
@@ -24,16 +22,12 @@ export const Body = /*#__PURE__*/forwardRef(({
|
|
|
24
22
|
...props
|
|
25
23
|
}, ref) => {
|
|
26
24
|
const theme = useIOTheme();
|
|
27
|
-
const {
|
|
28
|
-
newTypefaceEnabled
|
|
29
|
-
} = useIONewTypeface();
|
|
30
25
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
31
26
|
const BodyProps = {
|
|
32
27
|
...props,
|
|
33
28
|
dynamicTypeRamp: "body",
|
|
34
29
|
// iOS only
|
|
35
|
-
|
|
36
|
-
weight: customWeight ? customWeight : "Regular",
|
|
30
|
+
weight: customWeight || "Regular",
|
|
37
31
|
size: bodyFontSize,
|
|
38
32
|
lineHeight: bodyLineHeight,
|
|
39
33
|
color: customColor ?? defaultColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","useIOTheme","IOText","jsx","_jsx","bodyFontSize","bodyLineHeight","Body","weight","customWeight","color","customColor","asLink","avoidPressable","accessibilityRole","textStyle","customTextStyle","onPress","props","ref","theme","defaultColor","BodyProps","dynamicTypeRamp","size","lineHeight","textDecorationLine","children","undefined"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAc,cAAc;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C,SACEC,MAAM,QAID,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMlB,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,UAAU,CAC5B,CACE;EACES,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM;EACNC,cAAc;EACdC,iBAAiB,GAAG,MAAM;EAC1BC,SAAS,EAAEC,eAAe;EAC1BC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGnB,UAAU,CAAC,CAAC;EAE1B,MAAMoB,YAAY,GAAGT,MAAM,GACvBQ,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAME,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,eAAe,EAAE,MAAM;IAAE;IACzBf,MAAM,EAAEC,YAAY,IAAI,SAAS;IACjCe,IAAI,EAAEnB,YAAY;IAClBoB,UAAU,EAAEnB,cAAc;IAC1BI,KAAK,EAAEC,WAAW,IAAIU,YAAY;IAClC,IAAIT,MAAM,GACN;MACEE,iBAAiB;MACjBC,SAAS,EAAEC,eAAe,IAAI;QAAEU,kBAAkB,EAAE;MAAY;IAClE,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,IAAId,MAAM,IAAI,CAACC,cAAc,EAAE;IAC7B,oBACET,IAAA,CAACJ,SAAS;MACRiB,OAAO,EAAEA,OAAQ;MACjBE,GAAG,EAAEA,GAAI;MACTL,iBAAiB,EAAEA,iBAAkB;MAAAa,QAAA,eAErCvB,IAAA,CAACF,MAAM;QAAA,GAAKoB,SAAS;QAAAK,QAAA,EAAGT,KAAK,CAACS;MAAQ,CAAS;IAAC,CACvC,CAAC;EAEhB;EAEA,oBACEvB,IAAA,CAACF,MAAM;IACLiB,GAAG,EAAEA,GAAI;IAAA,GACLG,SAAS;IACbL,OAAO,EAAEL,MAAM,IAAIC,cAAc,GAAGI,OAAO,GAAGW,SAAU;IAAAD,QAAA,EAEvDT,KAAK,CAACS;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -2,12 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import { Pressable } from "react-native";
|
|
5
|
-
import {
|
|
5
|
+
import { useIOTheme } from "../../context";
|
|
6
6
|
import { IOText } from "./IOText";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
const fontName = "Titillio";
|
|
9
|
-
const legacyFontName = "TitilliumSansPro";
|
|
10
|
-
|
|
11
8
|
/**
|
|
12
9
|
* `BodySmall` typographic style
|
|
13
10
|
*/
|
|
@@ -22,14 +19,10 @@ export const BodySmall = /*#__PURE__*/forwardRef(({
|
|
|
22
19
|
...props
|
|
23
20
|
}, ref) => {
|
|
24
21
|
const theme = useIOTheme();
|
|
25
|
-
const {
|
|
26
|
-
newTypefaceEnabled
|
|
27
|
-
} = useIONewTypeface();
|
|
28
22
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
29
23
|
const BodySmallProps = {
|
|
30
24
|
...props,
|
|
31
25
|
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
32
|
-
font: newTypefaceEnabled ? fontName : legacyFontName,
|
|
33
26
|
weight: customWeight ?? "Regular",
|
|
34
27
|
size: 14,
|
|
35
28
|
lineHeight: 21,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","useIOTheme","IOText","jsx","_jsx","BodySmall","weight","customWeight","color","customColor","asLink","avoidPressable","accessibilityRole","textStyle","customTextStyle","onPress","props","ref","theme","defaultColor","BodySmallProps","dynamicTypeRamp","size","lineHeight","textDecorationLine","children","undefined"],"sourceRoot":"../../../../src","sources":["components/typography/BodySmall.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAc,cAAc;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C,SACEC,MAAM,QAID,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMlB;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGN,UAAU,CACjC,CACE;EACEO,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM;EACNC,cAAc;EACdC,iBAAiB,GAAG,MAAM;EAC1BC,SAAS,EAAEC,eAAe;EAC1BC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGjB,UAAU,CAAC,CAAC;EAE1B,MAAMkB,YAAY,GAAGT,MAAM,GACvBQ,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAME,cAA2B,GAAG;IAClC,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU,CAAC;IAC5Bf,MAAM,EAAEC,YAAY,IAAI,SAAS;IACjCe,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdf,KAAK,EAAEC,WAAW,IAAIU,YAAY;IAClC,IAAIT,MAAM,GACN;MACEE,iBAAiB;MACjBC,SAAS,EAAEC,eAAe,IAAI;QAAEU,kBAAkB,EAAE;MAAY;IAClE,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,IAAId,MAAM,IAAI,CAACC,cAAc,EAAE;IAC7B,oBACEP,IAAA,CAACJ,SAAS;MACRe,OAAO,EAAEA,OAAQ;MACjBE,GAAG,EAAEA,GAAI;MACTL,iBAAiB,EAAEA,iBAAkB;MAAAa,QAAA,eAErCrB,IAAA,CAACF,MAAM;QAAA,GAAKkB,cAAc;QAAAK,QAAA,EAAGT,KAAK,CAACS;MAAQ,CAAS;IAAC,CAC5C,CAAC;EAEhB;EAEA,oBACErB,IAAA,CAACF,MAAM;IACLe,GAAG,EAAEA,GAAI;IAAA,GACLG,cAAc;IAClBL,OAAO,EAAEL,MAAM,IAAIC,cAAc,GAAGI,OAAO,GAAGW,SAAU;IAAAD,QAAA,EAEvDT,KAAK,CAACS;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import { useIONewTypeface } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
6
|
export const buttonTextFontSize = 16;
|
|
@@ -10,8 +9,6 @@ export const buttonTextLineHeight = 20;
|
|
|
10
9
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
11
10
|
`AnimatedText` for color transition through Reanimated */
|
|
12
11
|
const defaultColor = "white";
|
|
13
|
-
const fontName = "Titillio";
|
|
14
|
-
const legacyFontName = "TitilliumSansPro";
|
|
15
12
|
|
|
16
13
|
/**
|
|
17
14
|
* `ButtonText` typographic style
|
|
@@ -20,12 +17,8 @@ export const ButtonText = /*#__PURE__*/forwardRef(({
|
|
|
20
17
|
color: customColor,
|
|
21
18
|
...props
|
|
22
19
|
}, ref) => {
|
|
23
|
-
const {
|
|
24
|
-
newTypefaceEnabled
|
|
25
|
-
} = useIONewTypeface();
|
|
26
20
|
const ButtonTextProps = {
|
|
27
21
|
...props,
|
|
28
|
-
font: newTypefaceEnabled ? fontName : legacyFontName,
|
|
29
22
|
weight: "Semibold",
|
|
30
23
|
size: buttonTextFontSize,
|
|
31
24
|
lineHeight: buttonTextLineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","IOText","jsx","_jsx","buttonTextFontSize","buttonTextLineHeight","defaultColor","ButtonText","color","customColor","props","ref","ButtonTextProps","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAKhD,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD,OAAO,MAAMC,oBAAoB,GAAG,EAAE;;AAEtC;AACA;AACA,MAAMC,YAAsB,GAAG,OAAO;;AAEtC;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGP,UAAU,CAClC,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,eAA4B,GAAG;IACnC,GAAGF,KAAK;IACRG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEV,kBAAkB;IACxBW,UAAU,EAAEV,oBAAoB;IAChC;AACN;IACMG,KAAK,EAAEC,WAAW,IAAIH;EACxB,CAAC;EAED,oBACEH,IAAA,CAACF,MAAM;IAACU,GAAG,EAAEA,GAAI;IAAA,GAAKC,eAAe;IAAAI,QAAA,EAClCN,KAAK,CAACM;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const captionFontSize = 12;
|
|
@@ -14,14 +14,10 @@ export const Caption = /*#__PURE__*/forwardRef(({
|
|
|
14
14
|
...props
|
|
15
15
|
}, ref) => {
|
|
16
16
|
const theme = useIOTheme();
|
|
17
|
-
const {
|
|
18
|
-
newTypefaceEnabled
|
|
19
|
-
} = useIONewTypeface();
|
|
20
17
|
const CaptionProps = {
|
|
21
18
|
...props,
|
|
22
19
|
dynamicTypeRamp: "caption1",
|
|
23
20
|
// iOS only
|
|
24
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
25
21
|
weight: "Regular",
|
|
26
22
|
size: captionFontSize,
|
|
27
23
|
color: customColor ?? theme["textBody-default"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","captionFontSize","Caption","color","customColor","props","ref","theme","CaptionProps","dynamicTypeRamp","weight","size","textStyle","textTransform","letterSpacing","children"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,eAA2B,GAAG,EAAE;;AAE7C;AACA;AACA;AACA,OAAO,MAAMC,OAAO,gBAAGN,UAAU,CAC/B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,YAAyB,GAAG;IAChC,GAAGH,KAAK;IACRI,eAAe,EAAE,UAAU;IAAE;IAC7BC,MAAM,EAAE,SAAS;IACjBC,IAAI,EAAEV,eAAe;IACrBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,kBAAkB,CAAC;IAC/CK,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACEd,IAAA,CAACF,MAAM;IAACQ,GAAG,EAAEA,GAAI;IAAA,GAAKE,YAAY;IAAAO,QAAA,EAC/BV,KAAK,CAACU;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const h1FontSize = 28;
|
|
@@ -15,14 +15,10 @@ export const H1 = /*#__PURE__*/forwardRef(({
|
|
|
15
15
|
...props
|
|
16
16
|
}, ref) => {
|
|
17
17
|
const theme = useIOTheme();
|
|
18
|
-
const {
|
|
19
|
-
newTypefaceEnabled
|
|
20
|
-
} = useIONewTypeface();
|
|
21
18
|
const H1Props = {
|
|
22
19
|
...props,
|
|
23
20
|
dynamicTypeRamp: "largeTitle",
|
|
24
21
|
// iOS only
|
|
25
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
26
22
|
weight: "Semibold",
|
|
27
23
|
size: h1FontSize,
|
|
28
24
|
lineHeight: h1LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","h1FontSize","h1LineHeight","H1","color","customColor","props","ref","theme","H1Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGP,UAAU,CAC1B,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,MAAMY,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,YAAY;IAAE;IAC/BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEX,UAAU;IAChBY,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACER,IAAA,CAACF,MAAM;IAACS,GAAG,EAAEA,GAAI;IAAA,GAAKE,OAAO;IAAAK,QAAA,EAC1BR,KAAK,CAACQ;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const h2FontSize = 26;
|
|
@@ -16,14 +16,10 @@ export const H2 = /*#__PURE__*/forwardRef(({
|
|
|
16
16
|
...props
|
|
17
17
|
}, ref) => {
|
|
18
18
|
const theme = useIOTheme();
|
|
19
|
-
const {
|
|
20
|
-
newTypefaceEnabled
|
|
21
|
-
} = useIONewTypeface();
|
|
22
19
|
const H2Props = {
|
|
23
20
|
...props,
|
|
24
21
|
dynamicTypeRamp: "title1",
|
|
25
22
|
// iOS only
|
|
26
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
27
23
|
weight: customWeight ?? "Semibold",
|
|
28
24
|
size: h2FontSize,
|
|
29
25
|
lineHeight: h2LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","h2FontSize","h2LineHeight","H2","weight","customWeight","color","customColor","props","ref","theme","H2Props","dynamicTypeRamp","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMtE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGP,UAAU,CAC1B,CACE;EAAEQ,MAAM,EAAEC,YAAY;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EACtDC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGb,UAAU,CAAC,CAAC;EAE1B,MAAMc,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,QAAQ;IAAE;IAC3BR,MAAM,EAAEC,YAAY,IAAI,UAAU;IAClCQ,IAAI,EAAEZ,UAAU;IAChBa,UAAU,EAAEZ,YAAY;IACxBI,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEV,IAAA,CAACF,MAAM;IAACW,GAAG,EAAEA,GAAI;IAAA,GAAKE,OAAO;IAAAI,QAAA,EAC1BP,KAAK,CAACO;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
|
|
7
7
|
/* Common typographic styles */
|
|
@@ -17,14 +17,10 @@ export const H3 = /*#__PURE__*/forwardRef(({
|
|
|
17
17
|
...props
|
|
18
18
|
}, ref) => {
|
|
19
19
|
const theme = useIOTheme();
|
|
20
|
-
const {
|
|
21
|
-
newTypefaceEnabled
|
|
22
|
-
} = useIONewTypeface();
|
|
23
20
|
const H3Props = {
|
|
24
21
|
...props,
|
|
25
22
|
dynamicTypeRamp: "title2",
|
|
26
23
|
// iOS only
|
|
27
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
28
24
|
weight: "Semibold",
|
|
29
25
|
size: h3FontSize,
|
|
30
26
|
lineHeight: h3LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","h3FontSize","h3LineHeight","H3","color","customColor","props","ref","theme","H3Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;;AAErE;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGP,UAAU,CAC1B,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,MAAMY,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,QAAQ;IAAE;IAC3BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEX,UAAU;IAChBY,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACER,IAAA,CAACF,MAAM;IAACS,GAAG,EAAEA,GAAI;IAAA,GAAKE,OAAO;IAAAK,QAAA,EAC1BR,KAAK,CAACQ;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const h4FontSize = 20;
|
|
@@ -15,14 +15,10 @@ export const H4 = /*#__PURE__*/forwardRef(({
|
|
|
15
15
|
...props
|
|
16
16
|
}, ref) => {
|
|
17
17
|
const theme = useIOTheme();
|
|
18
|
-
const {
|
|
19
|
-
newTypefaceEnabled
|
|
20
|
-
} = useIONewTypeface();
|
|
21
18
|
const H4Props = {
|
|
22
19
|
...props,
|
|
23
20
|
dynamicTypeRamp: "title3",
|
|
24
21
|
// iOS only
|
|
25
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
26
22
|
weight: "Semibold",
|
|
27
23
|
size: h4FontSize,
|
|
28
24
|
lineHeight: h4LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","h4FontSize","h4LineHeight","H4","color","customColor","props","ref","theme","H4Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGP,UAAU,CAC1B,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,MAAMY,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,QAAQ;IAAE;IAC3BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEX,UAAU;IAChBY,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACER,IAAA,CAACF,MAAM;IAACS,GAAG,EAAEA,GAAI;IAAA,GAAKE,OAAO;IAAAK,QAAA,EAC1BR,KAAK,CAACQ;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const h5FontSize = 14;
|
|
@@ -15,14 +15,10 @@ export const H5 = /*#__PURE__*/forwardRef(({
|
|
|
15
15
|
...props
|
|
16
16
|
}, ref) => {
|
|
17
17
|
const theme = useIOTheme();
|
|
18
|
-
const {
|
|
19
|
-
newTypefaceEnabled
|
|
20
|
-
} = useIONewTypeface();
|
|
21
18
|
const H5Props = {
|
|
22
19
|
...props,
|
|
23
20
|
dynamicTypeRamp: "subheadline",
|
|
24
21
|
// iOS only
|
|
25
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
26
22
|
weight: "Semibold",
|
|
27
23
|
size: h5FontSize,
|
|
28
24
|
lineHeight: h5LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","h5FontSize","h5LineHeight","H5","color","customColor","props","ref","theme","H5Props","dynamicTypeRamp","weight","size","lineHeight","textStyle","textTransform","letterSpacing","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGP,UAAU,CAC1B,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,MAAMY,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,aAAa;IAAE;IAChCC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEX,UAAU;IAChBY,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB,CAAC;IAClDM,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACEhB,IAAA,CAACF,MAAM;IAACS,GAAG,EAAEA,GAAI;IAAA,GAAKE,OAAO;IAAAQ,QAAA,EAC1BX,KAAK,CAACW;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -25,7 +25,6 @@ export const H6 = /*#__PURE__*/forwardRef(({
|
|
|
25
25
|
...props,
|
|
26
26
|
dynamicTypeRamp: "headline",
|
|
27
27
|
// iOS only
|
|
28
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
29
28
|
weight: "Semibold",
|
|
30
29
|
size: newTypefaceEnabled ? h6FontSize : legacyFontSize,
|
|
31
30
|
lineHeight: h6LineHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useIONewTypeface","useIOTheme","IOText","jsx","_jsx","h6FontSize","h6LineHeight","legacyFontSize","H6","color","customColor","props","ref","theme","newTypefaceEnabled","H6Props","dynamicTypeRamp","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIONewTypeface","useIOTheme","IOText","jsx","_jsx","h6FontSize","h6LineHeight","legacyFontSize","H6","color","customColor","props","ref","theme","newTypefaceEnabled","H6Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAE5D,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA,MAAMC,cAA0B,GAAG,EAAE;;AAErC;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGT,UAAU,CAC1B,CAAC;EAAEU,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGZ,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAmB,CAAC,GAAGd,gBAAgB,CAAC,CAAC;EAEjD,MAAMe,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU;IAAE;IAC7BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEJ,kBAAkB,GAAGT,UAAU,GAAGE,cAAc;IACtDY,UAAU,EAAEb,YAAY;IACxBG,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACET,IAAA,CAACF,MAAM;IAACU,GAAG,EAAEA,GAAI;IAAA,GAAKG,OAAO;IAAAK,QAAA,EAC1BT,KAAK,CAACS;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../context";
|
|
5
5
|
import { IOText } from "./IOText";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const heroFontSize = 32;
|
|
@@ -15,12 +15,8 @@ export const Hero = /*#__PURE__*/forwardRef(({
|
|
|
15
15
|
...props
|
|
16
16
|
}, ref) => {
|
|
17
17
|
const theme = useIOTheme();
|
|
18
|
-
const {
|
|
19
|
-
newTypefaceEnabled
|
|
20
|
-
} = useIONewTypeface();
|
|
21
18
|
const HeroProps = {
|
|
22
19
|
...props,
|
|
23
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
24
20
|
weight: "Semibold",
|
|
25
21
|
size: 32,
|
|
26
22
|
lineHeight: 48,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useIOTheme","IOText","jsx","_jsx","heroFontSize","heroLineHeight","Hero","color","customColor","props","ref","theme","HeroProps","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAEhD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SAASC,MAAM,QAA4C,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,YAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,cAAc,GAAG,EAAE;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGP,UAAU,CAC5B,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,MAAMY,SAAsB,GAAG;IAC7B,GAAGH,KAAK;IACRI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdR,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACER,IAAA,CAACF,MAAM;IAACS,GAAG,EAAEA,GAAI;IAAA,GAAKE,SAAS;IAAAI,QAAA,EAC5BP,KAAK,CAACO;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { forwardRef, useMemo } from "react";
|
|
4
4
|
import { Text } from "react-native";
|
|
5
5
|
import Animated from "react-native-reanimated";
|
|
6
|
-
import { useIOTheme } from "../../context";
|
|
6
|
+
import { useIONewTypeface, useIOTheme } from "../../context";
|
|
7
7
|
import { IOColors } from "../../core";
|
|
8
8
|
import { useBoldTextEnabled } from "../../utils/accessibility";
|
|
9
9
|
import { IOMaxFontSizeMultiplier, makeFontStyleObject } from "../../utils/fonts";
|
|
@@ -57,7 +57,11 @@ export const IOText = /*#__PURE__*/forwardRef(({
|
|
|
57
57
|
}, ref) => {
|
|
58
58
|
const theme = useIOTheme();
|
|
59
59
|
const boldEnabled = useBoldTextEnabled();
|
|
60
|
-
const
|
|
60
|
+
const {
|
|
61
|
+
newTypefaceEnabled
|
|
62
|
+
} = useIONewTypeface();
|
|
63
|
+
const computedFont = font || (newTypefaceEnabled ? "Titillio" : "TitilliumSansPro");
|
|
64
|
+
const computedStyleObj = useMemo(() => calculateTextStyle(color ?? theme["textBody-default"], size, computedFont, lineHeight, weight, fontStyle, boldEnabled), [color, theme, size, computedFont, lineHeight, weight, fontStyle, boldEnabled]);
|
|
61
65
|
|
|
62
66
|
/* In some cases, for example when we use color transitions with
|
|
63
67
|
`reanimated` we need to manage chromatic values as `ColorValue`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","Text","Animated","useIOTheme","IOColors","useBoldTextEnabled","IOMaxFontSizeMultiplier","makeFontStyleObject","jsx","_jsx","calculateTextStyle","color","args","IOText","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","props","ref","theme","boldEnabled","computedStyleObj","fontStyleObj","styleObj","accessibleFontSizeProps","AnimatedIOText","createAnimatedComponent"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":";;AAAA,SAAyBA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3D,SAIEC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,UAAU,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","Text","Animated","useIONewTypeface","useIOTheme","IOColors","useBoldTextEnabled","IOMaxFontSizeMultiplier","makeFontStyleObject","jsx","_jsx","calculateTextStyle","color","args","IOText","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","props","ref","theme","boldEnabled","newTypefaceEnabled","computedFont","computedStyleObj","fontStyleObj","styleObj","accessibleFontSizeProps","AnimatedIOText","createAnimatedComponent"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":";;AAAA,SAAyBA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3D,SAIEC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAC5D,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,SAGEC,uBAAuB,EACvBC,mBAAmB,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAcA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAGA,CACzBC,KAAe,EACf,GAAGC,IAA4C,MAC3C;EACJ,GAAGL,mBAAmB,CAAC,GAAGK,IAAI,CAAC;EAC/BD,KAAK,EAAEP,QAAQ,CAACO,KAAK;AACvB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,MAAM,gBAAGf,UAAU,CAC9B,CACE;EACEa,KAAK;EACLG,IAAI;EACJC,IAAI;EACJC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,gBAAgB,GAAG,IAAI;EACvBC,qBAAqB;EACrB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,KAAK,GAAGvB,UAAU,CAAC,CAAC;EAC1B,MAAMwB,WAAW,GAAGtB,kBAAkB,CAAC,CAAC;EACxC,MAAM;IAAEuB;EAAmB,CAAC,GAAG1B,gBAAgB,CAAC,CAAC;EAEjD,MAAM2B,YAAY,GAChBd,IAAI,KAAKa,kBAAkB,GAAG,UAAU,GAAG,kBAAkB,CAAC;EAEhE,MAAME,gBAAgB,GAAG/B,OAAO,CAC9B,MACEW,kBAAkB,CAChBC,KAAK,IAAIe,KAAK,CAAC,kBAAkB,CAAC,EAClCZ,IAAI,EACJe,YAAY,EACZb,UAAU,EACVC,MAAM,EACNC,SAAS,EACTS,WACF,CAAC,EACH,CACEhB,KAAK,EACLe,KAAK,EACLZ,IAAI,EACJe,YAAY,EACZb,UAAU,EACVC,MAAM,EACNC,SAAS,EACTS,WAAW,CAEf,CAAC;;EAED;AACJ;AACA;AACA;AACA;AACA;EACI,MAAMI,YAAY,GAAGX,KAAK,EAAET,KAAK,GAC7B,CAAC;IAAE,GAAGmB,gBAAgB;IAAEnB,KAAK,EAAES,KAAK,EAAET;EAAM,CAAC,CAAC,GAC9CmB,gBAAgB;;EAEpB;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAME,QAAQ,GAAGZ,KAAK,GAClB,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEY,YAAY,IAAI,CAAC,CAAC,EAAEX,KAAK,CAAC,GAC5C,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEY,YAAY,IAAI,CAAC,CAAC,CAAC;;EAEzC;EACA,MAAME,uBAAoD,GAAG;IAC3DX,gBAAgB;IAChBC,qBAAqB,EAAEA,qBAAqB,IAAIjB;EAClD,CAAC;EAED,oBACEG,IAAA,CAACT,IAAI;IAACyB,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEY,QAAS;IAAA,GAAKR,KAAK;IAAA,GAAMS,uBAAuB;IAAAZ,QAAA,EACpEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAED,OAAO,MAAMa,cAAc,GAAGjC,QAAQ,CAACkC,uBAAuB,CAACtB,MAAM,CAAC","ignoreList":[]}
|
|
@@ -2,12 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import { Pressable } from "react-native";
|
|
5
|
-
import {
|
|
5
|
+
import { useIOTheme } from "../../context";
|
|
6
6
|
import { IOText } from "./IOText";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
const fontName = "Titillio";
|
|
9
|
-
const legacyFontName = "TitilliumSansPro";
|
|
10
|
-
|
|
11
8
|
/**
|
|
12
9
|
* `LabelMini` typographic style
|
|
13
10
|
*/
|
|
@@ -21,15 +18,11 @@ export const LabelMini = /*#__PURE__*/forwardRef(({
|
|
|
21
18
|
...props
|
|
22
19
|
}, ref) => {
|
|
23
20
|
const theme = useIOTheme();
|
|
24
|
-
const {
|
|
25
|
-
newTypefaceEnabled
|
|
26
|
-
} = useIONewTypeface();
|
|
27
21
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
28
22
|
const LabelMiniProps = {
|
|
29
23
|
...props,
|
|
30
24
|
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
31
|
-
|
|
32
|
-
weight: customWeight ? customWeight : "Semibold",
|
|
25
|
+
weight: customWeight || "Semibold",
|
|
33
26
|
size: 12,
|
|
34
27
|
lineHeight: 18,
|
|
35
28
|
color: customColor ?? defaultColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","useIOTheme","IOText","jsx","_jsx","LabelMini","weight","customWeight","color","customColor","asLink","accessibilityRole","textStyle","customTextStyle","onPress","props","ref","theme","defaultColor","LabelMiniProps","dynamicTypeRamp","size","lineHeight","textDecorationLine","children"],"sourceRoot":"../../../../src","sources":["components/typography/LabelMini.tsx"],"mappings":";;AAAA,SAAuBA,UAAU,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAc,cAAc;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C,SACEC,MAAM,QAID,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMlB;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGN,UAAU,CACjC,CACE;EACEO,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM;EACNC,iBAAiB,GAAG,MAAM;EAC1BC,SAAS,EAAEC,eAAe;EAC1BC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGhB,UAAU,CAAC,CAAC;EAE1B,MAAMiB,YAAY,GAAGR,MAAM,GACvBO,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAME,cAA2B,GAAG;IAClC,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU,CAAC;IAC5Bd,MAAM,EAAEC,YAAY,IAAI,UAAU;IAClCc,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdd,KAAK,EAAEC,WAAW,IAAIS,YAAY;IAClC,IAAIR,MAAM,GACN;MACEC,iBAAiB;MACjBC,SAAS,EAAEC,eAAe,IAAI;QAAEU,kBAAkB,EAAE;MAAY;IAClE,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,IAAIb,MAAM,EAAE;IACV,oBACEN,IAAA,CAACJ,SAAS;MACRc,OAAO,EAAEA,OAAQ;MACjBE,GAAG,EAAEA,GAAI;MACTL,iBAAiB,EAAEA,iBAAkB;MAAAa,QAAA,eAErCpB,IAAA,CAACF,MAAM;QAAA,GAAKiB,cAAc;QAAAK,QAAA,EAAGT,KAAK,CAACS;MAAQ,CAAS;IAAC,CAC5C,CAAC;EAEhB;EAEA,oBACEpB,IAAA,CAACF,MAAM;IAACc,GAAG,EAAEA,GAAI;IAAA,GAAKG,cAAc;IAAAK,QAAA,EACjCT,KAAK,CAACS;EAAQ,CACT,CAAC;AAEb,CACF,CAAC","ignoreList":[]}
|