@pagopa/io-app-design-system 4.1.0 → 4.2.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/banner/Banner.js +11 -3
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -2
- package/lib/commonjs/components/layout/index.js +0 -11
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/module/components/banner/Banner.js +12 -4
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -2
- package/lib/module/components/layout/index.js +0 -1
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/layout/index.d.ts +0 -1
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/banner/Banner.tsx +11 -4
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -2
- package/src/components/layout/index.tsx +0 -1
|
@@ -151,20 +151,28 @@ const Banner = ({
|
|
|
151
151
|
})), action &&
|
|
152
152
|
/*#__PURE__*/
|
|
153
153
|
/* Disable pointer events to avoid
|
|
154
|
-
|
|
154
|
+
pressed state on the button */
|
|
155
155
|
_react.default.createElement(_reactNative.View, {
|
|
156
156
|
pointerEvents: "none",
|
|
157
|
+
importantForAccessibility: "no-hide-descendants",
|
|
158
|
+
accessible: true,
|
|
157
159
|
accessibilityElementsHidden: true,
|
|
158
|
-
|
|
160
|
+
accessibilityLabel: action,
|
|
161
|
+
accessibilityRole: "button"
|
|
159
162
|
}, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
160
163
|
size: 4
|
|
161
164
|
}), /*#__PURE__*/_react.default.createElement(_typography.IOText, {
|
|
162
165
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
163
|
-
weight:
|
|
166
|
+
weight: "Semibold",
|
|
164
167
|
color: colorMainButton,
|
|
165
168
|
size: _typography.buttonTextFontSize,
|
|
166
169
|
numberOfLines: 1,
|
|
167
170
|
ellipsizeMode: "tail"
|
|
171
|
+
// A11y
|
|
172
|
+
,
|
|
173
|
+
accessible: false,
|
|
174
|
+
importantForAccessibility: "no-hide-descendants",
|
|
175
|
+
accessibilityElementsHidden: true
|
|
168
176
|
}, action))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
169
177
|
style: [styles.bleedPictogram, _core.IOStyles.selfCenter]
|
|
170
178
|
}, /*#__PURE__*/_react.default.createElement(_pictograms.PictogramBleed, {
|
|
@@ -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","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","
|
|
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","importantForAccessibility","accessibilityElementsHidden","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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"}
|
|
@@ -101,6 +101,9 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
101
101
|
/>
|
|
102
102
|
<View
|
|
103
103
|
accessibilityElementsHidden={true}
|
|
104
|
+
accessibilityLabel="Action text"
|
|
105
|
+
accessibilityRole="button"
|
|
106
|
+
accessible={true}
|
|
104
107
|
importantForAccessibility="no-hide-descendants"
|
|
105
108
|
pointerEvents="none"
|
|
106
109
|
>
|
|
@@ -112,8 +115,11 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
112
115
|
}
|
|
113
116
|
/>
|
|
114
117
|
<Text
|
|
118
|
+
accessibilityElementsHidden={true}
|
|
119
|
+
accessible={false}
|
|
115
120
|
allowFontScaling={true}
|
|
116
121
|
ellipsizeMode="tail"
|
|
122
|
+
importantForAccessibility="no-hide-descendants"
|
|
117
123
|
maxFontSizeMultiplier={1.25}
|
|
118
124
|
numberOfLines={1}
|
|
119
125
|
style={
|
|
@@ -124,7 +130,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
124
130
|
"fontFamily": "Titillio",
|
|
125
131
|
"fontSize": 16,
|
|
126
132
|
"fontStyle": "normal",
|
|
127
|
-
"fontWeight": "
|
|
133
|
+
"fontWeight": "600",
|
|
128
134
|
"lineHeight": undefined,
|
|
129
135
|
},
|
|
130
136
|
]
|
|
@@ -374,6 +380,9 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
374
380
|
/>
|
|
375
381
|
<View
|
|
376
382
|
accessibilityElementsHidden={true}
|
|
383
|
+
accessibilityLabel="Action text"
|
|
384
|
+
accessibilityRole="button"
|
|
385
|
+
accessible={true}
|
|
377
386
|
importantForAccessibility="no-hide-descendants"
|
|
378
387
|
pointerEvents="none"
|
|
379
388
|
>
|
|
@@ -385,8 +394,11 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
385
394
|
}
|
|
386
395
|
/>
|
|
387
396
|
<Text
|
|
397
|
+
accessibilityElementsHidden={true}
|
|
398
|
+
accessible={false}
|
|
388
399
|
allowFontScaling={false}
|
|
389
400
|
ellipsizeMode="tail"
|
|
401
|
+
importantForAccessibility="no-hide-descendants"
|
|
390
402
|
maxFontSizeMultiplier={1.25}
|
|
391
403
|
numberOfLines={1}
|
|
392
404
|
style={
|
|
@@ -397,7 +409,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
397
409
|
"fontFamily": "Titillium Sans Pro",
|
|
398
410
|
"fontSize": 16,
|
|
399
411
|
"fontStyle": "normal",
|
|
400
|
-
"fontWeight": "
|
|
412
|
+
"fontWeight": "600",
|
|
401
413
|
"lineHeight": undefined,
|
|
402
414
|
},
|
|
403
415
|
]
|
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var _BlockButtons = require("./BlockButtons");
|
|
7
|
-
Object.keys(_BlockButtons).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _BlockButtons[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _BlockButtons[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
6
|
var _FooterActions = require("./FooterActions");
|
|
18
7
|
Object.keys(_FooterActions).forEach(function (key) {
|
|
19
8
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_FooterActions","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FooterActionsInline","_FooterWithButtons","_ForceScrollDownView","_GradientBottomActions","_GradientScrollView","_HeaderFirstLevel","_HeaderSecondLevel","_ModalBSHeader","_common","_hooks"],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { hexToRgba, IOColors } from "../../core/IOColors";
|
|
|
6
6
|
import { IconButton } from "../buttons";
|
|
7
7
|
import { PictogramBleed } from "../pictograms";
|
|
8
8
|
import { VSpacer } from "../spacer";
|
|
9
|
-
import { buttonTextFontSize, H6, IOText
|
|
9
|
+
import { BodySmall, buttonTextFontSize, H6, IOText } from "../typography";
|
|
10
10
|
|
|
11
11
|
/* Styles */
|
|
12
12
|
const sizePictogramBig = 80;
|
|
@@ -142,20 +142,28 @@ export const Banner = ({
|
|
|
142
142
|
})), action &&
|
|
143
143
|
/*#__PURE__*/
|
|
144
144
|
/* Disable pointer events to avoid
|
|
145
|
-
|
|
145
|
+
pressed state on the button */
|
|
146
146
|
React.createElement(View, {
|
|
147
147
|
pointerEvents: "none",
|
|
148
|
+
importantForAccessibility: "no-hide-descendants",
|
|
149
|
+
accessible: true,
|
|
148
150
|
accessibilityElementsHidden: true,
|
|
149
|
-
|
|
151
|
+
accessibilityLabel: action,
|
|
152
|
+
accessibilityRole: "button"
|
|
150
153
|
}, /*#__PURE__*/React.createElement(VSpacer, {
|
|
151
154
|
size: 4
|
|
152
155
|
}), /*#__PURE__*/React.createElement(IOText, {
|
|
153
156
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
154
|
-
weight:
|
|
157
|
+
weight: "Semibold",
|
|
155
158
|
color: colorMainButton,
|
|
156
159
|
size: buttonTextFontSize,
|
|
157
160
|
numberOfLines: 1,
|
|
158
161
|
ellipsizeMode: "tail"
|
|
162
|
+
// A11y
|
|
163
|
+
,
|
|
164
|
+
accessible: false,
|
|
165
|
+
importantForAccessibility: "no-hide-descendants",
|
|
166
|
+
accessibilityElementsHidden: true
|
|
159
167
|
}, action))), /*#__PURE__*/React.createElement(View, {
|
|
160
168
|
style: [styles.bleedPictogram, IOStyles.selfCenter]
|
|
161
169
|
}, /*#__PURE__*/React.createElement(PictogramBleed, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","IconButton","PictogramBleed","VSpacer","buttonTextFontSize","H6","IOText","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","_IOScaleValues$magnif","isPressed","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -101,6 +101,9 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
101
101
|
/>
|
|
102
102
|
<View
|
|
103
103
|
accessibilityElementsHidden={true}
|
|
104
|
+
accessibilityLabel="Action text"
|
|
105
|
+
accessibilityRole="button"
|
|
106
|
+
accessible={true}
|
|
104
107
|
importantForAccessibility="no-hide-descendants"
|
|
105
108
|
pointerEvents="none"
|
|
106
109
|
>
|
|
@@ -112,8 +115,11 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
112
115
|
}
|
|
113
116
|
/>
|
|
114
117
|
<Text
|
|
118
|
+
accessibilityElementsHidden={true}
|
|
119
|
+
accessible={false}
|
|
115
120
|
allowFontScaling={true}
|
|
116
121
|
ellipsizeMode="tail"
|
|
122
|
+
importantForAccessibility="no-hide-descendants"
|
|
117
123
|
maxFontSizeMultiplier={1.25}
|
|
118
124
|
numberOfLines={1}
|
|
119
125
|
style={
|
|
@@ -124,7 +130,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
124
130
|
"fontFamily": "Titillio",
|
|
125
131
|
"fontSize": 16,
|
|
126
132
|
"fontStyle": "normal",
|
|
127
|
-
"fontWeight": "
|
|
133
|
+
"fontWeight": "600",
|
|
128
134
|
"lineHeight": undefined,
|
|
129
135
|
},
|
|
130
136
|
]
|
|
@@ -374,6 +380,9 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
374
380
|
/>
|
|
375
381
|
<View
|
|
376
382
|
accessibilityElementsHidden={true}
|
|
383
|
+
accessibilityLabel="Action text"
|
|
384
|
+
accessibilityRole="button"
|
|
385
|
+
accessible={true}
|
|
377
386
|
importantForAccessibility="no-hide-descendants"
|
|
378
387
|
pointerEvents="none"
|
|
379
388
|
>
|
|
@@ -385,8 +394,11 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
385
394
|
}
|
|
386
395
|
/>
|
|
387
396
|
<Text
|
|
397
|
+
accessibilityElementsHidden={true}
|
|
398
|
+
accessible={false}
|
|
388
399
|
allowFontScaling={false}
|
|
389
400
|
ellipsizeMode="tail"
|
|
401
|
+
importantForAccessibility="no-hide-descendants"
|
|
390
402
|
maxFontSizeMultiplier={1.25}
|
|
391
403
|
numberOfLines={1}
|
|
392
404
|
style={
|
|
@@ -397,7 +409,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
397
409
|
"fontFamily": "Titillium Sans Pro",
|
|
398
410
|
"fontSize": 16,
|
|
399
411
|
"fontStyle": "normal",
|
|
400
|
-
"fontWeight": "
|
|
412
|
+
"fontWeight": "600",
|
|
401
413
|
"lineHeight": undefined,
|
|
402
414
|
},
|
|
403
415
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,SAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EAGrB,IAAI,EAEL,MAAM,cAAc,CAAC;AAuBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EACL,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAkCvB,KAAK,eAAe,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAGH,KAAK,mBAAmB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/D,KAAK,uBAAuB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,KAAK,mBAAmB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,KAAK,iBAAiB,GAClB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAGN,KAAK,gBAAgB,GACjB;IACE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,MAAM,GAAG,eAAe,GAClC,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,CAAC;AAMnB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAGnE,CAAC;AAkBF,eAAO,MAAM,MAAM,iJAchB,MAAM,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EAGrB,IAAI,EAEL,MAAM,cAAc,CAAC;AAuBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EACL,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAkCvB,KAAK,eAAe,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAGH,KAAK,mBAAmB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/D,KAAK,uBAAuB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,KAAK,mBAAmB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,KAAK,iBAAiB,GAClB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAGN,KAAK,gBAAgB,GACjB;IACE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,MAAM,GAAG,eAAe,GAClC,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,CAAC;AAMnB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAGnE,CAAC;AAkBF,eAAO,MAAM,MAAM,iJAchB,MAAM,sBA8KR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -37,7 +37,7 @@ import {
|
|
|
37
37
|
PictogramBleed
|
|
38
38
|
} from "../pictograms";
|
|
39
39
|
import { VSpacer } from "../spacer";
|
|
40
|
-
import { buttonTextFontSize, H6, IOText
|
|
40
|
+
import { BodySmall, buttonTextFontSize, H6, IOText } from "../typography";
|
|
41
41
|
|
|
42
42
|
/* Styles */
|
|
43
43
|
const sizePictogramBig: IOPictogramSizeScale = 80;
|
|
@@ -249,20 +249,27 @@ export const Banner = ({
|
|
|
249
249
|
)}
|
|
250
250
|
{action && (
|
|
251
251
|
/* Disable pointer events to avoid
|
|
252
|
-
|
|
252
|
+
pressed state on the button */
|
|
253
253
|
<View
|
|
254
254
|
pointerEvents="none"
|
|
255
|
-
accessibilityElementsHidden
|
|
256
255
|
importantForAccessibility="no-hide-descendants"
|
|
256
|
+
accessible={true}
|
|
257
|
+
accessibilityElementsHidden
|
|
258
|
+
accessibilityLabel={action}
|
|
259
|
+
accessibilityRole="button"
|
|
257
260
|
>
|
|
258
261
|
<VSpacer size={4} />
|
|
259
262
|
<IOText
|
|
260
263
|
font={isExperimental ? "Titillio" : "TitilliumSansPro"}
|
|
261
|
-
weight=
|
|
264
|
+
weight="Semibold"
|
|
262
265
|
color={colorMainButton}
|
|
263
266
|
size={buttonTextFontSize}
|
|
264
267
|
numberOfLines={1}
|
|
265
268
|
ellipsizeMode="tail"
|
|
269
|
+
// A11y
|
|
270
|
+
accessible={false}
|
|
271
|
+
importantForAccessibility="no-hide-descendants"
|
|
272
|
+
accessibilityElementsHidden={true}
|
|
266
273
|
>
|
|
267
274
|
{action}
|
|
268
275
|
</IOText>
|
|
@@ -101,6 +101,9 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
101
101
|
/>
|
|
102
102
|
<View
|
|
103
103
|
accessibilityElementsHidden={true}
|
|
104
|
+
accessibilityLabel="Action text"
|
|
105
|
+
accessibilityRole="button"
|
|
106
|
+
accessible={true}
|
|
104
107
|
importantForAccessibility="no-hide-descendants"
|
|
105
108
|
pointerEvents="none"
|
|
106
109
|
>
|
|
@@ -112,8 +115,11 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
112
115
|
}
|
|
113
116
|
/>
|
|
114
117
|
<Text
|
|
118
|
+
accessibilityElementsHidden={true}
|
|
119
|
+
accessible={false}
|
|
115
120
|
allowFontScaling={true}
|
|
116
121
|
ellipsizeMode="tail"
|
|
122
|
+
importantForAccessibility="no-hide-descendants"
|
|
117
123
|
maxFontSizeMultiplier={1.25}
|
|
118
124
|
numberOfLines={1}
|
|
119
125
|
style={
|
|
@@ -124,7 +130,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
124
130
|
"fontFamily": "Titillio",
|
|
125
131
|
"fontSize": 16,
|
|
126
132
|
"fontStyle": "normal",
|
|
127
|
-
"fontWeight": "
|
|
133
|
+
"fontWeight": "600",
|
|
128
134
|
"lineHeight": undefined,
|
|
129
135
|
},
|
|
130
136
|
]
|
|
@@ -374,6 +380,9 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
374
380
|
/>
|
|
375
381
|
<View
|
|
376
382
|
accessibilityElementsHidden={true}
|
|
383
|
+
accessibilityLabel="Action text"
|
|
384
|
+
accessibilityRole="button"
|
|
385
|
+
accessible={true}
|
|
377
386
|
importantForAccessibility="no-hide-descendants"
|
|
378
387
|
pointerEvents="none"
|
|
379
388
|
>
|
|
@@ -385,8 +394,11 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
385
394
|
}
|
|
386
395
|
/>
|
|
387
396
|
<Text
|
|
397
|
+
accessibilityElementsHidden={true}
|
|
398
|
+
accessible={false}
|
|
388
399
|
allowFontScaling={false}
|
|
389
400
|
ellipsizeMode="tail"
|
|
401
|
+
importantForAccessibility="no-hide-descendants"
|
|
390
402
|
maxFontSizeMultiplier={1.25}
|
|
391
403
|
numberOfLines={1}
|
|
392
404
|
style={
|
|
@@ -397,7 +409,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
397
409
|
"fontFamily": "Titillium Sans Pro",
|
|
398
410
|
"fontSize": 16,
|
|
399
411
|
"fontStyle": "normal",
|
|
400
|
-
"fontWeight": "
|
|
412
|
+
"fontWeight": "600",
|
|
401
413
|
"lineHeight": undefined,
|
|
402
414
|
},
|
|
403
415
|
]
|