@pagopa/io-app-design-system 1.38.5 → 1.38.6

package/lib/commonjs/components/layout/HeaderSecondLevel.js

@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.HeaderSecondLevel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _core = require("../../core");
-var _spacer = require("../spacer");
-var _IconButton = _interopRequireDefault(require("../buttons/IconButton"));
 var _fonts = require("../../utils/fonts");
+var _IconButton = _interopRequireDefault(require("../buttons/IconButton"));
+var _spacer = require("../spacer");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const HEADER_BG_COLOR = "white";
-const borderColorDisabled = (0, _core.hexToRgba)(_core.IOColors["grey-100"], 0);
-const headerTransparent = (0, _core.hexToRgba)(_core.IOColors[HEADER_BG_COLOR], 0);
 const titleHorizontalMargin = 16;
 const styles = _reactNative.StyleSheet.create({
   headerInner: {
@@ -59,6 +56,8 @@ const HeaderSecondLevel = _ref => {
     backTestID,
     title,
     type,
+    variant = "neutral",
+    backgroundColor,
     transparent = false,
     isModal = false,
     testID,
@@ -70,8 +69,18 @@ const HeaderSecondLevel = _ref => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
+  const theme = (0, _core.useIOTheme)();
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
   const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
+  const iconButtonColor = variant === "neutral" ? "neutral" : "contrast";
+  const titleColor = variant === "neutral" ? _core.IOColors[theme["textHeading-default"]] : _core.IOColors.white;
+
+  /* Visual attributes when there are transitions between states */
+  const HEADER_DEFAULT_BG_COLOR = "white";
+  const headerBgColorTransparentState = backgroundColor ? (0, _core.hexToRgba)(backgroundColor, 0) : (0, _core.hexToRgba)(_core.IOColors[HEADER_DEFAULT_BG_COLOR], 0);
+  const headerBgColorSolidState = backgroundColor ?? _core.IOColors[HEADER_DEFAULT_BG_COLOR];
+  const borderColorTransparentState = backgroundColor ? (0, _core.hexToRgba)(backgroundColor, 0) : (0, _core.hexToRgba)(_core.IOColors["grey-100"], 0);
+  const borderColorSolidState = backgroundColor ?? _core.IOColors["grey-100"];
   React.useLayoutEffect(() => {
     if (isTitleAccessible) {
       const reactNode = (0, _reactNative.findNodeHandle)(titleRef.current);
@@ -81,21 +90,22 @@ const HeaderSecondLevel = _ref => {
     }
   });
   const headerWrapperAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    backgroundColor: transparent && scrollValues ? (0, _reactNativeReanimated.interpolateColor)(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerTransparent, _core.IOColors[HEADER_BG_COLOR]]) : _core.IOColors[HEADER_BG_COLOR],
-    borderColor: scrollValues ? (0, _reactNativeReanimated.interpolateColor)(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorDisabled, _core.IOColors["grey-100"]]) : "transparent"
+    backgroundColor: scrollValues ? (0, _reactNativeReanimated.interpolateColor)(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerBgColorTransparentState, headerBgColorSolidState]) : headerBgColorSolidState,
+    borderColor: scrollValues ? (0, _reactNativeReanimated.interpolateColor)(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorTransparentState, borderColorSolidState]) : "transparent"
   }));
   const titleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     opacity: scrollValues ? (0, _reactNativeReanimated.interpolate)(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [0, 1]) : 1
   }));
   return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
     accessibilityRole: "header",
