@pagopa/io-app-design-system 4.5.5 → 4.6.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/accordion/AccordionItem.js +20 -56
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +3 -2
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
- package/lib/commonjs/components/buttons/ButtonLink.js +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +8 -5
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +4 -2
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js +119 -0
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js.map +1 -0
- package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js +46 -0
- package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -0
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
- package/lib/commonjs/components/claimsSelector/index.js +17 -0
- package/lib/commonjs/components/claimsSelector/index.js.map +1 -0
- package/lib/commonjs/components/index.js +11 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +6 -2
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/lib/commonjs/components/radio/AnimatedRadio.js +8 -5
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +5 -5
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/switch/index.js +0 -22
- package/lib/commonjs/components/switch/index.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputValidation.js +19 -7
- package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH1.js +1 -2
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +2 -2
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +2 -2
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +28 -6
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +2 -16
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/hooks/useAccordionAnimation.js +83 -0
- package/lib/commonjs/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/module/components/accordion/AccordionItem.js +19 -52
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/banner/Banner.js +3 -2
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
- package/lib/module/components/buttons/ButtonLink.js +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +1 -1
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedCheckbox.js +9 -6
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +6 -4
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/module/components/claimsSelector/ClaimsSelector.js +109 -0
- package/lib/module/components/claimsSelector/ClaimsSelector.js.map +1 -0
- package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js +41 -0
- package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -0
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
- package/lib/module/components/claimsSelector/index.js +2 -0
- package/lib/module/components/claimsSelector/index.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +6 -2
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +1 -1
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/lib/module/components/radio/AnimatedRadio.js +9 -6
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +6 -6
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/switch/index.js +0 -2
- package/lib/module/components/switch/index.js.map +1 -1
- package/lib/module/components/textInput/TextInputValidation.js +20 -8
- package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH1.js +1 -2
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +2 -2
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +2 -2
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +28 -6
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOStyles.js +1 -14
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/hooks/useAccordionAnimation.js +76 -0
- package/lib/module/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/typescript/components/accordion/AccordionItem.d.ts +0 -6
- package/lib/typescript/components/accordion/AccordionItem.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts +42 -0
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts.map +1 -0
- package/lib/typescript/components/claimsSelector/__test__/ClaimsSelector.test.d.ts +2 -0
- package/lib/typescript/components/claimsSelector/__test__/ClaimsSelector.test.d.ts.map +1 -0
- package/lib/typescript/components/claimsSelector/index.d.ts +2 -0
- package/lib/typescript/components/claimsSelector/index.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +2 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/switch/index.d.ts +0 -2
- package/lib/typescript/components/switch/index.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputValidation.d.ts +31 -4
- package/lib/typescript/components/textInput/TextInputValidation.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +1 -1
- package/lib/typescript/components/typography/H1.d.ts +1 -1
- package/lib/typescript/components/typography/H2.d.ts +1 -1
- package/lib/typescript/components/typography/H3.d.ts +1 -1
- package/lib/typescript/components/typography/H4.d.ts +1 -1
- package/lib/typescript/components/typography/H5.d.ts +1 -1
- package/lib/typescript/components/typography/H6.d.ts +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts +4 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +0 -13
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/hooks/useAccordionAnimation.d.ts +41 -0
- package/lib/typescript/hooks/useAccordionAnimation.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +21 -82
- package/src/components/banner/Banner.tsx +3 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
- package/src/components/buttons/ButtonLink.tsx +1 -1
- package/src/components/buttons/ButtonSolid.tsx +1 -1
- package/src/components/checkbox/AnimatedCheckbox.tsx +9 -10
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +5 -5
- package/src/components/claimsSelector/ClaimsSelector.tsx +185 -0
- package/src/components/claimsSelector/__test__/ClaimsSelector.test.tsx +55 -0
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
- package/src/components/claimsSelector/index.tsx +1 -0
- package/src/components/index.tsx +1 -0
- package/src/components/listitems/ListItemCheckbox.tsx +1 -1
- package/src/components/listitems/ListItemInfo.tsx +7 -2
- package/src/components/listitems/ListItemRadio.tsx +1 -1
- package/src/components/listitems/ListItemSwitch.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/src/components/radio/AnimatedRadio.tsx +10 -10
- package/src/components/switch/NativeSwitch.tsx +6 -6
- package/src/components/switch/index.tsx +0 -2
- package/src/components/textInput/TextInputValidation.tsx +140 -97
- package/src/components/typography/markdown/MdH1.tsx +1 -2
- package/src/components/typography/markdown/MdH2.tsx +2 -2
- package/src/components/typography/markdown/MdH3.tsx +2 -2
- package/src/core/IOColors.ts +33 -5
- package/src/core/IOStyles.ts +1 -28
- package/src/hooks/useAccordionAnimation.tsx +106 -0
- package/lib/commonjs/components/switch/AnimatedSwitch.js +0 -94
- package/lib/commonjs/components/switch/AnimatedSwitch.js.map +0 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +0 -76
- package/lib/commonjs/components/switch/SwitchLabel.js.map +0 -1
- package/lib/module/components/switch/AnimatedSwitch.js +0 -85
- package/lib/module/components/switch/AnimatedSwitch.js.map +0 -1
- package/lib/module/components/switch/SwitchLabel.js +0 -68
- package/lib/module/components/switch/SwitchLabel.js.map +0 -1
- package/lib/typescript/components/switch/AnimatedSwitch.d.ts +0 -13
- package/lib/typescript/components/switch/AnimatedSwitch.d.ts.map +0 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts +0 -18
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +0 -1
- package/src/components/switch/AnimatedSwitch.tsx +0 -126
- package/src/components/switch/SwitchLabel.tsx +0 -80
|
@@ -3,53 +3,23 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.AccordionItem =
|
|
7
|
-
var _react =
|
|
6
|
+
exports.AccordionItem = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
|
|
10
|
-
var _reactNativeReanimated =
|
|
10
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
-
var _IOAnimations = require("../../core/IOAnimations");
|
|
13
12
|
var _IOColors = require("../../core/IOColors");
|
|
13
|
+
var _useAccordionAnimation = require("../../hooks/useAccordionAnimation");
|
|
14
14
|
var _Icon = require("../icons/Icon");
|
|
15
15
|
var _typography = require("../typography");
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
-
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
17
|
const accordionBodySpacing = 16;
|
|
20
18
|
const accordionIconMargin = 12;
|
|
21
19
|
const accordionChevronMargin = 8;
|
|
22
20
|
|
|
23
21
|
// Icon size
|
|
24
22
|
const iconSize = 24;
|
|
25
|
-
|
|
26
|
-
/* The code below is a re-adaptation of Dima Portenko's code:
|
|
27
|
-
https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
|
|
28
|
-
*/
|
|
29
|
-
const AccordionBody = ({
|
|
30
|
-
children,
|
|
31
|
-
expanded
|
|
32
|
-
}) => {
|
|
33
|
-
const [height, setHeight] = (0, _react.useState)(0);
|
|
34
|
-
const onLayout = event => {
|
|
35
|
-
const {
|
|
36
|
-
height: onLayoutHeight
|
|
37
|
-
} = event.nativeEvent.layout;
|
|
38
|
-
if (onLayoutHeight > 0 && height !== onLayoutHeight) {
|
|
39
|
-
setHeight(onLayoutHeight);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
const animatedHeightStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
43
|
-
height: expanded ? (0, _reactNativeReanimated.withSpring)(height, _IOAnimations.IOSpringValues.accordion) : (0, _reactNativeReanimated.withSpring)(0, _IOAnimations.IOSpringValues.accordion)
|
|
44
|
-
}), [expanded]);
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
46
|
-
style: [animatedHeightStyle, styles.accordionCollapsableContainer]
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
48
|
-
style: styles.accordionBodyContainer,
|
|
49
|
-
onLayout: onLayout
|
|
50
|
-
}, children));
|
|
51
|
-
};
|
|
52
|
-
exports.AccordionBody = AccordionBody;
|
|
53
23
|
const AccordionItem = ({
|
|
54
24
|
title,
|
|
55
25
|
accessibilityLabel,
|
|
@@ -57,20 +27,19 @@ const AccordionItem = ({
|
|
|
57
27
|
icon
|
|
58
28
|
}) => {
|
|
59
29
|
const theme = (0, _core.useIOTheme)();
|
|
60
|
-
const
|
|
30
|
+
const {
|
|
31
|
+
expanded,
|
|
32
|
+
toggleAccordion,
|
|
33
|
+
onBodyLayout,
|
|
34
|
+
iconAnimatedStyle,
|
|
35
|
+
bodyAnimatedStyle,
|
|
36
|
+
bodyInnerStyle
|
|
37
|
+
} = (0, _useAccordionAnimation.useAccordionAnimation)();
|
|
61
38
|
|
|
62
39
|
// Visual attributes
|
|
63
40
|
const accordionBackground = theme["appBackground-primary"];
|
|
64
41
|
const accordionBorder = theme["cardBorder-default"];
|
|
65
42
|
const accordionIconColor = theme["icon-decorative"];
|
|
66
|
-
const onItemPress = () => {
|
|
67
|
-
setExpanded(!expanded);
|
|
68
|
-
};
|
|
69
|
-
const animatedChevron = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
70
|
-
transform: [{
|
|
71
|
-
rotate: expanded ? (0, _reactNativeReanimated.withSpring)(`180deg`, _IOAnimations.IOSpringValues.accordion) : (0, _reactNativeReanimated.withSpring)(`0deg`, _IOAnimations.IOSpringValues.accordion)
|
|
72
|
-
}]
|
|
73
|
-
}), [expanded]);
|
|
74
43
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
75
44
|
style: [styles.accordionWrapper, {
|
|
76
45
|
backgroundColor: _IOColors.IOColors[accordionBackground],
|
|
@@ -83,7 +52,7 @@ const AccordionItem = ({
|
|
|
83
52
|
expanded
|
|
84
53
|
},
|
|
85
54
|
accessibilityLabel: accessibilityLabel ?? title,
|
|
86
|
-
onPress:
|
|
55
|
+
onPress: toggleAccordion
|
|
87
56
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
88
57
|
style: styles.textContainer
|
|
89
58
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -108,13 +77,16 @@ const AccordionItem = ({
|
|
|
108
77
|
}, /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
109
78
|
color: theme["textBody-default"]
|
|
110
79
|
}, title))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
111
|
-
style:
|
|
80
|
+
style: iconAnimatedStyle
|
|
112
81
|
}, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
|
|
113
82
|
name: "chevronBottom",
|
|
114
83
|
color: theme["interactiveElem-default"]
|
|
115
|
-
})))), /*#__PURE__*/_react.default.createElement(
|
|
116
|
-
|
|
117
|
-
},
|
|
84
|
+
})))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
85
|
+
style: bodyAnimatedStyle
|
|
86
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
87
|
+
style: bodyInnerStyle,
|
|
88
|
+
onLayout: onBodyLayout
|
|
89
|
+
}, typeof body === "string" ? /*#__PURE__*/_react.default.createElement(_typography.Body, null, body) : body)), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
|
|
118
90
|
style: {
|
|
119
91
|
height: accordionBodySpacing,
|
|
120
92
|
position: "absolute",
|
|
@@ -134,14 +106,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
134
106
|
borderRadius: _core.IOAccordionRadius,
|
|
135
107
|
borderCurve: "continuous"
|
|
136
108
|
},
|
|
137
|
-
accordionCollapsableContainer: {
|
|
138
|
-
overflow: "hidden"
|
|
139
|
-
},
|
|
140
|
-
accordionBodyContainer: {
|
|
141
|
-
position: "absolute",
|
|
142
|
-
padding: accordionBodySpacing,
|
|
143
|
-
paddingTop: 0
|
|
144
|
-
},
|
|
145
109
|
textContainer: {
|
|
146
110
|
padding: accordionBodySpacing,
|
|
147
111
|
flexDirection: "row",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeLinearGradient","_reactNativeReanimated","_core","_IOColors","_useAccordionAnimation","_Icon","_typography","obj","__esModule","default","accordionBodySpacing","accordionIconMargin","accordionChevronMargin","iconSize","AccordionItem","title","accessibilityLabel","body","icon","theme","useIOTheme","expanded","toggleAccordion","onBodyLayout","iconAnimatedStyle","bodyAnimatedStyle","bodyInnerStyle","useAccordionAnimation","accordionBackground","accordionBorder","accordionIconColor","createElement","View","style","styles","accordionWrapper","backgroundColor","IOColors","borderColor","TouchableWithoutFeedback","accessible","accessibilityRole","accessibilityState","onPress","textContainer","IOStyles","row","alignCenter","flexShrink","marginRight","Icon","name","size","color","accessibilityElementsHidden","importantForAccessibility","H6","onLayout","Body","height","position","bottom","left","right","colors","hexToRgba","exports","StyleSheet","create","borderWidth","borderRadius","IOAccordionRadius","borderCurve","padding","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAMA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAAyC,SAAAD,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASzC,MAAMG,oBAAoC,GAAG,EAAE;AAC/C,MAAMC,mBAAmC,GAAG,EAAE;AAC9C,MAAMC,sBAAsC,GAAG,CAAC;;AAEhD;AACA,MAAMC,QAAyB,GAAG,EAAE;AAE7B,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,kBAAkB;EAClBC,IAAI;EACJC;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAM;IACJC,QAAQ;IACRC,eAAe;IACfC,YAAY;IACZC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACF,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;;EAE3B;EACA,MAAMC,mBAA6B,GAAGT,KAAK,CAAC,uBAAuB,CAAC;EACpE,MAAMU,eAAyB,GAAGV,KAAK,CAAC,oBAAoB,CAAC;EAC7D,MAAMW,kBAA4B,GAAGX,KAAK,CAAC,iBAAiB,CAAC;EAE7D,oBACEvB,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,gBAAgB,EACvB;MACEC,eAAe,EAAEC,kBAAQ,CAACT,mBAAmB,CAAC;MAC9CU,WAAW,EAAED,kBAAQ,CAACR,eAAe;IACvC,CAAC;EACD,gBAEFjC,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAwC,wBAAwB;IACvBC,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAErB;IAAS,CAAE;IACjCL,kBAAkB,EAAEA,kBAAkB,IAAID,KAAM;IAChD4B,OAAO,EAAErB;EAAgB,gBAEzB1B,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAc,gBAChChD,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IACHC,KAAK,EAAE,CACLY,cAAQ,CAACC,GAAG,EACZD,cAAQ,CAACE,WAAW,EACpB;MACEC,UAAU,EAAE,CAAC;MACbC,WAAW,EAAErC;IACf,CAAC;EACD,GAEDM,IAAI,iBACHtB,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAE;MAAEgB,WAAW,EAAEtC;IAAoB;EAAE,gBAChDf,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAA6C,IAAI;IAACC,IAAI,EAAEjC,IAAK;IAACkC,IAAI,EAAEvC,QAAS;IAACwC,KAAK,EAAEvB;EAAmB,CAAE,CAC1D,CACP,eACDlC,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IACHC,KAAK,EAAE;MAAEe,UAAU,EAAE;IAAE,CAAE;IACzBM,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,gBAE/C3D,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAACzB,WAAA,CAAAkD,EAAE;IAACH,KAAK,EAAElC,KAAK,CAAC,kBAAkB;EAAE,GAAEJ,KAAU,CAC7C,CACF,CAAC,eACPnB,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAC9B,sBAAA,CAAAQ,OAAQ,CAACuB,IAAI;IAACC,KAAK,EAAET;EAAkB,gBACtC5B,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAA6C,IAAI;IACHC,IAAI,EAAC,eAAe;IACpBE,KAAK,EAAElC,KAAK,CAAC,yBAAyB;EAAE,CACzC,CACY,CACX,CACkB,CAAC,eAE3BvB,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAC9B,sBAAA,CAAAQ,OAAQ,CAACuB,IAAI;IAACC,KAAK,EAAER;EAAkB,gBACtC7B,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAEP,cAAe;IAAC+B,QAAQ,EAAElC;EAAa,GACjD,OAAON,IAAI,KAAK,QAAQ,gBAAGrB,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAACzB,WAAA,CAAAoD,IAAI,QAAEzC,IAAW,CAAC,GAAGA,IAC9C,CACO,CAAC,eAIhBrB,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAC/B,0BAAA,CAAAS,OAAc;IACbwB,KAAK,EAAE;MACL0B,MAAM,EAAEjD,oBAAoB;MAC5BkD,QAAQ,EAAE,UAAU;MACpB;MACAC,MAAM,EAAE,CAAC;MACT;MACAC,IAAI,EAAEpD,oBAAoB;MAC1BqD,KAAK,EAAErD;IACT,CAAE;IACFsD,MAAM,EAAE,CACN,IAAAC,mBAAS,EAAC5B,kBAAQ,CAACT,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAC3CS,kBAAQ,CAACT,mBAAmB,CAAC;EAC7B,CACH,CACG,CAAC;AAEX,CAAC;AAACsC,OAAA,CAAApD,aAAA,GAAAA,aAAA;AAEF,MAAMoB,MAAM,GAAGiC,uBAAU,CAACC,MAAM,CAAC;EAC/BjC,gBAAgB,EAAE;IAChBkC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,uBAAiB;IAC/BC,WAAW,EAAE;EACf,CAAC;EACD5B,aAAa,EAAE;IACb6B,OAAO,EAAE/D,oBAAoB;IAC7BgE,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
|
|
@@ -128,13 +128,14 @@ const Banner = ({
|
|
|
128
128
|
/*#__PURE__*/
|
|
129
129
|
/* Disable pointer events to avoid
|
|
130
130
|
pressed state on the button */
|
|
131
|
-
_react.default.createElement(_reactNative.
|
|
131
|
+
_react.default.createElement(_reactNative.Pressable, {
|
|
132
132
|
pointerEvents: "none",
|
|
133
133
|
importantForAccessibility: "no-hide-descendants",
|
|
134
134
|
accessible: true,
|
|
135
135
|
accessibilityElementsHidden: true,
|
|
136
136
|
accessibilityLabel: action,
|
|
137
|
-
accessibilityRole: "button"
|
|
137
|
+
accessibilityRole: "button",
|
|
138
|
+
onPress: onPress
|
|
138
139
|
}, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
139
140
|
size: 4
|
|
140
141
|
}), /*#__PURE__*/_react.default.createElement(_typography.IOText, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_buttons","_pictograms","_spacer","_typography","obj","__esModule","default","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","IOBannerBigSpacing","sizeSmallHPadding","IOBannerSmallHSpacing","sizeSmallVPadding","IOBannerSmallVSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","exports","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","isExperimental","useIOExperimentalDesign","themeType","useIOThemeContext","theme","useIOTheme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","hexToRgba","IOColors","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","accessible","accessibilityRole","undefined","H6","VSpacer","BodySmall","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","IOText","font","buttonTextFontSize","numberOfLines","ellipsizeMode","PictogramBleed","name","IconButton","icon","PressableButton","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_buttons","_pictograms","_spacer","_typography","obj","__esModule","default","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","IOBannerBigSpacing","sizeSmallHPadding","IOBannerSmallHSpacing","sizeSmallVPadding","IOBannerSmallVSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","exports","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","isExperimental","useIOExperimentalDesign","themeType","useIOThemeContext","theme","useIOTheme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","hexToRgba","IOColors","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","accessible","accessibilityRole","undefined","H6","VSpacer","BodySmall","weight","Pressable","pointerEvents","importantForAccessibility","accessibilityElementsHidden","IOText","font","buttonTextFontSize","numberOfLines","ellipsizeMode","PictogramBleed","name","IconButton","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -103,8 +103,36 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
103
103
|
accessibilityElementsHidden={true}
|
|
104
104
|
accessibilityLabel="Action text"
|
|
105
105
|
accessibilityRole="button"
|
|
106
|
+
accessibilityState={
|
|
107
|
+
{
|
|
108
|
+
"busy": undefined,
|
|
109
|
+
"checked": undefined,
|
|
110
|
+
"disabled": undefined,
|
|
111
|
+
"expanded": undefined,
|
|
112
|
+
"selected": undefined,
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
accessibilityValue={
|
|
116
|
+
{
|
|
117
|
+
"max": undefined,
|
|
118
|
+
"min": undefined,
|
|
119
|
+
"now": undefined,
|
|
120
|
+
"text": undefined,
|
|
121
|
+
}
|
|
122
|
+
}
|
|
106
123
|
accessible={true}
|
|
124
|
+
collapsable={false}
|
|
125
|
+
focusable={true}
|
|
107
126
|
importantForAccessibility="no-hide-descendants"
|
|
127
|
+
onBlur={[Function]}
|
|
128
|
+
onClick={[Function]}
|
|
129
|
+
onFocus={[Function]}
|
|
130
|
+
onResponderGrant={[Function]}
|
|
131
|
+
onResponderMove={[Function]}
|
|
132
|
+
onResponderRelease={[Function]}
|
|
133
|
+
onResponderTerminate={[Function]}
|
|
134
|
+
onResponderTerminationRequest={[Function]}
|
|
135
|
+
onStartShouldSetResponder={[Function]}
|
|
108
136
|
pointerEvents="none"
|
|
109
137
|
>
|
|
110
138
|
<View
|
|
@@ -380,8 +408,36 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
380
408
|
accessibilityElementsHidden={true}
|
|
381
409
|
accessibilityLabel="Action text"
|
|
382
410
|
accessibilityRole="button"
|
|
411
|
+
accessibilityState={
|
|
412
|
+
{
|
|
413
|
+
"busy": undefined,
|
|
414
|
+
"checked": undefined,
|
|
415
|
+
"disabled": undefined,
|
|
416
|
+
"expanded": undefined,
|
|
417
|
+
"selected": undefined,
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
accessibilityValue={
|
|
421
|
+
{
|
|
422
|
+
"max": undefined,
|
|
423
|
+
"min": undefined,
|
|
424
|
+
"now": undefined,
|
|
425
|
+
"text": undefined,
|
|
426
|
+
}
|
|
427
|
+
}
|
|
383
428
|
accessible={true}
|
|
429
|
+
collapsable={false}
|
|
430
|
+
focusable={true}
|
|
384
431
|
importantForAccessibility="no-hide-descendants"
|
|
432
|
+
onBlur={[Function]}
|
|
433
|
+
onClick={[Function]}
|
|
434
|
+
onFocus={[Function]}
|
|
435
|
+
onResponderGrant={[Function]}
|
|
436
|
+
onResponderMove={[Function]}
|
|
437
|
+
onResponderRelease={[Function]}
|
|
438
|
+
onResponderTerminate={[Function]}
|
|
439
|
+
onResponderTerminationRequest={[Function]}
|
|
440
|
+
onStartShouldSetResponder={[Function]}
|
|
385
441
|
pointerEvents="none"
|
|
386
442
|
>
|
|
387
443
|
<View
|
|
@@ -64,7 +64,7 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
64
64
|
foreground: {
|
|
65
65
|
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
66
66
|
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
67
|
-
disabled: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.
|
|
67
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.85)
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
contrast: {
|
|
@@ -106,7 +106,7 @@ const ButtonSolid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
106
106
|
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
107
107
|
},
|
|
108
108
|
foreground: {
|
|
109
|
-
default: theme["buttonText-
|
|
109
|
+
default: theme["buttonText-danger"],
|
|
110
110
|
disabled: theme["buttonText-disabled"]
|
|
111
111
|
}
|
|
112
112
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ICON_MARGIN","DISABLED_OPACITY","iconSize","mapLegacyColorStates","primary","background","IOColors","pressed","disabled","foreground","danger","contrast","white","ButtonSolid","forwardRef","color","label","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","theme","useIOTheme","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","useMemo","colorMap","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","opacity","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ICON_MARGIN","DISABLED_OPACITY","iconSize","mapLegacyColorStates","primary","background","IOColors","pressed","disabled","foreground","danger","contrast","white","ButtonSolid","forwardRef","color","label","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","theme","useIOTheme","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","useMemo","colorMap","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","opacity","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -42,6 +42,7 @@ const AnimatedCheckbox = ({
|
|
|
42
42
|
onPress,
|
|
43
43
|
disabled
|
|
44
44
|
}) => {
|
|
45
|
+
const theme = (0, _core.useIOTheme)();
|
|
45
46
|
const {
|
|
46
47
|
dynamicFontScale
|
|
47
48
|
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
@@ -49,14 +50,16 @@ const AnimatedCheckbox = ({
|
|
|
49
50
|
const {
|
|
50
51
|
isExperimental
|
|
51
52
|
} = (0, _core.useIOExperimentalDesign)();
|
|
52
|
-
const borderColorOffState = _IOColors.IOColors[
|
|
53
|
+
const borderColorOffState = _IOColors.IOColors[theme["selection-border-off"]];
|
|
54
|
+
|
|
53
55
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
54
56
|
const legacyBorderColorOffState = _IOColors.IOColors[_IOStyles.IOSelectionTickLegacyVisualParams.borderColorOffState];
|
|
55
57
|
const borderColorProp = isExperimental ? borderColorOffState : legacyBorderColorOffState;
|
|
56
|
-
const backgroundColorOnState = _IOColors.IOColors[
|
|
58
|
+
const backgroundColorOnState = _IOColors.IOColors[theme["selection-background-on"]];
|
|
59
|
+
|
|
57
60
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
58
61
|
const legacyBackgroundColorOnState = _IOColors.IOColors[_IOStyles.IOSelectionTickLegacyVisualParams.bgColorOnState];
|
|
59
|
-
const
|
|
62
|
+
const backgroundColor = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
|
|
60
63
|
const squareAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
|
|
61
64
|
const tickAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
|
|
62
65
|
const checkboxSizeStyle = {
|
|
@@ -99,7 +102,7 @@ const AnimatedCheckbox = ({
|
|
|
99
102
|
}]
|
|
100
103
|
}), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
101
104
|
style: [styles.checkBoxSquare, checkboxSizeStyle, {
|
|
102
|
-
backgroundColor
|
|
105
|
+
backgroundColor
|
|
103
106
|
}, animatedCheckboxSquare]
|
|
104
107
|
}), isChecked && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
105
108
|
style: {
|
|
@@ -108,7 +111,7 @@ const AnimatedCheckbox = ({
|
|
|
108
111
|
}, /*#__PURE__*/_react.default.createElement(_AnimatedTick.AnimatedTick, {
|
|
109
112
|
size: size,
|
|
110
113
|
progress: tickAnimationProgress,
|
|
111
|
-
stroke: _IOColors.IOColors[
|
|
114
|
+
stroke: _IOColors.IOColors[theme["selection-tick"]]
|
|
112
115
|
})));
|
|
113
116
|
};
|
|
114
117
|
exports.AnimatedCheckbox = AnimatedCheckbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_accessibility","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","checkBoxRadius","styles","StyleSheet","create","checkboxBorder","borderWidth","IOSelectionTickVisualParams","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","dynamicFontScale","useIOFontDynamicScale","isChecked","isExperimental","useIOExperimentalDesign","borderColorOffState","IOColors","legacyBorderColorOffState","IOSelectionTickLegacyVisualParams","borderColorProp","backgroundColorOnState","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_accessibility","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","checkBoxRadius","styles","StyleSheet","create","checkboxBorder","borderWidth","IOSelectionTickVisualParams","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","theme","useIOTheme","dynamicFontScale","useIOFontDynamicScale","isChecked","isExperimental","useIOExperimentalDesign","borderColorOffState","IOColors","legacyBorderColorOffState","IOSelectionTickLegacyVisualParams","borderColorProp","backgroundColorOnState","legacyBackgroundColorOnState","bgColorOnState","backgroundColor","squareAnimationProgress","useSharedValue","tickAnimationProgress","checkboxSizeStyle","width","height","borderRadius","checkboxWrapperSizeStyle","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","elastic","animatedCheckboxSquare","useAnimatedStyle","scale","interpolate","opacity","transform","createElement","Pressable","accessible","style","testID","View","borderColor","zIndex","AnimatedTick","progress","stroke","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
|
|
@@ -40,13 +40,15 @@ const AnimatedMessageCheckbox = ({
|
|
|
40
40
|
checked,
|
|
41
41
|
onPress
|
|
42
42
|
}) => {
|
|
43
|
+
const theme = (0, _core.useIOTheme)();
|
|
43
44
|
const isChecked = !!checked;
|
|
44
45
|
const {
|
|
45
46
|
isExperimental
|
|
46
47
|
} = (0, _core.useIOExperimentalDesign)();
|
|
47
48
|
const shapeAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
|
|
48
49
|
const tickAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
|
|
49
|
-
const backgroundColorOnState = _IOColors.IOColors[
|
|
50
|
+
const backgroundColorOnState = _IOColors.IOColors[theme["selection-background-on"]];
|
|
51
|
+
|
|
50
52
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
51
53
|
const legacyBackgroundColorOnState = _IOColors.IOColors[_IOStyles.IOSelectionTickLegacyVisualParams.bgColorOnState];
|
|
52
54
|
const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
|
|
@@ -84,7 +86,7 @@ const AnimatedMessageCheckbox = ({
|
|
|
84
86
|
}), isChecked && /*#__PURE__*/_react.default.createElement(_AnimatedTick.AnimatedTick, {
|
|
85
87
|
progress: tickAnimationProgress,
|
|
86
88
|
strokeWidth: 1.5,
|
|
87
|
-
stroke: _IOColors.IOColors[
|
|
89
|
+
stroke: _IOColors.IOColors[theme["selection-tick"]]
|
|
88
90
|
}));
|
|
89
91
|
};
|
|
90
92
|
exports.AnimatedMessageCheckbox = AnimatedMessageCheckbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","internalSpacing","styles","StyleSheet","create","checkBoxWrapper","width","IOVisualCostants","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","checked","onPress","isChecked","isExperimental","useIOExperimentalDesign","shapeAnimationProgress","useSharedValue","tickAnimationProgress","backgroundColorOnState","IOColors","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","internalSpacing","styles","StyleSheet","create","checkBoxWrapper","width","IOVisualCostants","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","checked","onPress","theme","useIOTheme","isChecked","isExperimental","useIOExperimentalDesign","shapeAnimationProgress","useSharedValue","tickAnimationProgress","backgroundColorOnState","IOColors","legacyBackgroundColorOnState","IOSelectionTickLegacyVisualParams","bgColorOnState","backgroundColorProp","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","out","cubic","animatedCheckboxShape","useAnimatedStyle","scale","interpolate","opacity","transform","createElement","Pressable","accessibilityRole","accessibilityState","testID","style","View","backgroundColor","AnimatedTick","progress","strokeWidth","stroke","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":"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"}
|