@pagopa/io-app-design-system 1.27.0 → 1.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +6 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +3 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +5 -6
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +14 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/lib/commonjs/components/numberpad/NumberButton.js +21 -6
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +5 -1
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBleedPayments.js +34 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedPayments.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramPayments.js +36 -0
- package/lib/commonjs/components/pictograms/svg/PictogramPayments.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedPayments.svg +21 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPayments.svg +28 -0
- package/lib/commonjs/components/radio/RadioButtonLabel.js +3 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +2 -1
- package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +8 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOThemeContextProvider.js +15 -4
- package/lib/commonjs/core/IOThemeContextProvider.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +1 -0
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -8
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +3 -3
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +6 -7
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +16 -16
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/lib/module/components/numberpad/NumberButton.js +22 -7
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/pictograms/Pictogram.js +5 -1
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramBleedPayments.js +26 -0
- package/lib/module/components/pictograms/svg/PictogramBleedPayments.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramPayments.js +28 -0
- package/lib/module/components/pictograms/svg/PictogramPayments.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedPayments.svg +21 -0
- package/lib/module/components/pictograms/svg/originals/PictogramPayments.svg +28 -0
- package/lib/module/components/radio/RadioButtonLabel.js +3 -1
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/switch/SwitchLabel.js +3 -2
- package/lib/module/components/switch/SwitchLabel.js.map +1 -1
- package/lib/module/core/IOColors.js +6 -0
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOThemeContextProvider.js +12 -3
- package/lib/module/core/IOThemeContextProvider.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -0
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +2 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBleedPayments.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedPayments.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramPayments.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramPayments.d.ts.map +1 -0
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +2 -0
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOThemeContextProvider.d.ts +4 -0
- package/lib/typescript/core/IOThemeContextProvider.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/CheckboxLabel.tsx +4 -1
- package/src/components/layout/HeaderFirstLevel.tsx +11 -9
- package/src/components/layout/HeaderSecondLevel.tsx +10 -4
- package/src/components/listitems/ListItemCheckbox.tsx +2 -2
- package/src/components/listitems/ListItemRadio.tsx +3 -3
- package/src/components/listitems/ListItemRadioWithAmount.tsx +8 -5
- package/src/components/listitems/ListItemSwitch.tsx +19 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/src/components/numberpad/NumberButton.tsx +29 -9
- package/src/components/pictograms/Pictogram.tsx +7 -2
- package/src/components/pictograms/svg/PictogramBleedPayments.tsx +26 -0
- package/src/components/pictograms/svg/PictogramPayments.tsx +28 -0
- package/src/components/pictograms/svg/originals/PictogramBleedPayments.svg +21 -0
- package/src/components/pictograms/svg/originals/PictogramPayments.svg +28 -0
- package/src/components/radio/RadioButtonLabel.tsx +4 -1
- package/src/components/switch/SwitchLabel.tsx +3 -2
- package/src/core/IOColors.ts +8 -0
- package/src/core/IOThemeContextProvider.tsx +16 -3
- package/src/utils/fonts.ts +1 -0
|
@@ -3,17 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useIOThemeContext = exports.useIOTheme = exports.IOThemes = exports.IOThemeContextProvider = exports.IOThemeContext = void 0;
|
|
6
|
+
exports.useIOThemeContext = exports.useIOTheme = exports.legacyIOThemes = exports.IOThemes = exports.IOThemeContextProvider = exports.IOThemeContext = void 0;
|
|
7
7
|
var _function = require("fp-ts/function");
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _IOColors = require("./IOColors");
|
|
11
|
-
|
|
11
|
+
var _IODSExperimentalContextProvider = require("./IODSExperimentalContextProvider");
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
14
|
const IOThemes = {
|
|
13
15
|
light: _IOColors.IOThemeLight,
|
|
14
16
|
dark: _IOColors.IOThemeDark
|
|
15
17
|
};
|
|
16
18
|
exports.IOThemes = IOThemes;
|
|
19
|
+
const legacyIOThemes = {
|
|
20
|
+
light: _IOColors.IOThemeLightLegacy,
|
|
21
|
+
dark: _IOColors.IOThemeDark
|
|
22
|
+
};
|
|
23
|
+
exports.legacyIOThemes = legacyIOThemes;
|
|
17
24
|
const IOThemeContext = /*#__PURE__*/_react.default.createContext({
|
|
18
25
|
themeType: _reactNative.Appearance.getColorScheme() === "dark" ? "dark" : "light",
|
|
19
26
|
theme: _reactNative.Appearance.getColorScheme() === "dark" ? IOThemes.dark : IOThemes.light,
|
|
@@ -30,10 +37,14 @@ const IOThemeContextProvider = _ref => {
|
|
|
30
37
|
theme
|
|
31
38
|
} = _ref;
|
|
32
39
|
const [currentTheme, setCurrentTheme] = _react.default.useState(theme ?? "light");
|
|
40
|
+
const {
|
|
41
|
+
isExperimental
|
|
42
|
+
} = (0, _IODSExperimentalContextProvider.useIOExperimentalDesign)();
|
|
43
|
+
const themeMap = (0, _react.useMemo)(() => isExperimental ? IOThemes : legacyIOThemes, [isExperimental]);
|
|
33
44
|
return /*#__PURE__*/_react.default.createElement(IOThemeContext.Provider, {
|
|
34
45
|
value: {
|
|
35
46
|
themeType: currentTheme,
|
|
36
|
-
theme:
|
|
47
|
+
theme: themeMap[currentTheme],
|
|
37
48
|
setTheme: setCurrentTheme
|
|
38
49
|
}
|
|
39
50
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_function","require","_react","
|
|
1
|
+
{"version":3,"names":["_function","require","_react","_interopRequireWildcard","_reactNative","_IOColors","_IODSExperimentalContextProvider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IOThemes","light","IOThemeLight","dark","IOThemeDark","exports","legacyIOThemes","IOThemeLightLegacy","IOThemeContext","React","createContext","themeType","Appearance","getColorScheme","theme","setTheme","constVoid","useIOThemeContext","useContext","useIOTheme","IOThemeContextProvider","_ref","children","currentTheme","setCurrentTheme","useState","isExperimental","useIOExperimentalDesign","themeMap","useMemo","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["core/IOThemeContextProvider.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","fonts","TitilliumWeb","Platform","select","android","web","ios","TitilliumSansPro","ReadexPro","DMMono","weights","weightValues","fontWeights","Light","Regular","Medium","SemiBold","Bold","exports","fontWeightsMap","FontStyle","makeFontFamilyName","font","weight","isItalic","arguments","length","undefined","default","makeFontStyleObject","fontFamily","fontWeight","fontStyle","italic","normal"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AANA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA,MAAMC,KAAK,GAAG;EACZC,YAAY,EAAEC,qBAAQ,CAACC,MAAM,CAAC;IAC5BC,OAAO,EAAE,cAAc;IACvBC,GAAG,EAAE,cAAc;IACnBC,GAAG,EAAE;EACP,CAAC,CAAC;EACFC,gBAAgB,EAAEL,qBAAQ,CAACC,MAAM,CAAC;IAChCC,OAAO,EAAE,kBAAkB;IAC3BC,GAAG,EAAE,kBAAkB;IACvBC,GAAG,EAAE;EACP,CAAC,CAAC;EACFE,SAAS,EAAEN,qBAAQ,CAACC,MAAM,CAAC;IACzBC,OAAO,EAAE,WAAW;IACpBC,GAAG,EAAE,WAAW;IAChBC,GAAG,EAAE;EACP,CAAC,CAAC;EACFG,MAAM,EAAEP,qBAAQ,CAACC,MAAM,CAAC;IACtBC,OAAO,EAAE,QAAQ;IACjBC,GAAG,EAAE,QAAQ;IACbC,GAAG,EAAE;EACP,CAAC;AACH,CAAC;AAID,MAAMI,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAU;AAG3E,MAAMC,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU;AAGjE;AACA;AACA;AACA;AACO,MAAMC,WAAkD,GAAG;EAChEC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAACC,OAAA,CAAAN,WAAA,GAAAA,WAAA;AAKF;AACA;AACA;AACA;AACO,MAAMO,cAAqD,GAAG;EACnEN,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAACC,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAAA,IAEUC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAAAF,OAAA,CAAAE,SAAA,GAAAA,SAAA;AAWrB;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAG,SAAAA,CAChCC,IAAgB,EAChBC,MAAqB;EAAA,IACrBC,QAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,OAEzBvB,qBAAQ,CAACC,MAAM,CAAC;IACdE,GAAG,EAAEL,KAAK,CAACsB,IAAI,CAAC;IAChBlB,OAAO,EAAG,GAAEJ,KAAK,CAACsB,IAAI,CAAE,IAAGC,MAAM,IAAI,SAAU,GAAEC,QAAQ,GAAG,QAAQ,GAAG,EAAG,EAAC;IAC3ElB,GAAG,EAAEN,KAAK,CAACsB,IAAI,CAAC;IAChBM,OAAO,EAAE;EACX,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA;AACA;AACA;AALAV,OAAA,CAAAG,kBAAA,GAAAA,kBAAA;AAMO,MAAMQ,mBAAmB,GAAG,SAAAA,CAAA;EAAA,IACjCN,MAAgC,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAAA,IAC5CH,QAA6B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,IACrCH,IAA4B,GAAAG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,cAAc;EAAA,OAE7CvB,qBAAQ,CAACC,MAAM,CAAC;IACdE,GAAG,EAAE;MACHyB,UAAU,EAAET,kBAAkB,CAACC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,CAAC;MACtDO,UAAU,EAAER,MAAM,KAAKI,SAAS,GAAGR,cAAc,CAACI,MAAM,CAAC,GAAGA,MAAM;MAClES,SAAS,EAAER,QAAQ,GAAGJ,SAAS,CAACa,MAAM,GAAGb,SAAS,CAACc;IACrD,CAAC;IACD9B,OAAO,EAAE;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","fonts","TitilliumWeb","Platform","select","android","web","ios","TitilliumSansPro","ReadexPro","DMMono","weights","weightValues","fontWeights","Light","Regular","Medium","SemiBold","Bold","exports","fontWeightsMap","FontStyle","makeFontFamilyName","font","weight","isItalic","arguments","length","undefined","default","makeFontStyleObject","fontFamily","fontWeight","fontStyle","italic","normal","includeFontPadding"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Pressable, View } from "react-native";
|
|
4
|
+
import { useIOTheme } from "../../core";
|
|
4
5
|
import { IOStyles } from "../../core/IOStyles";
|
|
5
6
|
import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
|
|
6
7
|
import { HSpacer } from "../spacer/Spacer";
|
|
@@ -24,6 +25,7 @@ export const CheckboxLabel = _ref => {
|
|
|
24
25
|
disabled,
|
|
25
26
|
onValueChange
|
|
26
27
|
} = _ref;
|
|
28
|
+
const theme = useIOTheme();
|
|
27
29
|
const [toggleValue, setToggleValue] = useState(checked ?? false);
|
|
28
30
|
const toggleCheckbox = () => {
|
|
29
31
|
triggerHaptic("impactLight");
|
|
@@ -62,7 +64,7 @@ export const CheckboxLabel = _ref => {
|
|
|
62
64
|
style: {
|
|
63
65
|
flexShrink: 1
|
|
64
66
|
},
|
|
65
|
-
color: "
|
|
67
|
+
color: theme["textBody-default"]
|
|
66
68
|
}, label)));
|
|
67
69
|
};
|
|
68
70
|
//# sourceMappingURL=CheckboxLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","View","IOStyles","triggerHaptic","HSpacer","H6","AnimatedCheckbox","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size","flexShrink","color"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","useIOTheme","IOStyles","triggerHaptic","HSpacer","H6","AnimatedCheckbox","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","theme","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size","flexShrink","color"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAMK,KAAK,GAAGb,UAAU,CAAC,CAAC;EAE1B,MAAM,CAACc,WAAW,EAAEC,cAAc,CAAC,GAAGlB,QAAQ,CAACa,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMM,cAAc,GAAGA,CAAA,KAAM;IAC3Bd,aAAa,CAAC,aAAa,CAAC;IAC5Ba,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAIF,aAAa,KAAKK,SAAS,EAAE;MAC/BL,aAAa,CAAC,CAACE,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACElB,KAAA,CAAAsB,aAAA,CAACpB,SAAS;IACRa,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAEH,cAAe;IACxBI,MAAM,EAAC,kBAAkB;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEZ,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;IACA;IACA;IAAA;IACAkB,8BAA8B,EAAE;EAAK,gBAErC5B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACsB,KAAK,EAAE,CAACpB,QAAQ,CAACwB,GAAG,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO,CAAC;EAAE,gBACnE/B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACH6B,aAAa,EAAC,MAAM;IACpBP,KAAK,EAAE;MACLC,SAAS,EAAE;IACb;EAAE,gBAEF1B,KAAA,CAAAsB,aAAA,CAACb,gBAAgB;IAACK,OAAO,EAAEA,OAAO,IAAII;EAAY,CAAE,CAChD,CAAC,eACPlB,KAAA,CAAAsB,aAAA,CAACf,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBjC,KAAA,CAAAsB,aAAA,CAACd,EAAE;IAACiB,KAAK,EAAE;MAAES,UAAU,EAAE;IAAE,CAAE;IAACC,KAAK,EAAElB,KAAK,CAAC,kBAAkB;EAAE,GAC5DJ,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { AccessibilityInfo, StyleSheet, View, findNodeHandle } from "react-native";
|
|
4
4
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
5
|
-
import { IOStyles, IOVisualCostants,
|
|
6
|
-
import { H3 } from "../typography";
|
|
7
|
-
import { HSpacer } from "../spacer";
|
|
5
|
+
import { IOColors, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
|
|
8
6
|
import { IconButton } from "../buttons";
|
|
9
|
-
|
|
7
|
+
import { HSpacer } from "../spacer";
|
|
8
|
+
import { H3 } from "../typography";
|
|
10
9
|
const HEADER_BG_COLOR_DARK = "bluegrey";
|
|
11
10
|
const styles = StyleSheet.create({
|
|
12
11
|
headerInner: {
|
|
@@ -29,17 +28,18 @@ export const HeaderFirstLevel = _ref => {
|
|
|
29
28
|
thirdAction
|
|
30
29
|
} = _ref;
|
|
31
30
|
const titleRef = /*#__PURE__*/React.createRef();
|
|
31
|
+
const insets = useSafeAreaInsets();
|
|
32
|
+
const theme = useIOTheme();
|
|
32
33
|
React.useLayoutEffect(() => {
|
|
33
34
|
const reactNode = findNodeHandle(titleRef.current);
|
|
34
35
|
if (reactNode !== null) {
|
|
35
36
|
AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
36
37
|
}
|
|
37
38
|
});
|
|
38
|
-
const insets = useSafeAreaInsets();
|
|
39
39
|
return /*#__PURE__*/React.createElement(View, {
|
|
40
40
|
style: {
|
|
41
41
|
paddingTop: insets.top,
|
|
42
|
-
backgroundColor: backgroundColor === "light" ? IOColors[
|
|
42
|
+
backgroundColor: backgroundColor === "light" ? IOColors[theme["appBackground-primary"]] : IOColors[HEADER_BG_COLOR_DARK]
|
|
43
43
|
},
|
|
44
44
|
accessibilityRole: "header",
|
|
45
45
|
testID: testID
|
|
@@ -54,7 +54,7 @@ export const HeaderFirstLevel = _ref => {
|
|
|
54
54
|
flexShrink: 1
|
|
55
55
|
},
|
|
56
56
|
numberOfLines: 1,
|
|
57
|
-
color: backgroundColor === "dark" ? "white" : "
|
|
57
|
+
color: backgroundColor === "dark" ? "white" : theme["textBody-default"]
|
|
58
58
|
}, title)), /*#__PURE__*/React.createElement(View, {
|
|
59
59
|
style: [IOStyles.row, {
|
|
60
60
|
flexShrink: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","AccessibilityInfo","StyleSheet","View","findNodeHandle","useSafeAreaInsets","IOColors","IOStyles","IOVisualCostants","useIOTheme","IconButton","HSpacer","H3","HEADER_BG_COLOR_DARK","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","titleRef","createRef","insets","theme","useLayoutEffect","reactNode","current","setAccessibilityFocus","createElement","style","paddingTop","top","accessibilityRole","ref","accessible","flexShrink","numberOfLines","color","row","Fragment","_extends","size"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
|
|
@@ -61,17 +61,19 @@ export const HeaderSecondLevel = _ref => {
|
|
|
61
61
|
isExperimental
|
|
62
62
|
} = useIOExperimentalDesign();
|
|
63
63
|
const insets = useSafeAreaInsets();
|
|
64
|
+
const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
|
|
64
65
|
React.useLayoutEffect(() => {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
if (isTitleAccessible) {
|
|
67
|
+
const reactNode = findNodeHandle(titleRef.current);
|
|
68
|
+
if (reactNode !== null) {
|
|
69
|
+
AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
70
|
+
}
|
|
68
71
|
}
|
|
69
72
|
});
|
|
70
73
|
const headerWrapperAnimatedStyle = useAnimatedStyle(() => ({
|
|
71
74
|
backgroundColor: transparent && scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerTransparent, IOColors[HEADER_BG_COLOR]]) : IOColors[HEADER_BG_COLOR],
|
|
72
75
|
borderColor: scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorDisabled, IOColors["grey-100"]]) : "transparent"
|
|
73
76
|
}));
|
|
74
|
-
const isTitleAccessible = !!title.trim();
|
|
75
77
|
const titleAnimatedStyle = useAnimatedStyle(() => ({
|
|
76
78
|
opacity: scrollValues ? interpolate(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [0, 1]) : 1
|
|
77
79
|
}));
|
|
@@ -101,6 +103,8 @@ export const HeaderSecondLevel = _ref => {
|
|
|
101
103
|
size: 32
|
|
102
104
|
}), /*#__PURE__*/React.createElement(View, {
|
|
103
105
|
ref: titleRef,
|
|
106
|
+
accessibilityElementsHidden: !isTitleAccessible,
|
|
107
|
+
importantForAccessibility: isTitleAccessible ? "yes" : "no-hide-descendants",
|
|
104
108
|
accessible: isTitleAccessible,
|
|
105
109
|
accessibilityLabel: title,
|
|
106
110
|
accessibilityRole: "header",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","isTitleAccessible","useMemo","trim","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -4,10 +4,10 @@ import { Pressable, View } from "react-native";
|
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
5
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
6
6
|
import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
7
|
+
import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
|
|
7
8
|
import { Icon } from "../icons";
|
|
8
9
|
import { HSpacer, VSpacer } from "../spacer";
|
|
9
10
|
import { H6, LabelSmall } from "../typography";
|
|
10
|
-
import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
|
|
11
11
|
const DISABLED_OPACITY = 0.5;
|
|
12
12
|
|
|
13
13
|
// disabled: the component is no longer touchable
|
|
@@ -114,7 +114,7 @@ export const ListItemCheckbox = _ref => {
|
|
|
114
114
|
color: "grey-300",
|
|
115
115
|
size: IOSelectionListItemVisualParams.iconSize
|
|
116
116
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
117
|
-
color: "
|
|
117
|
+
color: theme["textBody-default"],
|
|
118
118
|
style: {
|
|
119
119
|
flexShrink: 1
|
|
120
120
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","AnimatedCheckbox","Icon","HSpacer","VSpacer","H6","LabelSmall","DISABLED_OPACITY","ListItemCheckbox","_ref","_IOScaleValues$basicB","value","description","icon","selected","accessibilityLabel","disabled","onValueChange","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleCheckbox","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
|
|
@@ -6,10 +6,10 @@ import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle,
|
|
|
6
6
|
import Placeholder from "rn-placeholder";
|
|
7
7
|
import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
8
8
|
import { Icon } from "../icons";
|
|
9
|
+
import { LogoPayment } from "../logos";
|
|
10
|
+
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
9
11
|
import { HSpacer, VSpacer } from "../spacer";
|
|
10
12
|
import { H6, LabelSmall } from "../typography";
|
|
11
|
-
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
12
|
-
import { LogoPayment } from "../logos";
|
|
13
13
|
const DISABLED_OPACITY = 0.5;
|
|
14
14
|
|
|
15
15
|
// disabled: the component is no longer touchable
|
|
@@ -166,7 +166,7 @@ export const ListItemRadio = _ref => {
|
|
|
166
166
|
name: startImage.paymentLogo,
|
|
167
167
|
size: IOSelectionListItemVisualParams.iconSize
|
|
168
168
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
169
|
-
color: "
|
|
169
|
+
color: theme["textBody-default"],
|
|
170
170
|
style: {
|
|
171
171
|
flexShrink: 1
|
|
172
172
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmall","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","startImage","selected","disabled","onValueChange","loadingProps","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","Fragment","size","Box","animate","radius","width","height","SkeletonIcon","style","marginRight","iconMargin","iconSize","SkeletonComponent","listItem","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","pointerEvents","checked","skeletonDescription","state","onPress","onPressIn","onPressOut","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","paymentLogo","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SACEC,QAAQ,EACRC,aAAa,EACbC,yBAAyB,EACzBC,+BAA+B,EAC/BC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,UAAU,QACL,YAAY;AAEnB,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAA4BC,WAAW,QAAQ,UAAU;AACzD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AA2B9C,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IASb;EAAA,IAAAC,qBAAA;EAAA,IATc;IAC5BC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,YAAY;IACZC;EACQ,CAAC,GAAAT,IAAA;EACT,MAAM,CAACU,WAAW,EAAEC,cAAc,CAAC,GAAGzC,QAAQ,CAACmC,QAAQ,IAAI,KAAK,CAAC;EACjE;EACA,MAAMO,SAAuC,GAAGhC,cAAc,CAAC,CAAC,CAAC;EACjE;EACA,MAAMiC,mBAAmB,GAAG7B,aAAa,aAAbA,aAAa,gBAAAiB,qBAAA,GAAbjB,aAAa,CAAE8B,WAAW,cAAAb,qBAAA,uBAA1BA,qBAAA,CAA4Bc,YAAY;EAEpE,MAAMC,eAAe,GAAGrC,eAAe,CAAC,MACtCE,UAAU,CAAC+B,SAAS,CAACV,KAAK,EAAEf,cAAc,CAAC8B,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,KAAK,GAAG5B,UAAU,CAAC,CAAC;EAE1B,MAAM6B,mBAA2C,GAAG;IAClDC,OAAO,EAAE/B,SAAS,CAACN,QAAQ,CAACmC,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DG,OAAO,EAAEtC,QAAQ,CAACmC,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMI,kBAAkB,GAAG5C,gBAAgB,CAAC,MAAM;IAChD,MAAM6C,KAAK,GAAG/C,WAAW,CACvBwC,eAAe,CAACd,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEW,mBAAmB,CAAC,EACxBtC,WAAW,CAACiD,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAGzD,WAAW,CAAC,MAAM;IACtC;IACA2C,SAAS,CAACV,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACU,SAAS,CAAC,CAAC;EACf,MAAMe,cAAc,GAAG1D,WAAW,CAAC,MAAM;IACvC;IACA2C,SAAS,CAACV,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACU,SAAS,CAAC,CAAC;EAEf,MAAMgB,uBAAuB,GAAGlD,gBAAgB,CAAC,MAAM;IACrD,MAAMmD,eAAe,GAAGpD,gBAAgB,CACtCuC,eAAe,CAACd,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACiB,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACE,OAAO,CAC3D,CAAC;IAED,OAAO;MACLQ;IACF,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BzD,yBAAyB,CAAC0D,OAAO,CAAC,aAAa,CAAC;IAChDpB,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAIH,aAAa,KAAKyB,SAAS,EAAE;MAC/BzB,aAAa,CAAC,CAACG,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,MAAMuB,aAAa,GAAG;IAAEC,OAAO,EAAE5B,QAAQ,GAAGR,gBAAgB,GAAG;EAAE,CAAC;EAElE,MAAMqC,wBAAwB,GAAGA,CAAA,kBAC/BnE,KAAA,CAAAoE,aAAA,CAAApE,KAAA,CAAAqE,QAAA,qBACErE,KAAA,CAAAoE,aAAA,CAACzC,OAAO;IAAC2C,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBtE,KAAA,CAAAoE,aAAA,CAACtD,WAAW,CAACyD,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAE,CAAE,CAAC,eACvE3E,KAAA,CAAAoE,aAAA,CAACzC,OAAO;IAAC2C,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBtE,KAAA,CAAAoE,aAAA,CAACtD,WAAW,CAACyD,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAE,CAAE,CAAC,eACvE3E,KAAA,CAAAoE,aAAA,CAACzC,OAAO;IAAC2C,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBtE,KAAA,CAAAoE,aAAA,CAACtD,WAAW,CAACyD,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,MAAM,EAAE,CAAE;IAACC,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAE,CAAE,CACtE,CACH;EAED,MAAMC,YAAY,GAAGA,CAAA,kBACnB5E,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IACHyE,KAAK,EAAE;MACLC,WAAW,EAAE5D,+BAA+B,CAAC6D;IAC/C;EAAE,gBAEF/E,KAAA,CAAAoE,aAAA,CAACtD,WAAW,CAACyD,GAAG;IACdC,OAAO,EAAC,MAAM;IACdC,MAAM,EAAE,CAAE;IACVC,KAAK,EAAExD,+BAA+B,CAAC8D,QAAS;IAChDL,MAAM,EAAEzD,+BAA+B,CAAC8D;EAAS,CAClD,CACG,CACP;EAED,MAAMC,iBAAiB,GAAGA,CAAA,kBACxBjF,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACyE,KAAK,EAAE5D,yBAAyB,CAACiE;EAAS,gBAC9ClF,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACyE,KAAK,EAAE5D,yBAAyB,CAACkE;EAAc,gBACnDnF,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IACHyE,KAAK,EAAE,CACLzD,QAAQ,CAACgE,IAAI,EACbhE,QAAQ,CAACiE,eAAe,EACxBjE,QAAQ,CAACkE,WAAW;EACpB,gBAEFtF,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACyE,KAAK,EAAE,CAACzD,QAAQ,CAACmE,GAAG,EAAEnE,QAAQ,CAACkE,WAAW;EAAE,GAC/C,CAAA9C,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEgD,YAAY,kBAAIxF,KAAA,CAAAoE,aAAA,CAACQ,YAAY,MAAE,CAAC,eAC/C5E,KAAA,CAAAoE,aAAA,CAACtD,WAAW,CAACyD,GAAG;IACdC,OAAO,EAAC,MAAM;IACdC,MAAM,EAAE,CAAE;IACVC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE;EAAG,CACZ,CACG,CAAC,eACP3E,KAAA,CAAAoE,aAAA,CAAC1C,OAAO;IAAC4C,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBtE,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACqF,aAAa,EAAC,MAAM;IAACZ,KAAK,EAAEZ;EAAc,gBAC9CjE,KAAA,CAAAoE,aAAA,CAAC3C,aAAa;IAACiE,OAAO,EAAEhD;EAAY,CAAE,CAClC,CACF,CACF,CAAC,EACN,CAAAF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEmD,mBAAmB,kBAAI3F,KAAA,CAAAoE,aAAA,CAACD,wBAAwB,MAAE,CAC7D,CACP;EAED,OAAO3B,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEoD,KAAK,gBACxB5F,KAAA,CAAAoE,aAAA,CAACa,iBAAiB,MAAE,CAAC,gBAErBjF,KAAA,CAAAoE,aAAA,CAACjE,SAAS;IACR0F,OAAO,EAAE/B,eAAgB;IACzBgC,SAAS,EAAEpC,aAAc;IACzBqC,UAAU,EAAEpC,cAAe;IAC3BqC,UAAU,EAAErC,cAAe;IAC3BlB,MAAM,EAAEA,MAAO;IACfH,QAAQ,EAAEA;EAAS,gBAEnBtC,KAAA,CAAAoE,aAAA,CAAC9D,QAAQ,CAACF,IAAI;IACZyE,KAAK,EAAE,CACL5D,yBAAyB,CAACiE,QAAQ,EAClCtB,uBAAuB,EACvBK,aAAa;IAEf;IACA;IAAA;IACAgC,8BAA8B,EAAE;EAAK,gBAErCjG,KAAA,CAAAoE,aAAA,CAAC9D,QAAQ,CAACF,IAAI;IAACyE,KAAK,EAAEvB;EAAmB,gBACvCtD,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACyE,KAAK,EAAE5D,yBAAyB,CAACkE;EAAc,gBACnDnF,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACyE,KAAK,EAAE,CAACzD,QAAQ,CAACmE,GAAG,EAAE;MAAEW,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5C9D,UAAU,iBACTpC,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IACHyE,KAAK,EAAE;MACLC,WAAW,EAAE5D,+BAA+B,CAAC6D;IAC/C;EAAE,GAGD3C,UAAU,CAAC+D,IAAI,iBACdnG,KAAA,CAAAoE,aAAA,CAAC7C,IAAI;IACH6E,IAAI,EAAEhE,UAAU,CAAC+D,IAAK;IACtBE,KAAK,EAAC,UAAU;IAChB/B,IAAI,EAAEpD,+BAA+B,CAAC8D;EAAS,CAChD,CACF,EACA5C,UAAU,CAACkE,WAAW,iBACrBtG,KAAA,CAAAoE,aAAA,CAAC5C,WAAW;IACV4E,IAAI,EAAEhE,UAAU,CAACkE,WAAY;IAC7BhC,IAAI,EAAEpD,+BAA+B,CAAC8D;EAAS,CAChD,CAEC,CACP,eAEDhF,KAAA,CAAAoE,aAAA,CAACxC,EAAE;IAACyE,KAAK,EAAEnD,KAAK,CAAC,kBAAkB,CAAE;IAAC2B,KAAK,EAAE;MAAEqB,UAAU,EAAE;IAAE;EAAE,GAC5DhE,KACC,CACA,CAAC,eACPlC,KAAA,CAAAoE,aAAA,CAAC1C,OAAO;IAAC4C,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBtE,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACqF,aAAa,EAAC;EAAM,gBACxBzF,KAAA,CAAAoE,aAAA,CAAC3C,aAAa;IAACiE,OAAO,EAAErD,QAAQ,IAAIK;EAAY,CAAE,CAC9C,CACF,CAAC,EACNP,WAAW,iBACVnC,KAAA,CAAAoE,aAAA,CAAChE,IAAI,qBACHJ,KAAA,CAAAoE,aAAA,CAACzC,OAAO;IACN2C,IAAI,EAAEpD,+BAA+B,CAACqF;EAAkB,CACzD,CAAC,eACFvG,KAAA,CAAAoE,aAAA,CAACvC,UAAU;IAAC2E,MAAM,EAAC,SAAS;IAACH,KAAK,EAAEnD,KAAK,CAAC,mBAAmB;EAAE,GAC5Df,WACS,CACR,CAEK,CACF,CACN,CACZ;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../core";
|
|
5
5
|
import { Icon } from "../icons";
|
|
6
6
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
7
7
|
import { HSpacer, VSpacer } from "../spacer";
|
|
@@ -17,14 +17,13 @@ export const ListItemRadioWithAmount = props => {
|
|
|
17
17
|
props.onValueChange(!toggleValue);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
const
|
|
21
|
-
isExperimental
|
|
22
|
-
} = useIOExperimentalDesign();
|
|
23
|
-
const interactiveColor = isExperimental ? "blueIO-500" : "blue";
|
|
20
|
+
const theme = useIOTheme();
|
|
24
21
|
const suggestColor = "hanPurple-500";
|
|
25
22
|
return /*#__PURE__*/React.createElement(PressableListItemBase, {
|
|
26
23
|
onPress: pressHandler
|
|
27
|
-
}, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(LabelSmallAlt,
|
|
24
|
+
}, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(LabelSmallAlt, {
|
|
25
|
+
color: theme["textBody-default"]
|
|
26
|
+
}, props.label), props.isSuggested && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
28
27
|
size: 4
|
|
29
28
|
}), /*#__PURE__*/React.createElement(View, {
|
|
30
29
|
style: styles.rowCenter
|
|
@@ -43,7 +42,7 @@ export const ListItemRadioWithAmount = props => {
|
|
|
43
42
|
flexDirection: "row"
|
|
44
43
|
}
|
|
45
44
|
}, /*#__PURE__*/React.createElement(H6, {
|
|
46
|
-
color:
|
|
45
|
+
color: theme["interactiveElem-default"]
|
|
47
46
|
}, props.formattedAmountString), /*#__PURE__*/React.createElement(HSpacer, {
|
|
48
47
|
size: 8
|
|
49
48
|
}), /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmallAlt","LabelSmall","PressableListItemBase","ListItemRadioWithAmount","props","toggleValue","setToggleValue","useState","selected","pressHandler","trigger","val","onValueChange","undefined","theme","suggestColor","createElement","onPress","color","label","isSuggested","Fragment","size","style","styles","rowCenter","name","weight","suggestReason","pointerEvents","flexDirection","formattedAmountString","checked","create","alignItems"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,UAAU,QAAQ,YAAY;AACjD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,EAAE,EAAEC,aAAa,QAAQ,eAAe;AACjD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,qBAAqB,QAAQ,0BAA0B;AAgBhE,OAAO,MAAMC,uBAAuB,GAClCC,KAAmC,IAChC;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAACH,KAAK,CAACI,QAAQ,IAAI,KAAK,CAAC;EAC7E,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBhB,2BAA2B,CAACiB,OAAO,CAAC,aAAa,CAAC;IAClDJ,cAAc,CAACK,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIP,KAAK,CAACQ,aAAa,KAAKC,SAAS,EAAE;MACrCT,KAAK,CAACQ,aAAa,CAAC,CAACP,WAAW,CAAC;IACnC;EACF,CAAC;EACD,MAAMS,KAAK,GAAGpB,UAAU,CAAC,CAAC;EAE1B,MAAMqB,YAAsB,GAAG,eAAe;EAE9C,oBACEzB,KAAA,CAAA0B,aAAA,CAACd,qBAAqB;IAACe,OAAO,EAAER;EAAa,gBAC3CnB,KAAA,CAAA0B,aAAA,CAACxB,IAAI,qBACHF,KAAA,CAAA0B,aAAA,CAAChB,aAAa;IAACkB,KAAK,EAAEJ,KAAK,CAAC,kBAAkB;EAAE,GAC7CV,KAAK,CAACe,KACM,CAAC,EACff,KAAK,CAACgB,WAAW,iBAChB9B,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA+B,QAAA,qBACE/B,KAAA,CAAA0B,aAAA,CAAClB,OAAO;IAACwB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBhC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IAAC+B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BnC,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAAC+B,IAAI,EAAC,UAAU;IAACJ,IAAI,EAAE,EAAG;IAACJ,KAAK,EAAEH;EAAa,CAAE,CAAC,eACvDzB,KAAA,CAAA0B,aAAA,CAACnB,OAAO;IAACyB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBhC,KAAA,CAAA0B,aAAA,CAACf,UAAU;IAAC0B,MAAM,EAAC,SAAS;IAACT,KAAK,EAAEH;EAAa,GAC9CX,KAAK,CAACwB,aACG,CACR,CACN,CAEA,CAAC,eACPtC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IAACqC,aAAa,EAAC,MAAM;IAACN,KAAK,EAAE;MAAEO,aAAa,EAAE;IAAM;EAAE,gBACzDxC,KAAA,CAAA0B,aAAA,CAACjB,EAAE;IAACmB,KAAK,EAAEJ,KAAK,CAAC,yBAAyB;EAAE,GACzCV,KAAK,CAAC2B,qBACL,CAAC,eACLzC,KAAA,CAAA0B,aAAA,CAACnB,OAAO;IAACyB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBhC,KAAA,CAAA0B,aAAA,CAACpB,aAAa;IAACoC,OAAO,EAAE5B,KAAK,CAACI,QAAQ,IAAIH;EAAY,CAAE,CACpD,CACe,CAAC;AAE5B,CAAC;AAED,MAAMmB,MAAM,GAAGjC,UAAU,CAAC0C,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTK,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
1
2
|
import React, { useMemo } from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams,
|
|
3
|
+
import { Platform, View } from "react-native";
|
|
4
|
+
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, useIOTheme } from "../../core";
|
|
5
|
+
import { Badge } from "../badge";
|
|
4
6
|
import { Icon } from "../icons";
|
|
7
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
8
|
+
import { LogoPayment } from "../logos";
|
|
5
9
|
import { HSpacer, VSpacer } from "../spacer";
|
|
6
|
-
import { H6, LabelSmall, LabelLink } from "../typography";
|
|
7
10
|
import { NativeSwitch } from "../switch/NativeSwitch";
|
|
8
|
-
import {
|
|
9
|
-
import { LogoPayment } from "../logos";
|
|
10
|
-
import { LoadingSpinner } from "../loadingSpinner";
|
|
11
|
+
import { H6, LabelLink, LabelSmall } from "../typography";
|
|
11
12
|
const DISABLED_OPACITY = 0.5;
|
|
12
13
|
|
|
13
14
|
/* Estimated height of the native switch component,
|
|
@@ -26,15 +27,11 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
26
27
|
badge,
|
|
27
28
|
onSwitchValueChange
|
|
28
29
|
} = _ref;
|
|
29
|
-
const {
|
|
30
|
-
isExperimental
|
|
31
|
-
} = useIOExperimentalDesign();
|
|
32
30
|
const theme = useIOTheme();
|
|
33
31
|
|
|
34
32
|
// If we have a badge or we are loading, we can't render the switch
|
|
35
33
|
// this affects the accessibility tree and the rendering of the component
|
|
36
34
|
const canRenderSwitch = useMemo(() => !isLoading && !badge, [isLoading, badge]);
|
|
37
|
-
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
38
35
|
return /*#__PURE__*/React.createElement(View, {
|
|
39
36
|
testID: "ListItemSwitch",
|
|
40
37
|
style: [IOSelectionListItemStyles.listItem, {
|
|
@@ -48,15 +45,18 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
48
45
|
alignItems: "center"
|
|
49
46
|
}],
|
|
50
47
|
accessible: false
|
|
51
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
48
|
+
}, /*#__PURE__*/React.createElement(View, _extends({
|
|
52
49
|
style: {
|
|
53
50
|
flex: 1,
|
|
54
51
|
flexDirection: "row",
|
|
55
52
|
alignItems: "center"
|
|
56
53
|
},
|
|
57
|
-
accessible: !canRenderSwitch
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
accessible: !canRenderSwitch
|
|
55
|
+
}, Platform.select({
|
|
56
|
+
android: {
|
|
57
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
58
|
+
}
|
|
59
|
+
})), icon && /*#__PURE__*/React.createElement(View, {
|
|
60
60
|
style: {
|
|
61
61
|
marginRight: IOSelectionListItemVisualParams.iconMargin,
|
|
62
62
|
alignSelf: "flex-start"
|
|
@@ -74,7 +74,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
74
74
|
name: paymentLogo,
|
|
75
75
|
size: IOSelectionListItemVisualParams.iconSize
|
|
76
76
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
77
|
-
color: "
|
|
77
|
+
color: theme["textBody-default"],
|
|
78
78
|
style: {
|
|
79
79
|
flex: 1
|
|
80
80
|
},
|
|
@@ -94,7 +94,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
94
94
|
testID: badge.testID
|
|
95
95
|
}), isLoading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
96
96
|
size: 24,
|
|
97
|
-
color:
|
|
97
|
+
color: theme["interactiveElem-default"]
|
|
98
98
|
}), canRenderSwitch && /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
99
99
|
value: value,
|
|
100
100
|
accessibilityLabel: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Platform","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","useIOTheme","Badge","Icon","LoadingSpinner","LogoPayment","HSpacer","VSpacer","NativeSwitch","H6","LabelLink","LabelSmall","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","canRenderSwitch","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","_extends","flex","flexDirection","select","android","importantForAccessibility","marginRight","iconMargin","alignSelf","name","color","size","iconSize","justifyContent","minHeight","text","variant","accessibilityLabel","onValueChange","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAAgCC,QAAQ,EAAUC,IAAI,QAAQ,cAAc;AAC5E,SACEC,yBAAyB,EACzBC,+BAA+B,EAC/BC,UAAU,QACL,YAAY;AACnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAA4BC,WAAW,QAAQ,UAAU;AACzD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,EAAE,EAAEC,SAAS,EAAEC,UAAU,QAAQ,eAAe;AAqBzD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AACA,MAAMC,uBAA+B,GAAG,EAAE;AAM1C,OAAO,MAAMC,cAAc,gBAAGnB,KAAK,CAACoB,IAAI,CACtCC,IAAA,IAW2B;EAAA,IAX1B;IACCC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,WAAW;IACXC,KAAK,GAAG,KAAK;IACbC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC;EACmB,CAAC,GAAAV,IAAA;EACpB,MAAMW,KAAK,GAAG1B,UAAU,CAAC,CAAC;;EAE1B;EACA;EACA,MAAM2B,eAAe,GAAGhC,OAAO,CAC7B,MAAM,CAAC4B,SAAS,IAAI,CAACC,KAAK,EAC1B,CAACD,SAAS,EAAEC,KAAK,CACnB,CAAC;EAED,oBACE9B,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IACHgC,MAAM,EAAC,gBAAgB;IACvBC,KAAK,EAAE,CACLhC,yBAAyB,CAACiC,QAAQ,EAClC;MACEC,OAAO,EAAEX,QAAQ,GAAGV,gBAAgB,GAAG;IACzC,CAAC,CACD;IACFsB,aAAa,EAAEZ,QAAQ,GAAG,MAAM,GAAG,MAAO;IAC1Ca,8BAA8B,EAAE,IAAK;IACrCC,UAAU,EAAE;EAAM,gBAElBzC,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IACHiC,KAAK,EAAE,CACLhC,yBAAyB,CAACsC,aAAa,EACvC;MAAEC,UAAU,EAAE;IAAS,CAAC,CACxB;IACFF,UAAU,EAAE;EAAM,gBAElBzC,KAAA,CAAAkC,aAAA,CAAC/B,IAAI,EAAAyC,QAAA;IACHR,KAAK,EAAE;MACLS,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBH,UAAU,EAAE;IACd,CAAE;IACFF,UAAU,EAAE,CAACR;EAAgB,GACzB/B,QAAQ,CAAC6C,MAAM,CAAC;IAClBC,OAAO,EAAE;MACPC,yBAAyB,EAAE,CAAChB,eAAe,GACvC,KAAK,GACL;IACN;EACF,CAAC,CAAC,GAEDT,IAAI,iBACHxB,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IACHiC,KAAK,EAAE;MACLc,WAAW,EAAE7C,+BAA+B,CAAC8C,UAAU;MACvDC,SAAS,EAAE;IACb;EAAE,gBAEFpD,KAAA,CAAAkC,aAAA,CAAC1B,IAAI;IACH6C,IAAI,EAAE7B,IAAK;IACX8B,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAElD,+BAA+B,CAACmD;EAAS,CAChD,CACG,CACP,EACA/B,WAAW,iBACVzB,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IACHiC,KAAK,EAAE;MACLc,WAAW,EAAE7C,+BAA+B,CAAC8C,UAAU;MACvDC,SAAS,EAAE;IACb;EAAE,gBAEFpD,KAAA,CAAAkC,aAAA,CAACxB,WAAW;IACV2C,IAAI,EAAE5B,WAAY;IAClB8B,IAAI,EAAElD,+BAA+B,CAACmD;EAAS,CAChD,CACG,CACP,eAEDxD,KAAA,CAAAkC,aAAA,CAACpB,EAAE;IACDwC,KAAK,EAAEtB,KAAK,CAAC,kBAAkB,CAAE;IACjCI,KAAK,EAAE;MAAES,IAAI,EAAE;IAAE,CAAE;IACnBJ,UAAU,EAAE,CAACR,eAAgB;IAC7BgB,yBAAyB,EACvB,CAAChB,eAAe,GAAG,KAAK,GAAG;EAC5B,GAEAX,KACC,CACA,CAAC,eACPtB,KAAA,CAAAkC,aAAA,CAACvB,OAAO;IAAC4C,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBvD,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IACHiC,KAAK,EAAE;MACLqB,cAAc,EAAE,QAAQ;MACxBL,SAAS,EAAE,YAAY;MACvBM,SAAS,EAAExC;IACb;EAAE,GAEDY,KAAK,iBACJ9B,KAAA,CAAAkC,aAAA,CAAC3B,KAAK;IACJoD,IAAI,EAAE7B,KAAK,CAAC6B,IAAK;IACjBC,OAAO,EAAE9B,KAAK,CAAC8B,OAAQ;IACvBzB,MAAM,EAAEL,KAAK,CAACK;EAAO,CACtB,CACF,EACAN,SAAS,iBACR7B,KAAA,CAAAkC,aAAA,CAACzB,cAAc;IACb8C,IAAI,EAAE,EAAG;IACTD,KAAK,EAAEtB,KAAK,CAAC,yBAAyB;EAAE,CACzC,CACF,EACAC,eAAe,iBACdjC,KAAA,CAAAkC,aAAA,CAACrB,YAAY;IACXa,KAAK,EAAEA,KAAM;IACbmC,kBAAkB,EAAEvC,KAAM;IAC1BwC,aAAa,EAAE/B;EAAoB,CACpC,CAEC,CACF,CAAC,EACNR,WAAW,iBACVvB,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAA+D,QAAA,qBACE/D,KAAA,CAAAkC,aAAA,CAACtB,OAAO;IAAC2C,IAAI,EAAElD,+BAA+B,CAAC2D;EAAkB,CAAE,CAAC,eACpEhE,KAAA,CAAAkC,aAAA,CAAClB,UAAU;IAACiD,MAAM,EAAC,SAAS;IAACX,KAAK,EAAEtB,KAAK,CAAC,mBAAmB;EAAE,GAC5DT,WACS,CACZ,CACH,EACAK,MAAM,iBACL5B,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAA+D,QAAA,qBACE/D,KAAA,CAAAkC,aAAA,CAACtB,OAAO;IAAC2C,IAAI,EAAElD,+BAA+B,CAAC6D;EAAa,CAAE,CAAC,eAC/DlE,KAAA,CAAAkC,aAAA,CAACnB,SAAS;IAACoD,QAAQ,EAAC,OAAO;IAACC,OAAO,EAAExC,MAAM,CAACwC;EAAQ,GACjDxC,MAAM,CAACN,KACC,CACX,CAEA,CAAC;AAEX,CACF,CAAC"}
|
|
@@ -2848,7 +2848,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2848
2848
|
>
|
|
2849
2849
|
<Text
|
|
2850
2850
|
allowFontScaling={false}
|
|
2851
|
-
color="
|
|
2851
|
+
color="blueIO-500"
|
|
2852
2852
|
defaultColor="black"
|
|
2853
2853
|
defaultWeight="SemiBold"
|
|
2854
2854
|
font="TitilliumWeb"
|
|
@@ -2865,7 +2865,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2865
2865
|
"lineHeight": 25,
|
|
2866
2866
|
},
|
|
2867
2867
|
{
|
|
2868
|
-
"color": "#
|
|
2868
|
+
"color": "#0B3EE3",
|
|
2869
2869
|
"fontFamily": "Titillium Web",
|
|
2870
2870
|
"fontStyle": "normal",
|
|
2871
2871
|
"fontWeight": "600",
|
|
@@ -3128,7 +3128,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3128
3128
|
>
|
|
3129
3129
|
<Text
|
|
3130
3130
|
allowFontScaling={false}
|
|
3131
|
-
color="
|
|
3131
|
+
color="blueIO-500"
|
|
3132
3132
|
defaultColor="black"
|
|
3133
3133
|
defaultWeight="SemiBold"
|
|
3134
3134
|
font="TitilliumWeb"
|
|
@@ -3145,7 +3145,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3145
3145
|
"lineHeight": 25,
|
|
3146
3146
|
},
|
|
3147
3147
|
{
|
|
3148
|
-
"color": "#
|
|
3148
|
+
"color": "#0B3EE3",
|
|
3149
3149
|
"fontFamily": "Titillium Web",
|
|
3150
3150
|
"fontStyle": "normal",
|
|
3151
3151
|
"fontWeight": "600",
|