@pagopa/io-app-design-system 1.7.1 → 1.8.0

package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedCie.svg

@@ -0,0 +1,30 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <path
+    d="M19 155.41v15.07c0 5.87 4.76 10.63 10.63 10.63h152.76c5.87 0 10.63-4.76 10.63-10.63v-17.77c0-.39-11.26-4.36-18.16-5.23-6.9-.87-16.08-7.6-16.08-7.6-10.32-3.9-.42-12.65-.42-12.65l2.72-.43c-11.11-.83-15.11-10.96-15.11-10.96l8.14-3.44-1.41-2.87-3.59-2.58 2.86-2.61 1.38-.98s4.14-1.27 4.79-1.33c.65-.06 6.02.68 6.02.68l7.73.98s11.4 3.27 11.63 3.34c.23.07 9.5 2.47 9.5 2.47V69.63c0-5.87-4.76-10.63-10.63-10.63H29.63C23.76 59 19 63.76 19 69.63V155.41Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M180.31 177.12H30.9201c-4.6 0-8.34-3.74-8.34-8.34V70.42c0-4.6 3.74-8.34 8.34-8.34H181.51c4.6 0 8.34 3.74 8.34 8.34v37.71c0 .75-.61 1.35-1.35 1.35-.74 0-1.35-.61-1.35-1.35V70.42c0-3.1-2.53-5.63-5.63-5.63H30.9201c-3.1 0-5.63 2.53-5.63 5.63v98.37c0 3.1 2.53 5.63 5.63 5.63H180.31c3.1 0 5.63-2.53 5.63-5.63V152.5c0-.75.61-1.35 1.35-1.35.74 0 1.35.61 1.35 1.35v16.29c0 4.6-3.74 8.34-8.34 8.34l.01-.01Z"
+    fill="#00C5CA"
+  />
+  <path
+    d="M240.209 121.41c-9.7-6.57-37.08-23.63-47.18-23.63v-4.2c13.44 0 48.07 23.36 49.53 24.35l-2.36 3.48h.01ZM176.839 120.23c-19.38-2.54-29-6.34-30.27-11.94-.78-3.43 1.93-6.24 3.66-7.36 9.65-6.19 40.15 5.89 43.59 7.29l-1.58 3.89c-12.24-4.96-33.86-11.43-39.74-7.65 0 0-2.16 1.51-1.84 2.91.21.89 2.47 5.51 26.72 8.69l-.55 4.16.01.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M176.68 134.11c-28.52-5.99-32.37-11.92-32.78-15.85-.55-5.29 6.04-8.35 6.79-8.68l1.69 3.84c-1.49.66-4.5 2.61-4.31 4.41.15 1.44 2.73 6.56 29.46 12.17l-.86 4.11h.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M240.52 173.83c-38.99-17.68-53.2-21.59-71.19-26.54l-2.55-.7c-9.02-2.49-14.19-6.14-15.37-10.85-1.36-5.4 3.12-9.76 3.31-9.94l2.9 3.04-1.45-1.52 1.46 1.51s-2.92 2.88-2.14 5.9c.78 3.04 5.19 5.81 12.41 7.81l2.55.7c18.17 5 32.52 8.95 71.81 26.76l-1.73 3.82-.01.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M54.21 143.18c-8.36 0-15.17-6.8-15.17-15.17 0-8.37 6.8-15.17 15.17-15.17 8.37 0 15.17 6.8 15.17 15.17 0 8.37-6.8 15.17-15.17 15.17Zm0-27.33c-6.71 0-12.17 5.46-12.17 12.17s5.46 12.17 12.17 12.17 12.17-5.46 12.17-12.17-5.46-12.17-12.17-12.17Z"
+    fill="#00C5CA"
+  />
+  <path
+    d="M74.0501 163.12c-.83 0-1.5-.67-1.5-1.5 0-10.11-8.23-18.34-18.34-18.34s-18.34 8.23-18.34 18.34c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5c0-11.77 9.57-21.34 21.34-21.34s21.34 9.57 21.34 21.34c0 .83-.67 1.5-1.5 1.5ZM128.57 144.21H86.04c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h42.53c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5ZM115.18 82H40.5498c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5H115.18c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5ZM82.2198 93.76h-41.67c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5h41.67c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5ZM117.74 158.72H86.0498c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5H117.74c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5ZM134.76 151.66H86.0498c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5H134.76c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5Z"
+    fill="#00C5CA"
+  />
+</svg>

package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedFeature.svg