-    style: [transparent ? {
-      borderBottomWidth: 0
-    } : {
-      backgroundColor: _core.IOColors[HEADER_BG_COLOR]
-    }, {
-      borderBottomWidth: 1
-    }, headerWrapperAnimatedStyle]
+    style: [{
+      borderBottomWidth: 1,
+      borderColor: borderColorTransparentState
+    }, isModal ? {
+      borderColor: borderColorSolidState
+    } : {}, transparent ? headerWrapperAnimatedStyle : {
+      backgroundColor: headerBgColorSolidState
+    }]
   }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
     testID: testID,
     style: [isModal ? {} : {
@@ -106,7 +116,7 @@ const HeaderSecondLevel = _ref => {
       android: "backAndroid",
       default: "backiOS"
     }),
-    color: "neutral",
+    color: iconButtonColor,
     onPress: goBack,
     accessibilityLabel: backAccessibilityLabel,
     testID: backTestID
@@ -123,21 +133,23 @@ const HeaderSecondLevel = _ref => {
   }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.Text, {
     numberOfLines: 1,
     accessible: false,
-    style: [styles.headerTitle, isExperimental ? styles.headerTitleFont : styles.headerTitleLegacyFont, titleAnimatedStyle]
+    style: [styles.headerTitle, {
+      color: titleColor
+    }, isExperimental ? styles.headerTitleFont : styles.headerTitleLegacyFont, titleAnimatedStyle]
   }, title)), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [_core.IOStyles.row, {
       flexShrink: 0
     }]
   }, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_IconButton.default, _extends({}, thirdAction, {
-    color: "neutral"
+    color: iconButtonColor
   })), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
     size: 16
   })), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_IconButton.default, _extends({}, secondAction, {
-    color: "neutral"
+    color: iconButtonColor
   })), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
     size: 16
   })), type !== "base" ? /*#__PURE__*/React.createElement(_IconButton.default, _extends({}, firstAction, {
-    color: "neutral"
+    color: iconButtonColor
   })) : /*#__PURE__*/React.createElement(_spacer.HSpacer, {
     size: _core.iconBtnSizeSmall
   }))));

package/lib/commonjs/components/layout/HeaderSecondLevel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_reactNativeReanimated","_core","_spacer","_IconButton","_interopRequireDefault","_fonts","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","HEADER_BG_COLOR","borderColorDisabled","hexToRgba","IOColors","headerTransparent","titleHorizontalMargin","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","makeFontStyleObject","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","useIOExperimentalDesign","insets","useSafeAreaInsets","isTitleAccessible","useMemo","trim","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","headerWrapperAnimatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","interpolate","createElement","View","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","Platform","select","android","color","onPress","accessibilityLabel","HSpacer","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","IOStyles","row","Fragment","iconBtnSizeSmall","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_fonts","_IconButton","_interopRequireDefault","_spacer","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","titleHorizontalMargin","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","makeFontStyleObject","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","useIOExperimentalDesign","theme","useIOTheme","insets","useSafeAreaInsets","isTitleAccessible","useMemo","trim","iconButtonColor","titleColor","IOColors","white","HEADER_DEFAULT_BG_COLOR","headerBgColorTransparentState","hexToRgba","headerBgColorSolidState","borderColorTransparentState","borderColorSolidState","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","headerWrapperAnimatedStyle","useAnimatedStyle","interpolateColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","interpolate","createElement","View","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","Platform","select","android","color","onPress","accessibilityLabel","HSpacer","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","IOStyles","row","Fragment","iconBtnSizeSmall","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}

package/lib/module/components/layout/HeaderSecondLevel.js

@@ -1,15 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
-import { View, StyleSheet, Platform, findNodeHandle, AccessibilityInfo } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { AccessibilityInfo, Platform, StyleSheet, View, findNodeHandle } from "react-native";
 import Animated, { interpolate, interpolateColor, useAnimatedStyle } from "react-native-reanimated";
