@pagopa/io-app-design-system 7.0.2 → 7.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/alert/Alert.js +6 -5
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +7 -6
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/buttons/IOButton/IOButton.js +10 -8
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/commonjs/components/layout/ContentWrapper.js +5 -4
- package/lib/commonjs/components/layout/ContentWrapper.js.map +1 -1
- package/lib/commonjs/components/otpInput/OTPInput.js +6 -4
- package/lib/commonjs/components/otpInput/OTPInput.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +8 -6
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +6 -4
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +8 -4
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputValidation.js +5 -3
- package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +8 -5
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodyMonospace.js +4 -5
- package/lib/commonjs/components/typography/BodyMonospace.js.map +1 -1
- package/lib/commonjs/components/typography/BodySmall.js +8 -5
- package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +4 -5
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +4 -5
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +4 -5
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +4 -5
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +4 -5
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +4 -5
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +4 -5
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +4 -5
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +4 -5
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js +16 -14
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +8 -5
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH1.js +4 -5
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +4 -5
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +4 -5
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/context/IOThemeContextProvider.js +3 -4
- package/lib/commonjs/context/IOThemeContextProvider.js.map +1 -1
- package/lib/module/components/alert/Alert.js +5 -5
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/banner/Banner.js +6 -6
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +10 -9
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/module/components/layout/ContentWrapper.js +4 -4
- package/lib/module/components/layout/ContentWrapper.js.map +1 -1
- package/lib/module/components/otpInput/OTPInput.js +6 -5
- package/lib/module/components/otpInput/OTPInput.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +8 -7
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +6 -5
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +8 -4
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/textInput/TextInputValidation.js +5 -4
- package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/module/components/typography/Body.js +7 -5
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodyMonospace.js +3 -5
- package/lib/module/components/typography/BodyMonospace.js.map +1 -1
- package/lib/module/components/typography/BodySmall.js +7 -5
- package/lib/module/components/typography/BodySmall.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +3 -5
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +3 -5
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/H1.js +3 -5
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +3 -5
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +3 -5
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +3 -5
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +3 -5
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +3 -5
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +3 -5
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/IOText.js +16 -15
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +7 -5
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH1.js +3 -5
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +3 -5
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +3 -5
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/context/IOThemeContextProvider.js +3 -4
- package/lib/module/context/IOThemeContextProvider.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts +3 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts +3 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts +3 -2
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts.map +1 -1
- package/lib/typescript/components/layout/ContentWrapper.d.ts +10 -6
- package/lib/typescript/components/layout/ContentWrapper.d.ts.map +1 -1
- package/lib/typescript/components/otpInput/OTPInput.d.ts +3 -1
- package/lib/typescript/components/otpInput/OTPInput.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts +3 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts +3 -11
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts +2 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputValidation.d.ts +13 -24
- package/lib/typescript/components/textInput/TextInputValidation.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts +4 -2
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +2 -8
- package/lib/typescript/components/typography/BodyMonospace.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodySmall.d.ts +4 -2
- package/lib/typescript/components/typography/BodySmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +2 -8
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +2 -8
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts +2 -8
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +6 -10
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +2 -8
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts +2 -8
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts +2 -8
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts +2 -8
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +2 -8
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +5 -5
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts +4 -2
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +2 -8
- package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +2 -8
- package/lib/typescript/components/typography/markdown/MdH2.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +2 -8
- package/lib/typescript/components/typography/markdown/MdH3.d.ts.map +1 -1
- package/lib/typescript/context/IOThemeContextProvider.d.ts.map +1 -1
- package/package.json +6 -7
- package/src/components/alert/Alert.tsx +108 -112
- package/src/components/banner/Banner.tsx +121 -125
- package/src/components/buttons/IOButton/IOButton.tsx +204 -216
- package/src/components/layout/ContentWrapper.tsx +21 -24
- package/src/components/otpInput/OTPInput.tsx +156 -167
- package/src/components/searchInput/SearchInput.tsx +208 -217
- package/src/components/tabs/TabItem.tsx +143 -146
- package/src/components/textInput/TextInputBase.tsx +13 -4
- package/src/components/textInput/TextInputValidation.tsx +122 -122
- package/src/components/typography/Body.tsx +51 -52
- package/src/components/typography/BodyMonospace.tsx +19 -24
- package/src/components/typography/BodySmall.tsx +51 -52
- package/src/components/typography/ButtonText.tsx +14 -20
- package/src/components/typography/Caption.tsx +18 -23
- package/src/components/typography/H1.tsx +12 -20
- package/src/components/typography/H2.tsx +16 -23
- package/src/components/typography/H3.tsx +12 -20
- package/src/components/typography/H4.tsx +12 -20
- package/src/components/typography/H5.tsx +16 -24
- package/src/components/typography/H6.tsx +13 -21
- package/src/components/typography/Hero.tsx +14 -19
- package/src/components/typography/IOText.tsx +54 -59
- package/src/components/typography/LabelMini.tsx +45 -49
- package/src/components/typography/markdown/MdH1.tsx +14 -19
- package/src/components/typography/markdown/MdH2.tsx +14 -19
- package/src/components/typography/markdown/MdH3.tsx +14 -19
- package/src/context/IOThemeContextProvider.tsx +4 -12
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { Pressable } from "react-native";
|
|
5
4
|
import { useIOTheme } from "../../context";
|
|
6
5
|
import { IOText } from "./IOText";
|
|
@@ -11,7 +10,8 @@ export const bodyLineHeight = 24;
|
|
|
11
10
|
/**
|
|
12
11
|
* `Body` typographic style
|
|
13
12
|
*/
|
|
14
|
-
export const Body =
|
|
13
|
+
export const Body = ({
|
|
14
|
+
ref,
|
|
15
15
|
weight: customWeight,
|
|
16
16
|
color: customColor,
|
|
17
17
|
asLink,
|
|
@@ -20,7 +20,7 @@ export const Body = /*#__PURE__*/forwardRef(({
|
|
|
20
20
|
textStyle: customTextStyle,
|
|
21
21
|
onPress,
|
|
22
22
|
...props
|
|
23
|
-
}
|
|
23
|
+
}) => {
|
|
24
24
|
const theme = useIOTheme();
|
|
25
25
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
26
26
|
const BodyProps = {
|
|
@@ -39,6 +39,9 @@ export const Body = /*#__PURE__*/forwardRef(({
|
|
|
39
39
|
} : {})
|
|
40
40
|
};
|
|
41
41
|
if (asLink && !avoidPressable) {
|
|
42
|
+
// TODO: If Pressable is replaced with `onPress` on IOText, ref would
|
|
43
|
+
// always point to a Text node and the Ref<View> override in the prop
|
|
44
|
+
// type can be removed entirely.
|
|
42
45
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
43
46
|
onPress: onPress,
|
|
44
47
|
ref: ref,
|
|
@@ -50,10 +53,9 @@ export const Body = /*#__PURE__*/forwardRef(({
|
|
|
50
53
|
});
|
|
51
54
|
}
|
|
52
55
|
return /*#__PURE__*/_jsx(IOText, {
|
|
53
|
-
ref: ref,
|
|
54
56
|
...BodyProps,
|
|
55
57
|
onPress: asLink && avoidPressable ? onPress : undefined,
|
|
56
58
|
children: props.children
|
|
57
59
|
});
|
|
58
|
-
}
|
|
60
|
+
};
|
|
59
61
|
//# sourceMappingURL=Body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Pressable","useIOTheme","IOText","jsx","_jsx","bodyFontSize","bodyLineHeight","Body","ref","weight","customWeight","color","customColor","asLink","avoidPressable","accessibilityRole","textStyle","customTextStyle","onPress","props","theme","defaultColor","BodyProps","dynamicTypeRamp","size","lineHeight","textDecorationLine","children","undefined"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAc,cAAc;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C,SACEC,MAAM,QAID,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlB,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAGA,CAAC;EACnBC,GAAG;EACHC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM;EACNC,cAAc;EACdC,iBAAiB,GAAG,MAAM;EAC1BC,SAAS,EAAEC,eAAe;EAC1BC,OAAO;EACP,GAAGC;AACW,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGnB,UAAU,CAAC,CAAC;EAE1B,MAAMoB,YAAY,GAAGR,MAAM,GACvBO,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAME,SAAsB,GAAG;IAC7B,GAAGH,KAAK;IACRI,eAAe,EAAE,MAAM;IAAE;IACzBd,MAAM,EAAEC,YAAY,IAAI,SAAS;IACjCc,IAAI,EAAEnB,YAAY;IAClBoB,UAAU,EAAEnB,cAAc;IAC1BK,KAAK,EAAEC,WAAW,IAAIS,YAAY;IAClC,IAAIR,MAAM,GACN;MACEE,iBAAiB;MACjBC,SAAS,EAAEC,eAAe,IAAI;QAAES,kBAAkB,EAAE;MAAY;IAClE,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,IAAIb,MAAM,IAAI,CAACC,cAAc,EAAE;IAC7B;IACA;IACA;IACA,oBACEV,IAAA,CAACJ,SAAS;MACRkB,OAAO,EAAEA,OAAQ;MACjBV,GAAG,EAAEA,GAAI;MACTO,iBAAiB,EAAEA,iBAAkB;MAAAY,QAAA,eAErCvB,IAAA,CAACF,MAAM;QAAA,GAAKoB,SAAS;QAAAK,QAAA,EAAGR,KAAK,CAACQ;MAAQ,CAAS;IAAC,CACvC,CAAC;EAEhB;EAEA,oBACEvB,IAAA,CAACF,MAAM;IAAA,GACDoB,SAAS;IACbJ,OAAO,EAAEL,MAAM,IAAIC,cAAc,GAAGI,OAAO,GAAGU,SAAU;IAAAD,QAAA,EAEvDR,KAAK,CAACQ;EAAQ,CACT,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { bodyFontSize, bodyLineHeight } from "./Body";
|
|
6
5
|
import { IOText } from "./IOText";
|
|
@@ -9,10 +8,10 @@ import { IOText } from "./IOText";
|
|
|
9
8
|
* `BodyMonospace` typographic style
|
|
10
9
|
*/
|
|
11
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
export const BodyMonospace =
|
|
11
|
+
export const BodyMonospace = ({
|
|
13
12
|
color: customColor,
|
|
14
13
|
...props
|
|
15
|
-
}
|
|
14
|
+
}) => {
|
|
16
15
|
const theme = useIOTheme();
|
|
17
16
|
const BodyProps = {
|
|
18
17
|
...props,
|
|
@@ -28,9 +27,8 @@ export const BodyMonospace = /*#__PURE__*/forwardRef(({
|
|
|
28
27
|
}
|
|
29
28
|
};
|
|
30
29
|
return /*#__PURE__*/_jsx(IOText, {
|
|
31
|
-
ref: ref,
|
|
32
30
|
...BodyProps,
|
|
33
31
|
children: props.children
|
|
34
32
|
});
|
|
35
|
-
}
|
|
33
|
+
};
|
|
36
34
|
//# sourceMappingURL=BodyMonospace.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","bodyFontSize","bodyLineHeight","IOText","jsx","_jsx","BodyMonospace","color","customColor","props","theme","BodyProps","dynamicTypeRamp","font","weight","size","lineHeight","textStyle","letterSpacing","children"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,YAAY,EAAEC,cAAc,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAA4C,UAAU;;AAErE;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,SAAsB,GAAG;IAC7B,GAAGF,KAAK;IACRG,eAAe,EAAE,MAAM;IAAE;IACzBC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE,QAAQ;IAChBC,IAAI,EAAEd,YAAY;IAClBe,UAAU,EAAEd,cAAc;IAC1BK,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,mBAAmB,CAAC;IAChDO,SAAS,EAAE;MACTC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBAAOb,IAAA,CAACF,MAAM;IAAA,GAAKQ,SAAS;IAAAQ,QAAA,EAAGV,KAAK,CAACU;EAAQ,CAAS,CAAC;AACzD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { Pressable } from "react-native";
|
|
5
4
|
import { useIOTheme } from "../../context";
|
|
6
5
|
import { IOText } from "./IOText";
|
|
@@ -11,7 +10,8 @@ export const bodySmallLineHeight = 21;
|
|
|
11
10
|
/**
|
|
12
11
|
* `BodySmall` typographic style
|
|
13
12
|
*/
|
|
14
|
-
export const BodySmall =
|
|
13
|
+
export const BodySmall = ({
|
|
14
|
+
ref,
|
|
15
15
|
weight: customWeight,
|
|
16
16
|
color: customColor,
|
|
17
17
|
asLink,
|
|
@@ -20,7 +20,7 @@ export const BodySmall = /*#__PURE__*/forwardRef(({
|
|
|
20
20
|
textStyle: customTextStyle,
|
|
21
21
|
onPress,
|
|
22
22
|
...props
|
|
23
|
-
}
|
|
23
|
+
}) => {
|
|
24
24
|
const theme = useIOTheme();
|
|
25
25
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
26
26
|
const BodySmallProps = {
|
|
@@ -38,6 +38,9 @@ export const BodySmall = /*#__PURE__*/forwardRef(({
|
|
|
38
38
|
} : {})
|
|
39
39
|
};
|
|
40
40
|
if (asLink && !avoidPressable) {
|
|
41
|
+
// TODO: If Pressable is replaced with `onPress` on IOText, ref would
|
|
42
|
+
// always point to a Text node and the Ref<View> override in the prop
|
|
43
|
+
// type can be removed entirely.
|
|
41
44
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
42
45
|
onPress: onPress,
|
|
43
46
|
ref: ref,
|
|
@@ -49,10 +52,9 @@ export const BodySmall = /*#__PURE__*/forwardRef(({
|
|
|
49
52
|
});
|
|
50
53
|
}
|
|
51
54
|
return /*#__PURE__*/_jsx(IOText, {
|
|
52
|
-
ref: ref,
|
|
53
55
|
...BodySmallProps,
|
|
54
56
|
onPress: asLink && avoidPressable ? onPress : undefined,
|
|
55
57
|
children: props.children
|
|
56
58
|
});
|
|
57
|
-
}
|
|
59
|
+
};
|
|
58
60
|
//# sourceMappingURL=BodySmall.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Pressable","useIOTheme","IOText","jsx","_jsx","bodySmallFontSize","bodySmallLineHeight","BodySmall","ref","weight","customWeight","color","customColor","asLink","avoidPressable","accessibilityRole","textStyle","customTextStyle","onPress","props","theme","defaultColor","BodySmallProps","dynamicTypeRamp","size","lineHeight","textDecorationLine","children","undefined"],"sourceRoot":"../../../../src","sources":["components/typography/BodySmall.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAc,cAAc;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C,SACEC,MAAM,QAID,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlB,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,mBAAmB,GAAG,EAAE;;AAErC;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACxBC,GAAG;EACHC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM;EACNC,cAAc;EACdC,iBAAiB,GAAG,MAAM;EAC1BC,SAAS,EAAEC,eAAe;EAC1BC,OAAO;EACP,GAAGC;AACW,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGnB,UAAU,CAAC,CAAC;EAE1B,MAAMoB,YAAY,GAAGR,MAAM,GACvBO,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAME,cAA2B,GAAG;IAClC,GAAGH,KAAK;IACRI,eAAe,EAAE,UAAU,CAAC;IAC5Bd,MAAM,EAAEC,YAAY,IAAI,SAAS;IACjCc,IAAI,EAAEnB,iBAAiB;IACvBoB,UAAU,EAAEnB,mBAAmB;IAC/BK,KAAK,EAAEC,WAAW,IAAIS,YAAY;IAClC,IAAIR,MAAM,GACN;MACEE,iBAAiB;MACjBC,SAAS,EAAEC,eAAe,IAAI;QAAES,kBAAkB,EAAE;MAAY;IAClE,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,IAAIb,MAAM,IAAI,CAACC,cAAc,EAAE;IAC7B;IACA;IACA;IACA,oBACEV,IAAA,CAACJ,SAAS;MACRkB,OAAO,EAAEA,OAAQ;MACjBV,GAAG,EAAEA,GAAI;MACTO,iBAAiB,EAAEA,iBAAkB;MAAAY,QAAA,eAErCvB,IAAA,CAACF,MAAM;QAAA,GAAKoB,cAAc;QAAAK,QAAA,EAAGR,KAAK,CAACQ;MAAQ,CAAS;IAAC,CAC5C,CAAC;EAEhB;EAEA,oBACEvB,IAAA,CAACF,MAAM;IAAA,GACDoB,cAAc;IAClBJ,OAAO,EAAEL,MAAM,IAAIC,cAAc,GAAGI,OAAO,GAAGU,SAAU;IAAAD,QAAA,EAEvDR,KAAK,CAACQ;EAAQ,CACT,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { IOText } from "./IOText";
|
|
5
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
5
|
export const buttonTextFontSize = 16;
|
|
@@ -13,10 +12,10 @@ const defaultColor = "white";
|
|
|
13
12
|
/**
|
|
14
13
|
* `ButtonText` typographic style
|
|
15
14
|
*/
|
|
16
|
-
export const ButtonText =
|
|
15
|
+
export const ButtonText = ({
|
|
17
16
|
color: customColor,
|
|
18
17
|
...props
|
|
19
|
-
}
|
|
18
|
+
}) => {
|
|
20
19
|
const ButtonTextProps = {
|
|
21
20
|
...props,
|
|
22
21
|
weight: "Semibold",
|
|
@@ -27,9 +26,8 @@ export const ButtonText = /*#__PURE__*/forwardRef(({
|
|
|
27
26
|
color: customColor ?? defaultColor
|
|
28
27
|
};
|
|
29
28
|
return /*#__PURE__*/_jsx(IOText, {
|
|
30
|
-
ref: ref,
|
|
31
29
|
...ButtonTextProps,
|
|
32
30
|
children: props.children
|
|
33
31
|
});
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
//# sourceMappingURL=ButtonText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["IOText","jsx","_jsx","buttonTextFontSize","buttonTextLineHeight","defaultColor","ButtonText","color","customColor","props","ButtonTextProps","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";;AAEA,SAASA,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,GAAGA,CAAC;EACzBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,eAA4B,GAAG;IACnC,GAAGD,KAAK;IACRE,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAET,kBAAkB;IACxBU,UAAU,EAAET,oBAAoB;IAChC;AACJ;IACIG,KAAK,EAAEC,WAAW,IAAIH;EACxB,CAAC;EAED,oBAAOH,IAAA,CAACF,MAAM;IAAA,GAAKU,eAAe;IAAAI,QAAA,EAAGL,KAAK,CAACK;EAAQ,CAAS,CAAC;AAC/D,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -9,10 +8,10 @@ export const captionFontSize = 12;
|
|
|
9
8
|
/**
|
|
10
9
|
* `Caption` typographic style
|
|
11
10
|
*/
|
|
12
|
-
export const Caption =
|
|
11
|
+
export const Caption = ({
|
|
13
12
|
color: customColor,
|
|
14
13
|
...props
|
|
15
|
-
}
|
|
14
|
+
}) => {
|
|
16
15
|
const theme = useIOTheme();
|
|
17
16
|
const CaptionProps = {
|
|
18
17
|
...props,
|
|
@@ -27,9 +26,8 @@ export const Caption = /*#__PURE__*/forwardRef(({
|
|
|
27
26
|
}
|
|
28
27
|
};
|
|
29
28
|
return /*#__PURE__*/_jsx(IOText, {
|
|
30
|
-
ref: ref,
|
|
31
29
|
...CaptionProps,
|
|
32
30
|
children: props.children
|
|
33
31
|
});
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
//# sourceMappingURL=Caption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","captionFontSize","Caption","color","customColor","props","theme","CaptionProps","dynamicTypeRamp","weight","size","textStyle","textTransform","letterSpacing","children"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EACtBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAE1B,MAAMU,YAAyB,GAAG;IAChC,GAAGF,KAAK;IACRG,eAAe,EAAE,UAAU;IAAE;IAC7BC,MAAM,EAAE,SAAS;IACjBC,IAAI,EAAET,eAAe;IACrBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,kBAAkB,CAAC;IAC/CK,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBAAOb,IAAA,CAACF,MAAM;IAAA,GAAKS,YAAY;IAAAO,QAAA,EAAGT,KAAK,CAACS;EAAQ,CAAS,CAAC;AAC5D,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -10,10 +9,10 @@ export const h1LineHeight = 42;
|
|
|
10
9
|
/**
|
|
11
10
|
* `H1` typographic style
|
|
12
11
|
*/
|
|
13
|
-
export const H1 =
|
|
12
|
+
export const H1 = ({
|
|
14
13
|
color: customColor,
|
|
15
14
|
...props
|
|
16
|
-
}
|
|
15
|
+
}) => {
|
|
17
16
|
const theme = useIOTheme();
|
|
18
17
|
const H1Props = {
|
|
19
18
|
...props,
|
|
@@ -25,9 +24,8 @@ export const H1 = /*#__PURE__*/forwardRef(({
|
|
|
25
24
|
color: customColor ?? theme["textHeading-default"]
|
|
26
25
|
};
|
|
27
26
|
return /*#__PURE__*/_jsx(IOText, {
|
|
28
|
-
ref: ref,
|
|
29
27
|
...H1Props,
|
|
30
28
|
children: props.children
|
|
31
29
|
});
|
|
32
|
-
}
|
|
30
|
+
};
|
|
33
31
|
//# sourceMappingURL=H1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","h1FontSize","h1LineHeight","H1","color","customColor","props","theme","H1Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,OAAoB,GAAG;IAC3B,GAAGF,KAAK;IACRG,eAAe,EAAE,YAAY;IAAE;IAC/BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEV,UAAU;IAChBW,UAAU,EAAEV,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAOP,IAAA,CAACF,MAAM;IAAA,GAAKU,OAAO;IAAAK,QAAA,EAAGP,KAAK,CAACO;EAAQ,CAAS,CAAC;AACvD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -10,11 +9,11 @@ export const h2LineHeight = 34;
|
|
|
10
9
|
/**
|
|
11
10
|
* `H2` typographic style
|
|
12
11
|
*/
|
|
13
|
-
export const H2 =
|
|
12
|
+
export const H2 = ({
|
|
14
13
|
weight: customWeight,
|
|
15
14
|
color: customColor,
|
|
16
15
|
...props
|
|
17
|
-
}
|
|
16
|
+
}) => {
|
|
18
17
|
const theme = useIOTheme();
|
|
19
18
|
const H2Props = {
|
|
20
19
|
...props,
|
|
@@ -26,9 +25,8 @@ export const H2 = /*#__PURE__*/forwardRef(({
|
|
|
26
25
|
color: customColor ?? theme["textHeading-default"]
|
|
27
26
|
};
|
|
28
27
|
return /*#__PURE__*/_jsx(IOText, {
|
|
29
|
-
ref: ref,
|
|
30
28
|
...H2Props,
|
|
31
29
|
children: props.children
|
|
32
30
|
});
|
|
33
|
-
}
|
|
31
|
+
};
|
|
34
32
|
//# sourceMappingURL=H2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","h2FontSize","h2LineHeight","H2","weight","customWeight","color","customColor","props","theme","H2Props","dynamicTypeRamp","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EACjBC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACS,CAAC,KAAK;EAClB,MAAMC,KAAK,GAAGZ,UAAU,CAAC,CAAC;EAE1B,MAAMa,OAAoB,GAAG;IAC3B,GAAGF,KAAK;IACRG,eAAe,EAAE,QAAQ;IAAE;IAC3BP,MAAM,EAAEC,YAAY,IAAI,UAAU;IAClCO,IAAI,EAAEX,UAAU;IAChBY,UAAU,EAAEX,YAAY;IACxBI,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAOT,IAAA,CAACF,MAAM;IAAA,GAAKY,OAAO;IAAAI,QAAA,EAAGN,KAAK,CAACM;EAAQ,CAAS,CAAC;AACvD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
|
|
@@ -12,10 +11,10 @@ export const h3LineHeight = 33;
|
|
|
12
11
|
/**
|
|
13
12
|
* `H3` typographic style
|
|
14
13
|
*/
|
|
15
|
-
export const H3 =
|
|
14
|
+
export const H3 = ({
|
|
16
15
|
color: customColor,
|
|
17
16
|
...props
|
|
18
|
-
}
|
|
17
|
+
}) => {
|
|
19
18
|
const theme = useIOTheme();
|
|
20
19
|
const H3Props = {
|
|
21
20
|
...props,
|
|
@@ -27,9 +26,8 @@ export const H3 = /*#__PURE__*/forwardRef(({
|
|
|
27
26
|
color: customColor ?? theme["textHeading-default"]
|
|
28
27
|
};
|
|
29
28
|
return /*#__PURE__*/_jsx(IOText, {
|
|
30
|
-
ref: ref,
|
|
31
29
|
...H3Props,
|
|
32
30
|
children: props.children
|
|
33
31
|
});
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
//# sourceMappingURL=H3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","h3FontSize","h3LineHeight","H3","color","customColor","props","theme","H3Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,OAAoB,GAAG;IAC3B,GAAGF,KAAK;IACRG,eAAe,EAAE,QAAQ;IAAE;IAC3BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEV,UAAU;IAChBW,UAAU,EAAEV,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAOP,IAAA,CAACF,MAAM;IAAA,GAAKU,OAAO;IAAAK,QAAA,EAAGP,KAAK,CAACO;EAAQ,CAAS,CAAC;AACvD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -10,10 +9,10 @@ export const h4LineHeight = 24;
|
|
|
10
9
|
/**
|
|
11
10
|
* `H4` typographic style
|
|
12
11
|
*/
|
|
13
|
-
export const H4 =
|
|
12
|
+
export const H4 = ({
|
|
14
13
|
color: customColor,
|
|
15
14
|
...props
|
|
16
|
-
}
|
|
15
|
+
}) => {
|
|
17
16
|
const theme = useIOTheme();
|
|
18
17
|
const H4Props = {
|
|
19
18
|
...props,
|
|
@@ -25,9 +24,8 @@ export const H4 = /*#__PURE__*/forwardRef(({
|
|
|
25
24
|
color: customColor ?? theme["textHeading-default"]
|
|
26
25
|
};
|
|
27
26
|
return /*#__PURE__*/_jsx(IOText, {
|
|
28
|
-
ref: ref,
|
|
29
27
|
...H4Props,
|
|
30
28
|
children: props.children
|
|
31
29
|
});
|
|
32
|
-
}
|
|
30
|
+
};
|
|
33
31
|
//# sourceMappingURL=H4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","h4FontSize","h4LineHeight","H4","color","customColor","props","theme","H4Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,OAAoB,GAAG;IAC3B,GAAGF,KAAK;IACRG,eAAe,EAAE,QAAQ;IAAE;IAC3BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEV,UAAU;IAChBW,UAAU,EAAEV,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAOP,IAAA,CAACF,MAAM;IAAA,GAAKU,OAAO;IAAAK,QAAA,EAAGP,KAAK,CAACO;EAAQ,CAAS,CAAC;AACvD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -10,10 +9,10 @@ export const h5LineHeight = 16;
|
|
|
10
9
|
/**
|
|
11
10
|
* `H5` typographic style
|
|
12
11
|
*/
|
|
13
|
-
export const H5 =
|
|
12
|
+
export const H5 = ({
|
|
14
13
|
color: customColor,
|
|
15
14
|
...props
|
|
16
|
-
}
|
|
15
|
+
}) => {
|
|
17
16
|
const theme = useIOTheme();
|
|
18
17
|
const H5Props = {
|
|
19
18
|
...props,
|
|
@@ -29,9 +28,8 @@ export const H5 = /*#__PURE__*/forwardRef(({
|
|
|
29
28
|
}
|
|
30
29
|
};
|
|
31
30
|
return /*#__PURE__*/_jsx(IOText, {
|
|
32
|
-
ref: ref,
|
|
33
31
|
...H5Props,
|
|
34
32
|
children: props.children
|
|
35
33
|
});
|
|
36
|
-
}
|
|
34
|
+
};
|
|
37
35
|
//# sourceMappingURL=H5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","h5FontSize","h5LineHeight","H5","color","customColor","props","theme","H5Props","dynamicTypeRamp","weight","size","lineHeight","textStyle","textTransform","letterSpacing","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,OAAoB,GAAG;IAC3B,GAAGF,KAAK;IACRG,eAAe,EAAE,aAAa;IAAE;IAChCC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEV,UAAU;IAChBW,UAAU,EAAEV,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB,CAAC;IAClDM,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBAAOf,IAAA,CAACF,MAAM;IAAA,GAAKU,OAAO;IAAAQ,QAAA,EAAGV,KAAK,CAACU;EAAQ,CAAS,CAAC;AACvD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIONewTypeface, useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -13,10 +12,10 @@ const legacyFontSize = 17;
|
|
|
13
12
|
/**
|
|
14
13
|
* `H6` typographic style
|
|
15
14
|
*/
|
|
16
|
-
export const H6 =
|
|
15
|
+
export const H6 = ({
|
|
17
16
|
color: customColor,
|
|
18
17
|
...props
|
|
19
|
-
}
|
|
18
|
+
}) => {
|
|
20
19
|
const theme = useIOTheme();
|
|
21
20
|
const {
|
|
22
21
|
newTypefaceEnabled
|
|
@@ -31,9 +30,8 @@ export const H6 = /*#__PURE__*/forwardRef(({
|
|
|
31
30
|
color: customColor ?? theme["textHeading-default"]
|
|
32
31
|
};
|
|
33
32
|
return /*#__PURE__*/_jsx(IOText, {
|
|
34
|
-
ref: ref,
|
|
35
33
|
...H6Props,
|
|
36
34
|
children: props.children
|
|
37
35
|
});
|
|
38
|
-
}
|
|
36
|
+
};
|
|
39
37
|
//# sourceMappingURL=H6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIONewTypeface","useIOTheme","IOText","jsx","_jsx","h6FontSize","h6LineHeight","legacyFontSize","H6","color","customColor","props","theme","newTypefaceEnabled","H6Props","dynamicTypeRamp","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEY;EAAmB,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAEjD,MAAMc,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,UAAU;IAAE;IAC7BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEJ,kBAAkB,GAAGR,UAAU,GAAGE,cAAc;IACtDW,UAAU,EAAEZ,YAAY;IACxBG,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAOR,IAAA,CAACF,MAAM;IAAA,GAAKY,OAAO;IAAAK,QAAA,EAAGR,KAAK,CAACQ;EAAQ,CAAS,CAAC;AACvD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { useIOTheme } from "../../context";
|
|
5
4
|
import { IOText } from "./IOText";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -10,10 +9,10 @@ export const heroLineHeight = 48;
|
|
|
10
9
|
/**
|
|
11
10
|
* `Hero` typographic style
|
|
12
11
|
*/
|
|
13
|
-
export const Hero =
|
|
12
|
+
export const Hero = ({
|
|
14
13
|
color: customColor,
|
|
15
14
|
...props
|
|
16
|
-
}
|
|
15
|
+
}) => {
|
|
17
16
|
const theme = useIOTheme();
|
|
18
17
|
const HeroProps = {
|
|
19
18
|
...props,
|
|
@@ -23,9 +22,8 @@ export const Hero = /*#__PURE__*/forwardRef(({
|
|
|
23
22
|
color: customColor ?? theme["textHeading-default"]
|
|
24
23
|
};
|
|
25
24
|
return /*#__PURE__*/_jsx(IOText, {
|
|
26
|
-
ref: ref,
|
|
27
25
|
...HeroProps,
|
|
28
26
|
children: props.children
|
|
29
27
|
});
|
|
30
|
-
}
|
|
28
|
+
};
|
|
31
29
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useIOTheme","IOText","jsx","_jsx","heroFontSize","heroLineHeight","Hero","color","customColor","props","theme","HeroProps","weight","size","lineHeight","children"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";;AAAA,SAASA,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,GAAGA,CAAC;EACnBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,MAAMW,SAAsB,GAAG;IAC7B,GAAGF,KAAK;IACRG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdP,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAOP,IAAA,CAACF,MAAM;IAAA,GAAKU,SAAS;IAAAI,QAAA,EAAGN,KAAK,CAACM;EAAQ,CAAS,CAAC;AACzD,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { useMemo } from "react";
|
|
4
4
|
import { Text } from "react-native";
|
|
5
5
|
import Animated from "react-native-reanimated";
|
|
6
6
|
import { useIONewTypeface } from "../../context";
|
|
@@ -41,7 +41,7 @@ const calculateTextStyle = (color, ...args) => ({
|
|
|
41
41
|
* @param props
|
|
42
42
|
* @constructor
|
|
43
43
|
*/
|
|
44
|
-
export const IOText =
|
|
44
|
+
export const IOText = ({
|
|
45
45
|
color,
|
|
46
46
|
size,
|
|
47
47
|
font,
|
|
@@ -53,8 +53,9 @@ export const IOText = /*#__PURE__*/forwardRef(({
|
|
|
53
53
|
children,
|
|
54
54
|
allowFontScaling = true,
|
|
55
55
|
maxFontSizeMultiplier,
|
|
56
|
+
ref,
|
|
56
57
|
...props
|
|
57
|
-
}
|
|
58
|
+
}) => {
|
|
58
59
|
const boldEnabled = useBoldTextEnabled();
|
|
59
60
|
const {
|
|
60
61
|
newTypefaceEnabled
|
|
@@ -63,23 +64,23 @@ export const IOText = /*#__PURE__*/forwardRef(({
|
|
|
63
64
|
const computedStyleObj = useMemo(() => calculateTextStyle(color, size, computedFont, lineHeight, weight, fontStyle, boldEnabled), [color, size, computedFont, lineHeight, weight, fontStyle, boldEnabled]);
|
|
64
65
|
|
|
65
66
|
/* In some cases, for example when we use color transitions with
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
`reanimated` we need to manage chromatic values as `ColorValue`
|
|
68
|
+
or `string` (not `IOColors`). So we keep a way to override
|
|
69
|
+
the the `color' attribute without giving the ability to
|
|
70
|
+
override all other all other typographic attributes
|
|
71
|
+
through the `style' prop. */
|
|
71
72
|
const fontStyleObj = style?.color ? [{
|
|
72
73
|
...computedStyleObj,
|
|
73
74
|
color: style?.color
|
|
74
75
|
}] : computedStyleObj;
|
|
75
76
|
|
|
76
77
|
/* Some typographic styles like `H5` have certain `TextStyle` properties
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
78
|
+
like `textTransform` or `letterSpacing` that we want to apply to the text.
|
|
79
|
+
We use the `textStyle` prop to pass these properties to the `IOText`
|
|
80
|
+
component and preserve the ability to define the `style` prop as well.
|
|
81
|
+
The `style` prop is the last one to be applied, so we can properly
|
|
82
|
+
override the `color` attribute.
|
|
83
|
+
*/
|
|
83
84
|
const styleObj = style ? [textStyle ?? {}, fontStyleObj ?? {}, style] : [textStyle ?? {}, fontStyleObj ?? {}];
|
|
84
85
|
|
|
85
86
|
/* Accessible typography based on the `fontScale` parameter */
|
|
@@ -94,6 +95,6 @@ export const IOText = /*#__PURE__*/forwardRef(({
|
|
|
94
95
|
...accessibleFontSizeProps,
|
|
95
96
|
children: children
|
|
96
97
|
});
|
|
97
|
-
}
|
|
98
|
+
};
|
|
98
99
|
export const AnimatedIOText = Animated.createAnimatedComponent(IOText);
|
|
99
100
|
//# sourceMappingURL=IOText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useMemo","Text","Animated","useIONewTypeface","IOColors","useBoldTextEnabled","IOMaxFontSizeMultiplier","makeFontStyleObject","jsx","_jsx","calculateTextStyle","color","args","undefined","IOText","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","ref","props","boldEnabled","newTypefaceEnabled","computedFont","computedStyleObj","fontStyleObj","styleObj","accessibleFontSizeProps","AnimatedIOText","createAnimatedComponent"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":";;AAAA,SAAgDA,OAAO,QAAQ,OAAO;AACtE,SAIEC,IAAI,QAEC,cAAc;AACrB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,gBAAgB,QAAQ,eAAe;AAChD,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,KAAgB,EAChB,GAAGC,IAA4C,MAC3C;EACJ,GAAGL,mBAAmB,CAAC,GAAGK,IAAI,CAAC;EAC/BD,KAAK,EAAEA,KAAK,GAAGP,QAAQ,CAACO,KAAK,CAAC,GAAGE;AACnC,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACrBH,KAAK;EACLI,IAAI;EACJC,IAAI;EACJC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,gBAAgB,GAAG,IAAI;EACvBC,qBAAqB;EACrBC,GAAG;EACH,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMC,WAAW,GAAGtB,kBAAkB,CAAC,CAAC;EACxC,MAAM;IAAEuB;EAAmB,CAAC,GAAGzB,gBAAgB,CAAC,CAAC;EAEjD,MAAM0B,YAAY,GAChBb,IAAI,KAAKY,kBAAkB,GAAG,UAAU,GAAG,kBAAkB,CAAC;EAEhE,MAAME,gBAAgB,GAAG9B,OAAO,CAC9B,MACEU,kBAAkB,CAChBC,KAAK,EACLI,IAAI,EACJc,YAAY,EACZZ,UAAU,EACVC,MAAM,EACNC,SAAS,EACTQ,WACF,CAAC,EACH,CAAChB,KAAK,EAAEI,IAAI,EAAEc,YAAY,EAAEZ,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEQ,WAAW,CACxE,CAAC;;EAED;AACF;AACA;AACA;AACA;AACA;EACE,MAAMI,YAAY,GAAGV,KAAK,EAAEV,KAAK,GAC7B,CAAC;IAAE,GAAGmB,gBAAgB;IAAEnB,KAAK,EAAEU,KAAK,EAAEV;EAAM,CAAC,CAAC,GAC9CmB,gBAAgB;;EAEpB;AACF;AACA;AACA;AACA;AACA;AACA;EACE,MAAME,QAAQ,GAAGX,KAAK,GAClB,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEW,YAAY,IAAI,CAAC,CAAC,EAAEV,KAAK,CAAC,GAC5C,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEW,YAAY,IAAI,CAAC,CAAC,CAAC;;EAEzC;EACA,MAAME,uBAAoD,GAAG;IAC3DV,gBAAgB;IAChBC,qBAAqB,EAAEA,qBAAqB,IAAIlB;EAClD,CAAC;EAED,oBACEG,IAAA,CAACR,IAAI;IAACwB,GAAG,EAAEA,GAAI;IAACJ,KAAK,EAAEW,QAAS;IAAA,GAAKN,KAAK;IAAA,GAAMO,uBAAuB;IAAAX,QAAA,EACpEA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,OAAO,MAAMY,cAAc,GAAGhC,QAAQ,CAACiC,uBAAuB,CAACrB,MAAM,CAAC","ignoreList":[]}
|