@@ -0,0 +1,34 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <path
+    d="M156.2 126.24h-.29c-2.76-.16-4.87-2.52-4.71-5.28l5.89-103.24c.16-2.76 2.55-4.88 5.28-4.72 2.76.16 4.87 2.52 4.71 5.28l-5.89 103.24c-.15 2.66-2.36 4.72-4.99 4.72Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M153.501 158.01c-.18 0-.36 0-.55-.02-2.03-.12-3.79-1.04-5.1-2.67-4.58-5.71-2.57-19.08-2.33-20.59.6-5.18 2.79-8.92 6.52-11.01 7.82-4.39 20.48-.22 29.72 4.05 6.08 2.81 12.88 4.15 19.63 3.89 8.93-.35 23.07-1.9 39.71-7.35l1.24 3.8c-17.08 5.59-31.61 7.19-40.8 7.55-7.38.29-14.82-1.18-21.46-4.26-11.87-5.49-21.14-6.98-26.09-4.2-2.58 1.45-4.06 4.09-4.52 8.07-.59 3.7-1.46 13.86 1.49 17.54.6.75 1.3 1.12 2.21 1.17 1.24.07 2.31-.3 3.25-1.15 3.12-2.81 4.1-9.88 4.21-12.36l4 .18c-.02.43-.53 10.64-5.53 15.15-1.62 1.46-3.51 2.2-5.62 2.2l.02.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M135.05 181.89c-2.99-.35-5.27-1.67-6.79-3.93-3.58-5.35-1.19-14.09-1.09-14.46l.08-.27.15-.24c1.08-1.75 10.85-17 20.37-15.36l-.68 3.94c-5.68-.97-13.58 9.26-16.14 13.28-.57 2.24-1.41 7.86.63 10.89.84 1.26 2.13 1.97 3.92 2.18l-.46 3.97h.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M165.16 201.25h-.24c-17.54-.7-29.33-1.7-33.13-8.89-2.57-4.87-2.11-8.44 1.7-13.16 3.37-4.17 9.36-9.7 18.78-12.33 6.84-1.91 13.9.03 18.01 4.94 2.73 3.27 2.71 6.08 2.21 7.87-1.1 3.94-5.5 7.18-13.47 9.91l-1.3-3.78c8.56-2.93 10.51-5.77 10.91-7.2.13-.47.53-1.88-1.43-4.22-3.1-3.71-8.54-5.14-13.86-3.65-8.4 2.35-13.74 7.27-16.75 10.99-3.04 3.76-2.98 5.57-1.28 8.78 2.77 5.25 14.48 6.15 29.51 6.75 4.76-.96 61.18-12.3 76.36-12.3h.59l-.09 4c-14.14-.32-75.68 12.14-76.3 12.26l-.24.05.02-.02Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="m169.52 172.88-3.6-1.74c6.24-12.95-5.67-19.12-6.18-19.37l1.79-3.57c.16.08 15.92 8.23 7.99 24.69v-.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M175.67 165.75c-3.52 0-6.42-1.02-6.64-1.1l1.35-3.76-.68 1.88.67-1.88c.08.03 7.67 2.66 11.57-1.41l2.89 2.77c-2.64 2.75-6.13 3.51-9.16 3.51v-.01ZM127.15 164.45c-2.38-11.4-1.06-20.32 3.9-26.51 6.49-8.1 16.75-8.34 17.19-8.34l.06 4c-.09 0-8.87.25-14.16 6.88-4.16 5.21-5.19 13-3.08 23.16l-3.92.82.01-.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M152.35 226.02h-.28c-2.76-.15-4.87-2.51-4.72-5.27l1.89-34.08c.15-2.76 2.54-4.87 5.27-4.72 2.76.15 4.87 2.51 4.72 5.27l-1.89 34.08c-.15 2.66-2.35 4.72-4.99 4.72ZM161.02 26l71.02 30.46c6.69 2.87 6.45 12.44-.37 14.97l-73.66 27.36L161.02 26Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M225.95 62.13c.57.04 1.13-.28 1.37-.83.3-.7-.02-1.52-.73-1.82l-60.7-26.1c-.71-.3-1.52.02-1.82.73-.3.7.02 1.52.73 1.82l60.7 26.1c.15.06.3.1.45.11v-.01Z"
+    fill="#00C5CA"
+  />
+</svg>

package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedSecurity.svg