-import { IOStyles, IOVisualCostants, iconBtnSizeSmall, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core";
-import { HSpacer } from "../spacer";
-import IconButton from "../buttons/IconButton";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { IOColors, IOStyles, IOVisualCostants, hexToRgba, iconBtnSizeSmall, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { makeFontStyleObject } from "../../utils/fonts";
-const HEADER_BG_COLOR = "white";
-const borderColorDisabled = hexToRgba(IOColors["grey-100"], 0);
-const headerTransparent = hexToRgba(IOColors[HEADER_BG_COLOR], 0);
+import IconButton from "../buttons/IconButton";
+import { HSpacer } from "../spacer";
 const titleHorizontalMargin = 16;
 const styles = StyleSheet.create({
   headerInner: {
@@ -50,6 +47,8 @@ export const HeaderSecondLevel = _ref => {
     backTestID,
     title,
     type,
+    variant = "neutral",
+    backgroundColor,
     transparent = false,
     isModal = false,
     testID,
@@ -61,8 +60,18 @@ export const HeaderSecondLevel = _ref => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
+  const theme = useIOTheme();
   const insets = useSafeAreaInsets();
   const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
+  const iconButtonColor = variant === "neutral" ? "neutral" : "contrast";
+  const titleColor = variant === "neutral" ? IOColors[theme["textHeading-default"]] : IOColors.white;
+
+  /* Visual attributes when there are transitions between states */
+  const HEADER_DEFAULT_BG_COLOR = "white";
+  const headerBgColorTransparentState = backgroundColor ? hexToRgba(backgroundColor, 0) : hexToRgba(IOColors[HEADER_DEFAULT_BG_COLOR], 0);
+  const headerBgColorSolidState = backgroundColor ?? IOColors[HEADER_DEFAULT_BG_COLOR];
+  const borderColorTransparentState = backgroundColor ? hexToRgba(backgroundColor, 0) : hexToRgba(IOColors["grey-100"], 0);
+  const borderColorSolidState = backgroundColor ?? IOColors["grey-100"];
   React.useLayoutEffect(() => {
     if (isTitleAccessible) {
       const reactNode = findNodeHandle(titleRef.current);
@@ -72,21 +81,22 @@ export const HeaderSecondLevel = _ref => {
     }
   });
   const headerWrapperAnimatedStyle = useAnimatedStyle(() => ({
-    backgroundColor: transparent && scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerTransparent, IOColors[HEADER_BG_COLOR]]) : IOColors[HEADER_BG_COLOR],
-    borderColor: scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorDisabled, IOColors["grey-100"]]) : "transparent"
+    backgroundColor: scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerBgColorTransparentState, headerBgColorSolidState]) : headerBgColorSolidState,
+    borderColor: scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorTransparentState, borderColorSolidState]) : "transparent"
   }));
   const titleAnimatedStyle = useAnimatedStyle(() => ({
     opacity: scrollValues ? interpolate(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [0, 1]) : 1
   }));
   return /*#__PURE__*/React.createElement(Animated.View, {
     accessibilityRole: "header",
-    style: [transparent ? {
-      borderBottomWidth: 0
-    } : {
-      backgroundColor: IOColors[HEADER_BG_COLOR]
-    }, {
-      borderBottomWidth: 1
-    }, headerWrapperAnimatedStyle]
+    style: [{
+      borderBottomWidth: 1,
+      borderColor: borderColorTransparentState
+    }, isModal ? {
+      borderColor: borderColorSolidState
+    } : {}, transparent ? headerWrapperAnimatedStyle : {
+      backgroundColor: headerBgColorSolidState
+    }]
   }, /*#__PURE__*/React.createElement(Animated.View, {
     testID: testID,
     style: [isModal ? {} : {
@@ -97,7 +107,7 @@ export const HeaderSecondLevel = _ref => {
       android: "backAndroid",
       default: "backiOS"
     }),
-    color: "neutral",
+    color: iconButtonColor,
     onPress: goBack,
     accessibilityLabel: backAccessibilityLabel,
     testID: backTestID
@@ -114,21 +124,23 @@ export const HeaderSecondLevel = _ref => {
   }, /*#__PURE__*/React.createElement(Animated.Text, {
     numberOfLines: 1,
     accessible: false,
-    style: [styles.headerTitle, isExperimental ? styles.headerTitleFont : styles.headerTitleLegacyFont, titleAnimatedStyle]
+    style: [styles.headerTitle, {
+      color: titleColor
+    }, isExperimental ? styles.headerTitleFont : styles.headerTitleLegacyFont, titleAnimatedStyle]
   }, title)), /*#__PURE__*/React.createElement(View, {
     style: [IOStyles.row, {
       flexShrink: 0
     }]
   }, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, thirdAction, {
-    color: "neutral"
+    color: iconButtonColor
   })), /*#__PURE__*/React.createElement(HSpacer, {
     size: 16
   })), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
-    color: "neutral"
+    color: iconButtonColor
   })), /*#__PURE__*/React.createElement(HSpacer, {
     size: 16
   })), type !== "base" ? /*#__PURE__*/React.createElement(IconButton, _extends({}, firstAction, {
-    color: "neutral"
+    color: iconButtonColor
   })) : /*#__PURE__*/React.createElement(HSpacer, {
     size: iconBtnSizeSmall
   }))));

