@pagopa/io-app-design-system 1.23.2 → 1.23.3

package/src/components/pictograms/svg/PictogramObjFlyingMessage.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramObjFlyingMessage = ({
   size,

package/src/components/pictograms/svg/PictogramObjFollowMessage.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramObjFollowMessage = ({
   size,

package/src/components/pictograms/svg/PictogramObjIbanCard.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, G, Mask, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramObjIbanCard = ({
   size,

package/src/components/pictograms/svg/PictogramObjKey.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramObjKey = ({
   size,

package/src/components/pictograms/svg/PictogramObjManual.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramObjManual = ({
   size,

package/src/components/pictograms/svg/PictogramObjTrash.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramObjTrash = ({
   size,

package/src/components/pictograms/svg/PictogramPasscode.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramPasscode = ({
   size,

package/src/components/pictograms/svg/PictogramPending.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramPending = ({
   size,

package/src/components/pictograms/svg/PictogramPiggyBank.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
 
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramPiggyBank = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramPin.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramPin = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramPlaces.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramPlaces = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramProcessing.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramProcessing = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramPuzzle.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramPuzzle = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramQrCode.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramQrCode = ({
   size,

package/src/components/pictograms/svg/PictogramQuestion.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramQuestion = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramReactivate.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramReactivate = ({
   size,

package/src/components/pictograms/svg/PictogramSearch.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramSearch = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramSearchLens.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramSearchLens = ({
   size,

package/src/components/pictograms/svg/PictogramSecurity.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramSecurity = ({
   size,

package/src/components/pictograms/svg/PictogramSetup.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Svg, { Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 /**
  * @deprecated Use `empty` key instead

package/src/components/pictograms/svg/PictogramSms.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramSms = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramStar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramStar = ({ size, colorValues, ...props }: SVGPictogramProps) => (
   <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>

package/src/components/pictograms/svg/PictogramStopSecurity.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramStopSecurity = ({
   size,

package/src/components/pictograms/svg/PictogramSuccess.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Svg, { Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramSuccess = ({
   size,

package/src/components/pictograms/svg/PictogramTeaBreak.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramTeaBreak = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramTime.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramTime = ({ size, colorValues, ...props }: SVGPictogramProps) => (
   <Svg width={size} height={size} viewBox="0 0 240 240" {...props}>

package/src/components/pictograms/svg/PictogramTimeout.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
 
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramTimeout = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramTiming.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramTiming = ({
   size,

package/src/components/pictograms/svg/PictogramUmbrella.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramUmbrella = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramUmbrellaNew.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Svg, { Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramUmbrellaNew = ({
   size,

package/src/components/pictograms/svg/PictogramUnrecognized.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const Unrecognized = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramUpdateOS.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramUpdateOS = ({
   size,

package/src/components/pictograms/svg/PictogramUploadFile.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 const PictogramUploadFile = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/_PictogramTemplate.tsx

@@ -2,7 +2,7 @@ import React from "react";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore (ignore Path unused component)
 import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../Pictogram";
+import { SVGPictogramProps } from "../types";
 
 // The `generateNewPictograms.js`s script uses this template to generate
 // the new `Pictogram…` component. Don't edit this file to avoid

package/src/components/pictograms/types.ts

@@ -0,0 +1,9 @@
+import { ColorValue } from "react-native";
+
+export type IOPictogramSizeScale = 48 | 64 | 72 | 80 | 120 | 180;
+
+export type SVGPictogramProps = {
+  size: IOPictogramSizeScale | "100%";
+  color: ColorValue;
+  colorValues: Record<string, ColorValue>;
+};

package/src/components/textInput/TextInputBase.tsx

@@ -20,7 +20,7 @@ import {
   useIOExperimentalDesign
 } from "../../core";
 import { makeFontStyleObject } from "../../utils/fonts";
-import { getInputPropsByType } from "../../utils/textInput";
+import { RNTextInputProps, getInputPropsByType } from "../../utils/textInput";
 import { InputType } from "../../utils/types";
 import { IOIcons, Icon } from "../icons";
 import { HSpacer } from "../spacer";
@@ -28,17 +28,6 @@ import { LabelSmall } from "../typography";
 
 type InputStatus = "initial" | "focused" | "disabled" | "error";
 
-type RNTextInputProps = Pick<
-  React.ComponentProps<typeof TextInput>,
-  | "keyboardType"
-  | "inputMode"
-  | "textContentType"
-  | "autoComplete"
-  | "returnKeyType"
-  | "autoCapitalize"
-  | "autoCorrect"
->;
-
 type InputTextProps = {
   placeholder: string;
   value: string;

package/src/utils/textInput/index.ts

@@ -1,12 +1,25 @@
 import * as React from "react";
+import { TextInputProps } from "react-native";
 import { TextInputBase } from "../../components/textInput/TextInputBase";
 import { InputType } from "../types";
 
+export type RNTextInputProps = Pick<
+  TextInputProps,
+  | "keyboardType"
+  | "inputMode"
+  | "textContentType"
+  | "autoComplete"
+  | "returnKeyType"
+  | "autoCapitalize"
+  | "autoCorrect"
+>;
+
 type InputProps = Pick<
   React.ComponentProps<typeof TextInputBase>,
   "textInputProps"
 > & {
   valueFormat?: (value: string) => string;
+  textInputProps?: RNTextInputProps;
 };
 
 export const getInputPropsByType = (