@@ -0,0 +1,26 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <path
+    d="m141.53 162.33-1.17-10.28 6.77-5.65 4.83.62 2.92-10.71 2.61-3.84 9.51-2.64 6.8 3.32c.02-.34.06-.68.06-1.02V68.12c0-7.32-4.35-13.95-11.06-16.87l-38.56-16.73c-4.67-2.03-9.98-2.03-14.65 0L71.06 51.25C64.35 54.17 60 60.79 60 68.12v64.01c0 5.42 2.39 10.57 6.54 14.07l38.53 32.45c6.84 5.76 16.84 5.76 23.69 0l14.63-12.32-1.87-3.99.01-.01Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M168.661 196.7c-1.31 0-2.73-.14-4.27-.43-10.76-1.98-18.32-11.19-20.8-18.9-1.51-4.72-1.14-8.71 1.03-10.95l2.88 2.78c-1.06 1.1-1.1 3.83-.1 6.96 2.12 6.62 8.57 14.5 17.71 16.19 4.24.78 7.1.31 8.51-1.39 2.37-2.88.66-9.13-.2-11.29l3.72-1.48c.41 1.02 3.85 10.09-.42 15.3-1.76 2.15-4.46 3.22-8.06 3.22v-.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M172.3 179.76c-2.96 0-6.55-.51-10.77-1.55-16.89-4.13-21.03-15.98-22-22.68-.53-3.67.42-7.29 2.61-9.95 2.82-3.43 6.74-4.12 10.75-1.89l-1.94 3.5c-2.35-1.31-4.12-1.02-5.72.93-1.47 1.79-2.11 4.29-1.74 6.84.82 5.7 4.38 15.8 18.99 19.37 10.13 2.47 14.73 1.34 15.67-.54.69-1.39-.39-3.51-1.44-4.35l2.51-3.11c2.49 2.01 4.11 6.01 2.51 9.24-1.38 2.8-4.54 4.2-9.43 4.2v-.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M177.89 169.91c-4.77 0-11.22-2.99-20.41-9.38-5.51-3.83-8.1-10.04-7.5-17.94.56-7.33 6.17-13.28 13.04-13.84 2.04-.17 6.27-.51 9.51 2.37 2.41 2.14 3.72 5.62 3.9 10.32l-4 .15c-.13-3.58-.99-6.09-2.56-7.48-1.81-1.61-4.32-1.55-6.53-1.37-4.94.4-8.97 4.77-9.38 10.16-.5 6.5 1.45 11.33 5.79 14.36 9.48 6.6 15.86 9.38 19.5 8.52 1.35-.32 2.36-1.17 3.17-2.66.77-1.42-.53-3.65-1.38-4.86-4.21-5.99-14.24-11.84-17.81-11.3l-.6-3.95c5.86-.89 17.18 6.54 21.69 12.95 3.05 4.34 2.57 7.33 1.62 9.07-1.36 2.5-3.29 4.06-5.76 4.65-.72.17-1.48.26-2.29.26v-.03Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M224.3 159.28c-6.98 0-13.93-1.73-20.62-5.2-6.62-3.43-11.12-9.88-12.04-17.27-.5-4.05.36-9.22 1.19-14.22.98-5.91 2.09-12.61.2-14.85-.31-.37-.9-.86-2.39-.86-2.81 0-5.15 1.01-7.15 3.08-7.72 8.02-7.06 28.27-7.05 28.47l-4 .15c-.03-.9-.73-22.15 8.17-31.39 2.75-2.86 6.13-4.31 10.03-4.31 2.33 0 4.16.76 5.44 2.27 3.09 3.65 1.93 10.66.7 18.09-.78 4.72-1.59 9.59-1.16 13.07.76 6.17 4.37 11.35 9.91 14.21 11.51 5.96 23.84 6.3 35.64 1.01l1.64 3.65c-6.09 2.73-12.31 4.1-18.5 4.1h-.01ZM218.88 206.26c-8.46 0-16.4-1.38-22.77-2.99-13.19-3.33-22.44-8.17-22.83-8.37l1.87-3.54c.36.19 36.66 19 66.06 6.78l1.54 3.69c-7.84 3.26-16.07 4.43-23.86 4.43h-.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M109.51 128.64c-.4 0-.79-.16-1.07-.45l-25.2299-25.74c-.58-.59-.57-1.54.02-2.12.59-.58 1.54-.57 2.12.02l24.1299 24.62 42.36-45.48c.56-.61 1.51-.64 2.12-.08.61.56.64 1.51.08 2.12l-43.43 46.63c-.28.3-.67.47-1.08.48h-.02Z"
+    fill="#00C5CA"
+  />
+</svg>

package/lib/commonjs/components/pictograms/svg/originals/PictogramCie.svg

@@ -0,0 +1,30 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <path
+    d="M7 150.41v15.07c0 5.87 4.76 10.63 10.63 10.63h152.76c5.87 0 10.63-4.76 10.63-10.63v-8.43c0-.39-11.44-17.76-18.33-18.63-6.89-.87-15.91-3.54-15.91-3.54-10.32-3.9-.42-12.65-.42-12.65l2.72-.43c-11.11-.83-12.16-11.46-12.16-11.46l5.18-2.95-1.41-2.87-.67-2.83-.07-2.37 1.38-.98s4.14-1.27 4.79-1.33c.65-.06 6.02.68 6.02.68l7.73.98s11.4 3.27 11.63 3.34c.23.07 9.5 4.71 9.5 4.71V64.63c0-5.87-4.76-10.63-10.63-10.63H17.63C11.76 54 7 58.76 7 64.63V150.41Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M168.31 172.12H18.9201c-4.6 0-8.34-3.74-8.34-8.34V65.41c0-4.59 3.74-8.33 8.34-8.33H169.51c4.6 0 8.34 3.74 8.34 8.34v37.71c0 .75-.61 1.35-1.35 1.35-.74 0-1.35-.61-1.35-1.35V65.41c0-3.1-2.53-5.63-5.63-5.63H18.9201c-3.1 0-5.63 2.53-5.63 5.63v98.37c0 3.1 2.53 5.63 5.63 5.63H168.31c3.1 0 5.63-2.53 5.63-5.63v-16.29c0-.75.61-1.35 1.35-1.35.74 0 1.35.61 1.35 1.35v16.29c0 4.6-3.74 8.34-8.34 8.34h.01Z"
+    fill="#00C5CA"
+  />
+  <path
+    d="M229.74 144.18c-14.45-19.53-40.46-50.52-48.71-50.52v-4c12.97 0 47.98 46.8 51.93 52.14l-3.22 2.38ZM165.6 115.05c-18.46-2.42-27.63-6.04-28.84-11.37-.74-3.26 1.84-5.94 3.48-7.01 9.19-5.9 38.25 5.61 41.53 6.94l-1.5 3.71c-11.66-4.73-32.25-10.89-37.85-7.29 0 0-2.06 1.44-1.75 2.77.2.85 2.36 5.25 25.45 8.28l-.52 3.97Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M165.45 128.27c-27.17-5.71-30.83-11.35-31.22-15.1-.52-5.04 5.75-7.95 6.47-8.27l1.62 3.66c-1.42.63-4.29 2.49-4.1 4.2.15 1.37 2.6 6.25 28.07 11.6l-.82 3.91h-.02Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M201.77 185.46c-2.43-3.36-4.81-6.87-7.33-10.59-11.38-16.79-23.15-34.16-38.58-35.71-8.27-.83-13.23-3.3-14.76-7.35-2.06-5.44 3.13-11.13 3.35-11.37l2.94 2.72c-1.04 1.14-3.53 4.66-2.55 7.25.93 2.43 4.98 4.13 11.42 4.77 17.29 1.74 29.59 19.89 41.49 37.45 2.5 3.69 4.86 7.18 7.26 10.49l-3.24 2.34Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M43.6602 138.19c-8.36 0-15.17-6.8-15.17-15.17 0-8.37 6.8-15.17 15.17-15.17 8.37 0 15.17 6.8 15.17 15.17 0 8.37-6.8 15.17-15.17 15.17Zm0-27.33c-6.71 0-12.17 5.46-12.17 12.17s5.46 12.17 12.17 12.17 12.17-5.46 12.17-12.17-5.46-12.17-12.17-12.17Z"
+    fill="#00C5CA"
+  />
+  <path
+    d="M63.5003 158.12c-.83 0-1.5-.67-1.5-1.5 0-10.11-8.23-18.34-18.34-18.34s-18.34 8.23-18.34 18.34c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5c0-11.77 9.57-21.34 21.34-21.34s21.34 9.57 21.34 21.34c0 .83-.67 1.5-1.5 1.5ZM118.02 139.21H75.4902c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5H118.02c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5ZM104.62 77H29.9902c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5H104.62c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5ZM71.6702 88.77h-41.68c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5h41.67c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5h.01ZM107.18 153.73H75.4902c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5H107.18c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5ZM124.2 146.66H75.4902c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5H124.2c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5Z"
+    fill="#00C5CA"
+  />
+</svg>

