@pagopa/io-app-design-system 7.0.2 → 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/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/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/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/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/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/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
|
@@ -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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Pressable","View","Animated","useIOThemeContext","IOVisualCostants","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","useScaleAnimation","useIOFontDynamicScale","Icon","HStack","VStack","Body","ButtonText","jsx","_jsx","jsxs","_jsxs","ICON_SIZE","padding","paddingFullWidth","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","variant","content","action","onPress","fullWidth","accessibilityHint","ref","viewRef","testID","onPressIn","onPressOut","scaleAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","themeType","paddingDefaultVariant","borderRadius","borderCurve","mapVariantStates","renderMainBlock","space","iconMargin","allowScaleSpacing","style","alignItems","children","allowFontScaling","name","size","color","marginTop","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
5
4
|
import Animated from "react-native-reanimated";
|
|
6
5
|
import { useIOTheme, useIOThemeContext } from "../../context";
|
|
@@ -61,7 +60,7 @@ const mapBackgroundColorDarkMode = {
|
|
|
61
60
|
neutral: "grey-50",
|
|
62
61
|
turquoise: "turquoise-300"
|
|
63
62
|
};
|
|
64
|
-
export const Banner =
|
|
63
|
+
export const Banner = ({
|
|
65
64
|
color,
|
|
66
65
|
pictogramName,
|
|
67
66
|
title,
|
|
@@ -73,8 +72,9 @@ export const Banner = /*#__PURE__*/forwardRef(({
|
|
|
73
72
|
accessibilityHint,
|
|
74
73
|
accessibilityLabel,
|
|
75
74
|
accessibilityRole = "button",
|
|
75
|
+
ref: viewRef,
|
|
76
76
|
testID
|
|
77
|
-
}
|
|
77
|
+
}) => {
|
|
78
78
|
const {
|
|
79
79
|
onPressIn,
|
|
80
80
|
onPressOut,
|
|
@@ -94,7 +94,7 @@ export const Banner = /*#__PURE__*/forwardRef(({
|
|
|
94
94
|
};
|
|
95
95
|
|
|
96
96
|
/* Generates a complete fallbackAccessibilityLabel by concatenating the title, content, and action
|
|
97
|
-
|
|
97
|
+
if they are present. */
|
|
98
98
|
const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
|
|
99
99
|
const renderMainBlock = () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
100
100
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
@@ -119,7 +119,7 @@ export const Banner = /*#__PURE__*/forwardRef(({
|
|
|
119
119
|
}), action &&
|
|
120
120
|
/*#__PURE__*/
|
|
121
121
|
/* Disable pointer events to avoid
|
|
122
|
-
|
|
122
|
+
pressed state on the button */
|
|
123
123
|
_jsxs(Pressable, {
|
|
124
124
|
pointerEvents: "none",
|
|
125
125
|
importantForAccessibility: "no-hide-descendants",
|
|
@@ -184,5 +184,5 @@ export const Banner = /*#__PURE__*/forwardRef(({
|
|
|
184
184
|
children: renderMainBlock()
|
|
185
185
|
});
|
|
186
186
|
return action ? /*#__PURE__*/_jsx(PressableButton, {}) : /*#__PURE__*/_jsx(StaticComponent, {});
|
|
187
|
-
}
|
|
187
|
+
};
|
|
188
188
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Pressable","StyleSheet","View","Animated","useIOTheme","useIOThemeContext","IOBannerBigSpacing","IOBannerRadius","hexToRgba","IOColors","useScaleAnimation","IconButton","VSpacer","PictogramBleed","BodySmall","buttonTextFontSize","H6","IOText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","sizePictogram","closeButtonDistanceFromEdge","closeButtonOpacity","bannerPadding","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","accessibilityRole","ref","viewRef","testID","onPressIn","onPressOut","scaleAnimatedStyle","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","children","style","flex","alignSelf","gap","accessible","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","size","numberOfLines","ellipsizeMode","name","icon","PressableButton","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { useCallback, useEffect, useRef } from "react";
|
|
4
4
|
import { Pressable, StyleSheet } from "react-native";
|
|
5
5
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
6
6
|
import Animated, { LayoutAnimationConfig, useReducedMotion } from "react-native-reanimated";
|
|
@@ -12,7 +12,7 @@ import { AnimatedIOText } from "../../typography";
|
|
|
12
12
|
import { buttonTextFontSize, buttonTextLineHeight } from "../../typography/ButtonText";
|
|
13
13
|
import { useButtonAnimatedStyles, useButtonColorMap } from "./styles";
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
15
|
-
export const IOButton =
|
|
15
|
+
export const IOButton = ({
|
|
16
16
|
variant = "solid",
|
|
17
17
|
color = "primary",
|
|
18
18
|
label,
|
|
@@ -27,8 +27,9 @@ export const IOButton = /*#__PURE__*/forwardRef(({
|
|
|
27
27
|
accessibilityLabel,
|
|
28
28
|
accessibilityHint,
|
|
29
29
|
accessibilityRole = "button",
|
|
30
|
+
ref,
|
|
30
31
|
testID
|
|
31
|
-
}
|
|
32
|
+
}) => {
|
|
32
33
|
const mapColorStates = useButtonColorMap(variant);
|
|
33
34
|
const {
|
|
34
35
|
progress,
|
|
@@ -86,9 +87,9 @@ export const IOButton = /*#__PURE__*/forwardRef(({
|
|
|
86
87
|
// ---------------------------------------
|
|
87
88
|
|
|
88
89
|
/* Prevent the component from triggering the `isEntering' transition
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
on the on the first render. Solution from this discussion:
|
|
91
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
92
|
+
*/
|
|
92
93
|
const isMounted = useRef(false);
|
|
93
94
|
useEffect(() => {
|
|
94
95
|
// eslint-disable-next-line functional/immutable-data
|
|
@@ -96,7 +97,7 @@ export const IOButton = /*#__PURE__*/forwardRef(({
|
|
|
96
97
|
}, []);
|
|
97
98
|
const handleOnPress = useCallback(event => {
|
|
98
99
|
/* Don't call `onPress` if the button is
|
|
99
|
-
|
|
100
|
+
in loading state */
|
|
100
101
|
if (loading) {
|
|
101
102
|
return;
|
|
102
103
|
}
|
|
@@ -185,7 +186,7 @@ export const IOButton = /*#__PURE__*/forwardRef(({
|
|
|
185
186
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
186
187
|
style: [styles.button,
|
|
187
188
|
/* Prevent Reanimated from overriding background colors
|
|
188
|
-
|
|
189
|
+
if button is disabled */
|
|
189
190
|
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && buttonAnimatedStyle, {
|
|
190
191
|
paddingHorizontal: isLinkButton ? btnPaddingHorizontalMap.link : fullWidth ? btnPaddingHorizontalMap.fullWidth : btnPaddingHorizontalMap.default
|
|
191
192
|
}, {
|
|
@@ -200,7 +201,7 @@ export const IOButton = /*#__PURE__*/forwardRef(({
|
|
|
200
201
|
children: renderButtonContent()
|
|
201
202
|
})
|
|
202
203
|
});
|
|
203
|
-
}
|
|
204
|
+
};
|
|
204
205
|
const styles = StyleSheet.create({
|
|
205
206
|
button: {
|
|
206
207
|
flexDirection: "row",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","LayoutAnimationConfig","useReducedMotion","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useScaleAnimation","AnimatedIcon","AnimatedIconWithColorTransition","LoadingSpinner","AnimatedIOText","buttonTextFontSize","buttonTextLineHeight","useButtonAnimatedStyles","useButtonColorMap","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IOButton","variant","color","label","fullWidth","disabled","loading","numberOfLines","textAlign","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","accessibilityRole","ref","testID","mapColorStates","progress","onPressIn","onPressOut","scaleAnimatedStyle","buttonAnimatedStyle","labelAnimatedStyle","iconColorAnimatedStyle","reducedMotion","isLinkButton","btnIconSizeMap","solid","outline","link","btnBorderWidthMap","btnPaddingHorizontalMap","default","btnLinkHitSlop","top","right","bottom","left","btnIconSize","btnBorderWidth","btnBorderRadius","btnSizeDefault","ICON_MARGIN","DISABLED_OPACITY","backgroundColor","background","foregroundColor","foreground","isMounted","current","handleOnPress","event","trigger","renderButtonContent","children","skipExiting","View","style","styles","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","animatedProps","size","weight","lineHeight","accessible","accessibilityElementsHidden","importantForAccessibility","ellipsizeMode","accessibilityState","busy","hitSlop","alignSelf","flexShrink","button","paddingHorizontal","height","borderWidth","borderRadius","borderColor","opacity","create","alignItems","justifyContent","textAlignVertical","borderCurve","overflow","elevation"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/IOButton.tsx"],"mappings":";;AAAA,SAA8BA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC3E,SAIEC,SAAS,EAETC,UAAU,QAKL,cAAc;AACrB,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,qBAAqB,EACrBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,QACrB,eAAe;AACtB,SAASC,iBAAiB,QAAQ,gBAAgB;AAElD,SACEC,YAAY,EACZC,+BAA+B,QAG1B,aAAa;AACpB,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,kBAAkB,EAClBC,oBAAoB,QACf,6BAA6B;AACpC,SAASC,uBAAuB,EAAEC,iBAAiB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAuEtE,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,OAAO,GAAG,OAAO;EACjBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,aAAa,GAAG,CAAC;EACjBC,SAAS,GAAG,MAAM;EAClBC,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC,iBAAiB,GAAG,QAAQ;EAC5BC,GAAG;EACHC;AACa,CAAC,KAAK;EACnB,MAAMC,cAAc,GAAGxB,iBAAiB,CAACQ,OAAO,CAAC;EACjD,MAAM;IAAEiB,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3DpC,iBAAiB,CAAC,CAAC;EACrB,MAAM;IAAEqC,mBAAmB;IAAEC,kBAAkB;IAAEC;EAAuB,CAAC,GACvEhC,uBAAuB,CAACS,OAAO,EAAEC,KAAK,EAAEgB,QAAQ,CAAC;EACnD,MAAMO,aAAa,GAAG5C,gBAAgB,CAAC,CAAC;EAExC,MAAM6C,YAAY,GAAGzB,OAAO,KAAK,MAAM;;EAEvC;EACA;EACA;EACA,MAAM0B,cAAwD,GAAG;IAC/DC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE;EACR,CAAC;EAED,MAAMC,iBAAoE,GAAG;IAC3EH,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,IAAI,EAAE;EACR,CAAC;EAED,MAAME,uBAGL,GAAG;IACFC,OAAO,EAAE,EAAE;IACX7B,SAAS,EAAE,EAAE;IACb0B,IAAI,EAAE;EACR,CAAC;EAED,MAAMI,cAAyC,GAAG;IAChDC,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE;EACR,CAAC;EAED,MAAMC,WAAW,GAAGZ,cAAc,CAAC1B,OAAO,CAAC;EAC3C,MAAMuC,cAAc,GAAGT,iBAAiB,CAAC9B,OAAO,CAAC;EACjD,MAAMwC,eAAe,GAAG,CAAC;EACzB,MAAMC,cAAc,GAAG,EAAE;EAEzB,MAAMC,WAAW,GAAG,CAAC;EACrB,MAAMC,gBAAgB,GAAG,GAAG;;EAE5B;EACA,MAAMC,eAA2B,GAAGxC,QAAQ,GACxCY,cAAc,CAACf,KAAK,CAAC,CAAC4C,UAAU,CAACzC,QAAQ,GACzCY,cAAc,CAACf,KAAK,CAAC,CAAC4C,UAAU,CAACb,OAAO;;EAE5C;EACA,MAAMc,eAA2B,GAAG1C,QAAQ,GACxCY,cAAc,CAACf,KAAK,CAAC,EAAE8C,UAAU,EAAE3C,QAAQ,GAC3CY,cAAc,CAACf,KAAK,CAAC,EAAE8C,UAAU,EAAEf,OAAO;;EAE9C;EACA;EACA;;EAEA;AACF;AACA;AACA;EACE,MAAMgB,SAAS,GAAG1E,MAAM,CAAU,KAAK,CAAC;EAExCD,SAAS,CAAC,MAAM;IACd;IACA2E,SAAS,CAACC,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAG9E,WAAW,CAC9B+E,KAA4B,IAAK;IAChC;AACN;IACM,IAAI9C,OAAO,EAAE;MACX;IACF;IACA5B,yBAAyB,CAAC2E,OAAO,CAAC,aAAa,CAAC;IAChD1C,OAAO,CAACyC,KAAK,CAAC;EAChB,CAAC,EACD,CAAC9C,OAAO,EAAEK,OAAO,CACnB,CAAC;;EAED;EACA;EACA;EACA,MAAM2C,mBAAmB,GAAGA,CAAA,kBAC1BzD,KAAA,CAAAE,SAAA;IAAAwD,QAAA,GACGjD,OAAO,iBACNX,IAAA,CAACf,qBAAqB;MAAC4E,WAAW;MAAAD,QAAA,eAChC5D,IAAA,CAAChB,QAAQ,CAAC8E,IAAI;QACZC,KAAK,EAAEC,MAAM,CAACC,WAAY;QAC1BC,QAAQ,EACNZ,SAAS,CAACC,OAAO,GAAGnE,gCAAgC,GAAG+E,SACxD;QACDC,OAAO,EAAE/E,0BAA2B;QAAAuE,QAAA,eAEpC5D,IAAA,CAACP,cAAc;UAACc,KAAK,EAAE6C;QAAgB,CAAE;MAAC,CAC7B;IAAC,CACK,CACxB,EAEA,CAACzC,OAAO,iBACPT,KAAA,CAAClB,QAAQ,CAAC8E,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACC,WAAW,EAClB;QAAEI,SAAS,EAAErB;MAAY,CAAC,EAC1BjC,YAAY,KAAK,KAAK,IAAI;QAAEuD,aAAa,EAAE;MAAc,CAAC,CAC1D;MACFJ,QAAQ,EAAEZ,SAAS,CAACC,OAAO,GAAGpE,2BAA2B,GAAGgF,SAAU;MAAAP,QAAA,GAErE9C,IAAI,KACF,CAACJ,QAAQ,gBACRV,IAAA,CAACR,+BAA+B;QAC9B+E,gBAAgB;QAChBC,IAAI,EAAE1D,IAAK;QACX2D,aAAa,EAAE5C,sBAAuB;QACtC6C,IAAI,EAAE9B;MAAY,CACnB,CAAC,gBAEF5C,IAAA,CAACT,YAAY;QACXgF,gBAAgB;QAChBC,IAAI,EAAE1D,IAAK;QACXP,KAAK,EAAEe,cAAc,CAACf,KAAK,CAAC,EAAE8C,UAAU,EAAE3C,QAAS;QACnDgE,IAAI,EAAE9B;MAAY,CACnB,CACF,CAAC,eACJ5C,IAAA,CAACN,cAAc;QACbiF,MAAM,EAAE,UAAW;QACnBD,IAAI,EAAE/E,kBAAmB;QACzBiF,UAAU,EAAE7C,YAAY,GAAGnC,oBAAoB,GAAGuE,SAAU;QAC5DU,UAAU,EAAE,KAAM;QAClBC,2BAA2B;QAC3BC,yBAAyB,EAAC,qBAAqB;QAC/CnE,aAAa,EAAEA,aAAc;QAC7BoE,aAAa,EAAC,MAAM;QACpBjB,KAAK,EAAE,CACL;UAAElD;QAAU,CAAC,EACbH,QAAQ,GACJ;UAAEH,KAAK,EAAEe,cAAc,CAACf,KAAK,CAAC,EAAE8C,UAAU,EAAE3C;QAAS,CAAC,GACtD;UAAEH,KAAK,EAAEe,cAAc,CAACf,KAAK,CAAC,EAAE8C,UAAU,EAAEf;QAAQ,CAAC,EACzD,CAAC5B,QAAQ,IAAIkB,kBAAkB,CAC/B;QAAAgC,QAAA,EAEDpD;MAAK,CACQ,CAAC;IAAA,CACJ,CAChB;EAAA,CACD,CACH;EAED,oBACER,IAAA,CAACnB,SAAS;IACRuC,GAAG,EAAEA,GAAI;IACTyD,UAAU,EAAE;IACZ;IAAA;IACA5D,kBAAkB,EAAEA,kBAAkB,IAAIT,KAAM;IAChDU,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrC8D,kBAAkB,EAAE;MAClBC,IAAI,EAAEvE,OAAO;MACbD,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAE;IACFM,OAAO,EAAEwC,aAAc;IACvBhC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBf,QAAQ,EAAEA,QAAS;IACnByE,OAAO,EAAEpD,YAAY,GAAGQ,cAAc,GAAG4B,SAAU;IACnDJ,KAAK,EACHhC,YAAY,GACR;MAAEqD,SAAS,EAAE;IAAa,CAAC,GAC3B3E,SAAS,GACT;MAAE4E,UAAU,EAAE,CAAC;MAAED,SAAS,EAAE;IAAU,CAAC,GACvC;MAAEC,UAAU,EAAE,CAAC;MAAED,SAAS,EAAE;IAAO,CACxC;IACD/D,MAAM,EAAEA,MAAO;IAAAuC,QAAA,eAEf5D,IAAA,CAAChB,QAAQ,CAAC8E,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACsB,MAAM;MACb;AACV;MACU,CAAC5E,QAAQ,IAAI,CAACoB,aAAa,IAAIJ,kBAAkB,EACjD,CAAChB,QAAQ,IAAIiB,mBAAmB,EAChC;QACE4D,iBAAiB,EAAExD,YAAY,GAC3BM,uBAAuB,CAACF,IAAI,GAC5B1B,SAAS,GACT4B,uBAAuB,CAAC5B,SAAS,GACjC4B,uBAAuB,CAACC;MAC9B,CAAC,EACD;QACEkD,MAAM,EAAEzD,YAAY,GAAGoC,SAAS,GAAGpB,cAAc;QACjDG,eAAe;QACfuC,WAAW,EAAE5C,cAAc;QAC3B6C,YAAY,EAAE5C,eAAe;QAC7B6C,WAAW,EAAEvC;MACf,CAAC,EACD1C,QAAQ,GACJ;QACEkF,OAAO,EAAE3C;MACX,CAAC,GACD,CAAC,CAAC,CACN;MAAAW,QAAA,EAEDD,mBAAmB,CAAC;IAAC,CACT;EAAC,CACP,CAAC;AAEhB,CAAC;AAED,MAAMK,MAAM,GAAGlF,UAAU,CAAC+G,MAAM,CAAC;EAC/BP,MAAM,EAAE;IACNhB,aAAa,EAAE,KAAK;IACpBwB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE,QAAQ;IAAE;IAC7BC,WAAW,EAAE,YAAY;IACzBC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE;EACb,CAAC;EACDlC,WAAW,EAAE;IACXK,aAAa,EAAE,KAAK;IACpBwB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
3
|
import { View } from "react-native";
|
|
5
4
|
import { IOVisualCostants } from "../../core/IOStyles";
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -9,13 +8,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
8
|
depending on the size value
|
|
10
9
|
@param {IOContentWrapper} margin
|
|
11
10
|
*/
|
|
12
|
-
export const ContentWrapper =
|
|
11
|
+
export const ContentWrapper = ({
|
|
13
12
|
margin = IOVisualCostants.appMarginDefault,
|
|
14
13
|
style,
|
|
15
14
|
children,
|
|
16
15
|
testID,
|
|
16
|
+
ref,
|
|
17
17
|
...rest
|
|
18
|
-
}
|
|
18
|
+
}) => /*#__PURE__*/_jsx(View, {
|
|
19
19
|
testID: testID,
|
|
20
20
|
style: {
|
|
21
21
|
paddingHorizontal: margin,
|
|
@@ -24,5 +24,5 @@ export const ContentWrapper = /*#__PURE__*/forwardRef(({
|
|
|
24
24
|
ref: ref,
|
|
25
25
|
...rest,
|
|
26
26
|
children: children
|
|
27
|
-
})
|
|
27
|
+
});
|
|
28
28
|
//# sourceMappingURL=ContentWrapper.js.map
|