@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
|
@@ -51,6 +51,7 @@ const IOColors = asIOColors({
|
|
|
51
51
|
"turquoise-850": "#003B3D",
|
|
52
52
|
"turquoise-500": "#00C5CA",
|
|
53
53
|
"turquoise-450": "#19CBCF" /* Dark mode */,
|
|
54
|
+
"turquoise-300": "#61DCDF",
|
|
54
55
|
"turquoise-150": "#AAEEEF",
|
|
55
56
|
"turquoise-100": "#C2F3F4",
|
|
56
57
|
"turquoise-50": "#DBF9FA",
|
|
@@ -243,7 +244,7 @@ const themeKeys = [
|
|
|
243
244
|
// Layout
|
|
244
245
|
"divider-header", "divider-default", "divider-bottomBar",
|
|
245
246
|
// Status
|
|
246
|
-
"errorIcon", "errorText", "successText",
|
|
247
|
+
"errorIcon", "errorText", "successIcon", "successText", "warningIcon", "infoIcon",
|
|
247
248
|
// Pictograms
|
|
248
249
|
"pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary", "pictogram-tint-tertiary"];
|
|
249
250
|
const IOThemeLight = {
|
|
@@ -273,7 +274,10 @@ const IOThemeLight = {
|
|
|
273
274
|
// Status
|
|
274
275
|
errorIcon: "error-600",
|
|
275
276
|
errorText: "error-600",
|
|
277
|
+
successIcon: "success-700",
|
|
276
278
|
successText: "success-700",
|
|
279
|
+
warningIcon: "warning-700",
|
|
280
|
+
infoIcon: "info-700",
|
|
277
281
|
// Pictograms
|
|
278
282
|
"pictogram-hands": "blueIO-500",
|
|
279
283
|
"pictogram-tint-main": "turquoise-150",
|
|
@@ -307,6 +311,7 @@ const IOThemeDark = {
|
|
|
307
311
|
// Design System related
|
|
308
312
|
"cardBorder-default": "grey-850",
|
|
309
313
|
"icon-default": "grey-450",
|
|
314
|
+
"icon-decorative": "grey-650",
|
|
310
315
|
// Layout
|
|
311
316
|
"divider-header": "grey-850",
|
|
312
317
|
"divider-default": "grey-850",
|
|
@@ -315,6 +320,9 @@ const IOThemeDark = {
|
|
|
315
320
|
errorIcon: "error-400",
|
|
316
321
|
errorText: "error-400",
|
|
317
322
|
successText: "success-400",
|
|
323
|
+
successIcon: "success-500",
|
|
324
|
+
warningIcon: "warning-500",
|
|
325
|
+
infoIcon: "info-500",
|
|
318
326
|
// Pictograms
|
|
319
327
|
"pictogram-hands": "white",
|
|
320
328
|
"pictogram-tint-main": "turquoise-150",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["asIOColors","arg","asIOThemeColors","asIOColorGradients","IOColors","white","black","greyUltraLight","greyLight","bluegreyLight","grey","bluegrey","bluegreyDark","blue","blueUltraLight","aqua","aquaUltraLight","antiqueFuchsia","orange","red","green","greenLight","exports","IOColorGradients","appLaunch","appIcon","cgnAll","cgn","cgnFinance","cgnCulture","cgnLearning","cgnHealth","cgnHome","cgnJobOffers","cgnSport","cgnMobility","cgnTelco","cgnTravel","getGradientColorValues","gradientId","first","second","IOColorsLegacy","IOColorsNeutral","IOColorsTints","IOColorsStatus","IOColorsExtra","themeKeys","IOThemeLight","errorIcon","errorText","successText","IOThemeLightLegacy","IOThemeDark","themeStatusColorsLightMode","errorMain","errorBackground","errorGraphics","errorTypography","warningMain","warningBackground","warningGraphics","warningTypography","successMain","successBackground","successGraphics","successTypography","infoMain","infoBackground","infoGraphics","infoTypography","themeStatusColorsDarkMode","hexToRgba","hexCode","opacity","hex","toString","replace","r","parseInt","substring","g","b"],"sourceRoot":"../../../src","sources":["core/IOColors.ts"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["asIOColors","arg","asIOThemeColors","asIOColorGradients","IOColors","white","black","greyUltraLight","greyLight","bluegreyLight","grey","bluegrey","bluegreyDark","blue","blueUltraLight","aqua","aquaUltraLight","antiqueFuchsia","orange","red","green","greenLight","exports","IOColorGradients","appLaunch","appIcon","cgnAll","cgn","cgnFinance","cgnCulture","cgnLearning","cgnHealth","cgnHome","cgnJobOffers","cgnSport","cgnMobility","cgnTelco","cgnTravel","getGradientColorValues","gradientId","first","second","IOColorsLegacy","IOColorsNeutral","IOColorsTints","IOColorsStatus","IOColorsExtra","themeKeys","IOThemeLight","errorIcon","errorText","successIcon","successText","warningIcon","infoIcon","IOThemeLightLegacy","IOThemeDark","themeStatusColorsLightMode","errorMain","errorBackground","errorGraphics","errorTypography","warningMain","warningBackground","warningGraphics","warningTypography","successMain","successBackground","successGraphics","successTypography","infoMain","infoBackground","infoGraphics","infoTypography","themeStatusColorsDarkMode","hexToRgba","hexCode","opacity","hex","toString","replace","r","parseInt","substring","g","b"],"sourceRoot":"../../../src","sources":["core/IOColors.ts"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","fonts","TitilliumSansPro","Platform","select","android","web","ios","default","Titillio","DMMono","fontSizes","fontSizesLegacy","allFontSizes","Set","weights","weightValues","fontWeights","Thin","Light","Regular","Medium","Semibold","Bold","Black","exports","getBolderFontWeight","weight","currentWeight","indexOf","length","makeFontFamilyName","font","defaultWeight","fontStyle","defaultFont","defaultFontSize","makeFontStyleObject","size","lineHeight","boldEnabled","dynamicWeight","fontSize","fontFamily","fontWeight","includeFontPadding"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_reactNative","require","fonts","TitilliumSansPro","Platform","select","android","web","ios","default","Titillio","DMMono","fontSizes","fontSizesLegacy","allFontSizes","Set","weights","weightValues","fontWeights","Thin","Light","Regular","Medium","Semibold","Bold","Black","exports","getBolderFontWeight","weight","currentWeight","indexOf","length","makeFontFamilyName","font","defaultWeight","fontStyle","defaultFont","defaultFontSize","makeFontStyleObject","size","lineHeight","boldEnabled","dynamicWeight","fontSize","fontFamily","fontWeight","includeFontPadding"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { useCallback, useState } from "react";
|
|
2
2
|
import { PixelRatio, Pressable, StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOVisualCostants } from "../../core";
|
|
4
|
+
import { IOVisualCostants, useIOThemeContext } from "../../core";
|
|
5
5
|
import { IOScaleValues, IOSpringValues } from "../../core/IOAnimations";
|
|
6
|
-
import { IOColors } from "../../core/IOColors";
|
|
6
|
+
import { IOColors, hexToRgba } from "../../core/IOColors";
|
|
7
7
|
import { IOAlertRadius } from "../../core/IOShapes";
|
|
8
8
|
import { IOAlertSpacing } from "../../core/IOSpacing";
|
|
9
9
|
import { Icon } from "../icons";
|
|
@@ -29,28 +29,51 @@ const styles = StyleSheet.create({
|
|
|
29
29
|
});
|
|
30
30
|
// COMPONENT CONFIGURATION
|
|
31
31
|
|
|
32
|
-
const
|
|
32
|
+
const mapVariantStatesLightMode = {
|
|
33
33
|
error: {
|
|
34
34
|
icon: "errorFilled",
|
|
35
|
-
background: "error-100",
|
|
35
|
+
background: IOColors["error-100"],
|
|
36
36
|
foreground: "error-850"
|
|
37
37
|
},
|
|
38
38
|
warning: {
|
|
39
39
|
icon: "warningFilled",
|
|
40
|
-
background: "warning-100",
|
|
40
|
+
background: IOColors["warning-100"],
|
|
41
41
|
foreground: "warning-850"
|
|
42
42
|
},
|
|
43
43
|
info: {
|
|
44
44
|
icon: "infoFilled",
|
|
45
|
-
background: "info-100",
|
|
45
|
+
background: IOColors["info-100"],
|
|
46
46
|
foreground: "info-850"
|
|
47
47
|
},
|
|
48
48
|
success: {
|
|
49
49
|
icon: "success",
|
|
50
|
-
background: "success-100",
|
|
50
|
+
background: IOColors["success-100"],
|
|
51
51
|
foreground: "success-850"
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
+
const bgOpacityDarkMode = 0.2;
|
|
55
|
+
const mapVariantStatesDarkMode = {
|
|
56
|
+
error: {
|
|
57
|
+
icon: "errorFilled",
|
|
58
|
+
background: hexToRgba(IOColors["error-400"], bgOpacityDarkMode),
|
|
59
|
+
foreground: "error-100"
|
|
60
|
+
},
|
|
61
|
+
warning: {
|
|
62
|
+
icon: "warningFilled",
|
|
63
|
+
background: hexToRgba(IOColors["warning-400"], bgOpacityDarkMode),
|
|
64
|
+
foreground: "warning-100"
|
|
65
|
+
},
|
|
66
|
+
info: {
|
|
67
|
+
icon: "infoFilled",
|
|
68
|
+
background: hexToRgba(IOColors["info-400"], bgOpacityDarkMode),
|
|
69
|
+
foreground: "info-100"
|
|
70
|
+
},
|
|
71
|
+
success: {
|
|
72
|
+
icon: "success",
|
|
73
|
+
background: hexToRgba(IOColors["success-400"], bgOpacityDarkMode),
|
|
74
|
+
foreground: "success-100"
|
|
75
|
+
}
|
|
76
|
+
};
|
|
54
77
|
export const Alert = /*#__PURE__*/React.forwardRef(({
|
|
55
78
|
variant,
|
|
56
79
|
title,
|
|
@@ -62,6 +85,9 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
|
|
|
62
85
|
testID
|
|
63
86
|
}, viewRef) => {
|
|
64
87
|
var _IOScaleValues$magnif;
|
|
88
|
+
const {
|
|
89
|
+
themeType
|
|
90
|
+
} = useIOThemeContext();
|
|
65
91
|
const isPressed = useSharedValue(0);
|
|
66
92
|
const [isMultiline, setIsMultiline] = useState(false);
|
|
67
93
|
const onTextLayout = useCallback(event => {
|
|
@@ -92,6 +118,7 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
|
|
|
92
118
|
// eslint-disable-next-line functional/immutable-data
|
|
93
119
|
isPressed.value = 0;
|
|
94
120
|
}, [isPressed]);
|
|
121
|
+
const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
|
|
95
122
|
const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
96
123
|
style: {
|
|
97
124
|
marginRight: IOVisualCostants.iconMargin,
|
|
@@ -128,7 +155,7 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
|
|
|
128
155
|
const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
|
|
129
156
|
ref: viewRef,
|
|
130
157
|
style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
|
|
131
|
-
backgroundColor:
|
|
158
|
+
backgroundColor: mapVariantStates[variant].background
|
|
132
159
|
}],
|
|
133
160
|
testID: testID,
|
|
134
161
|
accessible: false,
|
|
@@ -149,7 +176,7 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
|
|
|
149
176
|
accessibilityRole: "button"
|
|
150
177
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
151
178
|
style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
|
|
152
|
-
backgroundColor:
|
|
179
|
+
backgroundColor: mapVariantStates[variant].background
|
|
153
180
|
},
|
|
154
181
|
// Disable pressed animation when component is full width
|
|
155
182
|
!fullWidth && pressedAnimationStyle]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","PixelRatio","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOVisualCostants","IOScaleValues","IOSpringValues","IOColors","IOAlertRadius","IOAlertSpacing","Icon","VSpacer","Body","ButtonText","H4","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","PixelRatio","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOVisualCostants","useIOThemeContext","IOScaleValues","IOSpringValues","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","Icon","VSpacer","Body","ButtonText","H4","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","_IOScaleValues$magnif","themeType","isPressed","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","mapVariantStates","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","marginTop","getFontScale","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Platform, StyleSheet, View } from "react-native";
|
|
3
|
-
import { IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
3
|
+
import { hexToRgba, IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
|
|
4
4
|
import { IOText } from "../typography";
|
|
5
5
|
const styles = StyleSheet.create({
|
|
6
6
|
badge: {
|
|
@@ -32,49 +32,95 @@ export const Badge = ({
|
|
|
32
32
|
isExperimental
|
|
33
33
|
} = useIOExperimentalDesign();
|
|
34
34
|
const theme = useIOTheme();
|
|
35
|
-
const
|
|
35
|
+
const {
|
|
36
|
+
themeType
|
|
37
|
+
} = useIOThemeContext();
|
|
38
|
+
const bgOpacityDarkMode = 0.2;
|
|
39
|
+
const mapVariantsLightMode = {
|
|
36
40
|
default: {
|
|
37
41
|
foreground: "grey-700",
|
|
38
|
-
background: "grey-50"
|
|
42
|
+
background: IOColors["grey-50"]
|
|
39
43
|
},
|
|
40
44
|
info: {
|
|
41
45
|
foreground: "info-850",
|
|
42
|
-
background: "info-100"
|
|
46
|
+
background: IOColors["info-100"]
|
|
43
47
|
},
|
|
44
48
|
warning: {
|
|
45
49
|
foreground: "warning-850",
|
|
46
|
-
background: "warning-100"
|
|
50
|
+
background: IOColors["warning-100"]
|
|
47
51
|
},
|
|
48
52
|
success: {
|
|
49
53
|
foreground: "success-850",
|
|
50
|
-
background: "success-100"
|
|
54
|
+
background: IOColors["success-100"]
|
|
51
55
|
},
|
|
52
56
|
error: {
|
|
53
57
|
foreground: "error-850",
|
|
54
|
-
background: "error-100"
|
|
58
|
+
background: IOColors["error-100"]
|
|
55
59
|
},
|
|
56
60
|
purple: {
|
|
57
61
|
foreground: "hanPurple-500",
|
|
58
|
-
background: "hanPurple-100"
|
|
62
|
+
background: IOColors["hanPurple-100"]
|
|
59
63
|
},
|
|
60
64
|
lightBlue: {
|
|
61
65
|
foreground: "blueIO-850",
|
|
62
|
-
background: "blueIO-50"
|
|
66
|
+
background: IOColors["blueIO-50"]
|
|
63
67
|
},
|
|
64
68
|
blue: {
|
|
65
69
|
foreground: "white",
|
|
66
|
-
background: theme["interactiveElem-default"]
|
|
70
|
+
background: IOColors[theme["interactiveElem-default"]]
|
|
67
71
|
},
|
|
68
72
|
turquoise: {
|
|
69
73
|
foreground: "turquoise-850",
|
|
70
|
-
background: "turquoise-50"
|
|
74
|
+
background: IOColors["turquoise-50"]
|
|
75
|
+
},
|
|
76
|
+
contrast: {
|
|
77
|
+
foreground: "grey-700",
|
|
78
|
+
background: IOColors.white
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const mapVariantsDarkMode = {
|
|
82
|
+
default: {
|
|
83
|
+
foreground: "grey-50",
|
|
84
|
+
background: hexToRgba(IOColors["grey-50"], bgOpacityDarkMode)
|
|
85
|
+
},
|
|
86
|
+
info: {
|
|
87
|
+
foreground: "info-400",
|
|
88
|
+
background: hexToRgba(IOColors["info-400"], bgOpacityDarkMode)
|
|
89
|
+
},
|
|
90
|
+
warning: {
|
|
91
|
+
foreground: "warning-400",
|
|
92
|
+
background: hexToRgba(IOColors["warning-400"], bgOpacityDarkMode)
|
|
93
|
+
},
|
|
94
|
+
success: {
|
|
95
|
+
foreground: "success-400",
|
|
96
|
+
background: hexToRgba(IOColors["success-400"], bgOpacityDarkMode)
|
|
97
|
+
},
|
|
98
|
+
error: {
|
|
99
|
+
foreground: "error-400",
|
|
100
|
+
background: hexToRgba(IOColors["error-400"], bgOpacityDarkMode)
|
|
101
|
+
},
|
|
102
|
+
purple: {
|
|
103
|
+
foreground: "hanPurple-250",
|
|
104
|
+
background: hexToRgba(IOColors["hanPurple-250"], bgOpacityDarkMode)
|
|
105
|
+
},
|
|
106
|
+
lightBlue: {
|
|
107
|
+
foreground: "blueIO-200",
|
|
108
|
+
background: hexToRgba(IOColors["blueIO-600"], bgOpacityDarkMode)
|
|
109
|
+
},
|
|
110
|
+
blue: {
|
|
111
|
+
foreground: "white",
|
|
112
|
+
background: IOColors[theme["interactiveElem-default"]]
|
|
113
|
+
},
|
|
114
|
+
turquoise: {
|
|
115
|
+
foreground: "turquoise-300",
|
|
116
|
+
background: hexToRgba(IOColors["turquoise-300"], bgOpacityDarkMode)
|
|
71
117
|
},
|
|
72
118
|
contrast: {
|
|
73
119
|
foreground: "grey-700",
|
|
74
|
-
background:
|
|
120
|
+
background: IOColors.white
|
|
75
121
|
}
|
|
76
122
|
};
|
|
77
|
-
const
|
|
123
|
+
const mapOutlineVariantsLightMode = {
|
|
78
124
|
default: {
|
|
79
125
|
foreground: "grey-700"
|
|
80
126
|
},
|
|
@@ -106,10 +152,45 @@ export const Badge = ({
|
|
|
106
152
|
foreground: "grey-850"
|
|
107
153
|
}
|
|
108
154
|
};
|
|
155
|
+
const mapOutlineVariantsDarkMode = {
|
|
156
|
+
default: {
|
|
157
|
+
foreground: "grey-100"
|
|
158
|
+
},
|
|
159
|
+
info: {
|
|
160
|
+
foreground: "info-400"
|
|
161
|
+
},
|
|
162
|
+
warning: {
|
|
163
|
+
foreground: "warning-400"
|
|
164
|
+
},
|
|
165
|
+
success: {
|
|
166
|
+
foreground: "success-400"
|
|
167
|
+
},
|
|
168
|
+
error: {
|
|
169
|
+
foreground: "error-400"
|
|
170
|
+
},
|
|
171
|
+
purple: {
|
|
172
|
+
foreground: "hanPurple-250"
|
|
173
|
+
},
|
|
174
|
+
lightBlue: {
|
|
175
|
+
foreground: "blueIO-150"
|
|
176
|
+
},
|
|
177
|
+
blue: {
|
|
178
|
+
foreground: theme["interactiveElem-default"]
|
|
179
|
+
},
|
|
180
|
+
turquoise: {
|
|
181
|
+
foreground: "turquoise-300"
|
|
182
|
+
},
|
|
183
|
+
contrast: {
|
|
184
|
+
foreground: "grey-100"
|
|
185
|
+
}
|
|
186
|
+
};
|
|
187
|
+
|
|
188
|
+
// prettier-ignore
|
|
189
|
+
const variantMap = themeType === "light" ? outline ? mapOutlineVariantsLightMode : mapVariantsLightMode : outline ? mapOutlineVariantsDarkMode : mapVariantsDarkMode;
|
|
109
190
|
const {
|
|
110
191
|
background,
|
|
111
192
|
foreground
|
|
112
|
-
} =
|
|
193
|
+
} = variantMap[variant];
|
|
113
194
|
return /*#__PURE__*/React.createElement(View, {
|
|
114
195
|
accessible: true,
|
|
115
196
|
testID: testID,
|
|
@@ -117,7 +198,7 @@ export const Badge = ({
|
|
|
117
198
|
borderWidth: 1,
|
|
118
199
|
borderColor: IOColors[foreground]
|
|
119
200
|
} : {
|
|
120
|
-
backgroundColor: background
|
|
201
|
+
backgroundColor: background ?? undefined
|
|
121
202
|
}]
|
|
122
203
|
}, /*#__PURE__*/React.createElement(IOText, {
|
|
123
204
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","View","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","useIOTheme","IOText","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderCurve","borderRadius","paddingHorizontal","paddingVertical","Badge","text","outline","variant","testID","isExperimental","theme","
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","View","hexToRgba","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","useIOTheme","useIOThemeContext","IOText","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderCurve","borderRadius","paddingHorizontal","paddingVertical","Badge","text","outline","variant","testID","isExperimental","theme","themeType","bgOpacityDarkMode","mapVariantsLightMode","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","createElement","accessible","style","borderWidth","borderColor","backgroundColor","undefined","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAqBC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACrE,SACEC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,eAAe,EACfC,QAAQ,EACRC,uBAAuB,EACvBC,UAAU,EACVC,iBAAiB,QACZ,YAAY;AAEnB,SAASC,MAAM,QAAQ,eAAe;AA4BtC,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGjB,QAAQ,CAACkB,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,iBAAiB,EAAE;MACrB;IACF,CAAC,CAAC;IACFC,WAAW,EAAE,YAAY;IACzBC,YAAY,EAAEjB,aAAa;IAC3BkB,iBAAiB,EAAEnB,eAAe;IAClCoB,eAAe,EAAElB;EACnB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMmB,KAAK,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO,GAAG,KAAK;EAAEC,OAAO;EAAEC;AAAc,CAAC,KAAK;EAC1E,MAAM;IAAEC;EAAe,CAAC,GAAGtB,uBAAuB,CAAC,CAAC;EACpD,MAAMuB,KAAK,GAAGtB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEuB;EAAU,CAAC,GAAGtB,iBAAiB,CAAC,CAAC;EAEzC,MAAMuB,iBAAiB,GAAG,GAAG;EAE7B,MAAMC,oBAGL,GAAG;IACFC,OAAO,EAAE;MACPC,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAAC,SAAS;IAChC,CAAC;IACD+B,IAAI,EAAE;MACJF,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAAC,UAAU;IACjC,CAAC;IACDgC,OAAO,EAAE;MACPH,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAE9B,QAAQ,CAAC,aAAa;IACpC,CAAC;IACDiC,OAAO,EAAE;MACPJ,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAE9B,QAAQ,CAAC,aAAa;IACpC,CAAC;IACDkC,KAAK,EAAE;MACLL,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE9B,QAAQ,CAAC,WAAW;IAClC,CAAC;IACDmC,MAAM,EAAE;MACNN,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAE9B,QAAQ,CAAC,eAAe;IACtC,CAAC;IACDoC,SAAS,EAAE;MACTP,UAAU,EAAE,YAAY;MACxBC,UAAU,EAAE9B,QAAQ,CAAC,WAAW;IAClC,CAAC;IACDqC,IAAI,EAAE;MACJR,UAAU,EAAE,OAAO;MACnBC,UAAU,EAAE9B,QAAQ,CAACwB,KAAK,CAAC,yBAAyB,CAAC;IACvD,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAE9B,QAAQ,CAAC,cAAc;IACrC,CAAC;IACDuC,QAAQ,EAAE;MACRV,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAACwC;IACvB;EACF,CAAC;EAED,MAAMC,mBAGL,GAAG;IACFb,OAAO,EAAE;MACPC,UAAU,EAAE,SAAS;MACrBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,SAAS,CAAC,EAAE0B,iBAAiB;IAC9D,CAAC;IACDK,IAAI,EAAE;MACJF,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,UAAU,CAAC,EAAE0B,iBAAiB;IAC/D,CAAC;IACDM,OAAO,EAAE;MACPH,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,aAAa,CAAC,EAAE0B,iBAAiB;IAClE,CAAC;IACDO,OAAO,EAAE;MACPJ,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,aAAa,CAAC,EAAE0B,iBAAiB;IAClE,CAAC;IACDQ,KAAK,EAAE;MACLL,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,WAAW,CAAC,EAAE0B,iBAAiB;IAChE,CAAC;IACDS,MAAM,EAAE;MACNN,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,eAAe,CAAC,EAAE0B,iBAAiB;IACpE,CAAC;IACDU,SAAS,EAAE;MACTP,UAAU,EAAE,YAAY;MACxBC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,YAAY,CAAC,EAAE0B,iBAAiB;IACjE,CAAC;IACDW,IAAI,EAAE;MACJR,UAAU,EAAE,OAAO;MACnBC,UAAU,EAAE9B,QAAQ,CAACwB,KAAK,CAAC,yBAAyB,CAAC;IACvD,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE,eAAe;MAC3BC,UAAU,EAAElC,SAAS,CAACI,QAAQ,CAAC,eAAe,CAAC,EAAE0B,iBAAiB;IACpE,CAAC;IACDa,QAAQ,EAAE;MACRV,UAAU,EAAE,UAAU;MACtBC,UAAU,EAAE9B,QAAQ,CAACwC;IACvB;EACF,CAAC;EAED,MAAME,2BAGL,GAAG;IACFd,OAAO,EAAE;MACPC,UAAU,EAAE;IACd,CAAC;IACDE,IAAI,EAAE;MACJF,UAAU,EAAE;IACd,CAAC;IACDG,OAAO,EAAE;MACPH,UAAU,EAAE;IACd,CAAC;IACDI,OAAO,EAAE;MACPJ,UAAU,EAAE;IACd,CAAC;IACDK,KAAK,EAAE;MACLL,UAAU,EAAE;IACd,CAAC;IACDM,MAAM,EAAE;MACNN,UAAU,EAAE;IACd,CAAC;IACDO,SAAS,EAAE;MACTP,UAAU,EAAE;IACd,CAAC;IACDQ,IAAI,EAAE;MACJR,UAAU,EAAEL,KAAK,CAAC,yBAAyB;IAC7C,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE;IACd,CAAC;IACDU,QAAQ,EAAE;MACRV,UAAU,EAAE;IACd;EACF,CAAC;EAED,MAAMc,0BAGL,GAAG;IACFf,OAAO,EAAE;MACPC,UAAU,EAAE;IACd,CAAC;IACDE,IAAI,EAAE;MACJF,UAAU,EAAE;IACd,CAAC;IACDG,OAAO,EAAE;MACPH,UAAU,EAAE;IACd,CAAC;IACDI,OAAO,EAAE;MACPJ,UAAU,EAAE;IACd,CAAC;IACDK,KAAK,EAAE;MACLL,UAAU,EAAE;IACd,CAAC;IACDM,MAAM,EAAE;MACNN,UAAU,EAAE;IACd,CAAC;IACDO,SAAS,EAAE;MACTP,UAAU,EAAE;IACd,CAAC;IACDQ,IAAI,EAAE;MACJR,UAAU,EAAEL,KAAK,CAAC,yBAAyB;IAC7C,CAAC;IACDc,SAAS,EAAE;MACTT,UAAU,EAAE;IACd,CAAC;IACDU,QAAQ,EAAE;MACRV,UAAU,EAAE;IACd;EACF,CAAC;;EAED;EACA,MAAMe,UAAU,GAAGnB,SAAS,KAAK,OAAO,GACnCL,OAAO,GAAGsB,2BAA2B,GAAGf,oBAAoB,GAC5DP,OAAO,GAAGuB,0BAA0B,GAAGF,mBAAoB;EAEhE,MAAM;IAAEX,UAAU;IAAED;EAAW,CAAC,GAAGe,UAAU,CAACvB,OAAO,CAAC;EAEtD,oBACE7B,KAAA,CAAAqD,aAAA,CAAClD,IAAI;IACHmD,UAAU,EAAE,IAAK;IACjBxB,MAAM,EAAEA,MAAO;IACfyB,KAAK,EAAE,CACL1C,MAAM,CAACE,KAAK,EACZa,OAAO,GACH;MACE4B,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEjD,QAAQ,CAAC6B,UAAU;IAClC,CAAC,GACD;MACEqB,eAAe,EAAEpB,UAAU,IAAIqB;IACjC,CAAC;EACL,gBAEF3D,KAAA,CAAAqD,aAAA,CAACzC,MAAM;IACLgD,IAAI,EAAE7B,cAAc,GAAG,UAAU,GAAG,kBAAmB;IACvD8B,MAAM,EAAE,UAAW;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE,EAAG;IACfC,KAAK,EAAE3B,UAAW;IAClB4B,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBX,KAAK,EAAE;MACLY,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBC,UAAU,EAAE;IACd;EAAE,GAED3C,IACK,CACJ,CAAC;AAEX,CAAC"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
2
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
3
|
-
import Animated, {
|
|
4
|
-
import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOScaleValues, IOSpringValues, IOStyles } from "../../core";
|
|
5
|
-
import { IOColors } from "../../core/IOColors";
|
|
6
|
-
import {
|
|
3
|
+
import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
+
import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOScaleValues, IOSpringValues, IOStyles, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
|
|
5
|
+
import { hexToRgba, IOColors } from "../../core/IOColors";
|
|
6
|
+
import { IconButton } from "../buttons";
|
|
7
7
|
import { PictogramBleed } from "../pictograms";
|
|
8
8
|
import { VSpacer } from "../spacer";
|
|
9
|
-
import { H6, BodySmall } from "../typography";
|
|
9
|
+
import { buttonTextFontSize, H6, IOText, BodySmall } from "../typography";
|
|
10
10
|
|
|
11
11
|
/* Styles */
|
|
12
|
-
const colorTitle = "blueIO-850";
|
|
13
|
-
const colorContent = "grey-700";
|
|
14
|
-
const colorCloseButton = "neutral";
|
|
15
12
|
const sizePictogramBig = 80;
|
|
16
13
|
const sizePictogramSmall = 64;
|
|
17
|
-
const closeButtonDistanceFromEdge =
|
|
14
|
+
const closeButtonDistanceFromEdge = 6;
|
|
18
15
|
const closeButtonOpacity = 0.6;
|
|
19
16
|
const sizeBigPadding = IOBannerBigSpacing;
|
|
20
17
|
const sizeSmallHPadding = IOBannerSmallHSpacing;
|
|
@@ -37,11 +34,6 @@ const styles = StyleSheet.create({
|
|
|
37
34
|
opacity: closeButtonOpacity
|
|
38
35
|
}
|
|
39
36
|
});
|
|
40
|
-
const dynamicContainerStyles = (size, color) => ({
|
|
41
|
-
backgroundColor: IOColors[mapBackgroundColor[color]],
|
|
42
|
-
paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
|
|
43
|
-
paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
|
|
44
|
-
});
|
|
45
37
|
|
|
46
38
|
/* Component Types */
|
|
47
39
|
|
|
@@ -57,10 +49,14 @@ const dynamicContainerStyles = (size, color) => ({
|
|
|
57
49
|
/* Used to generate automatically the colour variants
|
|
58
50
|
in the Design System screen */
|
|
59
51
|
export const bannerBackgroundColours = ["neutral", "turquoise"];
|
|
60
|
-
const
|
|
52
|
+
const mapBackgroundColorLightMode = {
|
|
61
53
|
neutral: "grey-50",
|
|
62
54
|
turquoise: "turquoise-50"
|
|
63
55
|
};
|
|
56
|
+
const mapBackgroundColorDarkMode = {
|
|
57
|
+
neutral: "grey-50",
|
|
58
|
+
turquoise: "turquoise-300"
|
|
59
|
+
};
|
|
64
60
|
export const Banner = ({
|
|
65
61
|
viewRef,
|
|
66
62
|
size,
|
|
@@ -78,6 +74,23 @@ export const Banner = ({
|
|
|
78
74
|
}) => {
|
|
79
75
|
var _IOScaleValues$magnif;
|
|
80
76
|
const isPressed = useSharedValue(0);
|
|
77
|
+
const {
|
|
78
|
+
isExperimental
|
|
79
|
+
} = useIOExperimentalDesign();
|
|
80
|
+
const {
|
|
81
|
+
themeType
|
|
82
|
+
} = useIOThemeContext();
|
|
83
|
+
const theme = useIOTheme();
|
|
84
|
+
|
|
85
|
+
// Dynamic colors
|
|
86
|
+
const colorTitle = themeType === "dark" ? "grey-50" : "blueIO-850";
|
|
87
|
+
const colorCloseButton = themeType === "dark" ? "contrast" : "neutral";
|
|
88
|
+
const colorMainButton = themeType === "dark" ? "blueIO-200" : theme["interactiveElem-default"];
|
|
89
|
+
const dynamicContainerStyles = {
|
|
90
|
+
backgroundColor: themeType === "dark" ? hexToRgba(IOColors[mapBackgroundColorDarkMode[color]], 0.1) : IOColors[mapBackgroundColorLightMode[color]],
|
|
91
|
+
paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
|
|
92
|
+
paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
|
|
93
|
+
};
|
|
81
94
|
|
|
82
95
|
// Scaling transformation applied when the button is pressed
|
|
83
96
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
@@ -90,7 +103,7 @@ export const Banner = ({
|
|
|
90
103
|
// Link color states to the pressed states
|
|
91
104
|
|
|
92
105
|
// Scale down button slightly when pressed
|
|
93
|
-
const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue],
|
|
106
|
+
const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolation.CLAMP);
|
|
94
107
|
return {
|
|
95
108
|
transform: [{
|
|
96
109
|
scale
|
|
@@ -122,7 +135,7 @@ export const Banner = ({
|
|
|
122
135
|
}, title), /*#__PURE__*/React.createElement(VSpacer, {
|
|
123
136
|
size: 4
|
|
124
137
|
})), content && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BodySmall, {
|
|
125
|
-
color:
|
|
138
|
+
color: theme["textBody-tertiary"],
|
|
126
139
|
weight: "Regular"
|
|
127
140
|
}, content), action && /*#__PURE__*/React.createElement(VSpacer, {
|
|
128
141
|
size: 8
|
|
@@ -136,14 +149,16 @@ export const Banner = ({
|
|
|
136
149
|
importantForAccessibility: "no-hide-descendants"
|
|
137
150
|
}, /*#__PURE__*/React.createElement(VSpacer, {
|
|
138
151
|
size: 4
|
|
139
|
-
}), /*#__PURE__*/React.createElement(
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
152
|
+
}), /*#__PURE__*/React.createElement(IOText, {
|
|
153
|
+
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
154
|
+
weight: isExperimental ? "Regular" : "Bold",
|
|
155
|
+
color: colorMainButton,
|
|
156
|
+
size: buttonTextFontSize,
|
|
157
|
+
numberOfLines: 1,
|
|
158
|
+
ellipsizeMode: "tail"
|
|
159
|
+
}, action))), /*#__PURE__*/React.createElement(View, {
|
|
144
160
|
style: [styles.bleedPictogram, IOStyles.selfCenter]
|
|
145
161
|
}, /*#__PURE__*/React.createElement(PictogramBleed, {
|
|
146
|
-
pictogramStyle: "dark-content",
|
|
147
162
|
name: pictogramName,
|
|
148
163
|
size: size === "big" ? sizePictogramBig : sizePictogramSmall
|
|
149
164
|
})), onClose && labelClose && /*#__PURE__*/React.createElement(View, {
|
|
@@ -162,12 +177,12 @@ export const Banner = ({
|
|
|
162
177
|
onPressOut: onPressOut,
|
|
163
178
|
accessible: false
|
|
164
179
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
165
|
-
style: [styles.container, dynamicContainerStyles
|
|
180
|
+
style: [styles.container, dynamicContainerStyles, pressedAnimationStyle]
|
|
166
181
|
}, renderMainBlock()));
|
|
167
182
|
const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
|
|
168
183
|
ref: viewRef,
|
|
169
184
|
testID: testID,
|
|
170
|
-
style: [styles.container, dynamicContainerStyles
|
|
185
|
+
style: [styles.container, dynamicContainerStyles]
|
|
171
186
|
// A11y related props
|
|
172
187
|
,
|
|
173
188
|
accessible: false,
|