package/lib/commonjs/components/pictograms/svg/originals/PictogramFeature.svg

@@ -0,0 +1,34 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <path
+    d="M93.3604 126.53c-.71 0-1.44-.15-2.13-.48-2.5-1.18-3.57-4.16-2.39-6.66L132.94 25.87c1.18-2.5 4.16-3.57 6.66-2.39 2.5 1.18 3.57 4.16 2.39 6.66l-44.1096 93.53c-.85 1.81-2.65 2.87-4.53 2.87l.01-.01Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M152.65 156.79c-25.22 0-35.15-10.21-35.61-10.69l-.13-.16c-4.39-5.74-17.89-20.46-27.39-19.73-3.14.24-5.64 2.15-7.64 5.84-1.94 3.21-6.54 12.31-5.19 16.82.28.92.79 1.53 1.61 1.92 1.13.53 2.25.58 3.45.15 3.94-1.44 7.5-7.62 8.53-9.89l3.64 1.66c-.18.39-4.47 9.67-10.8 11.98-2.22.81-4.42.71-6.54-.29-1.84-.87-3.13-2.39-3.73-4.38-2.11-7.01 4.76-18.66 5.55-19.96 2.62-4.82 6.27-7.48 10.8-7.83 13.3-1.02 29.36 19.33 30.8 21.18.87.84 12.71 11.65 41.86 8.94l.37 3.98c-3.41.32-6.61.46-9.59.46h.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M51.0402 169.86c-2.64-1.44-4.26-3.52-4.82-6.19-1.32-6.3 4.17-13.51 4.41-13.81l.17-.22.23-.17c1.66-1.21 16.43-11.7 24.64-6.62l-2.11 3.4c-4.92-3.04-16.06 3.5-19.94 6.27-1.37 1.87-4.25 6.76-3.49 10.33.31 1.48 1.24 2.62 2.82 3.49l-1.92 3.51.01.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M141.66 216.45c-35.07 0-68.7497-16.76-70.2397-17.51-15.93-7.18-26.49-12.51-27.32-20.6-.56-5.48 1.2-8.61 6.51-11.57 4.69-2.61 12.31-5.49 22.03-4.4 7.05.79 12.88 5.23 14.85 11.32 1.31 4.05.24 6.65-.89 8.12-2.49 3.24-7.79 4.6-16.2 4.15l.21-3.99c9.04.48 11.91-1.41 12.81-2.59.29-.38 1.19-1.55.26-4.45-1.49-4.6-5.99-7.96-11.49-8.58-8.67-.97-15.47 1.6-19.64 3.92-4.22 2.35-4.84 4.05-4.47 7.66.61 5.94 11.23 11.17 25.06 17.4.45.23 37.7897 18.8 73.6097 16.99l.2 4c-1.76.09-3.53.13-5.29.13Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="m86.3804 174.4-2.69-2.96c4.44-4.04 6.07-8.61 4.86-13.61-.95-3.89-3.31-6.65-3.34-6.68l3.01-2.64c.12.13 11.68 13.59-1.84 25.88v.01Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M100.11 171.22c-5.84 0-10.85-4.39-11.11-4.63l2.66-2.98c.06.05 6.12 5.33 11.25 3.02l1.64 3.65c-1.49.67-3 .94-4.45.94h.01ZM54.1802 151.43l-3.94-.71c2.06-11.46 6.62-19.24 13.54-23.12 9.05-5.08 18.66-1.46 19.06-1.3l-1.44 3.73c-.08-.03-8.31-3.09-15.7 1.08-5.81 3.28-9.68 10.11-11.52 20.32Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M52.4304 217.61c-.71 0-1.44-.15-2.12-.48-2.5-1.17-3.57-4.15-2.4-6.65l14.51-30.9c1.17-2.5 4.15-3.57 6.65-2.4s3.57 4.15 2.4 6.65l-14.51 30.9c-.85 1.81-2.65 2.88-4.53 2.88ZM134.58 37.11l58.03 60.29c5.47 5.68 1.2 15.12-6.67 14.78l-85.01-3.72 33.65-71.35Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M184.82 100.66c-.39 0-.79-.15-1.08-.46l-49.57-51.59c-.57-.6-.55-1.55.04-2.12.6-.57 1.54-.56 2.12.04l49.57 51.59c.57.6.55 1.55-.04 2.12-.29.28-.67.42-1.04.42Z"
+    fill="#00C5CA"
+  />
+</svg>

