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

package/src/components/pictograms/svg/PictogramInProgress.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 PictogramInProgress = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramInbox.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 PictogramInbox = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>

package/src/components/pictograms/svg/PictogramLostConnection.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 PictogramLostConnection = ({
   size,

package/src/components/pictograms/svg/PictogramMessage.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 PictogramMessage = ({
   size,

package/src/components/pictograms/svg/PictogramMessages.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 PictogramMessages = ({ size, color, ...props }: SVGPictogramProps) => (
   <Svg fill="none" width={size} height={size} viewBox="0 0 48 48" {...props}>

package/src/components/pictograms/svg/PictogramMoneyCheck.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 PictogramMoneyCheck = ({
   size,

package/src/components/pictograms/svg/PictogramNFCScanAndroid.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 PictogramNFCScanAndroid = ({
   size,

package/src/components/pictograms/svg/PictogramNFCScaniOS.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 PictogramNFCScaniOS = ({
   size,

package/src/components/pictograms/svg/PictogramNotAvailable.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 PictogramNotAvailable = ({
   size,

package/src/components/pictograms/svg/PictogramNotification.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 PictogramNotification = ({
   size,

package/src/components/pictograms/svg/PictogramObjClock.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 PictogramObjClock = ({
   size,

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/svg/originals/PictogramHello.svg

@@ -1,46 +1,8 @@
 <svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M67.47 125.11C67.4583 125.144 67.4474 125.178 67.4373 125.213C67.4403 125.203 67.2992 125.644 67.1195 126.364C66.9403 127.082 66.7169 128.096 66.519 129.348C66.124 131.848 65.8258 135.326 66.1965 139.314C66.9424 147.339 70.4047 157.396 81.0528 165.567C81.8604 166.193 82.8154 166.486 83.7484 166.486C85.0805 166.486 86.3868 165.886 87.2585 164.75C88.7337 162.829 88.3917 160.032 86.4337 158.541C70.0526 145.991 75.6361 128.583 75.8493 127.952L75.8493 127.952L75.8531 127.941C76.6199 125.637 75.3846 123.141 73.0936 122.347L73.0573 122.334C70.7563 121.576 68.264 122.783 67.47 125.11Z"
-    fill="#00C5CA"
-    stroke="#AAEEEF"
-    stroke-width="5"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M77.0725 183.625C77.2044 183.625 77.3338 183.614 77.4601 183.595C78.6546 183.49 79.7958 182.901 80.5827 181.876C82.0578 179.955 81.7159 177.158 79.7582 175.667C45.2189 149.19 56.9812 112.426 57.5204 110.8C58.3109 108.482 57.0472 105.966 54.7507 105.191C52.4006 104.384 49.9235 105.693 49.1438 107.95L49.1346 107.977C49.0055 108.365 45.4372 119.393 46.8165 134.141C48.203 148.965 54.5992 167.542 74.378 182.706C75.1854 183.331 76.1399 183.625 77.0725 183.625Z"
-    fill="#00C5CA"
-    stroke="#AAEEEF"
-    stroke-width="5"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M164.192 94.668C164.33 94.668 164.466 94.6568 164.598 94.6353C164.627 94.6331 164.655 94.6305 164.684 94.6273C167.14 94.3573 168.852 92.1304 168.59 89.7358L168.589 89.7325C168.553 89.407 167.744 83.2042 163.688 76.3378C159.59 69.3997 152.167 61.787 139.051 58.9578L139.051 58.9578L139.044 58.9564C136.699 58.4571 134.31 59.9358 133.795 62.3531C133.272 64.7501 134.805 67.107 137.193 67.6134C157.311 71.9597 159.709 90.0196 159.797 90.7518C160.063 93.0131 161.976 94.668 164.192 94.668Z"
-    fill="#00C5CA"
-    stroke="#AAEEEF"
-    stroke-width="5"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M188.077 102.318C188.215 102.318 188.351 102.307 188.483 102.285C188.511 102.283 188.54 102.28 188.568 102.277C191.024 102.007 192.737 99.7802 192.474 97.3856L192.472 97.3663C192.424 96.9566 190.947 85.4595 183.411 72.7174C175.833 59.9059 162.124 45.8438 137.767 40.598L137.767 40.598L137.761 40.5968C135.415 40.0975 133.027 41.5762 132.512 43.9935C131.989 46.3906 133.522 48.7476 135.91 49.2539C178.49 58.4422 183.486 96.7894 183.682 98.4039C183.949 100.664 185.861 102.318 188.077 102.318Z"
-    fill="#00C5CA"
-    stroke="#AAEEEF"
-    stroke-width="5"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M139.011 195.961C116.615 173.783 84.6579 127.807 87.5328 109.062C88.2002 104.716 90.5873 102.646 92.474 101.669C94.8868 100.422 97.4537 100.602 100.021 101.669C97.9285 96.578 96.6836 91.5252 97.1456 87.3596C97.5435 83.7982 99.1991 81.0597 101.946 79.4526C103.768 78.3855 105.886 78.1669 108.106 78.8226C111.674 79.8898 115.511 83.3611 119.144 87.7067C118.746 85.1482 118.643 82.6926 119.002 80.494C119.567 76.9841 120.876 74.5027 122.891 73.1271C124.521 72.0085 126.575 71.6742 128.795 72.1628C132.376 72.9471 135.494 75.5699 137.163 79.1955L154.22 111.183C161.651 104.626 167.734 101.515 172.354 101.901C175.011 102.119 176.346 103.456 176.731 103.919C182.404 110.682 176.859 117.997 172.816 123.333C171.045 125.673 169.21 128.09 168.658 129.903C166.361 137.514 171.597 155.308 187.088 167.586L183.905 171.623C167.349 158.497 160.56 138.98 163.755 128.412C164.577 125.712 166.592 123.05 168.735 120.222C173.137 114.423 175.614 110.643 172.842 107.288C171.79 106.491 166.451 106.645 155.272 117.2C154.694 117.753 153.886 117.997 153.103 117.869C152.307 117.74 151.627 117.252 151.255 116.545L132.607 81.574C132.607 81.574 132.555 81.4712 132.53 81.4197C131.541 79.2212 129.732 77.6527 127.704 77.2027C126.459 76.9327 125.946 77.2798 125.779 77.3955C124.996 77.9227 124.393 79.3241 124.072 81.3297C123.097 87.321 126.69 96.7708 130.22 104.086C132.735 108.445 134.48 111.903 134.981 112.906C135.597 114.14 135.135 115.632 133.929 116.3C132.735 116.969 131.221 116.57 130.502 115.4C130.284 115.04 128.115 111.492 125.702 106.555C119.824 96.4622 111.956 85.3411 106.656 83.7725C105.552 83.4511 104.962 83.6697 104.564 83.9011C103.717 84.4025 102.562 85.3668 102.267 87.9382C101.676 93.2609 105.154 101.592 109.39 108.831C114.164 113.948 117.963 119.99 119.233 122.086C119.901 123.179 119.644 124.606 118.656 125.416C117.655 126.226 116.217 126.174 115.28 125.3C112.791 122.973 108.927 118.023 105.385 112.16C101.342 107.866 97.3125 105.012 94.8355 106.285C94.0654 106.683 92.9873 107.493 92.6151 109.885C90.2921 125.004 118.656 168.602 142.63 192.349L139.024 196L139.011 195.961Z"
-    fill="#0B3EE3"
-  />
-  <path
-    d="M149.297 127.75L144.201 128.374L145.285 137.269L150.381 136.646L149.297 127.75Z"
-    fill="#0B3EE3"
-  />
-  <path
-    d="M139.526 110.602L109.59 127.958L112.161 132.409L142.098 115.053L139.526 110.602Z"
-    fill="#0B3EE3"
-  />
-  <path
-    d="M137.689 155.925C135.995 141.898 151.307 131.96 151.948 131.549L154.708 135.881C154.579 135.971 141.475 144.508 142.772 155.308L137.677 155.925H137.689Z"
-    fill="#0B3EE3"
-  />
-</svg>;
+<path d="M116.64 149.35C106.89 144.59 101.21 138.91 101.06 133.78C100.99 131.54 102.04 129.65 103.94 128.58C106.73 127.01 111.4 128.32 116.77 130.06C117.53 130.31 118.21 130.53 118.74 130.68C122.11 131.64 125.79 131.67 128.59 131.56V113.78C124.19 113.85 118.01 114.86 113.8 115.54C112.14 115.81 110.63 116.06 109.4 116.23C107.17 116.54 104.8 115.21 103.21 112.77C101.57 110.26 100.67 106.21 103.04 102.38C105.56 98.31 112.12 94.03 128.59 94.33V90.9C126.64 89.96 124.7 88.63 123.48 86.55C122.06 84.13 121.77 80.03 124.04 77.2C124.94 76.08 126.36 74.99 128.59 74.53V45L76.98 32V206.78L128.59 186.08V153.04C126.21 152.43 124.07 151.88 122.45 151.46C120.35 150.92 118.4 150.21 116.64 149.36V149.35Z" fill="#AAEEEF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 48.76C29 46.2747 31.0147 44.26 33.5 44.26H76.98V53.26H38V186.2H29V48.76Z" fill="#AAEEEF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83.1916 37.4051C83.5302 37.1428 83.9712 37.0519 84.3859 37.159L124.486 47.509C125.227 47.7001 125.672 48.4555 125.481 49.1961C125.29 49.9368 124.534 50.3822 123.794 50.1911L85.4248 40.2879V193.911L123.63 178.772C124.341 178.491 125.146 178.839 125.427 179.55C125.709 180.261 125.361 181.066 124.65 181.348L84.55 197.238C84.1235 197.407 83.641 197.353 83.2615 197.096C82.882 196.838 82.6548 196.409 82.6548 195.95V38.5C82.6548 38.0717 82.853 37.6674 83.1916 37.4051Z" fill="#00C5CA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2459 115.752C98.5781 117.025 98.1199 118.889 98.1199 121.03C98.1199 123.171 98.5781 125.035 99.2459 126.309C99.9509 127.653 100.664 127.98 101.05 127.98C101.436 127.98 102.149 127.653 102.854 126.309C103.522 125.035 103.98 123.171 103.98 121.03C103.98 118.889 103.522 117.025 102.854 115.752C102.149 114.407 101.436 114.08 101.05 114.08C100.664 114.08 99.9509 114.407 99.2459 115.752ZM96.5889 114.359C97.4873 112.645 98.9896 111.08 101.05 111.08C103.11 111.08 104.612 112.645 105.511 114.359C106.446 116.143 106.98 118.504 106.98 121.03C106.98 123.556 106.446 125.917 105.511 127.702C104.612 129.415 103.11 130.98 101.05 130.98C98.9896 130.98 97.4873 129.415 96.5889 127.702C95.6534 125.917 95.1199 123.556 95.1199 121.03C95.1199 118.504 95.6534 116.143 96.5889 114.359Z" fill="#00C5CA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M89.5098 121.09C89.5098 120.262 90.1814 119.59 91.0098 119.59H96.0398C96.8682 119.59 97.5398 120.262 97.5398 121.09C97.5398 121.918 96.8682 122.59 96.0398 122.59H91.0098C90.1814 122.59 89.5098 121.918 89.5098 121.09Z" fill="#00C5CA"/>
+<path d="M181.65 106.48C175.86 88.6201 168.86 72.1601 156.87 72.4601C153.16 72.5601 151.35 74.2201 150.48 75.5901C149.46 77.1901 149.25 79.1201 149.38 80.9101C146.37 78.7901 142.61 77.1101 137.47 75.4601C133.6 74.2201 130.73 74.0901 128.6 74.5301C126.38 74.9901 124.95 76.0801 124.05 77.2001C121.78 80.0301 122.07 84.1301 123.49 86.5501C124.71 88.6401 126.64 89.9701 128.6 90.9001C129.51 91.3301 130.42 91.6901 131.26 91.9901C133.62 92.8101 135.47 93.8101 136.92 94.8101C133.9 94.5301 131.14 94.3801 128.6 94.3301C112.13 94.0301 105.57 98.3101 103.05 102.38C100.68 106.21 101.58 110.26 103.22 112.77C104.81 115.22 107.18 116.54 109.41 116.23C110.64 116.06 112.15 115.81 113.81 115.54C118.02 114.85 124.21 113.85 128.6 113.78C130.51 113.75 132.08 113.89 133 114.32C136.99 116.16 138.05 120.99 137.35 124.69C136.76 127.82 134.72 131.24 130.79 131.45H130.58C130 131.49 129.32 131.53 128.59 131.56C125.79 131.67 122.11 131.64 118.74 130.68C118.21 130.53 117.53 130.31 116.77 130.06C111.4 128.32 106.73 127 103.94 128.58C102.05 129.65 101 131.54 101.06 133.78C101.21 138.92 106.89 144.59 116.64 149.35C118.4 150.21 120.35 150.92 122.45 151.45C124.07 151.87 126.21 152.42 128.59 153.03C136.43 155.05 146.84 157.73 149.54 158.48C153.49 159.57 172.12 172.05 180.62 181.08L183.53 178.34C174.78 169.05 155.58 156 150.6 154.63C147.75 153.84 136.53 150.95 128.58 148.9C126.6 148.39 124.83 147.94 123.44 147.58C121.61 147.11 119.91 146.5 118.39 145.76C108.67 141.01 105.13 136.28 105.05 133.67C105.03 132.93 105.3 132.4 105.89 132.07C107.38 131.23 113.3 133.15 115.52 133.87C116.34 134.13 117.06 134.37 117.63 134.53C121.5 135.63 125.52 135.68 128.58 135.57C129.39 135.54 130.14 135.5 130.79 135.47H131C136.13 135.17 140.16 131.24 141.27 125.45C142.26 120.26 140.61 113.43 134.66 110.7C133.2 110.03 131.12 109.78 128.58 109.81C124.42 109.86 119.04 110.66 113.15 111.62C111.52 111.89 110.05 112.13 108.84 112.29C108.31 112.37 107.32 111.8 106.55 110.61C105.58 109.13 105.05 106.74 106.43 104.51C107.76 102.35 112.47 98.0401 128.58 98.3501C131.79 98.4101 135.45 98.6501 139.63 99.1301C140.65 99.3701 149.52 101.69 149.83 110.05L153.83 109.9C153.56 102.79 148.64 98.6001 144.31 96.5501C143.21 94.9201 139.8 90.7401 132.56 88.2201C131.19 87.7501 129.75 87.1601 128.59 86.3101C127.92 85.8201 127.34 85.2401 126.93 84.5401C126.29 83.4401 126.01 81.1501 127.16 79.7101C127.51 79.2701 128 78.9301 128.59 78.7001C130.29 78.0201 132.92 78.2101 136.24 79.2801C148.63 83.2601 151.85 86.9701 157.21 98.5801L160.84 96.9001C158.5 91.8401 156.45 88.0901 153.93 85.1101L154.42 84.9001C153.88 83.6501 152.63 79.6701 153.86 77.7501C154.05 77.4501 154.63 76.5401 156.99 76.4801C157.07 76.4801 157.14 76.4801 157.22 76.4801C164.47 76.4801 170.85 86.1401 177.85 107.74C184.36 127.8 200.61 144.52 208.94 147.22L210.17 143.41C203.89 141.38 188.14 126.51 181.65 106.5V106.48Z" fill="#0B3EE3"/>
+</svg>

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 = (