@pagopa/io-app-design-system 4.0.0 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/alert/Alert.js +34 -7
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +95 -14
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +35 -20
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +36 -190
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +27 -26
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +1 -1
- package/lib/commonjs/components/spacer/Spacer.js +1 -1
- package/lib/commonjs/components/spacer/Spacer.js.map +1 -1
- package/lib/commonjs/components/stack/Stack.js +18 -15
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +40 -26
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +9 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/alert/Alert.js +36 -9
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +96 -15
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +40 -25
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +36 -190
- package/lib/module/components/featureInfo/FeatureInfo.js +29 -28
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +1 -1
- package/lib/module/components/spacer/Spacer.js +1 -1
- package/lib/module/components/spacer/Spacer.js.map +1 -1
- package/lib/module/components/stack/Stack.js +18 -15
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tag/Tag.js +41 -27
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/core/IOColors.js +9 -1
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/spacer/Spacer.d.ts +0 -1
- package/lib/typescript/components/spacer/Spacer.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +9 -6
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts +13 -8
- package/lib/typescript/components/tag/Tag.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/IOText.d.ts +2 -2
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +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 +2 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +3 -3
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +46 -15
- package/src/components/badge/Badge.tsx +109 -19
- package/src/components/banner/Banner.tsx +55 -27
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +36 -190
- package/src/components/featureInfo/FeatureInfo.tsx +26 -28
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +1 -1
- package/src/components/spacer/Spacer.tsx +2 -4
- package/src/components/stack/Stack.tsx +25 -17
- package/src/components/tag/Tag.tsx +66 -33
- package/src/components/typography/IOText.tsx +1 -2
- package/src/core/IOColors.ts +12 -0
- package/src/utils/fonts.ts +2 -2
|
@@ -37,28 +37,51 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
37
37
|
});
|
|
38
38
|
// COMPONENT CONFIGURATION
|
|
39
39
|
|
|
40
|
-
const
|
|
40
|
+
const mapVariantStatesLightMode = {
|
|
41
41
|
error: {
|
|
42
42
|
icon: "errorFilled",
|
|
43
|
-
background: "error-100",
|
|
43
|
+
background: _IOColors.IOColors["error-100"],
|
|
44
44
|
foreground: "error-850"
|
|
45
45
|
},
|
|
46
46
|
warning: {
|
|
47
47
|
icon: "warningFilled",
|
|
48
|
-
background: "warning-100",
|
|
48
|
+
background: _IOColors.IOColors["warning-100"],
|
|
49
49
|
foreground: "warning-850"
|
|
50
50
|
},
|
|
51
51
|
info: {
|
|
52
52
|
icon: "infoFilled",
|
|
53
|
-
background: "info-100",
|
|
53
|
+
background: _IOColors.IOColors["info-100"],
|
|
54
54
|
foreground: "info-850"
|
|
55
55
|
},
|
|
56
56
|
success: {
|
|
57
57
|
icon: "success",
|
|
58
|
-
background: "success-100",
|
|
58
|
+
background: _IOColors.IOColors["success-100"],
|
|
59
59
|
foreground: "success-850"
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
|
+
const bgOpacityDarkMode = 0.2;
|
|
63
|
+
const mapVariantStatesDarkMode = {
|
|
64
|
+
error: {
|
|
65
|
+
icon: "errorFilled",
|
|
66
|
+
background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["error-400"], bgOpacityDarkMode),
|
|
67
|
+
foreground: "error-100"
|
|
68
|
+
},
|
|
69
|
+
warning: {
|
|
70
|
+
icon: "warningFilled",
|
|
71
|
+
background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["warning-400"], bgOpacityDarkMode),
|
|
72
|
+
foreground: "warning-100"
|
|
73
|
+
},
|
|
74
|
+
info: {
|
|
75
|
+
icon: "infoFilled",
|
|
76
|
+
background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["info-400"], bgOpacityDarkMode),
|
|
77
|
+
foreground: "info-100"
|
|
78
|
+
},
|
|
79
|
+
success: {
|
|
80
|
+
icon: "success",
|
|
81
|
+
background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["success-400"], bgOpacityDarkMode),
|
|
82
|
+
foreground: "success-100"
|
|
83
|
+
}
|
|
84
|
+
};
|
|
62
85
|
const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
63
86
|
variant,
|
|
64
87
|
title,
|
|
@@ -70,6 +93,9 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
70
93
|
testID
|
|
71
94
|
}, viewRef) => {
|
|
72
95
|
var _IOScaleValues$magnif;
|
|
96
|
+
const {
|
|
97
|
+
themeType
|
|
98
|
+
} = (0, _core.useIOThemeContext)();
|
|
73
99
|
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
74
100
|
const [isMultiline, setIsMultiline] = (0, _react.useState)(false);
|
|
75
101
|
const onTextLayout = (0, _react.useCallback)(event => {
|
|
@@ -100,6 +126,7 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
100
126
|
// eslint-disable-next-line functional/immutable-data
|
|
101
127
|
isPressed.value = 0;
|
|
102
128
|
}, [isPressed]);
|
|
129
|
+
const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
|
|
103
130
|
const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
104
131
|
style: {
|
|
105
132
|
marginRight: _core.IOVisualCostants.iconMargin,
|
|
@@ -136,7 +163,7 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
136
163
|
const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
137
164
|
ref: viewRef,
|
|
138
165
|
style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
|
|
139
|
-
backgroundColor:
|
|
166
|
+
backgroundColor: mapVariantStates[variant].background
|
|
140
167
|
}],
|
|
141
168
|
testID: testID,
|
|
142
169
|
accessible: false,
|
|
@@ -157,7 +184,7 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
157
184
|
accessibilityRole: "button"
|
|
158
185
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
159
186
|
style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
|
|
160
|
-
backgroundColor:
|
|
187
|
+
backgroundColor: mapVariantStates[variant].background
|
|
161
188
|
},
|
|
162
189
|
// Disable pressed animation when component is full width
|
|
163
190
|
!fullWidth && pressedAnimationStyle]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOShapes","_IOSpacing","_icons","_spacer","_typography","_H","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","iconSize","spacingDefault","spacingFullWidth","IOAlertSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","IOAlertRadius","borderCurve","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOShapes","_IOSpacing","_icons","_spacer","_typography","_H","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","iconSize","spacingDefault","spacingFullWidth","IOAlertSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","IOAlertRadius","borderCurve","mapVariantStatesLightMode","error","icon","background","IOColors","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","hexToRgba","Alert","React","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","_IOScaleValues$magnif","themeType","useIOThemeContext","isPressed","useSharedValue","isMultiline","setIsMultiline","useState","onTextLayout","useCallback","event","nativeEvent","lines","length","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolation","CLAMP","transform","onPressIn","onPressOut","mapVariantStates","renderMainBlock","createElement","Fragment","View","style","marginRight","IOVisualCostants","iconMargin","alignSelf","Icon","name","size","color","marginTop","PixelRatio","getFontScale","marginBottom","flex","H4","VSpacer","Body","weight","accessibilityRole","ButtonText","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","Pressable","onTouchEnd","exports"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
|
|
@@ -39,49 +39,95 @@ const Badge = ({
|
|
|
39
39
|
isExperimental
|
|
40
40
|
} = (0, _core.useIOExperimentalDesign)();
|
|
41
41
|
const theme = (0, _core.useIOTheme)();
|
|
42
|
-
const
|
|
42
|
+
const {
|
|
43
|
+
themeType
|
|
44
|
+
} = (0, _core.useIOThemeContext)();
|
|
45
|
+
const bgOpacityDarkMode = 0.2;
|
|
46
|
+
const mapVariantsLightMode = {
|
|
43
47
|
default: {
|
|
44
48
|
foreground: "grey-700",
|
|
45
|
-
background: "grey-50"
|
|
49
|
+
background: _core.IOColors["grey-50"]
|
|
46
50
|
},
|
|
47
51
|
info: {
|
|
48
52
|
foreground: "info-850",
|
|
49
|
-
background: "info-100"
|
|
53
|
+
background: _core.IOColors["info-100"]
|
|
50
54
|
},
|
|
51
55
|
warning: {
|
|
52
56
|
foreground: "warning-850",
|
|
53
|
-
background: "warning-100"
|
|
57
|
+
background: _core.IOColors["warning-100"]
|
|
54
58
|
},
|
|
55
59
|
success: {
|
|
56
60
|
foreground: "success-850",
|
|
57
|
-
background: "success-100"
|
|
61
|
+
background: _core.IOColors["success-100"]
|
|
58
62
|
},
|
|
59
63
|
error: {
|
|
60
64
|
foreground: "error-850",
|
|
61
|
-
background: "error-100"
|
|
65
|
+
background: _core.IOColors["error-100"]
|
|
62
66
|
},
|
|
63
67
|
purple: {
|
|
64
68
|
foreground: "hanPurple-500",
|
|
65
|
-
background: "hanPurple-100"
|
|
69
|
+
background: _core.IOColors["hanPurple-100"]
|
|
66
70
|
},
|
|
67
71
|
lightBlue: {
|
|
68
72
|
foreground: "blueIO-850",
|
|
69
|
-
background: "blueIO-50"
|
|
73
|
+
background: _core.IOColors["blueIO-50"]
|
|
70
74
|
},
|
|
71
75
|
blue: {
|
|
72
76
|
foreground: "white",
|
|
73
|
-
background: theme["interactiveElem-default"]
|
|
77
|
+
background: _core.IOColors[theme["interactiveElem-default"]]
|
|
74
78
|
},
|
|
75
79
|
turquoise: {
|
|
76
80
|
foreground: "turquoise-850",
|
|
77
|
-
background: "turquoise-50"
|
|
81
|
+
background: _core.IOColors["turquoise-50"]
|
|
82
|
+
},
|
|
83
|
+
contrast: {
|
|
84
|
+
foreground: "grey-700",
|
|
85
|
+
background: _core.IOColors.white
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
const mapVariantsDarkMode = {
|
|
89
|
+
default: {
|
|
90
|
+
foreground: "grey-50",
|
|
91
|
+
background: (0, _core.hexToRgba)(_core.IOColors["grey-50"], bgOpacityDarkMode)
|
|
92
|
+
},
|
|
93
|
+
info: {
|
|
94
|
+
foreground: "info-400",
|
|
95
|
+
background: (0, _core.hexToRgba)(_core.IOColors["info-400"], bgOpacityDarkMode)
|
|
96
|
+
},
|
|
97
|
+
warning: {
|
|
98
|
+
foreground: "warning-400",
|
|
99
|
+
background: (0, _core.hexToRgba)(_core.IOColors["warning-400"], bgOpacityDarkMode)
|
|
100
|
+
},
|
|
101
|
+
success: {
|
|
102
|
+
foreground: "success-400",
|
|
103
|
+
background: (0, _core.hexToRgba)(_core.IOColors["success-400"], bgOpacityDarkMode)
|
|
104
|
+
},
|
|
105
|
+
error: {
|
|
106
|
+
foreground: "error-400",
|
|
107
|
+
background: (0, _core.hexToRgba)(_core.IOColors["error-400"], bgOpacityDarkMode)
|
|
108
|
+
},
|
|
109
|
+
purple: {
|
|
110
|
+
foreground: "hanPurple-250",
|
|
111
|
+
background: (0, _core.hexToRgba)(_core.IOColors["hanPurple-250"], bgOpacityDarkMode)
|
|
112
|
+
},
|
|
113
|
+
lightBlue: {
|
|
114
|
+
foreground: "blueIO-200",
|
|
115
|
+
background: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], bgOpacityDarkMode)
|
|
116
|
+
},
|
|
117
|
+
blue: {
|
|
118
|
+
foreground: "white",
|
|
119
|
+
background: _core.IOColors[theme["interactiveElem-default"]]
|
|
120
|
+
},
|
|
121
|
+
turquoise: {
|
|
122
|
+
foreground: "turquoise-300",
|
|
123
|
+
background: (0, _core.hexToRgba)(_core.IOColors["turquoise-300"], bgOpacityDarkMode)
|
|
78
124
|
},
|
|
79
125
|
contrast: {
|
|
80
126
|
foreground: "grey-700",
|
|
81
|
-
background:
|
|
127
|
+
background: _core.IOColors.white
|
|
82
128
|
}
|
|
83
129
|
};
|
|
84
|
-
const
|
|
130
|
+
const mapOutlineVariantsLightMode = {
|
|
85
131
|
default: {
|
|
86
132
|
foreground: "grey-700"
|
|
87
133
|
},
|
|
@@ -113,10 +159,45 @@ const Badge = ({
|
|
|
113
159
|
foreground: "grey-850"
|
|
114
160
|
}
|
|
115
161
|
};
|
|
162
|
+
const mapOutlineVariantsDarkMode = {
|
|
163
|
+
default: {
|
|
164
|
+
foreground: "grey-100"
|
|
165
|
+
},
|
|
166
|
+
info: {
|
|
167
|
+
foreground: "info-400"
|
|
168
|
+
},
|
|
169
|
+
warning: {
|
|
170
|
+
foreground: "warning-400"
|
|
171
|
+
},
|
|
172
|
+
success: {
|
|
173
|
+
foreground: "success-400"
|
|
174
|
+
},
|
|
175
|
+
error: {
|
|
176
|
+
foreground: "error-400"
|
|
177
|
+
},
|
|
178
|
+
purple: {
|
|
179
|
+
foreground: "hanPurple-250"
|
|
180
|
+
},
|
|
181
|
+
lightBlue: {
|
|
182
|
+
foreground: "blueIO-150"
|
|
183
|
+
},
|
|
184
|
+
blue: {
|
|
185
|
+
foreground: theme["interactiveElem-default"]
|
|
186
|
+
},
|
|
187
|
+
turquoise: {
|
|
188
|
+
foreground: "turquoise-300"
|
|
189
|
+
},
|
|
190
|
+
contrast: {
|
|
191
|
+
foreground: "grey-100"
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
// prettier-ignore
|
|
196
|
+
const variantMap = themeType === "light" ? outline ? mapOutlineVariantsLightMode : mapVariantsLightMode : outline ? mapOutlineVariantsDarkMode : mapVariantsDarkMode;
|
|
116
197
|
const {
|
|
117
198
|
background,
|
|
118
199
|
foreground
|
|
119
|
-
} =
|
|
200
|
+
} = variantMap[variant];
|
|
120
201
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
121
202
|
accessible: true,
|
|
122
203
|
testID: testID,
|
|
@@ -124,7 +205,7 @@ const Badge = ({
|
|
|
124
205
|
borderWidth: 1,
|
|
125
206
|
borderColor: _core.IOColors[foreground]
|
|
126
207
|
} : {
|
|
127
|
-
backgroundColor: background
|
|
208
|
+
backgroundColor: background ?? undefined
|
|
128
209
|
}]
|
|
129
210
|
}, /*#__PURE__*/_react.default.createElement(_typography.IOText, {
|
|
130
211
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_typography","obj","__esModule","default","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderCurve","borderRadius","IOBadgeRadius","paddingHorizontal","IOBadgeHSpacing","paddingVertical","IOBadgeVSpacing","Badge","text","outline","variant","testID","isExperimental","useIOExperimentalDesign","theme","useIOTheme","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_typography","obj","__esModule","default","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderCurve","borderRadius","IOBadgeRadius","paddingHorizontal","IOBadgeHSpacing","paddingVertical","IOBadgeVSpacing","Badge","text","outline","variant","testID","isExperimental","useIOExperimentalDesign","theme","useIOTheme","themeType","useIOThemeContext","bgOpacityDarkMode","mapVariantsLightMode","foreground","background","IOColors","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","hexToRgba","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","createElement","View","accessible","style","borderWidth","borderColor","backgroundColor","undefined","IOText","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink","exports"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
|
|
@@ -16,12 +16,9 @@ var _typography = require("../typography");
|
|
|
16
16
|
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); }
|
|
17
17
|
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; }
|
|
18
18
|
/* Styles */
|
|
19
|
-
const colorTitle = "blueIO-850";
|
|
20
|
-
const colorContent = "grey-700";
|
|
21
|
-
const colorCloseButton = "neutral";
|
|
22
19
|
const sizePictogramBig = 80;
|
|
23
20
|
const sizePictogramSmall = 64;
|
|
24
|
-
const closeButtonDistanceFromEdge =
|
|
21
|
+
const closeButtonDistanceFromEdge = 6;
|
|
25
22
|
const closeButtonOpacity = 0.6;
|
|
26
23
|
const sizeBigPadding = _core.IOBannerBigSpacing;
|
|
27
24
|
const sizeSmallHPadding = _core.IOBannerSmallHSpacing;
|
|
@@ -44,11 +41,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
44
41
|
opacity: closeButtonOpacity
|
|
45
42
|
}
|
|
46
43
|
});
|
|
47
|
-
const dynamicContainerStyles = (size, color) => ({
|
|
48
|
-
backgroundColor: _IOColors.IOColors[mapBackgroundColor[color]],
|
|
49
|
-
paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
|
|
50
|
-
paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
|
|
51
|
-
});
|
|
52
44
|
|
|
53
45
|
/* Component Types */
|
|
54
46
|
|
|
@@ -66,10 +58,14 @@ const dynamicContainerStyles = (size, color) => ({
|
|
|
66
58
|
in the Design System screen */
|
|
67
59
|
const bannerBackgroundColours = ["neutral", "turquoise"];
|
|
68
60
|
exports.bannerBackgroundColours = bannerBackgroundColours;
|
|
69
|
-
const
|
|
61
|
+
const mapBackgroundColorLightMode = {
|
|
70
62
|
neutral: "grey-50",
|
|
71
63
|
turquoise: "turquoise-50"
|
|
72
64
|
};
|
|
65
|
+
const mapBackgroundColorDarkMode = {
|
|
66
|
+
neutral: "grey-50",
|
|
67
|
+
turquoise: "turquoise-300"
|
|
68
|
+
};
|
|
73
69
|
const Banner = ({
|
|
74
70
|
viewRef,
|
|
75
71
|
size,
|
|
@@ -87,6 +83,23 @@ const Banner = ({
|
|
|
87
83
|
}) => {
|
|
88
84
|
var _IOScaleValues$magnif;
|
|
89
85
|
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
86
|
+
const {
|
|
87
|
+
isExperimental
|
|
88
|
+
} = (0, _core.useIOExperimentalDesign)();
|
|
89
|
+
const {
|
|
90
|
+
themeType
|
|
91
|
+
} = (0, _core.useIOThemeContext)();
|
|
92
|
+
const theme = (0, _core.useIOTheme)();
|
|
93
|
+
|
|
94
|
+
// Dynamic colors
|
|
95
|
+
const colorTitle = themeType === "dark" ? "grey-50" : "blueIO-850";
|
|
96
|
+
const colorCloseButton = themeType === "dark" ? "contrast" : "neutral";
|
|
97
|
+
const colorMainButton = themeType === "dark" ? "blueIO-200" : theme["interactiveElem-default"];
|
|
98
|
+
const dynamicContainerStyles = {
|
|
99
|
+
backgroundColor: themeType === "dark" ? (0, _IOColors.hexToRgba)(_IOColors.IOColors[mapBackgroundColorDarkMode[color]], 0.1) : _IOColors.IOColors[mapBackgroundColorLightMode[color]],
|
|
100
|
+
paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
|
|
101
|
+
paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
|
|
102
|
+
};
|
|
90
103
|
|
|
91
104
|
// Scaling transformation applied when the button is pressed
|
|
92
105
|
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
@@ -99,7 +112,7 @@ const Banner = ({
|
|
|
99
112
|
// Link color states to the pressed states
|
|
100
113
|
|
|
101
114
|
// Scale down button slightly when pressed
|
|
102
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.
|
|
115
|
+
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
|
|
103
116
|
return {
|
|
104
117
|
transform: [{
|
|
105
118
|
scale
|
|
@@ -131,7 +144,7 @@ const Banner = ({
|
|
|
131
144
|
}, title), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
132
145
|
size: 4
|
|
133
146
|
})), content && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
|
|
134
|
-
color:
|
|
147
|
+
color: theme["textBody-tertiary"],
|
|
135
148
|
weight: "Regular"
|
|
136
149
|
}, content), action && /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
137
150
|
size: 8
|
|
@@ -145,14 +158,16 @@ const Banner = ({
|
|
|
145
158
|
importantForAccessibility: "no-hide-descendants"
|
|
146
159
|
}, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
147
160
|
size: 4
|
|
148
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
161
|
+
}), /*#__PURE__*/_react.default.createElement(_typography.IOText, {
|
|
162
|
+
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
163
|
+
weight: isExperimental ? "Regular" : "Bold",
|
|
164
|
+
color: colorMainButton,
|
|
165
|
+
size: _typography.buttonTextFontSize,
|
|
166
|
+
numberOfLines: 1,
|
|
167
|
+
ellipsizeMode: "tail"
|
|
168
|
+
}, action))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
153
169
|
style: [styles.bleedPictogram, _core.IOStyles.selfCenter]
|
|
154
170
|
}, /*#__PURE__*/_react.default.createElement(_pictograms.PictogramBleed, {
|
|
155
|
-
pictogramStyle: "dark-content",
|
|
156
171
|
name: pictogramName,
|
|
157
172
|
size: size === "big" ? sizePictogramBig : sizePictogramSmall
|
|
158
173
|
})), onClose && labelClose && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -171,12 +186,12 @@ const Banner = ({
|
|
|
171
186
|
onPressOut: onPressOut,
|
|
172
187
|
accessible: false
|
|
173
188
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
174
|
-
style: [styles.container, dynamicContainerStyles
|
|
189
|
+
style: [styles.container, dynamicContainerStyles, pressedAnimationStyle]
|
|
175
190
|
}, renderMainBlock()));
|
|
176
191
|
const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
177
192
|
ref: viewRef,
|
|
178
193
|
testID: testID,
|
|
179
|
-
style: [styles.container, dynamicContainerStyles
|
|
194
|
+
style: [styles.container, dynamicContainerStyles]
|
|
180
195
|
// A11y related props
|
|
181
196
|
,
|
|
182
197
|
accessible: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_buttons","_pictograms","_spacer","_typography","_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","_buttons","_pictograms","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","_IOScaleValues$magnif","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","themeType","useIOThemeContext","theme","useIOTheme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","hexToRgba","IOColors","paddingVertical","paddingHorizontal","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolation","CLAMP","transform","onPressIn","useCallback","onPressOut","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","accessible","accessibilityRole","undefined","H6","VSpacer","BodySmall","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","IOText","font","buttonTextFontSize","numberOfLines","ellipsizeMode","PictogramBleed","name","IconButton","icon","PressableButton","Pressable","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|