package/lib/commonjs/components/pictograms/svg/originals/PictogramSecurity.svg

@@ -0,0 +1,30 @@
+<svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M110.53 162.33L109.36 152.05L116.13 146.4L120.96 147.02L123.88 136.31L126.49 132.47L136 129.83L142.8 133.15C142.82 132.81 142.86 132.47 142.86 132.13V68.12C142.86 60.8 138.51 54.17 131.8 51.25L93.24 34.52C88.57 32.49 83.26 32.49 78.59 34.52L40.06 51.25C33.35 54.17 29 60.79 29 68.12V132.13C29 137.55 31.39 142.7 35.54 146.2L74.07 178.65C80.91 184.41 90.91 184.41 97.76 178.65L112.39 166.33L110.52 162.34L110.53 162.33Z"
+    fill="#AAEEEF"
+  />
+  <path
+    d="M137.661 196.7C136.351 196.7 134.931 196.56 133.391 196.27C122.631 194.29 115.071 185.08 112.591 177.37C111.081 172.65 111.451 168.66 113.621 166.42L116.501 169.2C115.441 170.3 115.401 173.03 116.401 176.16C118.521 182.78 124.971 190.66 134.111 192.35C138.351 193.13 141.211 192.66 142.621 190.96C144.991 188.08 143.281 181.83 142.421 179.67L146.141 178.19C146.551 179.21 149.991 188.28 145.721 193.49C143.961 195.64 141.261 196.71 137.661 196.71V196.7Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M141.3 179.76C138.34 179.76 134.75 179.25 130.53 178.21C113.64 174.08 109.5 162.23 108.53 155.53C108 151.86 108.95 148.24 111.14 145.58C113.96 142.15 117.88 141.46 121.89 143.69L119.95 147.19C117.6 145.88 115.83 146.17 114.23 148.12C112.76 149.91 112.12 152.41 112.49 154.96C113.31 160.66 116.87 170.76 131.48 174.33C141.61 176.8 146.21 175.67 147.15 173.79C147.84 172.4 146.76 170.28 145.71 169.44L148.22 166.33C150.71 168.34 152.33 172.34 150.73 175.57C149.35 178.37 146.19 179.77 141.3 179.77V179.76Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M146.89 169.91C142.12 169.91 135.67 166.92 126.48 160.53C120.97 156.7 118.38 150.49 118.98 142.59C119.54 135.26 125.15 129.31 132.02 128.75C134.06 128.58 138.29 128.24 141.53 131.12C143.94 133.26 145.25 136.74 145.43 141.44L141.43 141.59C141.3 138.01 140.44 135.5 138.87 134.11C137.06 132.5 134.55 132.56 132.34 132.74C127.4 133.14 123.37 137.51 122.96 142.9C122.46 149.4 124.41 154.23 128.75 157.26C138.23 163.86 144.61 166.64 148.25 165.78C149.6 165.46 150.61 164.61 151.42 163.12C152.19 161.7 150.89 159.47 150.04 158.26C145.83 152.27 135.8 146.42 132.23 146.96L131.63 143.01C137.49 142.12 148.81 149.55 153.32 155.96C156.37 160.3 155.89 163.29 154.94 165.03C153.58 167.53 151.65 169.09 149.18 169.68C148.46 169.85 147.7 169.94 146.89 169.94V169.91Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M193.3 159.28C186.32 159.28 179.37 157.55 172.68 154.08C166.06 150.65 161.56 144.2 160.64 136.81C160.14 132.76 161 127.59 161.83 122.59C162.81 116.68 163.92 109.98 162.03 107.74C161.72 107.37 161.13 106.88 159.64 106.88C156.83 106.88 154.49 107.89 152.49 109.96C144.77 117.98 145.43 138.23 145.44 138.43L141.44 138.58C141.41 137.68 140.71 116.43 149.61 107.19C152.36 104.33 155.74 102.88 159.64 102.88C161.97 102.88 163.8 103.64 165.08 105.15C168.17 108.8 167.01 115.81 165.78 123.24C165 127.96 164.19 132.83 164.62 136.31C165.38 142.48 168.99 147.66 174.53 150.52C186.04 156.48 198.37 156.82 210.17 151.53L211.81 155.18C205.72 157.91 199.5 159.28 193.31 159.28H193.3Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M187.88 206.26C179.42 206.26 171.48 204.88 165.11 203.27C151.92 199.94 142.67 195.1 142.28 194.9L144.15 191.36C144.51 191.55 180.81 210.36 210.21 198.14L211.75 201.83C203.91 205.09 195.68 206.26 187.89 206.26H187.88Z"
+    fill="#0B3EE3"
+  />
+  <path
+    d="M78.5101 128.64C78.1101 128.64 77.7201 128.48 77.4401 128.19L52.2101 102.45C51.6301 101.86 51.6401 100.91 52.2301 100.33C52.8201 99.75 53.7701 99.76 54.3501 100.35L78.4801 124.97L120.84 79.49C121.4 78.88 122.35 78.85 122.96 79.41C123.57 79.97 123.6 80.92 123.04 81.53L79.6101 128.16C79.3301 128.46 78.9401 128.63 78.5301 128.64H78.5101Z"
+    fill="#00C5CA"
+  />
+</svg>

