@pagopa/io-app-design-system 7.0.1 → 7.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/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/icons/Icon.js +2 -2
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/icons/svg/IconStop.js +25 -0
- package/lib/commonjs/components/icons/svg/IconStop.js.map +1 -0
- package/lib/commonjs/components/icons/svg/originals/IconStop.svg +10 -0
- package/lib/commonjs/components/layout/ContentWrapper.js +5 -4
- package/lib/commonjs/components/layout/ContentWrapper.js.map +1 -1
- package/lib/commonjs/components/otpInput/BoxedInput.js +12 -8
- package/lib/commonjs/components/otpInput/BoxedInput.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/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/icons/Icon.js +2 -2
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/icons/svg/IconStop.js +21 -0
- package/lib/module/components/icons/svg/IconStop.js.map +1 -0
- package/lib/module/components/icons/svg/originals/IconStop.svg +10 -0
- package/lib/module/components/layout/ContentWrapper.js +4 -4
- package/lib/module/components/layout/ContentWrapper.js.map +1 -1
- package/lib/module/components/otpInput/BoxedInput.js +12 -8
- package/lib/module/components/otpInput/BoxedInput.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/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/icons/Icon.d.ts +1 -1
- package/lib/typescript/components/icons/svg/IconStop.d.ts +4 -0
- package/lib/typescript/components/icons/svg/IconStop.d.ts.map +1 -0
- 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/BoxedInput.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/TextInputValidation.d.ts +7 -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/icons/Icon.tsx +2 -2
- package/src/components/icons/svg/IconStop.tsx +13 -0
- package/src/components/icons/svg/originals/IconStop.svg +10 -0
- package/src/components/layout/ContentWrapper.tsx +21 -24
- package/src/components/otpInput/BoxedInput.tsx +15 -11
- 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/TextInputValidation.tsx +116 -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
- package/lib/commonjs/components/icons/svg/IconPause.js +0 -28
- package/lib/commonjs/components/icons/svg/IconPause.js.map +0 -1
- package/lib/commonjs/components/icons/svg/originals/IconPause.svg +0 -4
- package/lib/module/components/icons/svg/IconPause.js +0 -24
- package/lib/module/components/icons/svg/IconPause.js.map +0 -1
- package/lib/module/components/icons/svg/originals/IconPause.svg +0 -4
- package/lib/typescript/components/icons/svg/IconPause.d.ts +0 -4
- package/lib/typescript/components/icons/svg/IconPause.d.ts.map +0 -1
- package/src/components/icons/svg/IconPause.tsx +0 -17
- package/src/components/icons/svg/originals/IconPause.svg +0 -4
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.h2LineHeight = exports.h2FontSize = exports.H2 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../context");
|
|
9
8
|
var _IOText = require("./IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -14,11 +13,11 @@ const h2LineHeight = exports.h2LineHeight = 34;
|
|
|
14
13
|
/**
|
|
15
14
|
* `H2` typographic style
|
|
16
15
|
*/
|
|
17
|
-
const H2 =
|
|
16
|
+
const H2 = ({
|
|
18
17
|
weight: customWeight,
|
|
19
18
|
color: customColor,
|
|
20
19
|
...props
|
|
21
|
-
}
|
|
20
|
+
}) => {
|
|
22
21
|
const theme = (0, _context.useIOTheme)();
|
|
23
22
|
const H2Props = {
|
|
24
23
|
...props,
|
|
@@ -30,9 +29,9 @@ const H2 = exports.H2 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
30
29
|
color: customColor ?? theme["textHeading-default"]
|
|
31
30
|
};
|
|
32
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
33
|
-
ref: ref,
|
|
34
32
|
...H2Props,
|
|
35
33
|
children: props.children
|
|
36
34
|
});
|
|
37
|
-
}
|
|
35
|
+
};
|
|
36
|
+
exports.H2 = H2;
|
|
38
37
|
//# sourceMappingURL=H2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","h2FontSize","exports","h2LineHeight","H2","weight","customWeight","color","customColor","props","theme","useIOTheme","H2Props","dynamicTypeRamp","size","lineHeight","jsx","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAM/D,MAAMG,UAAsB,GAAAC,OAAA,CAAAD,UAAA,GAAG,EAAE;AACjC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;;AAE9B;AACA;AACA;AACO,MAAMC,EAAE,GAAGA,CAAC;EACjBC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACS,CAAC,KAAK;EAClB,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,QAAQ;IAAE;IAC3BR,MAAM,EAAEC,YAAY,IAAI,UAAU;IAClCQ,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEZ,YAAY;IACxBI,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAV,WAAA,CAAAgB,GAAA,EAACjB,OAAA,CAAAkB,MAAM;IAAA,GAAKL,OAAO;IAAAM,QAAA,EAAGT,KAAK,CAACS;EAAQ,CAAS,CAAC;AACvD,CAAC;AAAChB,OAAA,CAAAE,EAAA,GAAAA,EAAA","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.h3LineHeight = exports.h3FontSize = exports.H3 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../context");
|
|
9
8
|
var _IOText = require("./IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -15,10 +14,10 @@ const h3LineHeight = exports.h3LineHeight = 33;
|
|
|
15
14
|
/**
|
|
16
15
|
* `H3` typographic style
|
|
17
16
|
*/
|
|
18
|
-
const H3 =
|
|
17
|
+
const H3 = ({
|
|
19
18
|
color: customColor,
|
|
20
19
|
...props
|
|
21
|
-
}
|
|
20
|
+
}) => {
|
|
22
21
|
const theme = (0, _context.useIOTheme)();
|
|
23
22
|
const H3Props = {
|
|
24
23
|
...props,
|
|
@@ -30,9 +29,9 @@ const H3 = exports.H3 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
30
29
|
color: customColor ?? theme["textHeading-default"]
|
|
31
30
|
};
|
|
32
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
33
|
-
ref: ref,
|
|
34
32
|
...H3Props,
|
|
35
33
|
children: props.children
|
|
36
34
|
});
|
|
37
|
-
}
|
|
35
|
+
};
|
|
36
|
+
exports.H3 = H3;
|
|
38
37
|
//# sourceMappingURL=H3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","h3FontSize","exports","h3LineHeight","H3","color","customColor","props","theme","useIOTheme","H3Props","dynamicTypeRamp","weight","size","lineHeight","jsx","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAEtE;AACO,MAAMG,UAAsB,GAAAC,OAAA,CAAAD,UAAA,GAAG,EAAE;AACjC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;;AAE9B;AACA;AACA;AACO,MAAMC,EAAE,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,QAAQ;IAAE;IAC3BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEZ,UAAU;IAChBa,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAR,WAAA,CAAAe,GAAA,EAAChB,OAAA,CAAAiB,MAAM;IAAA,GAAKN,OAAO;IAAAO,QAAA,EAAGV,KAAK,CAACU;EAAQ,CAAS,CAAC;AACvD,CAAC;AAACf,OAAA,CAAAE,EAAA,GAAAA,EAAA","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.h4LineHeight = exports.h4FontSize = exports.H4 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../context");
|
|
9
8
|
var _IOText = require("./IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -14,10 +13,10 @@ const h4LineHeight = exports.h4LineHeight = 24;
|
|
|
14
13
|
/**
|
|
15
14
|
* `H4` typographic style
|
|
16
15
|
*/
|
|
17
|
-
const H4 =
|
|
16
|
+
const H4 = ({
|
|
18
17
|
color: customColor,
|
|
19
18
|
...props
|
|
20
|
-
}
|
|
19
|
+
}) => {
|
|
21
20
|
const theme = (0, _context.useIOTheme)();
|
|
22
21
|
const H4Props = {
|
|
23
22
|
...props,
|
|
@@ -29,9 +28,9 @@ const H4 = exports.H4 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
29
28
|
color: customColor ?? theme["textHeading-default"]
|
|
30
29
|
};
|
|
31
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
32
|
-
ref: ref,
|
|
33
31
|
...H4Props,
|
|
34
32
|
children: props.children
|
|
35
33
|
});
|
|
36
|
-
}
|
|
34
|
+
};
|
|
35
|
+
exports.H4 = H4;
|
|
37
36
|
//# sourceMappingURL=H4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","h4FontSize","exports","h4LineHeight","H4","color","customColor","props","theme","useIOTheme","H4Props","dynamicTypeRamp","weight","size","lineHeight","jsx","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAE/D,MAAMG,UAAsB,GAAAC,OAAA,CAAAD,UAAA,GAAG,EAAE;AACjC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;;AAE9B;AACA;AACA;AACO,MAAMC,EAAE,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,QAAQ;IAAE;IAC3BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEZ,UAAU;IAChBa,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAR,WAAA,CAAAe,GAAA,EAAChB,OAAA,CAAAiB,MAAM;IAAA,GAAKN,OAAO;IAAAO,QAAA,EAAGV,KAAK,CAACU;EAAQ,CAAS,CAAC;AACvD,CAAC;AAACf,OAAA,CAAAE,EAAA,GAAAA,EAAA","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.h5LineHeight = exports.h5FontSize = exports.H5 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../context");
|
|
9
8
|
var _IOText = require("./IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -14,10 +13,10 @@ const h5LineHeight = exports.h5LineHeight = 16;
|
|
|
14
13
|
/**
|
|
15
14
|
* `H5` typographic style
|
|
16
15
|
*/
|
|
17
|
-
const H5 =
|
|
16
|
+
const H5 = ({
|
|
18
17
|
color: customColor,
|
|
19
18
|
...props
|
|
20
|
-
}
|
|
19
|
+
}) => {
|
|
21
20
|
const theme = (0, _context.useIOTheme)();
|
|
22
21
|
const H5Props = {
|
|
23
22
|
...props,
|
|
@@ -33,9 +32,9 @@ const H5 = exports.H5 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
33
32
|
}
|
|
34
33
|
};
|
|
35
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
36
|
-
ref: ref,
|
|
37
35
|
...H5Props,
|
|
38
36
|
children: props.children
|
|
39
37
|
});
|
|
40
|
-
}
|
|
38
|
+
};
|
|
39
|
+
exports.H5 = H5;
|
|
41
40
|
//# sourceMappingURL=H5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","h5FontSize","exports","h5LineHeight","H5","color","customColor","props","theme","useIOTheme","H5Props","dynamicTypeRamp","weight","size","lineHeight","textStyle","textTransform","letterSpacing","jsx","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAE/D,MAAMG,UAAsB,GAAAC,OAAA,CAAAD,UAAA,GAAG,EAAE;AACjC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;;AAE9B;AACA;AACA;AACO,MAAMC,EAAE,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,OAAoB,GAAG;IAC3B,GAAGH,KAAK;IACRI,eAAe,EAAE,aAAa;IAAE;IAChCC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEZ,UAAU;IAChBa,UAAU,EAAEX,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB,CAAC;IAClDO,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBAAO,IAAAjB,WAAA,CAAAkB,GAAA,EAACnB,OAAA,CAAAoB,MAAM;IAAA,GAAKT,OAAO;IAAAU,QAAA,EAAGb,KAAK,CAACa;EAAQ,CAAS,CAAC;AACvD,CAAC;AAAClB,OAAA,CAAAE,EAAA,GAAAA,EAAA","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.h6LineHeight = exports.h6FontSize = exports.H6 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../context");
|
|
9
8
|
var _IOText = require("./IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -17,10 +16,10 @@ const legacyFontSize = 17;
|
|
|
17
16
|
/**
|
|
18
17
|
* `H6` typographic style
|
|
19
18
|
*/
|
|
20
|
-
const H6 =
|
|
19
|
+
const H6 = ({
|
|
21
20
|
color: customColor,
|
|
22
21
|
...props
|
|
23
|
-
}
|
|
22
|
+
}) => {
|
|
24
23
|
const theme = (0, _context.useIOTheme)();
|
|
25
24
|
const {
|
|
26
25
|
newTypefaceEnabled
|
|
@@ -35,9 +34,9 @@ const H6 = exports.H6 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
35
34
|
color: customColor ?? theme["textHeading-default"]
|
|
36
35
|
};
|
|
37
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
38
|
-
ref: ref,
|
|
39
37
|
...H6Props,
|
|
40
38
|
children: props.children
|
|
41
39
|
});
|
|
42
|
-
}
|
|
40
|
+
};
|
|
41
|
+
exports.H6 = H6;
|
|
43
42
|
//# sourceMappingURL=H6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","h6FontSize","exports","h6LineHeight","legacyFontSize","H6","color","customColor","props","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","H6Props","dynamicTypeRamp","weight","size","lineHeight","jsx","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAE/D,MAAMG,UAAsB,GAAAC,OAAA,CAAAD,UAAA,GAAG,EAAE;AACjC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;;AAE9B;AACA,MAAMC,cAA0B,GAAG,EAAE;;AAErC;AACA;AACA;AACO,MAAMC,EAAE,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAEjD,MAAMC,OAAoB,GAAG;IAC3B,GAAGL,KAAK;IACRM,eAAe,EAAE,UAAU;IAAE;IAC7BC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEL,kBAAkB,GAAGV,UAAU,GAAGG,cAAc;IACtDa,UAAU,EAAEd,YAAY;IACxBG,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAT,WAAA,CAAAkB,GAAA,EAACnB,OAAA,CAAAoB,MAAM;IAAA,GAAKN,OAAO;IAAAO,QAAA,EAAGZ,KAAK,CAACY;EAAQ,CAAS,CAAC;AACvD,CAAC;AAAClB,OAAA,CAAAG,EAAA,GAAAA,EAAA","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.heroLineHeight = exports.heroFontSize = exports.Hero = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../context");
|
|
9
8
|
var _IOText = require("./IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -14,10 +13,10 @@ const heroLineHeight = exports.heroLineHeight = 48;
|
|
|
14
13
|
/**
|
|
15
14
|
* `Hero` typographic style
|
|
16
15
|
*/
|
|
17
|
-
const Hero =
|
|
16
|
+
const Hero = ({
|
|
18
17
|
color: customColor,
|
|
19
18
|
...props
|
|
20
|
-
}
|
|
19
|
+
}) => {
|
|
21
20
|
const theme = (0, _context.useIOTheme)();
|
|
22
21
|
const HeroProps = {
|
|
23
22
|
...props,
|
|
@@ -27,9 +26,9 @@ const Hero = exports.Hero = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
27
26
|
color: customColor ?? theme["textHeading-default"]
|
|
28
27
|
};
|
|
29
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
30
|
-
ref: ref,
|
|
31
29
|
...HeroProps,
|
|
32
30
|
children: props.children
|
|
33
31
|
});
|
|
34
|
-
}
|
|
32
|
+
};
|
|
33
|
+
exports.Hero = Hero;
|
|
35
34
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","heroFontSize","exports","heroLineHeight","Hero","color","customColor","props","theme","useIOTheme","HeroProps","weight","size","lineHeight","jsx","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAE/D,MAAMG,YAAwB,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACnC,MAAME,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAG,EAAE;;AAEhC;AACA;AACA;AACO,MAAMC,IAAI,GAAGA,CAAC;EACnBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,SAAsB,GAAG;IAC7B,GAAGH,KAAK;IACRI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdR,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAR,WAAA,CAAAc,GAAA,EAACf,OAAA,CAAAgB,MAAM;IAAA,GAAKL,SAAS;IAAAM,QAAA,EAAGT,KAAK,CAACS;EAAQ,CAAS,CAAC;AACzD,CAAC;AAACd,OAAA,CAAAE,IAAA,GAAAA,IAAA","ignoreList":[]}
|
|
@@ -46,7 +46,7 @@ const calculateTextStyle = (color, ...args) => ({
|
|
|
46
46
|
* @param props
|
|
47
47
|
* @constructor
|
|
48
48
|
*/
|
|
49
|
-
const IOText =
|
|
49
|
+
const IOText = ({
|
|
50
50
|
color,
|
|
51
51
|
size,
|
|
52
52
|
font,
|
|
@@ -58,8 +58,9 @@ const IOText = exports.IOText = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
58
58
|
children,
|
|
59
59
|
allowFontScaling = true,
|
|
60
60
|
maxFontSizeMultiplier,
|
|
61
|
+
ref,
|
|
61
62
|
...props
|
|
62
|
-
}
|
|
63
|
+
}) => {
|
|
63
64
|
const boldEnabled = (0, _accessibility.useBoldTextEnabled)();
|
|
64
65
|
const {
|
|
65
66
|
newTypefaceEnabled
|
|
@@ -68,23 +69,23 @@ const IOText = exports.IOText = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
68
69
|
const computedStyleObj = (0, _react.useMemo)(() => calculateTextStyle(color, size, computedFont, lineHeight, weight, fontStyle, boldEnabled), [color, size, computedFont, lineHeight, weight, fontStyle, boldEnabled]);
|
|
69
70
|
|
|
70
71
|
/* In some cases, for example when we use color transitions with
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
`reanimated` we need to manage chromatic values as `ColorValue`
|
|
73
|
+
or `string` (not `IOColors`). So we keep a way to override
|
|
74
|
+
the the `color' attribute without giving the ability to
|
|
75
|
+
override all other all other typographic attributes
|
|
76
|
+
through the `style' prop. */
|
|
76
77
|
const fontStyleObj = style?.color ? [{
|
|
77
78
|
...computedStyleObj,
|
|
78
79
|
color: style?.color
|
|
79
80
|
}] : computedStyleObj;
|
|
80
81
|
|
|
81
82
|
/* Some typographic styles like `H5` have certain `TextStyle` properties
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
83
|
+
like `textTransform` or `letterSpacing` that we want to apply to the text.
|
|
84
|
+
We use the `textStyle` prop to pass these properties to the `IOText`
|
|
85
|
+
component and preserve the ability to define the `style` prop as well.
|
|
86
|
+
The `style` prop is the last one to be applied, so we can properly
|
|
87
|
+
override the `color` attribute.
|
|
88
|
+
*/
|
|
88
89
|
const styleObj = style ? [textStyle ?? {}, fontStyleObj ?? {}, style] : [textStyle ?? {}, fontStyleObj ?? {}];
|
|
89
90
|
|
|
90
91
|
/* Accessible typography based on the `fontScale` parameter */
|
|
@@ -99,6 +100,7 @@ const IOText = exports.IOText = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
99
100
|
...accessibleFontSizeProps,
|
|
100
101
|
children: children
|
|
101
102
|
});
|
|
102
|
-
}
|
|
103
|
+
};
|
|
104
|
+
exports.IOText = IOText;
|
|
103
105
|
const AnimatedIOText = exports.AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(IOText);
|
|
104
106
|
//# sourceMappingURL=IOText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_context","_core","_accessibility","_fonts","_jsxRuntime","e","__esModule","default","calculateTextStyle","color","args","makeFontStyleObject","IOColors","undefined","IOText","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_context","_core","_accessibility","_fonts","_jsxRuntime","e","__esModule","default","calculateTextStyle","color","args","makeFontStyleObject","IOColors","undefined","IOText","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","ref","props","boldEnabled","useBoldTextEnabled","newTypefaceEnabled","useIONewTypeface","computedFont","computedStyleObj","useMemo","fontStyleObj","styleObj","accessibleFontSizeProps","IOMaxFontSizeMultiplier","jsx","Text","exports","AnimatedIOText","Animated","createAnimatedComponent"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAK2B,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3B;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA,MAAMG,kBAAkB,GAAGA,CACzBC,KAAgB,EAChB,GAAGC,IAA4C,MAC3C;EACJ,GAAG,IAAAC,0BAAmB,EAAC,GAAGD,IAAI,CAAC;EAC/BD,KAAK,EAAEA,KAAK,GAAGG,cAAQ,CAACH,KAAK,CAAC,GAAGI;AACnC,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,GAAGA,CAAC;EACrBL,KAAK;EACLM,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,GAAG,IAAAC,iCAAkB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAEjD,MAAMC,YAAY,GAChBf,IAAI,KAAKa,kBAAkB,GAAG,UAAU,GAAG,kBAAkB,CAAC;EAEhE,MAAMG,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MACEzB,kBAAkB,CAChBC,KAAK,EACLM,IAAI,EACJgB,YAAY,EACZd,UAAU,EACVC,MAAM,EACNC,SAAS,EACTQ,WACF,CAAC,EACH,CAAClB,KAAK,EAAEM,IAAI,EAAEgB,YAAY,EAAEd,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEQ,WAAW,CACxE,CAAC;;EAED;AACF;AACA;AACA;AACA;AACA;EACE,MAAMO,YAAY,GAAGb,KAAK,EAAEZ,KAAK,GAC7B,CAAC;IAAE,GAAGuB,gBAAgB;IAAEvB,KAAK,EAAEY,KAAK,EAAEZ;EAAM,CAAC,CAAC,GAC9CuB,gBAAgB;;EAEpB;AACF;AACA;AACA;AACA;AACA;AACA;EACE,MAAMG,QAAQ,GAAGd,KAAK,GAClB,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEc,YAAY,IAAI,CAAC,CAAC,EAAEb,KAAK,CAAC,GAC5C,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEc,YAAY,IAAI,CAAC,CAAC,CAAC;;EAEzC;EACA,MAAME,uBAAoD,GAAG;IAC3Db,gBAAgB;IAChBC,qBAAqB,EAAEA,qBAAqB,IAAIa;EAClD,CAAC;EAED,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACzC,YAAA,CAAA0C,IAAI;IAACd,GAAG,EAAEA,GAAI;IAACJ,KAAK,EAAEc,QAAS;IAAA,GAAKT,KAAK;IAAA,GAAMU,uBAAuB;IAAAd,QAAA,EACpEA;EAAQ,CACL,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAA1B,MAAA,GAAAA,MAAA;AAEK,MAAM2B,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAGC,8BAAQ,CAACC,uBAAuB,CAAC7B,MAAM,CAAC","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.LabelMini = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _reactNative = require("react-native");
|
|
9
8
|
var _context = require("../../context");
|
|
10
9
|
var _IOText = require("./IOText");
|
|
@@ -12,7 +11,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
12
11
|
/**
|
|
13
12
|
* `LabelMini` typographic style
|
|
14
13
|
*/
|
|
15
|
-
const LabelMini =
|
|
14
|
+
const LabelMini = ({
|
|
15
|
+
ref,
|
|
16
16
|
weight: customWeight,
|
|
17
17
|
color: customColor,
|
|
18
18
|
asLink,
|
|
@@ -20,7 +20,7 @@ const LabelMini = exports.LabelMini = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
20
20
|
textStyle: customTextStyle,
|
|
21
21
|
onPress,
|
|
22
22
|
...props
|
|
23
|
-
}
|
|
23
|
+
}) => {
|
|
24
24
|
const theme = (0, _context.useIOTheme)();
|
|
25
25
|
const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
|
|
26
26
|
const LabelMiniProps = {
|
|
@@ -38,6 +38,9 @@ const LabelMini = exports.LabelMini = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
38
38
|
} : {})
|
|
39
39
|
};
|
|
40
40
|
if (asLink) {
|
|
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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
42
45
|
onPress: onPress,
|
|
43
46
|
ref: ref,
|
|
@@ -49,9 +52,9 @@ const LabelMini = exports.LabelMini = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
49
52
|
});
|
|
50
53
|
}
|
|
51
54
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
52
|
-
ref: ref,
|
|
53
55
|
...LabelMiniProps,
|
|
54
56
|
children: props.children
|
|
55
57
|
});
|
|
56
|
-
}
|
|
58
|
+
};
|
|
59
|
+
exports.LabelMini = LabelMini;
|
|
57
60
|
//# sourceMappingURL=LabelMini.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_context","_IOText","_jsxRuntime","LabelMini","ref","weight","customWeight","color","customColor","asLink","accessibilityRole","textStyle","customTextStyle","onPress","props","theme","useIOTheme","defaultColor","LabelMiniProps","dynamicTypeRamp","size","lineHeight","textDecorationLine","jsx","Pressable","children","IOText","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelMini.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAKkB,IAAAG,WAAA,GAAAH,OAAA;AAOlB;AACA;AACA;AACO,MAAMI,SAAS,GAAGA,CAAC;EACxBC,GAAG;EACHC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM;EACNC,iBAAiB,GAAG,MAAM;EAC1BC,SAAS,EAAEC,eAAe;EAC1BC,OAAO;EACP,GAAGC;AACW,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,YAAY,GAAGR,MAAM,GACvBM,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAMG,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;IACA;IACA;IACA,oBACE,IAAAP,WAAA,CAAAqB,GAAA,EAACzB,YAAA,CAAA0B,SAAS;MACRX,OAAO,EAAEA,OAAQ;MACjBT,GAAG,EAAEA,GAAI;MACTM,iBAAiB,EAAEA,iBAAkB;MAAAe,QAAA,eAErC,IAAAvB,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAyB,MAAM;QAAA,GAAKR,cAAc;QAAAO,QAAA,EAAGX,KAAK,CAACW;MAAQ,CAAS;IAAC,CAC5C,CAAC;EAEhB;EAEA,oBAAO,IAAAvB,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAyB,MAAM;IAAA,GAAKR,cAAc;IAAAO,QAAA,EAAGX,KAAK,CAACW;EAAQ,CAAS,CAAC;AAC9D,CAAC;AAACE,OAAA,CAAAxB,SAAA,GAAAA,SAAA","ignoreList":[]}
|
|
@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MdH1 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../../context");
|
|
9
8
|
var _IOText = require("../IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
/**
|
|
12
11
|
* `MdH1` typographic style
|
|
13
12
|
*/
|
|
14
|
-
const MdH1 =
|
|
13
|
+
const MdH1 = ({
|
|
15
14
|
color: customColor,
|
|
16
15
|
...props
|
|
17
|
-
}
|
|
16
|
+
}) => {
|
|
18
17
|
const theme = (0, _context.useIOTheme)();
|
|
19
18
|
const MdH1Props = {
|
|
20
19
|
...props,
|
|
@@ -24,9 +23,9 @@ const MdH1 = exports.MdH1 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
24
23
|
color: customColor ?? theme["textHeading-default"]
|
|
25
24
|
};
|
|
26
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
27
|
-
ref: ref,
|
|
28
26
|
...MdH1Props,
|
|
29
27
|
children: props.children
|
|
30
28
|
});
|
|
31
|
-
}
|
|
29
|
+
};
|
|
30
|
+
exports.MdH1 = MdH1;
|
|
32
31
|
//# sourceMappingURL=MdH1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","MdH1","color","customColor","props","theme","useIOTheme","MdH1Props","weight","size","lineHeight","jsx","IOText","children","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH1.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAuE,IAAAE,WAAA,GAAAF,OAAA;AAEvE;AACA;AACA;AACO,MAAMG,IAAI,GAAGA,CAAC;EACnBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,SAAsB,GAAG;IAC7B,GAAGH,KAAK;IACRI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdR,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAACZ,OAAA,CAAAa,MAAM;IAAA,GAAKL,SAAS;IAAAM,QAAA,EAAGT,KAAK,CAACS;EAAQ,CAAS,CAAC;AACzD,CAAC;AAACC,OAAA,CAAAb,IAAA,GAAAA,IAAA","ignoreList":[]}
|
|
@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MdH2 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../../context");
|
|
9
8
|
var _IOText = require("../IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
/**
|
|
12
11
|
* `MdH2` typographic style
|
|
13
12
|
*/
|
|
14
|
-
const MdH2 =
|
|
13
|
+
const MdH2 = ({
|
|
15
14
|
color: customColor,
|
|
16
15
|
...props
|
|
17
|
-
}
|
|
16
|
+
}) => {
|
|
18
17
|
const theme = (0, _context.useIOTheme)();
|
|
19
18
|
const MdH2Props = {
|
|
20
19
|
...props,
|
|
@@ -24,9 +23,9 @@ const MdH2 = exports.MdH2 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
24
23
|
color: customColor ?? theme["textHeading-default"]
|
|
25
24
|
};
|
|
26
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
27
|
-
ref: ref,
|
|
28
26
|
...MdH2Props,
|
|
29
27
|
children: props.children
|
|
30
28
|
});
|
|
31
|
-
}
|
|
29
|
+
};
|
|
30
|
+
exports.MdH2 = MdH2;
|
|
32
31
|
//# sourceMappingURL=MdH2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","MdH2","color","customColor","props","theme","useIOTheme","MdH2Props","weight","size","lineHeight","jsx","IOText","children","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH2.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAuE,IAAAE,WAAA,GAAAF,OAAA;AAEvE;AACA;AACA;AACO,MAAMG,IAAI,GAAGA,CAAC;EACnBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,SAAsB,GAAG;IAC7B,GAAGH,KAAK;IACRI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdR,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAACZ,OAAA,CAAAa,MAAM;IAAA,GAAKL,SAAS;IAAAM,QAAA,EAAGT,KAAK,CAACS;EAAQ,CAAS,CAAC;AACzD,CAAC;AAACC,OAAA,CAAAb,IAAA,GAAAA,IAAA","ignoreList":[]}
|
|
@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MdH3 = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
7
|
var _context = require("../../../context");
|
|
9
8
|
var _IOText = require("../IOText");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
/**
|
|
12
11
|
* `MdH3` typographic style
|
|
13
12
|
*/
|
|
14
|
-
const MdH3 =
|
|
13
|
+
const MdH3 = ({
|
|
15
14
|
color: customColor,
|
|
16
15
|
...props
|
|
17
|
-
}
|
|
16
|
+
}) => {
|
|
18
17
|
const theme = (0, _context.useIOTheme)();
|
|
19
18
|
const MdH3Props = {
|
|
20
19
|
...props,
|
|
@@ -24,9 +23,9 @@ const MdH3 = exports.MdH3 = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
24
23
|
color: customColor ?? theme["textHeading-default"]
|
|
25
24
|
};
|
|
26
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
|
|
27
|
-
ref: ref,
|
|
28
26
|
...MdH3Props,
|
|
29
27
|
children: props.children
|
|
30
28
|
});
|
|
31
|
-
}
|
|
29
|
+
};
|
|
30
|
+
exports.MdH3 = MdH3;
|
|
32
31
|
//# sourceMappingURL=MdH3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_context","require","_IOText","_jsxRuntime","MdH3","color","customColor","props","theme","useIOTheme","MdH3Props","weight","size","lineHeight","jsx","IOText","children","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH3.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAuE,IAAAE,WAAA,GAAAF,OAAA;AAEvE;AACA;AACA;AACO,MAAMG,IAAI,GAAGA,CAAC;EACnBC,KAAK,EAAEC,WAAW;EAClB,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,MAAMC,SAAsB,GAAG;IAC7B,GAAGH,KAAK;IACRI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdR,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAACZ,OAAA,CAAAa,MAAM;IAAA,GAAKL,SAAS;IAAAM,QAAA,EAAGT,KAAK,CAACS;EAAQ,CAAS,CAAC;AACzD,CAAC;AAACC,OAAA,CAAAb,IAAA,GAAAA,IAAA","ignoreList":[]}
|
|
@@ -13,7 +13,7 @@ const IOThemes = exports.IOThemes = {
|
|
|
13
13
|
dark: _IOColors.IOThemeDark
|
|
14
14
|
};
|
|
15
15
|
const IOThemeContext = exports.IOThemeContext = /*#__PURE__*/(0, _react.createContext)({
|
|
16
|
-
themeType: _reactNative.Appearance.getColorScheme()
|
|
16
|
+
themeType: _reactNative.Appearance.getColorScheme(),
|
|
17
17
|
theme: _reactNative.Appearance.getColorScheme() === "dark" ? IOThemes.dark : IOThemes.light,
|
|
18
18
|
setTheme: () => void 0
|
|
19
19
|
});
|
|
@@ -25,15 +25,14 @@ const IOThemeContextProvider = ({
|
|
|
25
25
|
children,
|
|
26
26
|
theme
|
|
27
27
|
}) => {
|
|
28
|
-
const [currentTheme, setCurrentTheme] = (0, _react.useState)(theme ??
|
|
29
|
-
const resolvedTheme = currentTheme === "unspecified" ? _reactNative.Appearance.getColorScheme() ?? "light" : currentTheme;
|
|
28
|
+
const [currentTheme, setCurrentTheme] = (0, _react.useState)(theme ?? _reactNative.Appearance.getColorScheme());
|
|
30
29
|
const handleThemeChange = (0, _react.useCallback)(newTheme => {
|
|
31
30
|
setCurrentTheme(newTheme);
|
|
32
31
|
}, []);
|
|
33
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IOThemeContext.Provider, {
|
|
34
33
|
value: {
|
|
35
34
|
themeType: currentTheme,
|
|
36
|
-
theme:
|
|
35
|
+
theme: IOThemes[currentTheme ?? "light"],
|
|
37
36
|
setTheme: handleThemeChange
|
|
38
37
|
},
|
|
39
38
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_IOColors","_jsxRuntime","IOThemes","exports","light","IOThemeLight","dark","IOThemeDark","IOThemeContext","createContext","themeType","Appearance","getColorScheme","theme","setTheme","useIOThemeContext","useContext","useIOTheme","IOThemeContextProvider","children","currentTheme","setCurrentTheme","useState","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_IOColors","_jsxRuntime","IOThemes","exports","light","IOThemeLight","dark","IOThemeDark","IOThemeContext","createContext","themeType","Appearance","getColorScheme","theme","setTheme","useIOThemeContext","useContext","useIOTheme","IOThemeContextProvider","children","currentTheme","setCurrentTheme","useState","handleThemeChange","useCallback","newTheme","jsx","Provider","value"],"sourceRoot":"../../../src","sources":["context/IOThemeContextProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAsE,IAAAG,WAAA,GAAAH,OAAA;AAE/D,MAAMI,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EAAEE,KAAK,EAAEC,sBAAY;EAAEC,IAAI,EAAEC;AAAY,CAAC;AAQ3D,MAAMC,cAA2C,GAAAL,OAAA,CAAAK,cAAA,gBACtD,IAAAC,oBAAa,EAAqB;EAChCC,SAAS,EAAEC,uBAAU,CAACC,cAAc,CAAC,CAAC;EACtCC,KAAK,EACHF,uBAAU,CAACC,cAAc,CAAC,CAAC,KAAK,MAAM,GAAGV,QAAQ,CAACI,IAAI,GAAGJ,QAAQ,CAACE,KAAK;EACzEU,QAAQ,EAAEA,CAAA,KAAM,KAAK;AACvB,CAAC,CAAC;AAEG,MAAMC,iBAAiB,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACR,cAAc,CAAC;AAACL,OAAA,CAAAY,iBAAA,GAAAA,iBAAA;AAE3D,MAAME,UAAU,GAAGA,CAAA,KAAMF,iBAAiB,CAAC,CAAC,CAACF,KAAK;AAACV,OAAA,CAAAc,UAAA,GAAAA,UAAA;AAMnD,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,QAAQ;EACRN;AAC8C,CAAC,KAAK;EACpD,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAC9CT,KAAK,IAAIF,uBAAU,CAACC,cAAc,CAAC,CACrC,CAAC;EAED,MAAMW,iBAAiB,GAAG,IAAAC,kBAAW,EAAEC,QAAyB,IAAK;IACnEJ,eAAe,CAACI,QAAQ,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAClB,cAAc,CAACmB,QAAQ;IACtBC,KAAK,EAAE;MACLlB,SAAS,EAAEU,YAAY;MACvBP,KAAK,EAAEX,QAAQ,CAACkB,YAAY,IAAI,OAAO,CAAC;MACxCN,QAAQ,EAAES;IACZ,CAAE;IAAAJ,QAAA,EAEDA;EAAQ,CACc,CAAC;AAE9B,CAAC;AAAChB,OAAA,CAAAe,sBAAA,GAAAA,sBAAA","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { Pressable, View } from "react-native";
|
|
5
4
|
import Animated from "react-native-reanimated";
|
|
6
5
|
import { useIOThemeContext } from "../../context";
|
|
@@ -63,15 +62,16 @@ const mapVariantStatesDarkMode = {
|
|
|
63
62
|
foreground: "success-100"
|
|
64
63
|
}
|
|
65
64
|
};
|
|
66
|
-
export const Alert =
|
|
65
|
+
export const Alert = ({
|
|
67
66
|
variant,
|
|
68
67
|
content,
|
|
69
68
|
action,
|
|
70
69
|
onPress,
|
|
71
70
|
fullWidth = false,
|
|
72
71
|
accessibilityHint,
|
|
72
|
+
ref: viewRef,
|
|
73
73
|
testID
|
|
74
|
-
}
|
|
74
|
+
}) => {
|
|
75
75
|
const {
|
|
76
76
|
onPressIn,
|
|
77
77
|
onPressOut,
|
|
@@ -127,7 +127,7 @@ export const Alert = /*#__PURE__*/forwardRef(({
|
|
|
127
127
|
const StaticComponent = () => /*#__PURE__*/_jsx(View, {
|
|
128
128
|
ref: viewRef,
|
|
129
129
|
style: [fullWidth ? {
|
|
130
|
-
padding
|
|
130
|
+
padding: paddingFullWidth
|
|
131
131
|
} : paddingDefaultVariant, {
|
|
132
132
|
backgroundColor: mapVariantStates[variant].background
|
|
133
133
|
}],
|
|
@@ -161,5 +161,5 @@ export const Alert = /*#__PURE__*/forwardRef(({
|
|
|
161
161
|
})
|
|
162
162
|
});
|
|
163
163
|
return action ? /*#__PURE__*/_jsx(PressableButton, {}) : /*#__PURE__*/_jsx(StaticComponent, {});
|
|
164
|
-
}
|
|
164
|
+
};
|
|
165
165
|
//# sourceMappingURL=Alert.js.map
|