@pagopa/io-app-design-system 5.3.7 → 5.3.9

package/lib/commonjs/components/contentWrapper/ContentWrapper.js

@@ -16,13 +16,17 @@ depending on the size value
  */
 const ContentWrapper = ({
   margin = _IOStyles.IOVisualCostants.appMarginDefault,
+  style,
+  children,
   testID,
-  children
+  ...rest
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
   testID: testID,
   style: {
-    paddingHorizontal: margin
+    paddingHorizontal: margin,
+    ...style
   },
+  ...rest,
   children: children
 });
 exports.ContentWrapper = ContentWrapper;

package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_IOStyles","_jsxRuntime","e","__esModule","default","ContentWrapper","margin","IOVisualCostants","appMarginDefault","testID","children","jsx","View","style","paddingHorizontal","exports"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOvD;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,MAAM,GAAGC,0BAAgB,CAACC,gBAAgB;EAC1CC,MAAM;EACNC;AACqB,CAAC,kBACtB,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;EACHH,MAAM,EAAEA,MAAO;EACfI,KAAK,EAAE;IACLC,iBAAiB,EAAER;EACrB,CAAE;EAAAI,QAAA,EAEDA;AAAQ,CACL,CACP;AAACK,OAAA,CAAAV,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_IOStyles","_jsxRuntime","e","__esModule","default","ContentWrapper","margin","IOVisualCostants","appMarginDefault","style","children","testID","rest","jsx","View","paddingHorizontal","exports"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAavD;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,MAAM,GAAGC,0BAAgB,CAACC,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,kBACtB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;EACHH,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLM,iBAAiB,EAAET,MAAM;IACzB,GAAGG;EACL,CAAE;EAAA,GACEG,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CACP;AAACM,OAAA,CAAAX,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/module/components/contentWrapper/ContentWrapper.js

@@ -11,13 +11,17 @@ depending on the size value
  */
 export const ContentWrapper = ({
   margin = IOVisualCostants.appMarginDefault,
+  style,
+  children,
   testID,
-  children
+  ...rest
 }) => /*#__PURE__*/_jsx(View, {
   testID: testID,
   style: {
-    paddingHorizontal: margin
+    paddingHorizontal: margin,
+    ...style
   },
+  ...rest,
   children: children
 });
 //# sourceMappingURL=ContentWrapper.js.map

