@pagopa/io-app-design-system 4.0.1 → 4.2.0

package/lib/commonjs/components/alert/Alert.js

@@ -37,28 +37,51 @@ const styles = _reactNative.StyleSheet.create({
 });
 // COMPONENT CONFIGURATION
 
-const mapVariantStates = {
+const mapVariantStatesLightMode = {
   error: {
     icon: "errorFilled",
-    background: "error-100",
+    background: _IOColors.IOColors["error-100"],
     foreground: "error-850"
   },
   warning: {
     icon: "warningFilled",
-    background: "warning-100",
+    background: _IOColors.IOColors["warning-100"],
     foreground: "warning-850"
   },
   info: {
     icon: "infoFilled",
-    background: "info-100",
+    background: _IOColors.IOColors["info-100"],
     foreground: "info-850"
   },
   success: {
     icon: "success",
-    background: "success-100",
+    background: _IOColors.IOColors["success-100"],
     foreground: "success-850"
   }
 };
+const bgOpacityDarkMode = 0.2;
+const mapVariantStatesDarkMode = {
+  error: {
+    icon: "errorFilled",
+    background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["error-400"], bgOpacityDarkMode),
+    foreground: "error-100"
+  },
+  warning: {
+    icon: "warningFilled",
+    background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["warning-400"], bgOpacityDarkMode),
+    foreground: "warning-100"
+  },
+  info: {
+    icon: "infoFilled",
+    background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["info-400"], bgOpacityDarkMode),
+    foreground: "info-100"
+  },
+  success: {
+    icon: "success",
+    background: (0, _IOColors.hexToRgba)(_IOColors.IOColors["success-400"], bgOpacityDarkMode),
+    foreground: "success-100"
+  }
+};
 const Alert = /*#__PURE__*/_react.default.forwardRef(({
   variant,
   title,
@@ -70,6 +93,9 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
   testID
 }, viewRef) => {
   var _IOScaleValues$magnif;
+  const {
+    themeType
+  } = (0, _core.useIOThemeContext)();
   const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
   const [isMultiline, setIsMultiline] = (0, _react.useState)(false);
   const onTextLayout = (0, _react.useCallback)(event => {
@@ -100,6 +126,7 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);
+  const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
   const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       marginRight: _core.IOVisualCostants.iconMargin,
@@ -136,7 +163,7 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
   const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     ref: viewRef,
     style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
-      backgroundColor: _IOColors.IOColors[mapVariantStates[variant].background]
+      backgroundColor: mapVariantStates[variant].background
     }],
     testID: testID,
     accessible: false,
@@ -157,7 +184,7 @@ const Alert = /*#__PURE__*/_react.default.forwardRef(({
     accessibilityRole: "button"
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
-      backgroundColor: _IOColors.IOColors[mapVariantStates[variant].background]
+      backgroundColor: mapVariantStates[variant].background
     },
     // Disable pressed animation when component is full width
     !fullWidth && pressedAnimationStyle]

package/lib/commonjs/components/alert/Alert.js.map

@@ -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","mapVariantStates","error","icon","background","foreground","warning","info","success","Alert","React","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","_IOScaleValues$magnif","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","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","IOColors","accessible","PressableButton","Pressable","onTouchEnd","exports"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
+{"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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"}

package/lib/commonjs/components/banner/Banner.js

@@ -16,12 +16,9 @@ var _typography = require("../typography");
 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); }
 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; }
 /* Styles */
-const colorTitle = "blueIO-850";
-const colorContent = "grey-700";
-const colorCloseButton = "neutral";
 const sizePictogramBig = 80;
 const sizePictogramSmall = 64;
-const closeButtonDistanceFromEdge = 4;
+const closeButtonDistanceFromEdge = 6;
 const closeButtonOpacity = 0.6;
 const sizeBigPadding = _core.IOBannerBigSpacing;
 const sizeSmallHPadding = _core.IOBannerSmallHSpacing;
@@ -44,11 +41,6 @@ const styles = _reactNative.StyleSheet.create({
     opacity: closeButtonOpacity
   }
 });
-const dynamicContainerStyles = (size, color) => ({
-  backgroundColor: _IOColors.IOColors[mapBackgroundColor[color]],
-  paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
-  paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
-});
 
 /* Component Types */
 