package/lib/commonjs/components/radio/AnimatedRadio.js

@@ -7,6 +7,7 @@ exports.AnimatedRadio = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _core = require("../../core");
 var _IOAnimations = require("../../core/IOAnimations");
 var _IOColors = require("../../core/IOColors");
 var _IOStyles = require("../../core/IOStyles");
@@ -48,6 +49,17 @@ const AnimatedRadio = _ref => {
     disabled
   } = _ref;
   const isChecked = checked ?? false;
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  const borderColorOffState = _IOColors.IOColors[_IOStyles.IOSelectionTickVisualParams.borderColorOffState];
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyBorderColorOffState = _IOColors.IOColors[_IOStyles.IOSelectionTickLegacyVisualParams.borderColorOffState];
+  const borderColorProp = isExperimental ? borderColorOffState : legacyBorderColorOffState;
+  const backgroundColorOnState = _IOColors.IOColors[_IOStyles.IOSelectionTickVisualParams.bgColorOnState];
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyBackgroundColorOnState = _IOColors.IOColors[_IOStyles.IOSelectionTickLegacyVisualParams.bgColorOnState];
+  const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
   const circleAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
   const tickAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
   (0, _react.useEffect)(() => {
@@ -76,11 +88,11 @@ const AnimatedRadio = _ref => {
     style: styles.radioWrapper
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.radioBorder, {
-      borderColor: _IOColors.IOColors[_IOStyles.IOSelectionTickVisualParams.borderColorOffState]
+      borderColor: borderColorProp
     }]
   }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: [styles.radioCircle, {
-      backgroundColor: _IOColors.IOColors[_IOStyles.IOSelectionTickVisualParams.bgColorOnState]
+      backgroundColor: backgroundColorProp
     }, animatedCheckboxSquare]
   }), isChecked && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_AnimatedTick.AnimatedTick, {
     progress: tickAnimationProgress,

package/lib/commonjs/components/radio/AnimatedRadio.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","radioWrapper","width","IOSelectionTickVisualParams","size","height","radioBorder","position","left","top","borderWidth","borderRadius","radioCircle","AnimatedRadio","_ref","checked","onPress","disabled","isChecked","circleAnimationProgress","useSharedValue","tickAnimationProgress","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","elastic","animatedCheckboxSquare","useAnimatedStyle","scale","interpolate","opacity","transform","createElement","Pressable","testID","style","View","borderColor","IOColors","borderColorOffState","backgroundColor","bgColorOnState","AnimatedTick","progress","stroke","tickColor","exports"],"sourceRoot":"../../../../src","sources":["components/radio/AnimatedRadio.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","radioWrapper","width","IOSelectionTickVisualParams","size","height","radioBorder","position","left","top","borderWidth","borderRadius","radioCircle","AnimatedRadio","_ref","checked","onPress","disabled","isChecked","isExperimental","useIOExperimentalDesign","borderColorOffState","IOColors","legacyBorderColorOffState","IOSelectionTickLegacyVisualParams","borderColorProp","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","circleAnimationProgress","useSharedValue","tickAnimationProgress","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","elastic","animatedCheckboxSquare","useAnimatedStyle","scale","interpolate","opacity","transform","createElement","Pressable","testID","style","View","borderColor","backgroundColor","AnimatedTick","progress","stroke","tickColor","exports"],"sourceRoot":"../../../../src","sources":["components/radio/AnimatedRadio.tsx"],"mappings":"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"}

package/lib/commonjs/components/switch/NativeSwitch.js

@@ -6,21 +6,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.NativeSwitch = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _core = require("../../core");
 var _IOColors = require("../../core/IOColors");
 var _IOStyles = require("../../core/IOStyles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const bgLegacyTrackColorAndroid = _reactNative.Platform.OS === "android" ? _IOColors.IOColors["grey-300"] : _IOColors.IOColors.greyUltraLight;
 const NativeSwitch = _ref => {
   let {
     onValueChange,
     value
   } = _ref;
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  const trackColor = {
+    false: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState],
+    true: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOnState]
+  };
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyTrackColor = {
+    false: bgLegacyTrackColorAndroid,
+    true: _IOColors.IOColors.blue
+  };
+  const trackColorComponent = isExperimental ? trackColor : legacyTrackColor;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Switch, {
-    trackColor: {
-      false: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState],
-      true: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOnState]
-    },
+    trackColor: trackColorComponent,
     thumbColor: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgCircle],
-    ios_backgroundColor: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState],
+    ios_backgroundColor: isExperimental ? _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState] : bgLegacyTrackColorAndroid,
     onValueChange: onValueChange,
     value: value
   });