package/lib/module/components/layout/HeaderSecondLevel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","isTitleAccessible","useMemo","trim","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,iBAAiB,QACZ,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AACnB,SAASC,OAAO,QAAQ,WAAW;AAGnC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,mBAAmB,QAAQ,mBAAmB;AA2DvD,MAAMC,eAAyB,GAAG,OAAO;AACzC,MAAMC,mBAAmB,GAAGN,SAAS,CAACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;AAC9D,MAAMQ,iBAAiB,GAAGP,SAAS,CAACD,QAAQ,CAACM,eAAe,CAAC,EAAE,CAAC,CAAC;AACjE,MAAMG,qBAA+B,GAAG,EAAE;AAE1C,MAAMC,MAAM,GAAGtB,UAAU,CAACuB,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpDC,MAAM,EAAEjB,gBAAgB,CAACkB,YAAY;IACrCC,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,cAAc,EAAE;IACdJ,QAAQ,EAAE,CAAC;IACXK,UAAU,EAAE,CAAC;IACbC,gBAAgB,EAAEd;EACpB,CAAC;EACDe,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACf,GAAGtB,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDuB,qBAAqB,EAAE;IACrB,GAAGvB,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMwB,iBAAiB,GAAGC,IAAA,IAaR;EAAA,IAbS;IAChCC,YAAY,GAAGC,SAAS;IACxBC,MAAM;IACNC,sBAAsB;IACtBC,UAAU;IACVC,KAAK;IACLC,IAAI;IACJC,WAAW,GAAG,KAAK;IACnBC,OAAO,GAAG,KAAK;IACfC,MAAM;IACNC,WAAW;IACXC,YAAY;IACZC;EACiB,CAAC,GAAAb,IAAA;EAClB,MAAMc,QAAQ,gBAAG1D,KAAK,CAAC2D,SAAS,CAAO,CAAC;EAExC,MAAM;IAAEC;EAAe,CAAC,GAAG5C,uBAAuB,CAAC,CAAC;EACpD,MAAM6C,MAAM,GAAGvD,iBAAiB,CAAC,CAAC;EAClC,MAAMwD,iBAAiB,GAAG9D,KAAK,CAAC+D,OAAO,CAAC,MAAM,CAAC,CAACb,KAAK,CAACc,IAAI,CAAC,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEtElD,KAAK,CAACiE,eAAe,CAAC,MAAM;IAC1B,IAAIH,iBAAiB,EAAE;MACrB,MAAMI,SAAS,GAAG9D,cAAc,CAACsD,QAAQ,CAACS,OAAO,CAAC;MAClD,IAAID,SAAS,KAAK,IAAI,EAAE;QACtB7D,iBAAiB,CAAC+D,qBAAqB,CAACF,SAAS,CAAC;MACpD;IACF;EACF,CAAC,CAAC;EAEF,MAAMG,0BAA0B,GAAG3D,gBAAgB,CAAC,OAAO;IACzD4D,eAAe,EACblB,WAAW,IAAIP,YAAY,GACvBpC,gBAAgB,CACdoC,YAAY,CAAC0B,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAE3B,YAAY,CAAC4B,aAAa,CAAC,EAC/B,CAACnD,iBAAiB,EAAER,QAAQ,CAACM,eAAe,CAAC,CAC/C,CAAC,GACDN,QAAQ,CAACM,eAAe,CAAC;IAC/BsD,WAAW,EAAE7B,YAAY,GACrBpC,gBAAgB,CACdoC,YAAY,CAAC0B,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAE3B,YAAY,CAAC4B,aAAa,CAAC,EAC/B,CAACpD,mBAAmB,EAAEP,QAAQ,CAAC,UAAU,CAAC,CAC5C,CAAC,GACD;EACN,CAAC,CAAC,CAAC;EAEH,MAAM6D,kBAAkB,GAAGjE,gBAAgB,CAAC,OAAO;IACjDkE,OAAO,EAAE/B,YAAY,GACjBrC,WAAW,CACTqC,YAAY,CAAC0B,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAE3B,YAAY,CAAC4B,aAAa,CAAC,EAC/B,CAAC,CAAC,EAAE,CAAC,CACP,CAAC,GACD;EACN,CAAC,CAAC,CAAC;EAEH,oBACEzE,KAAA,CAAA6E,aAAA,CAACtE,QAAQ,CAACN,IAAI;IACZ6E,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAE,CACL3B,WAAW,GACP;MAAE4B,iBAAiB,EAAE;IAAE,CAAC,GACxB;MAAEV,eAAe,EAAExD,QAAQ,CAACM,eAAe;IAAE,CAAC,EAClD;MAAE4D,iBAAiB,EAAE;IAAE,CAAC,EACxBX,0BAA0B;EAC1B,gBAEFrE,KAAA,CAAA6E,aAAA,CAACtE,QAAQ,CAACN,IAAI;IACZqD,MAAM,EAAEA,MAAO;IACfyB,KAAK,EAAE,CAAC1B,OAAO,GAAG,CAAC,CAAC,GAAG;MAAE4B,SAAS,EAAEpB,MAAM,CAACqB;IAAI,CAAC,EAAE1D,MAAM,CAACE,WAAW;EAAE,GAErEqB,MAAM,gBACL/C,KAAA,CAAA6E,aAAA,CAAC3D,UAAU;IACTiE,IAAI,EAAEhF,QAAQ,CAACiF,MAAM,CAAC;MACpBC,OAAO,EAAE,aAAa;MACtBC,OAAO,EAAE;IACX,CAAC,CAAE;IACHC,KAAK,EAAC,SAAS;IACfC,OAAO,EAAEzC,MAAO;IAChB0C,kBAAkB,EAAEzC,sBAAuB;IAC3CM,MAAM,EAAEL;EAAW,CACpB,CAAC,gBAEFjD,KAAA,CAAA6E,aAAA,CAAC5D,OAAO;IAACyE,IAAI,EAAE;EAAG,CAAE,CACrB,eACD1F,KAAA,CAAA6E,aAAA,CAAC5E,IAAI;IACH0F,GAAG,EAAEjC,QAAS;IACdkC,2BAA2B,EAAE,CAAC9B,iBAAkB;IAChD+B,yBAAyB,EACvB/B,iBAAiB,GAAG,KAAK,GAAG,qBAC7B;IACDgC,UAAU,EAAEhC,iBAAkB;IAC9B2B,kBAAkB,EAAEvC,KAAM;IAC1B4B,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAEvD,MAAM,CAACW;EAAe,gBAE7BnC,KAAA,CAAA6E,aAAA,CAACtE,QAAQ,CAACwF,IAAI;IACZC,aAAa,EAAE,CAAE;IACjBF,UAAU,EAAE,KAAM;IAClBf,KAAK,EAAE,CACLvD,MAAM,CAACc,WAAW,EAClBsB,cAAc,GACVpC,MAAM,CAACiB,eAAe,GACtBjB,MAAM,CAACkB,qBAAqB,EAChCiC,kBAAkB;EAClB,GAEDzB,KACY,CACX,CAAC,eACPlD,KAAA,CAAA6E,aAAA,CAAC5E,IAAI;IAAC8E,KAAK,EAAE,CAACpE,QAAQ,CAACsF,GAAG,EAAE;MAAE7D,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5Ce,IAAI,KAAK,cAAc,iBACtBnD,KAAA,CAAA6E,aAAA,CAAA7E,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAA6E,aAAA,CAAC3D,UAAU,EAAAiF,QAAA,KAAK1C,WAAW;IAAE8B,KAAK,EAAC;EAAS,EAAE,CAAC,eAE/CvF,KAAA,CAAA6E,aAAA,CAAC5D,OAAO;IAACyE,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACA,CAACvC,IAAI,KAAK,YAAY,IAAIA,IAAI,KAAK,cAAc,kBAChDnD,KAAA,CAAA6E,aAAA,CAAA7E,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAA6E,aAAA,CAAC3D,UAAU,EAAAiF,QAAA,KAAK3C,YAAY;IAAE+B,KAAK,EAAC;EAAS,EAAE,CAAC,eAGhDvF,KAAA,CAAA6E,aAAA,CAAC5D,OAAO;IAACyE,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACAvC,IAAI,KAAK,MAAM,gBACdnD,KAAA,CAAA6E,aAAA,CAAC3D,UAAU,EAAAiF,QAAA,KAAK5C,WAAW;IAAEgC,KAAK,EAAC;EAAS,EAAE,CAAC,gBAE/CvF,KAAA,CAAA6E,aAAA,CAAC5D,OAAO;IAACyE,IAAI,EAAE7E;EAA6B,CAAE,CAE5C,CACO,CACF,CAAC;AAEpB,CAAC;AAED,eAAe8B,iBAAiB"}
+{"version":3,"names":["React","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useSafeAreaInsets","IOColors","IOStyles","IOVisualCostants","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","IconButton","HSpacer","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","theme","insets","isTitleAccessible","useMemo","trim","iconButtonColor","titleColor","white","HEADER_DEFAULT_BG_COLOR","headerBgColorTransparentState","headerBgColorSolidState","borderColorTransparentState","borderColorSolidState","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}

package/lib/typescript/components/layout/HeaderSecondLevel.d.ts

@@ -19,6 +19,8 @@ type CommonProps = WithTestID<{
     scrollValues?: ScrollValues;
     title: string;
     transparent?: boolean;
+    variant?: "neutral" | "contrast";
+    backgroundColor?: string;
     isModal?: boolean;
 }>;
 interface Base extends CommonProps {
@@ -51,6 +53,6 @@ export type HeaderSecondLevel = BackProps & (Base | OneAction | TwoActions | Thr
  * @param {HeaderSecondLevel} props - The props of the component
  * @returns React Element
  */
-export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, backTestID, title, type, transparent, isModal, testID, firstAction, secondAction, thirdAction }: HeaderSecondLevel) => React.JSX.Element;
+export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, backTestID, title, type, variant, backgroundColor, transparent, isModal, testID, firstAction, secondAction, thirdAction }: HeaderSecondLevel) => React.JSX.Element;
 export default HeaderSecondLevel;
 //# sourceMappingURL=HeaderSecondLevel.d.ts.map