@@ -66,10 +58,14 @@ const dynamicContainerStyles = (size, color) => ({
 in the Design System screen */
 const bannerBackgroundColours = ["neutral", "turquoise"];
 exports.bannerBackgroundColours = bannerBackgroundColours;
-const mapBackgroundColor = {
+const mapBackgroundColorLightMode = {
   neutral: "grey-50",
   turquoise: "turquoise-50"
 };
+const mapBackgroundColorDarkMode = {
+  neutral: "grey-50",
+  turquoise: "turquoise-300"
+};
 const Banner = ({
   viewRef,
   size,
@@ -87,6 +83,23 @@ const Banner = ({
 }) => {
   var _IOScaleValues$magnif;
   const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  const {
+    themeType
+  } = (0, _core.useIOThemeContext)();
+  const theme = (0, _core.useIOTheme)();
+
+  // Dynamic colors
+  const colorTitle = themeType === "dark" ? "grey-50" : "blueIO-850";
+  const colorCloseButton = themeType === "dark" ? "contrast" : "neutral";
+  const colorMainButton = themeType === "dark" ? "blueIO-200" : theme["interactiveElem-default"];
+  const dynamicContainerStyles = {
+    backgroundColor: themeType === "dark" ? (0, _IOColors.hexToRgba)(_IOColors.IOColors[mapBackgroundColorDarkMode[color]], 0.1) : _IOColors.IOColors[mapBackgroundColorLightMode[color]],
+    paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
+    paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
+  };
 
   // Scaling transformation applied when the button is pressed
   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 = ({
     // Link color states to the pressed states
 
     // Scale down button slightly when pressed
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
     return {
       transform: [{
         scale
@@ -131,28 +144,38 @@ const Banner = ({
   }, title), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
     size: 4
   })), content && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
-    color: colorContent,
+    color: theme["textBody-tertiary"],
     weight: "Regular"
   }, content), action && /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
     size: 8
   })), action &&
   /*#__PURE__*/
   /* Disable pointer events to avoid
-              pressed state on the button */
+     pressed state on the button */
   _react.default.createElement(_reactNative.View, {
     pointerEvents: "none",
+    importantForAccessibility: "no-hide-descendants",
+    accessible: true,
     accessibilityElementsHidden: true,
-    importantForAccessibility: "no-hide-descendants"
+    accessibilityLabel: action,
+    accessibilityRole: "button"
   }, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
     size: 4
-  }), /*#__PURE__*/_react.default.createElement(_buttons.ButtonLink, {
-    color: "primary",
-    onPress: onPress,
-    label: action
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_typography.IOText, {
+    font: isExperimental ? "Titillio" : "TitilliumSansPro",
+    weight: "Semibold",
+    color: colorMainButton,
+    size: _typography.buttonTextFontSize,
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+    // A11y
+    ,
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true
+  }, action))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.bleedPictogram, _core.IOStyles.selfCenter]
   }, /*#__PURE__*/_react.default.createElement(_pictograms.PictogramBleed, {
-    pictogramStyle: "dark-content",
     name: pictogramName,
     size: size === "big" ? sizePictogramBig : sizePictogramSmall
   })), onClose && labelClose && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -171,12 +194,12 @@ const Banner = ({
     onPressOut: onPressOut,
     accessible: false
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.container, dynamicContainerStyles(size, color), pressedAnimationStyle]
+    style: [styles.container, dynamicContainerStyles, pressedAnimationStyle]
   }, renderMainBlock()));
   const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     ref: viewRef,
     testID: testID,
-    style: [styles.container, dynamicContainerStyles(size, color)]
+    style: [styles.container, dynamicContainerStyles]
     // A11y related props
     ,
     accessible: false,

package/lib/commonjs/components/banner/Banner.js.map

@@ -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","colorTitle","colorContent","colorCloseButton","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","dynamicContainerStyles","size","color","backgroundColor","IOColors","mapBackgroundColor","paddingVertical","paddingHorizontal","bannerBackgroundColours","exports","neutral","turquoise","Banner","viewRef","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","_IOScaleValues$magnif","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","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","ButtonLink","label","PictogramBleed","pictogramStyle","name","IconButton","icon","PressableButton","Pressable","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
+{"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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"}

package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -101,6 +101,9 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
       />
       <View
         accessibilityElementsHidden={true}
+        accessibilityLabel="Action text"
+        accessibilityRole="button"
+        accessible={true}
         importantForAccessibility="no-hide-descendants"
         pointerEvents="none"
       >
@@ -111,104 +114,30 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
             }
           }
         />