package/lib/commonjs/components/switch/NativeSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_IOColors","_IOStyles","obj","__esModule","default","NativeSwitch","_ref","onValueChange","value","createElement","Switch","trackColor","false","IOColors","IOSwitchVisualParams","bgColorOffState","true","bgColorOnState","thumbColor","bgCircle","ios_backgroundColor","exports"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIpD,MAAMG,YAAY,GAAGC,IAAA;EAAA,IAAC;IAAEC,aAAa;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EAAA,oBAC7DV,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,YAAA,CAAAW,MAAM;IACLC,UAAU,EAAE;MACVC,KAAK,EAAEC,kBAAQ,CAACC,8BAAoB,CAACC,eAAe,CAAC;MACrDC,IAAI,EAAEH,kBAAQ,CAACC,8BAAoB,CAACG,cAAc;IACpD,CAAE;IACFC,UAAU,EAAEL,kBAAQ,CAACC,8BAAoB,CAACK,QAAQ,CAAE;IACpDC,mBAAmB,EAAEP,kBAAQ,CAACC,8BAAoB,CAACC,eAAe,CAAE;IACpER,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA;EAAM,CACd,CAAC;AAAA,CACH;AAACa,OAAA,CAAAhB,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_IOColors","_IOStyles","obj","__esModule","default","bgLegacyTrackColorAndroid","Platform","OS","IOColors","greyUltraLight","NativeSwitch","_ref","onValueChange","value","isExperimental","useIOExperimentalDesign","trackColor","false","IOSwitchVisualParams","bgColorOffState","true","bgColorOnState","legacyTrackColor","blue","trackColorComponent","createElement","Switch","thumbColor","bgCircle","ios_backgroundColor","exports"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAA2D,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI3D;AACA,MAAMG,yBAAyB,GAC7BC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAGC,kBAAQ,CAAC,UAAU,CAAC,GAAGA,kBAAQ,CAACC,cAAc;AAErE,MAAMC,YAAY,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,aAAa;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,MAAMC,UAAU,GAAG;IACjBC,KAAK,EAAET,kBAAQ,CAACU,8BAAoB,CAACC,eAAe,CAAC;IACrDC,IAAI,EAAEZ,kBAAQ,CAACU,8BAAoB,CAACG,cAAc;EACpD,CAAC;;EAED;EACA,MAAMC,gBAAgB,GAAG;IACvBL,KAAK,EAAEZ,yBAAyB;IAChCe,IAAI,EAAEZ,kBAAQ,CAACe;EACjB,CAAC;EAED,MAAMC,mBAAmB,GAAGV,cAAc,GAAGE,UAAU,GAAGM,gBAAgB;EAE1E,oBACE3B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC3B,YAAA,CAAA4B,MAAM;IACLV,UAAU,EAAEQ,mBAAoB;IAChCG,UAAU,EAAEnB,kBAAQ,CAACU,8BAAoB,CAACU,QAAQ,CAAE;IACpDC,mBAAmB,EACjBf,cAAc,GACVN,kBAAQ,CAACU,8BAAoB,CAACC,eAAe,CAAC,GAC9Cd,yBACL;IACDO,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC;AAACiB,OAAA,CAAApB,YAAA,GAAAA,YAAA"}

package/lib/commonjs/components/switch/SwitchLabel.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.SwitchLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _H = require("../typography/H6");
-var _Spacer = require("../spacer/Spacer");
+var _core = require("../../core");
 var _IOStyles = require("../../core/IOStyles");
 var _hapticFeedback = require("../../functions/haptic-feedback/hapticFeedback");
+var _fonts = require("../../utils/fonts");
+var _Spacer = require("../spacer/Spacer");
+var _H = require("../typography/H6");
 var _AnimatedSwitch = require("./AnimatedSwitch");
 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; }
@@ -17,6 +19,17 @@ const DISABLED_OPACITY = 0.5;
 
 // disabled: the component is no longer touchable
 // onPress:
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const styles = _reactNative.StyleSheet.create({
+  legacyTextValue: {
+    fontSize: 16,
+    lineHeight: 24,
+    color: _core.IOColors.bluegreyDark,
+    flexShrink: 1,
+    ...(0, _fonts.makeFontStyleObject)("SemiBold", undefined, "TitilliumWeb")
+  }
+});
+
 /**
  * A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
  * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
@@ -32,6 +45,21 @@ const SwitchLabel = _ref => {
     onValueChange
   } = _ref;
   const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  const switchLabelText = /*#__PURE__*/React.createElement(_H.H6, {
+    style: {
+      flexShrink: 1
+    },
+    color: "black"
+  }, label);
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacySwitchlabelText = /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.legacyTextValue
+  }, label);
+  const switchLabelTextComponent = isExperimental ? switchLabelText : legacySwitchlabelText;
   const toggleCheckbox = () => {
     (0, _hapticFeedback.triggerHaptic)("impactLight");
     setToggleValue(!toggleValue);
@@ -59,12 +87,7 @@ const SwitchLabel = _ref => {
     checked: checked ?? toggleValue
   })), /*#__PURE__*/React.createElement(_Spacer.HSpacer, {
     size: 8
-  }), /*#__PURE__*/React.createElement(_H.H6, {
-    style: {
-      flexShrink: 1
-    },
-    color: "black"
-  }, label)));
+  }), switchLabelTextComponent));
 };
 exports.SwitchLabel = SwitchLabel;
 //# sourceMappingURL=SwitchLabel.js.map

package/lib/commonjs/components/switch/SwitchLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_H","_Spacer","_IOStyles","_hapticFeedback","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","toggleCheckbox","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedSwitch","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_fonts","_Spacer","_H","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","styles","StyleSheet","create","legacyTextValue","fontSize","lineHeight","color","IOColors","bluegreyDark","flexShrink","makeFontStyleObject","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","isExperimental","useIOExperimentalDesign","switchLabelText","createElement","H6","style","legacySwitchlabelText","Text","switchLabelTextComponent","toggleCheckbox","triggerHaptic","Pressable","onPress","testID","alignSelf","opacity","View","IOStyles","row","alignItems","width","pointerEvents","AnimatedSwitch","HSpacer","size","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"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"}