package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,oJAa3B,iBAAiB,sBA2HnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAajC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AA8BjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,8KAe3B,iBAAiB,sBAiJnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.38.5",
+  "version": "1.38.6",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/layout/HeaderSecondLevel.tsx

@@ -1,30 +1,33 @@
 import * as React from "react";
+import { ComponentProps } from "react";
 import {
-  View,
-  StyleSheet,
+  AccessibilityInfo,
+  ColorValue,
   Platform,
-  findNodeHandle,
-  AccessibilityInfo
+  StyleSheet,
+  View,
+  findNodeHandle
 } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 import Animated, {
   interpolate,
   interpolateColor,
   useAnimatedStyle
 } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import {
+  IOColors,
   IOStyles,
   IOVisualCostants,
-  iconBtnSizeSmall,
-  IOColors,
   hexToRgba,
-  useIOExperimentalDesign
+  iconBtnSizeSmall,
+  useIOExperimentalDesign,
+  useIOTheme
 } from "../../core";
-import { HSpacer } from "../spacer";
-import type { IOSpacer } from "../../core/IOSpacing";
+import type { IOSpacer, IOSpacingScale } from "../../core/IOSpacing";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
 import IconButton from "../buttons/IconButton";
-import { makeFontStyleObject } from "../../utils/fonts";
+import { HSpacer } from "../spacer";
 import { ActionProp } from "./common";
 
 type ScrollValues = {
@@ -49,6 +52,8 @@ type CommonProps = WithTestID<{
   title: string;
   // Visual attributes
   transparent?: boolean;
+  variant?: "neutral" | "contrast";
+  backgroundColor?: string;
   isModal?: boolean;
 }>;
 
@@ -83,10 +88,7 @@ interface ThreeActions extends CommonProps {
 export type HeaderSecondLevel = BackProps &
   (Base | OneAction | TwoActions | ThreeActions);
 
-const HEADER_BG_COLOR: IOColors = "white";
-const borderColorDisabled = hexToRgba(IOColors["grey-100"], 0);
-const headerTransparent = hexToRgba(IOColors[HEADER_BG_COLOR], 0);
-const titleHorizontalMargin: IOSpacer = 16;
+const titleHorizontalMargin: IOSpacingScale = 16;
 
 const styles = StyleSheet.create({
   headerInner: {
@@ -126,6 +128,8 @@ export const HeaderSecondLevel = ({
   backTestID,
   title,
   type,
+  variant = "neutral",
+  backgroundColor,
   transparent = false,
   isModal = false,
   testID,
@@ -136,9 +140,31 @@ export const HeaderSecondLevel = ({
   const titleRef = React.createRef<View>();
 
   const { isExperimental } = useIOExperimentalDesign();
+  const theme = useIOTheme();
   const insets = useSafeAreaInsets();
   const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
 
+  const iconButtonColor: ComponentProps<typeof IconButton>["color"] =
+    variant === "neutral" ? "neutral" : "contrast";
+  const titleColor: ColorValue =
+    variant === "neutral"
+      ? IOColors[theme["textHeading-default"]]
+      : IOColors.white;
+
+  /* Visual attributes when there are transitions between states */
+  const HEADER_DEFAULT_BG_COLOR: IOColors = "white";
+
+  const headerBgColorTransparentState = backgroundColor
+    ? hexToRgba(backgroundColor, 0)
+    : hexToRgba(IOColors[HEADER_DEFAULT_BG_COLOR], 0);
+  const headerBgColorSolidState =
+    backgroundColor ?? IOColors[HEADER_DEFAULT_BG_COLOR];
+
+  const borderColorTransparentState = backgroundColor
+    ? hexToRgba(backgroundColor, 0)
+    : hexToRgba(IOColors["grey-100"], 0);
+  const borderColorSolidState = backgroundColor ?? IOColors["grey-100"];
+
   React.useLayoutEffect(() => {
     if (isTitleAccessible) {
       const reactNode = findNodeHandle(titleRef.current);
@@ -149,19 +175,18 @@ export const HeaderSecondLevel = ({
   });
 
   const headerWrapperAnimatedStyle = useAnimatedStyle(() => ({
-    backgroundColor:
-      transparent && scrollValues
-        ? interpolateColor(
-            scrollValues.contentOffsetY.value,
-            [0, scrollValues.triggerOffset],
-            [headerTransparent, IOColors[HEADER_BG_COLOR]]
-          )
-        : IOColors[HEADER_BG_COLOR],
+    backgroundColor: scrollValues
+      ? interpolateColor(
+          scrollValues.contentOffsetY.value,
+          [0, scrollValues.triggerOffset],
+          [headerBgColorTransparentState, headerBgColorSolidState]
+        )
+      : headerBgColorSolidState,
     borderColor: scrollValues
       ? interpolateColor(
           scrollValues.contentOffsetY.value,
           [0, scrollValues.triggerOffset],
-          [borderColorDisabled, IOColors["grey-100"]]
+          [borderColorTransparentState, borderColorSolidState]
         )
       : "transparent"
   }));
@@ -180,11 +205,11 @@ export const HeaderSecondLevel = ({
     <Animated.View
       accessibilityRole="header"
       style={[
+        { borderBottomWidth: 1, borderColor: borderColorTransparentState },
+        isModal ? { borderColor: borderColorSolidState } : {},
         transparent
-          ? { borderBottomWidth: 0 }
-          : { backgroundColor: IOColors[HEADER_BG_COLOR] },
-        { borderBottomWidth: 1 },
-        headerWrapperAnimatedStyle
+          ? headerWrapperAnimatedStyle
+          : { backgroundColor: headerBgColorSolidState }
       ]}
     >
       <Animated.View
@@ -197,7 +222,7 @@ export const HeaderSecondLevel = ({
               android: "backAndroid",
               default: "backiOS"
             })}
-            color="neutral"
+            color={iconButtonColor}
             onPress={goBack}
             accessibilityLabel={backAccessibilityLabel}
             testID={backTestID}
@@ -221,6 +246,7 @@ export const HeaderSecondLevel = ({
             accessible={false}
             style={[
               styles.headerTitle,
+              { color: titleColor },
               isExperimental
                 ? styles.headerTitleFont
                 : styles.headerTitleLegacyFont,
@@ -233,21 +259,21 @@ export const HeaderSecondLevel = ({
         <View style={[IOStyles.row, { flexShrink: 0 }]}>
           {type === "threeActions" && (
             <>
-              <IconButton {...thirdAction} color="neutral" />
+              <IconButton {...thirdAction} color={iconButtonColor} />
               {/* Same as above */}
               <HSpacer size={16} />
             </>
           )}
           {(type === "twoActions" || type === "threeActions") && (
             <>
-              <IconButton {...secondAction} color="neutral" />
+              <IconButton {...secondAction} color={iconButtonColor} />
               {/* Ideally, with the "gap" flex property,
               we can get rid of these ugly constructs */}
               <HSpacer size={16} />
             </>
           )}
           {type !== "base" ? (
-            <IconButton {...firstAction} color="neutral" />
+            <IconButton {...firstAction} color={iconButtonColor} />
           ) : (
             <HSpacer size={iconBtnSizeSmall as IOSpacer} />
           )}