@pagopa/io-app-design-system 1.28.0 → 1.29.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/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/ListItemNav.js +13 -6
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +13 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +13 -7
- 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 +68 -8
- 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/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/ListItemNav.js +15 -8
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +14 -4
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +14 -8
- 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 +68 -8
- 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/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/ListItemNav.d.ts +4 -5
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts +6 -0
- 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/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.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/ListItemNav.tsx +27 -10
- package/src/components/listitems/ListItemRadio.tsx +17 -6
- package/src/components/listitems/ListItemRadioWithAmount.tsx +10 -6
- package/src/components/listitems/ListItemSwitch.tsx +19 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +68 -8
- package/src/components/radio/RadioButtonLabel.tsx +4 -1
- package/src/components/switch/SwitchLabel.tsx +3 -2
|
@@ -7,15 +7,16 @@ exports.ListItemSwitch = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
|
+
var _badge = require("../badge");
|
|
10
11
|
var _icons = require("../icons");
|
|
12
|
+
var _loadingSpinner = require("../loadingSpinner");
|
|
13
|
+
var _logos = require("../logos");
|
|
11
14
|
var _spacer = require("../spacer");
|
|
12
|
-
var _typography = require("../typography");
|
|
13
15
|
var _NativeSwitch = require("../switch/NativeSwitch");
|
|
14
|
-
var
|
|
15
|
-
var _logos = require("../logos");
|
|
16
|
-
var _loadingSpinner = require("../loadingSpinner");
|
|
16
|
+
var _typography = require("../typography");
|
|
17
17
|
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); }
|
|
18
18
|
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; }
|
|
19
|
+
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); }
|
|
19
20
|
const DISABLED_OPACITY = 0.5;
|
|
20
21
|
|
|
21
22
|
/* Estimated height of the native switch component,
|
|
@@ -34,15 +35,11 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
34
35
|
badge,
|
|
35
36
|
onSwitchValueChange
|
|
36
37
|
} = _ref;
|
|
37
|
-
const {
|
|
38
|
-
isExperimental
|
|
39
|
-
} = (0, _core.useIOExperimentalDesign)();
|
|
40
38
|
const theme = (0, _core.useIOTheme)();
|
|
41
39
|
|
|
42
40
|
// If we have a badge or we are loading, we can't render the switch
|
|
43
41
|
// this affects the accessibility tree and the rendering of the component
|
|
44
42
|
const canRenderSwitch = (0, _react.useMemo)(() => !isLoading && !badge, [isLoading, badge]);
|
|
45
|
-
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
46
43
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
47
44
|
testID: "ListItemSwitch",
|
|
48
45
|
style: [_core.IOSelectionListItemStyles.listItem, {
|
|
@@ -56,15 +53,18 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
56
53
|
alignItems: "center"
|
|
57
54
|
}],
|
|
58
55
|
accessible: false
|
|
59
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
|
|
60
57
|
style: {
|
|
61
58
|
flex: 1,
|
|
62
59
|
flexDirection: "row",
|
|
63
60
|
alignItems: "center"
|
|
64
61
|
},
|
|
65
|
-
accessible: !canRenderSwitch
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
accessible: !canRenderSwitch
|
|
63
|
+
}, _reactNative.Platform.select({
|
|
64
|
+
android: {
|
|
65
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
66
|
+
}
|
|
67
|
+
})), icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
68
68
|
style: {
|
|
69
69
|
marginRight: _core.IOSelectionListItemVisualParams.iconMargin,
|
|
70
70
|
alignSelf: "flex-start"
|
|
@@ -82,7 +82,7 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
82
82
|
name: paymentLogo,
|
|
83
83
|
size: _core.IOSelectionListItemVisualParams.iconSize
|
|
84
84
|
})), /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
85
|
-
color: "
|
|
85
|
+
color: theme["textBody-default"],
|
|
86
86
|
style: {
|
|
87
87
|
flex: 1
|
|
88
88
|
},
|
|
@@ -102,7 +102,7 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
102
102
|
testID: badge.testID
|
|
103
103
|
}), isLoading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
104
104
|
size: 24,
|
|
105
|
-
color:
|
|
105
|
+
color: theme["interactiveElem-default"]
|
|
106
106
|
}), canRenderSwitch && /*#__PURE__*/_react.default.createElement(_NativeSwitch.NativeSwitch, {
|
|
107
107
|
value: value,
|
|
108
108
|
accessibilityLabel: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_icons","_loadingSpinner","_logos","_spacer","_NativeSwitch","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","React","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","useIOTheme","canRenderSwitch","useMemo","createElement","View","testID","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","flex","flexDirection","Platform","select","android","importantForAccessibility","marginRight","IOSelectionListItemVisualParams","iconMargin","alignSelf","Icon","name","color","size","iconSize","LogoPayment","H6","HSpacer","justifyContent","minHeight","Badge","text","variant","LoadingSpinner","NativeSwitch","accessibilityLabel","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA0D,SAAAU,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAgB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAqB1D,MAAMI,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AACA,MAAMC,uBAA+B,GAAG,EAAE;AAMnC,MAAMC,cAAc,gBAAGC,cAAK,CAACC,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,GAAG,IAAAC,gBAAU,EAAC,CAAC;;EAE1B;EACA;EACA,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAC7B,MAAM,CAACN,SAAS,IAAI,CAACC,KAAK,EAC1B,CAACD,SAAS,EAAEC,KAAK,CACnB,CAAC;EAED,oBACEzD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC5D,YAAA,CAAA6D,IAAI;IACHC,MAAM,EAAC,gBAAgB;IACvBC,KAAK,EAAE,CACLC,+BAAyB,CAACC,QAAQ,EAClC;MACEC,OAAO,EAAEf,QAAQ,GAAGX,gBAAgB,GAAG;IACzC,CAAC,CACD;IACF2B,aAAa,EAAEhB,QAAQ,GAAG,MAAM,GAAG,MAAO;IAC1CiB,8BAA8B,EAAE,IAAK;IACrCC,UAAU,EAAE;EAAM,gBAElBxE,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC5D,YAAA,CAAA6D,IAAI;IACHE,KAAK,EAAE,CACLC,+BAAyB,CAACM,aAAa,EACvC;MAAEC,UAAU,EAAE;IAAS,CAAC,CACxB;IACFF,UAAU,EAAE;EAAM,gBAElBxE,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC5D,YAAA,CAAA6D,IAAI,EAAA9B,QAAA;IACHgC,KAAK,EAAE;MACLS,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBF,UAAU,EAAE;IACd,CAAE;IACFF,UAAU,EAAE,CAACX;EAAgB,GACzBgB,qBAAQ,CAACC,MAAM,CAAC;IAClBC,OAAO,EAAE;MACPC,yBAAyB,EAAE,CAACnB,eAAe,GACvC,KAAK,GACL;IACN;EACF,CAAC,CAAC,GAEDV,IAAI,iBACHnD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC5D,YAAA,CAAA6D,IAAI;IACHE,KAAK,EAAE;MACLe,WAAW,EAAEC,qCAA+B,CAACC,UAAU;MACvDC,SAAS,EAAE;IACb;EAAE,gBAEFpF,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACzD,MAAA,CAAA+E,IAAI;IACHC,IAAI,EAAEnC,IAAK;IACXoC,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAEN,qCAA+B,CAACO;EAAS,CAChD,CACG,CACP,EACArC,WAAW,iBACVpD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC5D,YAAA,CAAA6D,IAAI;IACHE,KAAK,EAAE;MACLe,WAAW,EAAEC,qCAA+B,CAACC,UAAU;MACvDC,SAAS,EAAE;IACb;EAAE,gBAEFpF,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACvD,MAAA,CAAAkF,WAAW;IACVJ,IAAI,EAAElC,WAAY;IAClBoC,IAAI,EAAEN,qCAA+B,CAACO;EAAS,CAChD,CACG,CACP,eAEDzF,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACpD,WAAA,CAAAgF,EAAE;IACDJ,KAAK,EAAE5B,KAAK,CAAC,kBAAkB,CAAE;IACjCO,KAAK,EAAE;MAAES,IAAI,EAAE;IAAE,CAAE;IACnBH,UAAU,EAAE,CAACX,eAAgB;IAC7BmB,yBAAyB,EACvB,CAACnB,eAAe,GAAG,KAAK,GAAG;EAC5B,GAEAZ,KACC,CACA,CAAC,eACPjD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACtD,OAAA,CAAAmF,OAAO;IAACJ,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBxF,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC5D,YAAA,CAAA6D,IAAI;IACHE,KAAK,EAAE;MACL2B,cAAc,EAAE,QAAQ;MACxBT,SAAS,EAAE,YAAY;MACvBU,SAAS,EAAElD;IACb;EAAE,GAEDa,KAAK,iBACJzD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAC1D,MAAA,CAAA0F,KAAK;IACJC,IAAI,EAAEvC,KAAK,CAACuC,IAAK;IACjBC,OAAO,EAAExC,KAAK,CAACwC,OAAQ;IACvBhC,MAAM,EAAER,KAAK,CAACQ;EAAO,CACtB,CACF,EACAT,SAAS,iBACRxD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACxD,eAAA,CAAA2F,cAAc;IACbV,IAAI,EAAE,EAAG;IACTD,KAAK,EAAE5B,KAAK,CAAC,yBAAyB;EAAE,CACzC,CACF,EACAE,eAAe,iBACd7D,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACrD,aAAA,CAAAyF,YAAY;IACX9C,KAAK,EAAEA,KAAM;IACb+C,kBAAkB,EAAEnD,KAAM;IAC1BoD,aAAa,EAAE3C;EAAoB,CACpC,CAEC,CACF,CAAC,EACNR,WAAW,iBACVlD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAA/D,MAAA,CAAAmB,OAAA,CAAAmF,QAAA,qBACEtG,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACtD,OAAA,CAAA8F,OAAO;IAACf,IAAI,EAAEN,qCAA+B,CAACsB;EAAkB,CAAE,CAAC,eACpExG,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACpD,WAAA,CAAA8F,UAAU;IAACC,MAAM,EAAC,SAAS;IAACnB,KAAK,EAAE5B,KAAK,CAAC,mBAAmB;EAAE,GAC5DT,WACS,CACZ,CACH,EACAK,MAAM,iBACLvD,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAAA/D,MAAA,CAAAmB,OAAA,CAAAmF,QAAA,qBACEtG,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACtD,OAAA,CAAA8F,OAAO;IAACf,IAAI,EAAEN,qCAA+B,CAACyB;EAAa,CAAE,CAAC,eAC/D3G,MAAA,CAAAmB,OAAA,CAAA4C,aAAA,CAACpD,WAAA,CAAAiG,SAAS;IAACC,QAAQ,EAAC,OAAO;IAACC,OAAO,EAAEvD,MAAM,CAACuD;EAAQ,GACjDvD,MAAM,CAACN,KACC,CACX,CAEA,CAAC;AAEX,CACF,CAAC;AAAC8D,OAAA,CAAAlE,cAAA,GAAAA,cAAA"}
|
|
@@ -970,7 +970,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
970
970
|
]
|
|
971
971
|
}
|
|
972
972
|
>
|
|
973
|
-
<View
|
|
973
|
+
<View
|
|
974
|
+
style={
|
|
975
|
+
{
|
|
976
|
+
"flexShrink": 1,
|
|
977
|
+
}
|
|
978
|
+
}
|
|
979
|
+
>
|
|
974
980
|
<Text
|
|
975
981
|
allowFontScaling={false}
|
|
976
982
|
color="black"
|
|
@@ -983,6 +989,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
983
989
|
"lineHeight": 21,
|
|
984
990
|
}
|
|
985
991
|
}
|
|
992
|
+
numberOfLines={1}
|
|
986
993
|
style={
|
|
987
994
|
[
|
|
988
995
|
{
|
|
@@ -1000,6 +1007,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1000
1007
|
weight="Regular"
|
|
1001
1008
|
>
|
|
1002
1009
|
label
|
|
1010
|
+
con nome molto molto lungo
|
|
1003
1011
|
</Text>
|
|
1004
1012
|
<View
|
|
1005
1013
|
style={
|
|
@@ -1114,6 +1122,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1114
1122
|
}
|
|
1115
1123
|
}
|
|
1116
1124
|
>
|
|
1125
|
+
<View
|
|
1126
|
+
style={
|
|
1127
|
+
{
|
|
1128
|
+
"width": 8,
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
/>
|
|
1117
1132
|
<Text
|
|
1118
1133
|
allowFontScaling={false}
|
|
1119
1134
|
color="blueIO-500"
|
|
@@ -1354,7 +1369,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1354
1369
|
]
|
|
1355
1370
|
}
|
|
1356
1371
|
>
|
|
1357
|
-
<View
|
|
1372
|
+
<View
|
|
1373
|
+
style={
|
|
1374
|
+
{
|
|
1375
|
+
"flexShrink": 1,
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
>
|
|
1358
1379
|
<Text
|
|
1359
1380
|
allowFontScaling={false}
|
|
1360
1381
|
color="black"
|
|
@@ -1367,6 +1388,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1367
1388
|
"lineHeight": 21,
|
|
1368
1389
|
}
|
|
1369
1390
|
}
|
|
1391
|
+
numberOfLines={1}
|
|
1370
1392
|
style={
|
|
1371
1393
|
[
|
|
1372
1394
|
{
|
|
@@ -1384,6 +1406,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1384
1406
|
weight="Regular"
|
|
1385
1407
|
>
|
|
1386
1408
|
label
|
|
1409
|
+
con nome molto molto lungo
|
|
1387
1410
|
</Text>
|
|
1388
1411
|
</View>
|
|
1389
1412
|
<View
|
|
@@ -1394,6 +1417,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1394
1417
|
}
|
|
1395
1418
|
}
|
|
1396
1419
|
>
|
|
1420
|
+
<View
|
|
1421
|
+
style={
|
|
1422
|
+
{
|
|
1423
|
+
"width": 8,
|
|
1424
|
+
}
|
|
1425
|
+
}
|
|
1426
|
+
/>
|
|
1397
1427
|
<Text
|
|
1398
1428
|
allowFontScaling={false}
|
|
1399
1429
|
color="blueIO-500"
|
|
@@ -2702,7 +2732,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2702
2732
|
]
|
|
2703
2733
|
}
|
|
2704
2734
|
>
|
|
2705
|
-
<View
|
|
2735
|
+
<View
|
|
2736
|
+
style={
|
|
2737
|
+
{
|
|
2738
|
+
"flexShrink": 1,
|
|
2739
|
+
}
|
|
2740
|
+
}
|
|
2741
|
+
>
|
|
2706
2742
|
<Text
|
|
2707
2743
|
allowFontScaling={false}
|
|
2708
2744
|
color="black"
|
|
@@ -2715,6 +2751,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2715
2751
|
"lineHeight": 21,
|
|
2716
2752
|
}
|
|
2717
2753
|
}
|
|
2754
|
+
numberOfLines={1}
|
|
2718
2755
|
style={
|
|
2719
2756
|
[
|
|
2720
2757
|
{
|
|
@@ -2732,6 +2769,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2732
2769
|
weight="SemiBold"
|
|
2733
2770
|
>
|
|
2734
2771
|
label
|
|
2772
|
+
con nome molto molto lungo
|
|
2735
2773
|
</Text>
|
|
2736
2774
|
<View
|
|
2737
2775
|
style={
|
|
@@ -2846,9 +2884,16 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2846
2884
|
}
|
|
2847
2885
|
}
|
|
2848
2886
|
>
|
|
2887
|
+
<View
|
|
2888
|
+
style={
|
|
2889
|
+
{
|
|
2890
|
+
"width": 8,
|
|
2891
|
+
}
|
|
2892
|
+
}
|
|
2893
|
+
/>
|
|
2849
2894
|
<Text
|
|
2850
2895
|
allowFontScaling={false}
|
|
2851
|
-
color="
|
|
2896
|
+
color="blueIO-500"
|
|
2852
2897
|
defaultColor="black"
|
|
2853
2898
|
defaultWeight="SemiBold"
|
|
2854
2899
|
font="TitilliumWeb"
|
|
@@ -2865,7 +2910,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2865
2910
|
"lineHeight": 25,
|
|
2866
2911
|
},
|
|
2867
2912
|
{
|
|
2868
|
-
"color": "#
|
|
2913
|
+
"color": "#0B3EE3",
|
|
2869
2914
|
"fontFamily": "Titillium Web",
|
|
2870
2915
|
"fontStyle": "normal",
|
|
2871
2916
|
"fontWeight": "600",
|
|
@@ -3086,7 +3131,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3086
3131
|
]
|
|
3087
3132
|
}
|
|
3088
3133
|
>
|
|
3089
|
-
<View
|
|
3134
|
+
<View
|
|
3135
|
+
style={
|
|
3136
|
+
{
|
|
3137
|
+
"flexShrink": 1,
|
|
3138
|
+
}
|
|
3139
|
+
}
|
|
3140
|
+
>
|
|
3090
3141
|
<Text
|
|
3091
3142
|
allowFontScaling={false}
|
|
3092
3143
|
color="black"
|
|
@@ -3099,6 +3150,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3099
3150
|
"lineHeight": 21,
|
|
3100
3151
|
}
|
|
3101
3152
|
}
|
|
3153
|
+
numberOfLines={1}
|
|
3102
3154
|
style={
|
|
3103
3155
|
[
|
|
3104
3156
|
{
|
|
@@ -3116,6 +3168,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3116
3168
|
weight="SemiBold"
|
|
3117
3169
|
>
|
|
3118
3170
|
label
|
|
3171
|
+
con nome molto molto lungo
|
|
3119
3172
|
</Text>
|
|
3120
3173
|
</View>
|
|
3121
3174
|
<View
|
|
@@ -3126,9 +3179,16 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3126
3179
|
}
|
|
3127
3180
|
}
|
|
3128
3181
|
>
|
|
3182
|
+
<View
|
|
3183
|
+
style={
|
|
3184
|
+
{
|
|
3185
|
+
"width": 8,
|
|
3186
|
+
}
|
|
3187
|
+
}
|
|
3188
|
+
/>
|
|
3129
3189
|
<Text
|
|
3130
3190
|
allowFontScaling={false}
|
|
3131
|
-
color="
|
|
3191
|
+
color="blueIO-500"
|
|
3132
3192
|
defaultColor="black"
|
|
3133
3193
|
defaultWeight="SemiBold"
|
|
3134
3194
|
font="TitilliumWeb"
|
|
@@ -3145,7 +3205,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3145
3205
|
"lineHeight": 25,
|
|
3146
3206
|
},
|
|
3147
3207
|
{
|
|
3148
|
-
"color": "#
|
|
3208
|
+
"color": "#0B3EE3",
|
|
3149
3209
|
"fontFamily": "Titillium Web",
|
|
3150
3210
|
"fontStyle": "normal",
|
|
3151
3211
|
"fontWeight": "600",
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.RadioButtonLabel = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _core = require("../../core");
|
|
9
10
|
var _IOStyles = require("../../core/IOStyles");
|
|
10
11
|
var _hapticFeedback = require("../../functions/haptic-feedback/hapticFeedback");
|
|
11
12
|
var _Spacer = require("../spacer/Spacer");
|
|
@@ -31,6 +32,7 @@ const RadioButtonLabel = _ref => {
|
|
|
31
32
|
disabled,
|
|
32
33
|
onValueChange
|
|
33
34
|
} = _ref;
|
|
35
|
+
const theme = (0, _core.useIOTheme)();
|
|
34
36
|
const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
|
|
35
37
|
const toggleRadioButton = () => {
|
|
36
38
|
(0, _hapticFeedback.triggerHaptic)("impactLight");
|
|
@@ -63,7 +65,7 @@ const RadioButtonLabel = _ref => {
|
|
|
63
65
|
style: {
|
|
64
66
|
flexShrink: 1
|
|
65
67
|
},
|
|
66
|
-
color: "
|
|
68
|
+
color: theme["textBody-default"]
|
|
67
69
|
}, label)));
|
|
68
70
|
};
|
|
69
71
|
exports.RadioButtonLabel = RadioButtonLabel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedRadio","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","toggleRadioButton","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedRadio","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedRadio","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","theme","useIOTheme","toggleValue","setToggleValue","useState","toggleRadioButton","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedRadio","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":"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"}
|
|
@@ -45,6 +45,7 @@ const SwitchLabel = _ref => {
|
|
|
45
45
|
onValueChange
|
|
46
46
|
} = _ref;
|
|
47
47
|
const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
|
|
48
|
+
const theme = (0, _core.useIOTheme)();
|
|
48
49
|
const {
|
|
49
50
|
isExperimental
|
|
50
51
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -52,7 +53,7 @@ const SwitchLabel = _ref => {
|
|
|
52
53
|
style: {
|
|
53
54
|
flexShrink: 1
|
|
54
55
|
},
|
|
55
|
-
color: "
|
|
56
|
+
color: theme["textBody-default"]
|
|
56
57
|
}, label);
|
|
57
58
|
|
|
58
59
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_fonts","_Spacer","_H","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","styles","StyleSheet","create","legacyTextValue","fontSize","lineHeight","color","IOColors","bluegreyDark","flexShrink","makeFontStyleObject","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","isExperimental","useIOExperimentalDesign","switchLabelText","createElement","H6","style","legacySwitchlabelText","Text","switchLabelTextComponent","toggleCheckbox","triggerHaptic","Pressable","onPress","testID","alignSelf","opacity","View","IOStyles","row","alignItems","width","pointerEvents","AnimatedSwitch","HSpacer","size","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,EAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAAkD,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAQlD,MAAMW,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEC,cAAQ,CAACC,YAAY;IAC5BC,UAAU,EAAE,CAAC;IACb,GAAG,IAAAC,0BAAmB,EAAC,UAAU,EAAEC,SAAS,EAAE,cAAc;EAC9D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGC,IAAA,IAKX;EAAA,IALY;IAC1BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,cAAQ,EAACL,OAAO,IAAI,KAAK,CAAC;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_fonts","_Spacer","_H","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","styles","StyleSheet","create","legacyTextValue","fontSize","lineHeight","color","IOColors","bluegreyDark","flexShrink","makeFontStyleObject","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","theme","useIOTheme","isExperimental","useIOExperimentalDesign","switchLabelText","createElement","H6","style","legacySwitchlabelText","Text","switchLabelTextComponent","toggleCheckbox","triggerHaptic","Pressable","onPress","testID","alignSelf","opacity","View","IOStyles","row","alignItems","width","pointerEvents","AnimatedSwitch","HSpacer","size","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"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":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,iBAAiB,QACZ,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AACnB,SAASC,OAAO,QAAQ,WAAW;AAGnC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,mBAAmB,QAAQ,mBAAmB;AAyDvD,MAAMC,eAAyB,GAAG,OAAO;AACzC,MAAMC,mBAAmB,GAAGN,SAAS,CAACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;AAC9D,MAAMQ,iBAAiB,GAAGP,SAAS,CAACD,QAAQ,CAACM,eAAe,CAAC,EAAE,CAAC,CAAC;AACjE,MAAMG,qBAA+B,GAAG,EAAE;AAE1C,MAAMC,MAAM,GAAGtB,UAAU,CAACuB,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpDC,MAAM,EAAEjB,gBAAgB,CAACkB,YAAY;IACrCC,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,cAAc,EAAE;IACdJ,QAAQ,EAAE,CAAC;IACXK,UAAU,EAAE,CAAC;IACbC,gBAAgB,EAAEd;EACpB,CAAC;EACDe,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACf,GAAGtB,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDuB,qBAAqB,EAAE;IACrB,GAAGvB,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMwB,iBAAiB,GAAGC,IAAA,IAYR;EAAA,IAZS;IAChCC,YAAY,GAAGC,SAAS;IACxBC,MAAM;IACNC,sBAAsB;IACtBC,KAAK;IACLC,IAAI;IACJC,WAAW,GAAG,KAAK;IACnBC,OAAO,GAAG,KAAK;IACfC,MAAM;IACNC,WAAW;IACXC,YAAY;IACZC;EACiB,CAAC,GAAAZ,IAAA;EAClB,MAAMa,QAAQ,gBAAGzD,KAAK,CAAC0D,SAAS,CAAO,CAAC;EAExC,MAAM;IAAEC;EAAe,CAAC,GAAG3C,uBAAuB,CAAC,CAAC;EACpD,MAAM4C,MAAM,GAAGtD,iBAAiB,CAAC,CAAC;EAClC,MAAMuD,iBAAiB,GAAG7D,KAAK,CAAC8D,OAAO,CAAC,MAAM,CAAC,CAACb,KAAK,CAACc,IAAI,CAAC,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEtEjD,KAAK,CAACgE,eAAe,CAAC,MAAM;IAC1B,IAAIH,iBAAiB,EAAE;MACrB,MAAMI,SAAS,GAAG7D,cAAc,CAACqD,QAAQ,CAACS,OAAO,CAAC;MAClD,IAAID,SAAS,KAAK,IAAI,EAAE;QACtB5D,iBAAiB,CAAC8D,qBAAqB,CAACF,SAAS,CAAC;MACpD;IACF;EACF,CAAC,CAAC;EAEF,MAAMG,0BAA0B,GAAG1D,gBAAgB,CAAC,OAAO;IACzD2D,eAAe,EACblB,WAAW,IAAIN,YAAY,GACvBpC,gBAAgB,CACdoC,YAAY,CAACyB,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAE1B,YAAY,CAAC2B,aAAa,CAAC,EAC/B,CAAClD,iBAAiB,EAAER,QAAQ,CAACM,eAAe,CAAC,CAC/C,CAAC,GACDN,QAAQ,CAACM,eAAe,CAAC;IAC/BqD,WAAW,EAAE5B,YAAY,GACrBpC,gBAAgB,CACdoC,YAAY,CAACyB,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAE1B,YAAY,CAAC2B,aAAa,CAAC,EAC/B,CAACnD,mBAAmB,EAAEP,QAAQ,CAAC,UAAU,CAAC,CAC5C,CAAC,GACD;EACN,CAAC,CAAC,CAAC;EAEH,MAAM4D,kBAAkB,GAAGhE,gBAAgB,CAAC,OAAO;IACjDiE,OAAO,EAAE9B,YAAY,GACjBrC,WAAW,CACTqC,YAAY,CAACyB,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAE1B,YAAY,CAAC2B,aAAa,CAAC,EAC/B,CAAC,CAAC,EAAE,CAAC,CACP,CAAC,GACD;EACN,CAAC,CAAC,CAAC;EAEH,oBACExE,KAAA,CAAA4E,aAAA,CAACrE,QAAQ,CAACN,IAAI;IACZ4E,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAE,CACL3B,WAAW,GACP;MAAE4B,iBAAiB,EAAE;IAAE,CAAC,GACxB;MAAEV,eAAe,EAAEvD,QAAQ,CAACM,eAAe;IAAE,CAAC,EAClD;MAAE2D,iBAAiB,EAAE;IAAE,CAAC,EACxBX,0BAA0B;EAC1B,gBAEFpE,KAAA,CAAA4E,aAAA,CAACrE,QAAQ,CAACN,IAAI;IACZoD,MAAM,EAAEA,MAAO;IACfyB,KAAK,EAAE,CAAC1B,OAAO,GAAG,CAAC,CAAC,GAAG;MAAE4B,SAAS,EAAEpB,MAAM,CAACqB;IAAI,CAAC,EAAEzD,MAAM,CAACE,WAAW;EAAE,GAErEqB,MAAM,gBACL/C,KAAA,CAAA4E,aAAA,CAAC1D,UAAU;IACTgE,IAAI,EAAE/E,QAAQ,CAACgF,MAAM,CAAC;MACpBC,OAAO,EAAE,aAAa;MACtBC,OAAO,EAAE;IACX,CAAC,CAAE;IACHC,KAAK,EAAC,SAAS;IACfC,OAAO,EAAExC,MAAO;IAChByC,kBAAkB,EAAExC;EAAuB,CAC5C,CAAC,gBAEFhD,KAAA,CAAA4E,aAAA,CAAC3D,OAAO;IAACwE,IAAI,EAAE;EAAG,CAAE,CACrB,eACDzF,KAAA,CAAA4E,aAAA,CAAC3E,IAAI;IACHyF,GAAG,EAAEjC,QAAS;IACdkC,2BAA2B,EAAE,CAAC9B,iBAAkB;IAChD+B,yBAAyB,EACvB/B,iBAAiB,GAAG,KAAK,GAAG,qBAC7B;IACDgC,UAAU,EAAEhC,iBAAkB;IAC9B2B,kBAAkB,EAAEvC,KAAM;IAC1B4B,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAEtD,MAAM,CAACW;EAAe,gBAE7BnC,KAAA,CAAA4E,aAAA,CAACrE,QAAQ,CAACuF,IAAI;IACZC,aAAa,EAAE,CAAE;IACjBF,UAAU,EAAE,KAAM;IAClBf,KAAK,EAAE,CACLtD,MAAM,CAACc,WAAW,EAClBqB,cAAc,GACVnC,MAAM,CAACiB,eAAe,GACtBjB,MAAM,CAACkB,qBAAqB,EAChCgC,kBAAkB;EAClB,GAEDzB,KACY,CACX,CAAC,eACPjD,KAAA,CAAA4E,aAAA,CAAC3E,IAAI;IAAC6E,KAAK,EAAE,CAACnE,QAAQ,CAACqF,GAAG,EAAE;MAAE5D,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5Cc,IAAI,KAAK,cAAc,iBACtBlD,KAAA,CAAA4E,aAAA,CAAA5E,KAAA,CAAAiG,QAAA,qBACEjG,KAAA,CAAA4E,aAAA,CAAC1D,UAAU,EAAAgF,QAAA,KAAK1C,WAAW;IAAE8B,KAAK,EAAC;EAAS,EAAE,CAAC,eAE/CtF,KAAA,CAAA4E,aAAA,CAAC3D,OAAO;IAACwE,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACA,CAACvC,IAAI,KAAK,YAAY,IAAIA,IAAI,KAAK,cAAc,kBAChDlD,KAAA,CAAA4E,aAAA,CAAA5E,KAAA,CAAAiG,QAAA,qBACEjG,KAAA,CAAA4E,aAAA,CAAC1D,UAAU,EAAAgF,QAAA,KAAK3C,YAAY;IAAE+B,KAAK,EAAC;EAAS,EAAE,CAAC,eAGhDtF,KAAA,CAAA4E,aAAA,CAAC3D,OAAO;IAACwE,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACAvC,IAAI,KAAK,MAAM,gBACdlD,KAAA,CAAA4E,aAAA,CAAC1D,UAAU,EAAAgF,QAAA,KAAK5C,WAAW;IAAEgC,KAAK,EAAC;EAAS,EAAE,CAAC,gBAE/CtF,KAAA,CAAA4E,aAAA,CAAC3D,OAAO;IAACwE,IAAI,EAAE5E;EAA6B,CAAE,CAE5C,CACO,CACF,CAAC;AAEpB,CAAC;AAED,eAAe8B,iBAAiB"}
|
|
@@ -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
|
}
|