package/lib/commonjs/components/tag/Tag.js

@@ -9,9 +9,8 @@ var O = _interopRequireWildcard(require("fp-ts/lib/Option"));
 var _function = require("fp-ts/lib/function");
 var _reactNative = require("react-native");
 var _fonts = require("../../utils/fonts");
-var _IOColors = require("../../core/IOColors");
 var _icons = require("../icons");
-var _IOShapes = require("../../core/IOShapes");
+var _core = require("../../core");
 var _IOSpacing = require("../../core/IOSpacing");
 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; }
@@ -61,9 +60,9 @@ const styles = _reactNative.StyleSheet.create({
       }
     }),
     borderWidth: 1,
-    backgroundColor: _IOColors.IOColors.white,
-    borderColor: _IOColors.IOColors["grey-100"],
-    borderRadius: _IOShapes.IOTagRadius,
+    backgroundColor: _core.IOColors.white,
+    borderColor: _core.IOColors["grey-100"],
+    borderRadius: _core.IOTagRadius,
     paddingHorizontal: _IOSpacing.IOTagHSpacing,
     paddingVertical: _IOSpacing.IOTagVSpacing
   },
@@ -78,9 +77,15 @@ const styles = _reactNative.StyleSheet.create({
     lineHeight: 16,
     alignSelf: "center",
     textTransform: "uppercase",
-    color: _IOColors.IOColors["grey-700"],
-    flexShrink: 1,
+    color: _core.IOColors["grey-700"],
+    flexShrink: 1
+  },
+  labelFont: {
     ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro")
+  },
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  legacyLabelFont: {
+    ...(0, _fonts.makeFontStyleObject)("SemiBold", false, "TitilliumWeb")
   }
 });
 
@@ -93,6 +98,9 @@ const Tag = _ref => {
     variant,
     testID
   } = _ref;
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: testID,
     style: styles.tag
@@ -113,7 +121,7 @@ const Tag = _ref => {
   }), text && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
-    style: styles.label
+    style: [styles.label, isExperimental ? styles.labelFont : styles.legacyLabelFont]
   }, text));
 };
 exports.Tag = Tag;

package/lib/commonjs/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","O","_interopRequireWildcard","_function","_reactNative","_fonts","_IOColors","_icons","_IOShapes","_IOSpacing","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapVariants","qrCode","iconColor","iconName","attachment","legalMessage","info","warning","error","success","noIcon","undefined","IOTagIconMargin","IOTagIconSize","styles","StyleSheet","create","tag","alignSelf","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderWidth","backgroundColor","IOColors","white","borderColor","borderRadius","IOTagRadius","paddingHorizontal","IOTagHSpacing","paddingVertical","IOTagVSpacing","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","makeFontStyleObject","Tag","_ref","text","variant","testID","createElement","View","style","pipe","fromNullable","fold","_ref2","Icon","name","size","Text","numberOfLines","ellipsizeMode","exports"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","O","_interopRequireWildcard","_function","_reactNative","_fonts","_icons","_core","_IOSpacing","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapVariants","qrCode","iconColor","iconName","attachment","legalMessage","info","warning","error","success","noIcon","undefined","IOTagIconMargin","IOTagIconSize","styles","StyleSheet","create","tag","alignSelf","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderWidth","backgroundColor","IOColors","white","borderColor","borderRadius","IOTagRadius","paddingHorizontal","IOTagHSpacing","paddingVertical","IOTagVSpacing","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","labelFont","makeFontStyleObject","legacyLabelFont","Tag","_ref","text","variant","testID","isExperimental","useIOExperimentalDesign","createElement","View","style","pipe","fromNullable","fold","_ref2","Icon","name","size","Text","numberOfLines","ellipsizeMode","exports"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}

package/lib/commonjs/components/textInput/TextInputBase.js

@@ -27,12 +27,18 @@ const styles = _reactNative.StyleSheet.create({
   },
   textInputStyle: {
     ..._core.IOStyles.flex,
-    ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro"),
     fontSize: 16,
     marginTop: _core.IOSpacingScale[2],
     lineHeight: 24,
     height: "100%"
   },
+  textInputStyleFont: {
+    ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro")
+  },
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  textInputStyleLegacyFont: {
+    ...(0, _fonts.makeFontStyleObject)("SemiBold", false, "TitilliumWeb")
+  },
   textInputLabelWrapper: {
     position: "absolute",
     paddingHorizontal: 12,
@@ -172,6 +178,9 @@ const TextInputBase = _ref2 => {
   }, [value, labelSharedValue, onBlur]);
   const derivedInputProps = (0, _react.useMemo)(() => (0, _textInput.getInputPropsByType)(inputTyoe), [inputTyoe]);
   const inputValue = (0, _react.useMemo)(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: onTextInputPress,
     style: [inputStatus === "disabled" ? {
@@ -205,7 +214,7 @@ const TextInputBase = _ref2 => {
     onBlur: onBlurHandler,
     value: inputValue,
     onChangeText: onChangeTextHandler,
-    style: styles.textInputStyle
+    style: [styles.textInputStyle, isExperimental ? styles.textInputStyleFont : styles.textInputStyleLegacyFont]
   })), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: [styles.textInputLabelWrapper, icon ? {
       left: 32