-        <View
-          accessibilityLabel="Action text"
-          accessibilityRole="button"
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": false,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          hitSlop={
-            {
-              "bottom": 14,
-              "left": 24,
-              "right": 24,
-              "top": 14,
-            }
-          }
-          onBlur={[Function]}
-          onClick={[Function]}
-          onFocus={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          onTouchEnd={[Function]}
+        <Text
+          accessibilityElementsHidden={true}
+          accessible={false}
+          allowFontScaling={true}
+          ellipsizeMode="tail"
+          importantForAccessibility="no-hide-descendants"
+          maxFontSizeMultiplier={1.25}
+          numberOfLines={1}
           style={
-            {
-              "alignSelf": "flex-start",
-            }
+            [
+              {},
+              {
+                "color": "#0B3EE3",
+                "fontFamily": "Titillio",
+                "fontSize": 16,
+                "fontStyle": "normal",
+                "fontWeight": "600",
+                "lineHeight": undefined,
+              },
+            ]
           }
         >
-          <View
-            style={
-              [
-                {
-                  "alignItems": "center",
-                  "elevation": 0,
-                  "flexDirection": "row",
-                  "justifyContent": "center",
-                  "textAlignVertical": "center",
-                },
-                false,
-                {},
-                {
-                  "transform": [
-                    {
-                      "scale": undefined,
-                    },
-                  ],
-                },
-              ]
-            }
-          >
-            <Text
-              accessibilityElementsHidden={true}
-              accessible={false}
-              allowFontScaling={true}
-              ellipsizeMode="tail"
-              importantForAccessibility="no-hide-descendants"
-              maxFontSizeMultiplier={1.25}
-              numberOfLines={1}
-              style={
-                [
-                  {},
-                  {
-                    "color": "#0E0F13",
-                    "fontFamily": "Titillio",
-                    "fontSize": 16,
-                    "fontStyle": "normal",
-                    "fontWeight": "600",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "color": undefined,
-                  },
-                ]
-              }
-            >
-              Action text
-            </Text>
-          </View>
-        </View>
+          Action text
+        </Text>
       </View>
     </View>
     <View
@@ -451,6 +380,9 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
       />
       <View
         accessibilityElementsHidden={true}
+        accessibilityLabel="Action text"
+        accessibilityRole="button"
+        accessible={true}
         importantForAccessibility="no-hide-descendants"
         pointerEvents="none"
       >
@@ -461,104 +393,30 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
             }
           }
         />
-        <View
-          accessibilityLabel="Action text"
-          accessibilityRole="button"
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": false,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          hitSlop={
-            {
-              "bottom": 14,
-              "left": 24,
-              "right": 24,
-              "top": 14,
-            }
-          }
-          onBlur={[Function]}
-          onClick={[Function]}
-          onFocus={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          onTouchEnd={[Function]}
+        <Text
+          accessibilityElementsHidden={true}
+          accessible={false}
+          allowFontScaling={false}
+          ellipsizeMode="tail"
+          importantForAccessibility="no-hide-descendants"
+          maxFontSizeMultiplier={1.25}
+          numberOfLines={1}
           style={
-            {
-              "alignSelf": "flex-start",
-            }
+            [
+              {},
+              {
+                "color": "#0B3EE3",
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 16,
+                "fontStyle": "normal",
+                "fontWeight": "600",
+                "lineHeight": undefined,
+              },
+            ]
           }
         >
-          <View
-            style={
-              [
-                {
-                  "alignItems": "center",
-                  "elevation": 0,
-                  "flexDirection": "row",
-                  "justifyContent": "center",
-                  "textAlignVertical": "center",
-                },
-                false,
-                {},
-                {
-                  "transform": [
-                    {
-                      "scale": undefined,
-                    },
-                  ],
-                },
-              ]
-            }
-          >
-            <Text
-              accessibilityElementsHidden={true}
-              accessible={false}
-              allowFontScaling={false}
-              ellipsizeMode="tail"
-              importantForAccessibility="no-hide-descendants"
-              maxFontSizeMultiplier={1.25}
-              numberOfLines={1}
-              style={
-                [
-                  {},
-                  {
-                    "color": "#0E0F13",
-                    "fontFamily": "Titillium Sans Pro",
-                    "fontSize": 16,
-                    "fontStyle": "normal",
-                    "fontWeight": "600",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "color": undefined,
-                  },
-                ]
-              }
-            >
-              Action text
-            </Text>
-          </View>
-        </View>
+          Action text
+        </Text>
       </View>
     </View>
     <View