package/lib/module/components/contentWrapper/ContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOVisualCostants","jsx","_jsx","ContentWrapper","margin","appMarginDefault","testID","children","style","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAGnC,SAASC,gBAAgB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,MAAM,GAAGJ,gBAAgB,CAACK,gBAAgB;EAC1CC,MAAM;EACNC;AACqB,CAAC,kBACtBL,IAAA,CAACH,IAAI;EACHO,MAAM,EAAEA,MAAO;EACfE,KAAK,EAAE;IACLC,iBAAiB,EAAEL;EACrB,CAAE;EAAAG,QAAA,EAEDA;AAAQ,CACL,CACP","ignoreList":[]}
+{"version":3,"names":["React","View","IOVisualCostants","jsx","_jsx","ContentWrapper","margin","appMarginDefault","style","children","testID","rest","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,QAA8B,cAAc;AAGzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAavD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,MAAM,GAAGJ,gBAAgB,CAACK,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,kBACtBP,IAAA,CAACH,IAAI;EACHS,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLI,iBAAiB,EAAEN,MAAM;IACzB,GAAGE;EACL,CAAE;EAAA,GACEG,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CACP","ignoreList":[]}

package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts

@@ -1,15 +1,17 @@
-import React from "react";
+import React, { ReactNode } from "react";
+import { ViewProps, ViewStyle } from "react-native";
 import { WithTestID } from "src/utils/types";
 import type { IOAppMargin } from "../../core";
-type IOContentWrapperProps = WithTestID<{
+type IOContentWrapperProps = WithTestID<Omit<ViewProps, "style"> & {
     margin?: IOAppMargin;
-    children: React.ReactNode;
+    children: ReactNode;
+    style?: Omit<ViewStyle, "paddingHorizontal" | "paddingLeft" | "paddingRight">;
 }>;
 /**
 `ContentWrapper` is the main wrapper of the application. It automatically sets side margins,
 depending on the size value
 @param {IOContentWrapper} margin
  */
-export declare const ContentWrapper: ({ margin, testID, children }: IOContentWrapperProps) => React.JSX.Element;
+export declare const ContentWrapper: ({ margin, style, children, testID, ...rest }: IOContentWrapperProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ContentWrapper.d.ts.map

package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/contentWrapper/ContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,KAAK,qBAAqB,GAAG,UAAU,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,8BAI5B,qBAAqB,sBASvB,CAAC"}
+{"version":3,"file":"ContentWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/contentWrapper/ContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,KAAK,qBAAqB,GAAG,UAAU,CACrC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CACV,SAAS,EACT,mBAAmB,GAAG,aAAa,GAAG,cAAc,CACrD,CAAC;CACH,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,8CAM5B,qBAAqB,sBAWvB,CAAC"}

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

@@ -26,7 +26,7 @@ type CommonProps = WithTestID<{
     scrollValues?: ScrollValues;
     title: string;
     transparent?: boolean;
-    variant?: "neutral" | "contrast";
+    variant?: "neutral" | "contrast" | "primary";
     backgroundColor?: string;
     ignoreSafeAreaMargin?: boolean;
     ignoreAccessibilityCheck?: boolean;

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;AAU/B,OAAO,QAAQ,EAAE,EACf,WAAW,EACX,WAAW,EAWZ,MAAM,yBAAyB,CAAC;AAejC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GACxB;IACE,wBAAwB,EAAE,IAAI,CAAC;IAC/B,WAAW,EACP,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,GAChC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CACzC,GACD;IACE,wBAAwB,CAAC,EAAE,KAAK,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEN,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,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,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,iBAAiB,CAAC;IAC/B,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,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,uBAAuB,GACvB,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAoBjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,yPAkB/B,iBAAiB,sBA6NnB,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,QAAQ,EAAE,EACf,WAAW,EACX,WAAW,EAWZ,MAAM,yBAAyB,CAAC;AAejC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GACxB;IACE,wBAAwB,EAAE,IAAI,CAAC;IAC/B,WAAW,EACP,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,GAChC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CACzC,GACD;IACE,wBAAwB,CAAC,EAAE,KAAK,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEN,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,GAAG,SAAS,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,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,iBAAiB,CAAC;IAC/B,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,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,uBAAuB,GACvB,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAoBjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,yPAkB/B,iBAAiB,sBA6NnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.3.7",
+  "version": "5.3.9",
   "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/contentWrapper/ContentWrapper.tsx

@@ -1,13 +1,19 @@
-import React from "react";
-import { View } from "react-native";
+import React, { ReactNode } from "react";
+import { View, ViewProps, ViewStyle } from "react-native";
 import { WithTestID } from "src/utils/types";
 import type { IOAppMargin } from "../../core";
 import { IOVisualCostants } from "../../core/IOStyles";
 
-type IOContentWrapperProps = WithTestID<{
-  margin?: IOAppMargin;
-  children: React.ReactNode;
-}>;
+type IOContentWrapperProps = WithTestID<
+  Omit<ViewProps, "style"> & {
+    margin?: IOAppMargin;
+    children: ReactNode;
+    style?: Omit<
+      ViewStyle,
+      "paddingHorizontal" | "paddingLeft" | "paddingRight"
+    >;
+  }
+>;
 
 /**
 `ContentWrapper` is the main wrapper of the application. It automatically sets side margins,
@@ -16,14 +22,18 @@ depending on the size value
  */
 export const ContentWrapper = ({
   margin = IOVisualCostants.appMarginDefault,
+  style,
+  children,
   testID,
-  children
+  ...rest
 }: IOContentWrapperProps) => (
   <View
     testID={testID}
     style={{
-      paddingHorizontal: margin
+      paddingHorizontal: margin,
+      ...style
     }}
+    {...rest}
   >
     {children}
   </View>

package/src/components/layout/HeaderSecondLevel.tsx

@@ -77,7 +77,7 @@ type CommonProps = WithTestID<{
   title: string;
   // Visual attributes
   transparent?: boolean;
-  variant?: "neutral" | "contrast";
+  variant?: "neutral" | "contrast" | "primary";
   backgroundColor?: string;
   ignoreSafeAreaMargin?: boolean;
   // Prevents screen readers from focusing on the title when other elements are focused