@pagopa/io-app-design-system 4.5.1 → 4.5.2
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 +1 -1
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +25 -25
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +41 -97
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +70 -63
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +28 -27
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +27 -27
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +5 -7
- package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js +8 -20
- package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
- package/lib/commonjs/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +2 -2
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +4 -3
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +16 -2
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/module/components/accordion/AccordionItem.js +1 -1
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +26 -26
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +42 -98
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +73 -66
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +29 -28
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +28 -28
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +5 -7
- package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js +9 -21
- package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
- package/lib/module/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/lib/module/components/layout/HeaderFirstLevel.js +2 -2
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +1 -1
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +4 -3
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/core/IOColors.js +16 -2
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +2 -2
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconProductIOAppBlueBg.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +2 -2
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +2 -2
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +1 -1
- package/src/components/buttons/ButtonLink.tsx +37 -30
- package/src/components/buttons/ButtonOutline.tsx +51 -108
- package/src/components/buttons/ButtonSolid.tsx +94 -78
- package/src/components/buttons/IconButton.tsx +36 -29
- package/src/components/buttons/IconButtonSolid.tsx +35 -31
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +5 -7
- package/src/components/icons/svg/IconProductIOAppBlueBg.tsx +12 -13
- package/src/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/src/components/layout/HeaderFirstLevel.tsx +4 -4
- package/src/components/listitems/ListItemInfo.tsx +1 -1
- package/src/components/listitems/ListItemInfoCopy.tsx +1 -1
- package/src/components/listitems/ListItemNav.tsx +5 -4
- package/src/core/IOColors.ts +24 -3
- package/lib/commonjs/components/layout/BlockButtons.js +0 -85
- package/lib/commonjs/components/layout/BlockButtons.js.map +0 -1
- package/lib/module/components/layout/BlockButtons.js +0 -76
- package/lib/module/components/layout/BlockButtons.js.map +0 -1
- package/lib/typescript/components/layout/BlockButtons.d.ts +0 -54
- package/lib/typescript/components/layout/BlockButtons.d.ts.map +0 -1
- package/src/components/layout/BlockButtons.tsx +0 -143
|
@@ -16,87 +16,51 @@ var _ButtonText = require("../typography/ButtonText");
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
-
// Disabled state
|
|
20
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
21
|
-
const colorPrimaryLegacyButtonDisabled = "grey-200";
|
|
22
|
-
const legacyStyles = _reactNative.StyleSheet.create({
|
|
23
|
-
backgroundDisabled: {
|
|
24
|
-
backgroundColor: _core.IOColors[colorPrimaryLegacyButtonDisabled]
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
const colorPrimaryButtonDisabled = "grey-200";
|
|
28
19
|
const ICON_MARGIN = 8;
|
|
29
20
|
const DISABLED_OPACITY = 0.5;
|
|
30
21
|
|
|
31
22
|
// Icon size
|
|
32
23
|
const iconSize = 20;
|
|
33
|
-
const styles = _reactNative.StyleSheet.create({
|
|
34
|
-
backgroundDisabled: {
|
|
35
|
-
backgroundColor: _core.IOColors[colorPrimaryButtonDisabled],
|
|
36
|
-
opacity: DISABLED_OPACITY
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
const mapColorStates = {
|
|
40
|
-
// Primary button
|
|
41
|
-
primary: {
|
|
42
|
-
default: _core.IOColors["blueIO-500"],
|
|
43
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
44
|
-
label: {
|
|
45
|
-
default: "white",
|
|
46
|
-
disabled: "grey-700"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
// Danger button
|
|
50
|
-
danger: {
|
|
51
|
-
default: _core.IOColors["error-600"],
|
|
52
|
-
pressed: _core.IOColors["error-500"],
|
|
53
|
-
label: {
|
|
54
|
-
default: "white",
|
|
55
|
-
disabled: "grey-700"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
// Contrast button
|
|
59
|
-
contrast: {
|
|
60
|
-
default: _core.IOColors.white,
|
|
61
|
-
pressed: _core.IOColors["blueIO-50"],
|
|
62
|
-
label: {
|
|
63
|
-
default: "blueIO-500",
|
|
64
|
-
disabled: "grey-700"
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
|
|
69
24
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
70
25
|
const mapLegacyColorStates = {
|
|
71
26
|
// Primary button
|
|
72
27
|
primary: {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
28
|
+
background: {
|
|
29
|
+
default: _core.IOColors["blue-500"],
|
|
30
|
+
pressed: _core.IOColors["blue-600"],
|
|
31
|
+
disabled: _core.IOColors["grey-200"]
|
|
32
|
+
},
|
|
33
|
+
foreground: {
|
|
76
34
|
default: "white",
|
|
77
35
|
disabled: "white"
|
|
78
36
|
}
|
|
79
37
|
},
|
|
80
38
|
// Danger button
|
|
81
39
|
danger: {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
40
|
+
background: {
|
|
41
|
+
default: _core.IOColors["error-600"],
|
|
42
|
+
pressed: _core.IOColors["error-500"],
|
|
43
|
+
disabled: _core.IOColors["grey-200"]
|
|
44
|
+
},
|
|
45
|
+
foreground: {
|
|
85
46
|
default: "white",
|
|
86
47
|
disabled: "white"
|
|
87
48
|
}
|
|
88
49
|
},
|
|
89
50
|
// Contrast button
|
|
90
51
|
contrast: {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
52
|
+
background: {
|
|
53
|
+
default: _core.IOColors.white,
|
|
54
|
+
pressed: _core.IOColors["blue-50"],
|
|
55
|
+
disabled: _core.IOColors["grey-200"]
|
|
56
|
+
},
|
|
57
|
+
foreground: {
|
|
94
58
|
default: "blue-500",
|
|
95
59
|
disabled: "white"
|
|
96
60
|
}
|
|
97
61
|
}
|
|
98
62
|
};
|
|
99
|
-
const ButtonSolid = /*#__PURE__*/_react.
|
|
63
|
+
const ButtonSolid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
100
64
|
color = "primary",
|
|
101
65
|
label,
|
|
102
66
|
fullWidth = false,
|
|
@@ -109,7 +73,8 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
109
73
|
accessibilityHint,
|
|
110
74
|
testID
|
|
111
75
|
}, ref) => {
|
|
112
|
-
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
76
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
|
|
77
|
+
const theme = (0, _core.useIOTheme)();
|
|
113
78
|
const {
|
|
114
79
|
isExperimental
|
|
115
80
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -120,8 +85,46 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
120
85
|
scaleAnimatedStyle
|
|
121
86
|
} = (0, _hooks.useScaleAnimation)();
|
|
122
87
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
123
|
-
const
|
|
124
|
-
|
|
88
|
+
const mapColorStates = (0, _react.useMemo)(() => ({
|
|
89
|
+
// Primary button
|
|
90
|
+
primary: {
|
|
91
|
+
background: {
|
|
92
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
93
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
94
|
+
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
95
|
+
},
|
|
96
|
+
foreground: {
|
|
97
|
+
default: theme["buttonText-default"],
|
|
98
|
+
disabled: theme["buttonText-disabled"]
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
// Danger button
|
|
102
|
+
danger: {
|
|
103
|
+
background: {
|
|
104
|
+
default: _core.IOColors["error-600"],
|
|
105
|
+
pressed: _core.IOColors["error-500"],
|
|
106
|
+
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
107
|
+
},
|
|
108
|
+
foreground: {
|
|
109
|
+
default: theme["buttonText-default"],
|
|
110
|
+
disabled: theme["buttonText-disabled"]
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
// Contrast button
|
|
114
|
+
contrast: {
|
|
115
|
+
background: {
|
|
116
|
+
default: _core.IOColors.white,
|
|
117
|
+
pressed: _core.IOColors["blueIO-50"],
|
|
118
|
+
disabled: _core.IOColors["blueIO-50"]
|
|
119
|
+
},
|
|
120
|
+
foreground: {
|
|
121
|
+
default: "blueIO-500",
|
|
122
|
+
disabled: "blueIO-500"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}), [theme]);
|
|
126
|
+
const colorMap = (0, _react.useMemo)(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
|
|
127
|
+
const buttonStyles = (0, _react.useMemo)(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
125
128
|
|
|
126
129
|
/* Prevent the component from triggering the `isEntering' transition
|
|
127
130
|
on the on the first render. Solution from this discussion:
|
|
@@ -136,7 +139,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
136
139
|
// Interpolate animation values from `isPressed` values
|
|
137
140
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
138
141
|
// Link color states to the pressed states
|
|
139
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
|
|
142
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
|
|
140
143
|
return {
|
|
141
144
|
backgroundColor
|
|
142
145
|
};
|
|
@@ -151,8 +154,11 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
151
154
|
onPress(event);
|
|
152
155
|
}, [loading, onPress]);
|
|
153
156
|
|
|
157
|
+
// Background
|
|
158
|
+
const backgroundColor = disabled ? (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled : (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default;
|
|
159
|
+
|
|
154
160
|
// Label & Icons colors
|
|
155
|
-
const foregroundColor = disabled ? (_colorMap$
|
|
161
|
+
const foregroundColor = disabled ? (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.foreground) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled : (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 || (_colorMap$color4 = _colorMap$color4.foreground) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.default;
|
|
156
162
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
157
163
|
testID: testID,
|
|
158
164
|
ref: ref,
|
|
@@ -173,12 +179,13 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
173
179
|
style: !fullWidth ? _core.IOButtonStyles.dimensionsDefault : {}
|
|
174
180
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
175
181
|
style: [buttonStyles.button, {
|
|
182
|
+
backgroundColor,
|
|
176
183
|
overflow: "hidden"
|
|
177
184
|
}, isExperimental && fullWidth && {
|
|
178
185
|
paddingHorizontal: 16
|
|
179
|
-
}, buttonStyles.buttonSizeDefault, disabled ?
|
|
180
|
-
|
|
181
|
-
},
|
|
186
|
+
}, buttonStyles.buttonSizeDefault, disabled ? {
|
|
187
|
+
opacity: DISABLED_OPACITY
|
|
188
|
+
} : {},
|
|
182
189
|
/* Prevent Reanimated from overriding background colors
|
|
183
190
|
if button is disabled */
|
|
184
191
|
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
@@ -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","
|
|
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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"}
|
|
@@ -39,32 +39,6 @@ const mapLegacyColorStates = {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
const mapColorStates = {
|
|
43
|
-
// Primary button
|
|
44
|
-
primary: {
|
|
45
|
-
icon: {
|
|
46
|
-
default: _core.IOColors["blueIO-500"],
|
|
47
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
48
|
-
disabled: (0, _core.hexToRgba)(_core.IOColors["blueIO-500"], 0.25)
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
// Neutral button
|
|
52
|
-
neutral: {
|
|
53
|
-
icon: {
|
|
54
|
-
default: _core.IOColors.black,
|
|
55
|
-
pressed: _core.IOColors["grey-850"],
|
|
56
|
-
disabled: _core.IOColors["grey-450"]
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
// Contrast button
|
|
60
|
-
contrast: {
|
|
61
|
-
icon: {
|
|
62
|
-
default: _core.IOColors.white,
|
|
63
|
-
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
64
|
-
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.25)
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
42
|
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
69
43
|
const IconButton = ({
|
|
70
44
|
color = "primary",
|
|
@@ -77,6 +51,7 @@ const IconButton = ({
|
|
|
77
51
|
testID
|
|
78
52
|
}) => {
|
|
79
53
|
var _colorMap$color, _colorMap$color2;
|
|
54
|
+
const theme = (0, _core.useIOTheme)();
|
|
80
55
|
const {
|
|
81
56
|
progress,
|
|
82
57
|
onPressIn,
|
|
@@ -87,7 +62,33 @@ const IconButton = ({
|
|
|
87
62
|
const {
|
|
88
63
|
isExperimental
|
|
89
64
|
} = (0, _core.useIOExperimentalDesign)();
|
|
90
|
-
const
|
|
65
|
+
const mapColorStates = (0, _react.useMemo)(() => ({
|
|
66
|
+
// Primary button
|
|
67
|
+
primary: {
|
|
68
|
+
icon: {
|
|
69
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
70
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
71
|
+
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
// Neutral button
|
|
75
|
+
neutral: {
|
|
76
|
+
icon: {
|
|
77
|
+
default: _core.IOColors[theme["neutralButton-default"]],
|
|
78
|
+
pressed: _core.IOColors[theme["neutralButton-pressed"]],
|
|
79
|
+
disabled: _core.IOColors[theme["neutralButton-disabled"]]
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
// Contrast button
|
|
83
|
+
contrast: {
|
|
84
|
+
icon: {
|
|
85
|
+
default: _core.IOColors.white,
|
|
86
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
87
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.25)
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}), [theme]);
|
|
91
|
+
const colorMap = (0, _react.useMemo)(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
|
|
91
92
|
|
|
92
93
|
// Animate the <Icon> color prop
|
|
93
94
|
const animatedColor = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapLegacyColorStates","primary","icon","IOColors","pressed","disabled","hexToRgba","neutral","black","contrast","white","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapLegacyColorStates","primary","icon","IOColors","pressed","disabled","hexToRgba","neutral","black","contrast","white","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","mapColorStates","useMemo","colorMap","animatedColor","useAnimatedProps","iconColor","interpolateColor","value","createElement","Pressable","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","IOIconButtonStyles","buttonSizeSmall","IOStyles","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
|
|
@@ -13,32 +13,6 @@ var _hooks = require("../../hooks");
|
|
|
13
13
|
var _icons = require("../icons");
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
|
-
const mapColorStates = {
|
|
17
|
-
// Primary button
|
|
18
|
-
primary: {
|
|
19
|
-
background: {
|
|
20
|
-
default: _IOColors.IOColors["blueIO-500"],
|
|
21
|
-
pressed: _IOColors.IOColors["blueIO-600"],
|
|
22
|
-
disabled: _IOColors.IOColors["grey-100"]
|
|
23
|
-
},
|
|
24
|
-
icon: {
|
|
25
|
-
default: _IOColors.IOColors.white,
|
|
26
|
-
disabled: _IOColors.IOColors["grey-450"]
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
contrast: {
|
|
30
|
-
background: {
|
|
31
|
-
default: _IOColors.IOColors.white,
|
|
32
|
-
pressed: _IOColors.IOColors["blueIO-50"],
|
|
33
|
-
disabled: (0, _IOColors.hexToRgba)(_IOColors.IOColors.white, 0.25)
|
|
34
|
-
},
|
|
35
|
-
icon: {
|
|
36
|
-
default: _IOColors.IOColors["blueIO-500"],
|
|
37
|
-
disabled: _IOColors.IOColors["blueIO-500"]
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
|
|
42
16
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
43
17
|
const mapLegacyColorStates = {
|
|
44
18
|
// Primary button
|
|
@@ -75,6 +49,7 @@ const IconButtonSolid = ({
|
|
|
75
49
|
testID
|
|
76
50
|
}) => {
|
|
77
51
|
var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
|
|
52
|
+
const theme = (0, _core.useIOTheme)();
|
|
78
53
|
const {
|
|
79
54
|
isExperimental
|
|
80
55
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -85,7 +60,32 @@ const IconButtonSolid = ({
|
|
|
85
60
|
scaleAnimatedStyle
|
|
86
61
|
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
87
62
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
88
|
-
const
|
|
63
|
+
const mapColorStates = React.useMemo(() => ({
|
|
64
|
+
// Primary button
|
|
65
|
+
primary: {
|
|
66
|
+
background: {
|
|
67
|
+
default: _IOColors.IOColors[theme["interactiveElem-default"]],
|
|
68
|
+
pressed: _IOColors.IOColors[theme["interactiveElem-pressed"]],
|
|
69
|
+
disabled: _IOColors.IOColors[theme["interactiveElem-disabled"]]
|
|
70
|
+
},
|
|
71
|
+
icon: {
|
|
72
|
+
default: _IOColors.IOColors[theme["buttonText-default"]],
|
|
73
|
+
disabled: _IOColors.IOColors[theme["buttonText-disabled"]]
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
contrast: {
|
|
77
|
+
background: {
|
|
78
|
+
default: _IOColors.IOColors.white,
|
|
79
|
+
pressed: _IOColors.IOColors["blueIO-50"],
|
|
80
|
+
disabled: (0, _IOColors.hexToRgba)(_IOColors.IOColors.white, 0.25)
|
|
81
|
+
},
|
|
82
|
+
icon: {
|
|
83
|
+
default: _IOColors.IOColors["blueIO-500"],
|
|
84
|
+
disabled: _IOColors.IOColors["blueIO-500"]
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}), [theme]);
|
|
88
|
+
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
|
|
89
89
|
const backgroundColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
90
90
|
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
|
|
91
91
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapLegacyColorStates","primary","background","IOColors","pressed","disabled","icon","white","contrast","hexToRgba","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","theme","useIOTheme","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","useMemo","colorMap","backgroundColorAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","IOButtonStyles","dimensionsDefault","View","IOIconButtonStyles","button","buttonSizeLarge","AnimatedIcon","allowFontScaling","name","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -176,7 +176,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
|
|
|
176
176
|
},
|
|
177
177
|
false,
|
|
178
178
|
{
|
|
179
|
-
"backgroundColor": "rgba(
|
|
179
|
+
"backgroundColor": "rgba(9,50,182,0)",
|
|
180
180
|
"borderColor": "#0B3EE3",
|
|
181
181
|
},
|
|
182
182
|
{
|
|
@@ -282,15 +282,14 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
282
282
|
"textAlignVertical": "center",
|
|
283
283
|
},
|
|
284
284
|
{
|
|
285
|
+
"backgroundColor": "#0B3EE3",
|
|
285
286
|
"overflow": "hidden",
|
|
286
287
|
},
|
|
287
288
|
false,
|
|
288
289
|
{
|
|
289
290
|
"height": 48,
|
|
290
291
|
},
|
|
291
|
-
{
|
|
292
|
-
"backgroundColor": "#0B3EE3",
|
|
293
|
-
},
|
|
292
|
+
{},
|
|
294
293
|
{
|
|
295
294
|
"transform": [
|
|
296
295
|
{
|
|
@@ -1024,15 +1023,14 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1024
1023
|
"textAlignVertical": "center",
|
|
1025
1024
|
},
|
|
1026
1025
|
{
|
|
1026
|
+
"backgroundColor": "#0073E6",
|
|
1027
1027
|
"overflow": "hidden",
|
|
1028
1028
|
},
|
|
1029
1029
|
false,
|
|
1030
1030
|
{
|
|
1031
1031
|
"height": 40,
|
|
1032
1032
|
},
|
|
1033
|
-
{
|
|
1034
|
-
"backgroundColor": "#0073E6",
|
|
1035
|
-
},
|
|
1033
|
+
{},
|
|
1036
1034
|
{
|
|
1037
1035
|
"transform": [
|
|
1038
1036
|
{
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNativeSvg = require("react-native-svg");
|
|
9
|
+
var _core = require("../../../core");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
11
|
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); }
|
|
11
12
|
const IconProductIOAppBlueBg = ({
|
|
@@ -17,28 +18,15 @@ const IconProductIOAppBlueBg = ({
|
|
|
17
18
|
height: size,
|
|
18
19
|
viewBox: "0 0 24 24",
|
|
19
20
|
style: style
|
|
20
|
-
}, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
rx: "4"
|
|
25
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Mask, {
|
|
26
|
-
id: "a",
|
|
27
|
-
width: size,
|
|
28
|
-
height: size,
|
|
29
|
-
x: "6",
|
|
30
|
-
y: "7"
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
32
|
-
fill: "#fff",
|
|
21
|
+
}, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
22
|
+
d: "M0 9.6c0-3.36 0-5.04.654-6.324A6 6 0 0 1 3.276.654C4.56 0 6.24 0 9.6 0h4.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C24 4.56 24 6.24 24 9.6v4.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C19.44 24 17.76 24 14.4 24H9.6c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C0 19.44 0 17.76 0 14.4V9.6Z",
|
|
23
|
+
fill: _core.IOColors["blueIO-500"]
|
|
24
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
33
25
|
fillRule: "evenodd",
|
|
34
26
|
clipRule: "evenodd",
|
|
35
|
-
d: "M7.
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
39
|
-
fill: "#fff",
|
|
40
|
-
d: "M-13-13h50v50h-50z"
|
|
41
|
-
})));
|
|
27
|
+
d: "M7.21 6.4a1.35 1.35 0 1 1 0 2.7 1.35 1.35 0 0 1 0-2.7Zm11.34 6.48c0 2.386-1.934 4.32-4.114 4.32-2.592 0-4.526-1.934-4.526-4.32s1.934-4.32 4.526-4.32c2.18 0 4.114 1.934 4.114 4.32ZM8.29 11.53a1.08 1.08 0 1 0-2.16 0v4.59a1.08 1.08 0 0 0 2.16 0v-4.59Zm7.001.897h.576v-.566h-.571v-.685h-.625v2.277c0 .36.05.606.153.737.1.136.29.202.57.202.108 0 .27-.026.477-.075l-.03-.526-.355.009c-.062 0-.108-.013-.137-.044a.177.177 0 0 1-.05-.105 2.24 2.24 0 0 1-.008-.211v-1.013Zm-1.882-.562v2.47h.624v-2.47h-.624Zm-.938-.062a.366.366 0 0 1 .378.385c0 .11-.034.196-.105.27a.37.37 0 0 1-.269.101.375.375 0 0 1-.382-.38c0-.106.038-.196.105-.27a.363.363 0 0 1 .273-.106Z",
|
|
28
|
+
fill: _core.IOColors.white
|
|
29
|
+
}));
|
|
42
30
|
var _default = IconProductIOAppBlueBg;
|
|
43
31
|
exports.default = _default;
|
|
44
32
|
//# sourceMappingURL=IconProductIOAppBlueBg.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","IconProductIOAppBlueBg","size","style","props","createElement","Svg","width","height","viewBox","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_core","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","IconProductIOAppBlueBg","size","style","props","createElement","Svg","width","height","viewBox","Path","d","fill","IOColors","fillRule","clipRule","white","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/icons/svg/IconProductIOAppBlueBg.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAGzC,MAAMQ,sBAAsB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAE,GAAGC;AAAoB,CAAC,kBACrEzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,eAAA,CAAAwB,GAAG,EAAAnB,QAAA;EAACoB,KAAK,EAAEL,IAAK;EAACM,MAAM,EAAEN,IAAK;EAACO,OAAO,EAAC,WAAW;EAACN,KAAK,EAAEA;AAAM,GAAKC,KAAK,gBACzEzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,eAAA,CAAA4B,IAAI;EACHC,CAAC,EAAC,8SAA8S;EAChTC,IAAI,EAAEC,cAAQ,CAAC,YAAY;AAAE,CAC9B,CAAC,eACFlC,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,eAAA,CAAA4B,IAAI;EACHI,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBJ,CAAC,EAAC,6oBAA6oB;EAC/oBC,IAAI,EAAEC,cAAQ,CAACG;AAAM,CACtB,CACE,CACN;AAAC,IAAAC,QAAA,GAEahB,sBAAsB;AAAAiB,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}
|