@pagopa/io-app-design-system 1.36.8 → 1.36.10

package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -437,7 +437,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfoCopy Snap
       <View
         style={
           {
-            "marginLeft": 16,
+            "marginLeft": 12,
           }
         }
       >
@@ -611,74 +611,66 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNav Snapshot
           testValue
         </Text>
       </View>
-      <View
+      <RNSVGSvgView
+        accessibilityElementsHidden={true}
+        accessibilityLabel=""
+        accessible={false}
+        align="xMidYMid"
+        bbHeight={24}
+        bbWidth={24}
+        focusable={false}
+        height={24}
+        importantForAccessibility="no-hide-descendants"
+        meetOrSlice={0}
+        minX={0}
+        minY={0}
         style={
-          {
-            "marginLeft": 16,
-          }
+          [
+            {
+              "backgroundColor": "transparent",
+              "borderWidth": 0,
+            },
+            {
+              "color": "#0B3EE3",
+            },
+            {
+              "flex": 0,
+              "height": 24,
+              "width": 24,
+            },
+          ]
         }
+        tintColor="#0B3EE3"
+        vbHeight={24}
+        vbWidth={24}
+        width={24}
       >
-        <RNSVGSvgView
-          accessibilityElementsHidden={true}
-          accessibilityLabel=""
-          accessible={false}
-          align="xMidYMid"
-          bbHeight={24}
-          bbWidth={24}
-          focusable={false}
-          height={24}
-          importantForAccessibility="no-hide-descendants"
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          style={
-            [
-              {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              {
-                "color": "#0B3EE3",
-              },
-              {
-                "flex": 0,
-                "height": 24,
-                "width": 24,
-              },
-            ]
+        <RNSVGGroup
+          fill={
+            {
+              "payload": 4278190080,
+              "type": 0,
+            }
           }
-          tintColor="#0B3EE3"
-          vbHeight={24}
-          vbWidth={24}
-          width={24}
         >
-          <RNSVGGroup
+          <RNSVGPath
+            clipRule={0}
+            d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
             fill={
               {
-                "payload": 4278190080,
-                "type": 0,
+                "type": 2,
               }
             }
-          >
-            <RNSVGPath
-              clipRule={0}
-              d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
-              fill={
-                {
-                  "type": 2,
-                }
-              }
-              fillRule={0}
-              propList={
-                [
-                  "fill",
-                  "fillRule",
-                ]
-              }
-            />
-          </RNSVGGroup>
-        </RNSVGSvgView>
-      </View>
+            fillRule={0}
+            propList={
+              [
+                "fill",
+                "fillRule",
+              ]
+            }
+          />
+        </RNSVGGroup>
+      </RNSVGSvgView>
     </View>
   </View>
 </View>
@@ -753,7 +745,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNavAlert Snap
       <View
         style={
           {
-            "marginRight": 16,
+            "marginRight": 12,
           }
         }
       >
@@ -859,7 +851,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNavAlert Snap
       <View
         style={
           {
-            "marginLeft": 16,
+            "marginLeft": 12,
           }
         }
       >
@@ -1613,7 +1605,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemTransaction S
     <View
       style={
         {
-          "marginRight": 16,
+          "marginRight": 12,
         }
       }
     >
@@ -1702,7 +1694,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemTransaction S
     <View
       style={
         {
-          "marginLeft": 16,
+          "marginLeft": 12,
         }
       }
     >
@@ -2240,7 +2232,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
       <View
         style={
           {
-            "marginLeft": 16,
+            "marginLeft": 12,
           }
         }
       >
@@ -2414,74 +2406,66 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
           testValue
         </Text>
       </View>
-      <View
+      <RNSVGSvgView
+        accessibilityElementsHidden={true}
+        accessibilityLabel=""
+        accessible={false}
+        align="xMidYMid"
+        bbHeight={24}
+        bbWidth={24}
+        focusable={false}
+        height={24}
+        importantForAccessibility="no-hide-descendants"
+        meetOrSlice={0}
+        minX={0}
+        minY={0}
         style={
-          {
-            "marginLeft": 16,
-          }
+          [
+            {
+              "backgroundColor": "transparent",
+              "borderWidth": 0,
+            },
+            {
+              "color": "#0073E6",
+            },
+            {
+              "flex": 0,
+              "height": 24,
+              "width": 24,
+            },
+          ]
         }
+        tintColor="#0073E6"
+        vbHeight={24}
+        vbWidth={24}
+        width={24}
       >
-        <RNSVGSvgView
-          accessibilityElementsHidden={true}
-          accessibilityLabel=""
-          accessible={false}
-          align="xMidYMid"
-          bbHeight={24}
-          bbWidth={24}
-          focusable={false}
-          height={24}
-          importantForAccessibility="no-hide-descendants"
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          style={
-            [
-              {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              {
-                "color": "#0073E6",
-              },
-              {
-                "flex": 0,
-                "height": 24,
-                "width": 24,
-              },
-            ]
+        <RNSVGGroup
+          fill={
+            {
+              "payload": 4278190080,
+              "type": 0,
+            }
           }
-          tintColor="#0073E6"
-          vbHeight={24}
-          vbWidth={24}
-          width={24}
         >
-          <RNSVGGroup
+          <RNSVGPath
+            clipRule={0}
+            d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
             fill={
               {
-                "payload": 4278190080,
-                "type": 0,
+                "type": 2,
               }
             }
-          >
-            <RNSVGPath
-              clipRule={0}
-              d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
-              fill={
-                {
-                  "type": 2,
-                }
-              }
-              fillRule={0}
-              propList={
-                [
-                  "fill",
-                  "fillRule",
-                ]
-              }
-            />
-          </RNSVGGroup>
-        </RNSVGSvgView>
-      </View>
+            fillRule={0}
+            propList={
+              [
+                "fill",
+                "fillRule",
+              ]
+            }
+          />
+        </RNSVGGroup>
+      </RNSVGSvgView>
     </View>
   </View>
 </View>
@@ -2556,7 +2540,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
       <View
         style={
           {
-            "marginRight": 16,
+            "marginRight": 12,
           }
         }
       >
@@ -2662,7 +2646,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
       <View
         style={
           {
-            "marginLeft": 16,
+            "marginLeft": 12,
           }
         }
       >
@@ -3416,7 +3400,7 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
     <View
       style={
         {
-          "marginRight": 16,
+          "marginRight": 12,
         }
       }
     >
@@ -3505,7 +3489,7 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
     <View
       style={
         {
-          "marginLeft": 16,
+          "marginLeft": 12,
         }
       }
     >

package/lib/module/components/modules/ModuleCredential.js

@@ -2,10 +2,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from "react";
 import { Image, StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemVisualParams, IOModuleStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { IOListItemVisualParams, IOModuleStyles, IOSelectionListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
-import { HSpacer } from "../spacer";
 import { LabelSmallAlt } from "../typography";
 import { PressableModuleBase } from "./PressableModuleBase";
 const ModuleCredential = props => {
@@ -21,7 +20,11 @@ const ModuleCredential = props => {
     badge,
     ...pressableProps
   } = props;
-  const iconComponent = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+  const iconComponent = /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOVisualCostants.iconMargin
+    }
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: 24,
     color: "grey-300"
@@ -32,11 +35,11 @@ const ModuleCredential = props => {
   }));
   return /*#__PURE__*/React.createElement(PressableModuleBase, _extends({}, pressableProps, {
     onPress: onPress
-  }), /*#__PURE__*/React.createElement(View, null, iconComponent), /*#__PURE__*/React.createElement(View, {
+  }), (icon || image) && iconComponent, /*#__PURE__*/React.createElement(View, {
     style: {
       flexGrow: 1,
       flexShrink: 1,
-      paddingHorizontal: 8
+      paddingRight: 8
     }
   }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     color: "blueIO-500",
@@ -54,14 +57,16 @@ const ModuleCredentialSkeleton = () => /*#__PURE__*/React.createElement(View, {
   style: IOModuleStyles.button
 }, /*#__PURE__*/React.createElement(View, {
   style: [IOStyles.row, IOStyles.alignCenter]
+}, /*#__PURE__*/React.createElement(View, {
+  style: {
+    marginRight: IOVisualCostants.iconMargin
+  }
 }, /*#__PURE__*/React.createElement(Placeholder.Box, {
   animate: "fade",
   width: 24,
   height: 24,
   radius: 8
-}), /*#__PURE__*/React.createElement(HSpacer, {
-  size: 8
-}), /*#__PURE__*/React.createElement(Placeholder.Box, {
+})), /*#__PURE__*/React.createElement(Placeholder.Box, {
   animate: "fade",
   width: 96,
   height: 19,

package/lib/module/components/modules/ModuleCredential.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOModuleStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Badge","Icon","HSpacer","LabelSmallAlt","PressableModuleBase","ModuleCredential","props","theme","isLoading","createElement","ModuleCredentialSkeleton","icon","image","label","onPress","badge","pressableProps","iconComponent","Fragment","name","size","color","source","style","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingHorizontal","numberOfLines","lineBreakMode","row","chevronSize","button","alignCenter","Box","animate","width","height","radius","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOModuleStyles","IOSelectionListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Badge","Icon","LabelSmallAlt","PressableModuleBase","ModuleCredential","props","theme","isLoading","createElement","ModuleCredentialSkeleton","icon","image","label","onPress","badge","pressableProps","iconComponent","style","marginRight","iconMargin","name","size","color","source","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingRight","numberOfLines","lineBreakMode","row","chevronSize","button","alignCenter","Box","animate","width","height","radius","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EAGLC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SACEC,sBAAsB,EACtBC,cAAc,EACdC,+BAA+B,EAC/BC,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SACEC,mBAAmB,QAEd,uBAAuB;AAmB9B,MAAMC,gBAAgB,GAAIC,KAAwC,IAAK;EACrE,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAE1B,IAAIM,KAAK,CAACE,SAAS,EAAE;IACnB,oBAAOlB,KAAA,CAAAmB,aAAA,CAACC,wBAAwB,MAAE,CAAC;EACrC;EAEA,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGV,KAAK;EAEvE,MAAMW,aAAa,gBACjB3B,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACyB,KAAK,EAAE;MAAEC,WAAW,EAAEpB,gBAAgB,CAACqB;IAAW;EAAE,GACvDT,IAAI,iBAAIrB,KAAA,CAAAmB,aAAA,CAACP,IAAI;IAACmB,IAAI,EAAEV,IAAK;IAACW,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAU,CAAE,CAAC,EACvDX,KAAK,iBACJtB,KAAA,CAAAmB,aAAA,CAAClB,KAAK;IACJiC,MAAM,EAAEZ,KAAM;IACdM,KAAK,EAAEO,MAAM,CAACb,KAAM;IACpBc,gCAAgC,EAAE;EAAK,CACxC,CAEC,CACP;EAED,oBACEpC,KAAA,CAAAmB,aAAA,CAACL,mBAAmB,EAAAuB,QAAA,KAAKX,cAAc;IAAEF,OAAO,EAAEA;EAAQ,IACvD,CAACH,IAAI,IAAIC,KAAK,KAAKK,aAAa,eACjC3B,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACyB,KAAK,EAAE;MAAEU,QAAQ,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;MAAEC,YAAY,EAAE;IAAE;EAAE,gBAC3DxC,KAAA,CAAAmB,aAAA,CAACN,aAAa;IACZoB,KAAK,EAAC,YAAY;IAClBQ,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;EAAQ,GAErBnB,KACY,CACX,CAAC,eACPvB,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACyB,KAAK,EAAEpB,QAAQ,CAACmC;EAAI,GACvBlB,KAAK,iBAAIzB,KAAA,CAAAmB,aAAA,CAACR,KAAK,EAAKc,KAAQ,CAAC,EAC7BD,OAAO,iBACNxB,KAAA,CAAAmB,aAAA,CAACP,IAAI;IACHmB,IAAI,EAAC,sBAAsB;IAC3BE,KAAK,EAAEhB,KAAK,CAAC,yBAAyB,CAAE;IACxCe,IAAI,EAAE3B,sBAAsB,CAACuC;EAAY,CAC1C,CAEC,CACa,CAAC;AAE1B,CAAC;AAED,MAAMxB,wBAAwB,GAAGA,CAAA,kBAC/BpB,KAAA,CAAAmB,aAAA,CAAChB,IAAI;EAACyB,KAAK,EAAEtB,cAAc,CAACuC;AAAO,gBACjC7C,KAAA,CAAAmB,aAAA,CAAChB,IAAI;EAACyB,KAAK,EAAE,CAACpB,QAAQ,CAACmC,GAAG,EAAEnC,QAAQ,CAACsC,WAAW;AAAE,gBAChD9C,KAAA,CAAAmB,aAAA,CAAChB,IAAI;EAACyB,KAAK,EAAE;IAAEC,WAAW,EAAEpB,gBAAgB,CAACqB;EAAW;AAAE,gBACxD9B,KAAA,CAAAmB,aAAA,CAACf,WAAW,CAAC2C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAC/D,CAAC,eACPnD,KAAA,CAAAmB,aAAA,CAACf,WAAW,CAAC2C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAC/D,CAAC,eACPnD,KAAA,CAAAmB,aAAA,CAACf,WAAW,CAAC2C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAC/D,CACP;AAED,MAAMhB,MAAM,GAAGjC,UAAU,CAACkD,MAAM,CAAC;EAC/B9B,KAAK,EAAE;IACL2B,KAAK,EAAE1C,+BAA+B,CAAC8C,QAAQ;IAC/CH,MAAM,EAAE3C,+BAA+B,CAAC8C,QAAQ;IAChDC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,SAASvC,gBAAgB"}

package/lib/module/components/modules/ModuleIDP.js

@@ -38,7 +38,8 @@ export const ModuleIDP = _ref => {
     logo,
     withLooseSpacing = false,
     onPress,
-    testID
+    testID,
+    accessibilityLabel
   } = _ref;
   const {
     isExperimental
@@ -53,7 +54,8 @@ export const ModuleIDP = _ref => {
     testID: testID,
     withLooseSpacing: withLooseSpacing
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.idpName, isExperimental ? styles.idpNameFont : styles.idpLegacyNameFont]
+    style: [styles.idpName, isExperimental ? styles.idpNameFont : styles.idpLegacyNameFont],
+    accessibilityLabel: accessibilityLabel ?? name
   }, name), /*#__PURE__*/React.createElement(Image, {
     accessibilityIgnoresInvertColors: true,
     source: urlLogoIDP,

package/lib/module/components/modules/ModuleIDP.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","Platform","StyleSheet","Text","IOColors","IOListItemLogoMargin","useIOExperimentalDesign","toAndroidCacheTimestamp","makeFontStyleObject","PressableModuleBase","styles","create","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","idpLegacyNameFont","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","isExperimental","urlLogoIDP","uri","createElement","style","accessibilityIgnoresInvertColors","source"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SACEC,QAAQ,EACRC,oBAAoB,EACpBC,uBAAuB,QAClB,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SACEC,mBAAmB,QAEd,uBAAuB;AAQ9B,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,KAAK,EAAET,QAAQ,CAAC,UAAU,CAAC;IAC3BU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACX,GAAGX,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDY,iBAAiB,EAAE;IACjB,GAAGZ,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D,CAAC;EACDa,OAAO,EAAE;IACPC,WAAW,EAAEjB,oBAAoB;IACjCkB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCzB,QAAQ,CAAC0B,EAAE,KAAK,SAAS,GAAI,OAAMpB,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMqB,SAAS,GAAGC,IAAA,IAOR;EAAA,IAPS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC;EACS,CAAC,GAAAN,IAAA;EACV,MAAM;IAAEO;EAAe,CAAC,GAAG9B,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAM+B,UAAU,GAAGN,SAAS,GACxBA,SAAS,GACT;IACEO,GAAG,EAAG,GAAEN,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACE3B,KAAA,CAAAwC,aAAA,CAAC9B,mBAAmB;IAClByB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnClC,KAAA,CAAAwC,aAAA,CAACpC,IAAI;IACHqC,KAAK,EAAE,CACL9B,MAAM,CAACE,OAAO,EACdwB,cAAc,GAAG1B,MAAM,CAACS,WAAW,GAAGT,MAAM,CAACU,iBAAiB;EAC9D,GAEDU,IACG,CAAC,eACP/B,KAAA,CAAAwC,aAAA,CAACvC,KAAK;IACJyC,gCAAgC;IAChCC,MAAM,EAAEL,UAAW;IACnBG,KAAK,EAAE9B,MAAM,CAACW;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}
+{"version":3,"names":["React","Image","Platform","StyleSheet","Text","IOColors","IOListItemLogoMargin","useIOExperimentalDesign","toAndroidCacheTimestamp","makeFontStyleObject","PressableModuleBase","styles","create","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","idpLegacyNameFont","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","accessibilityLabel","isExperimental","urlLogoIDP","uri","createElement","style","accessibilityIgnoresInvertColors","source"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SACEC,QAAQ,EACRC,oBAAoB,EACpBC,uBAAuB,QAClB,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,KAAK,EAAET,QAAQ,CAAC,UAAU,CAAC;IAC3BU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACX,GAAGX,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDY,iBAAiB,EAAE;IACjB,GAAGZ,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D,CAAC;EACDa,OAAO,EAAE;IACPC,WAAW,EAAEjB,oBAAoB;IACjCkB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCzB,QAAQ,CAAC0B,EAAE,KAAK,SAAS,GAAI,OAAMpB,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMqB,SAAS,GAAGC,IAAA,IAQR;EAAA,IARS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC,MAAM;IACNC;EACS,CAAC,GAAAP,IAAA;EACV,MAAM;IAAEQ;EAAe,CAAC,GAAG/B,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAMgC,UAAU,GAAGP,SAAS,GACxBA,SAAS,GACT;IACEQ,GAAG,EAAG,GAAEP,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACE3B,KAAA,CAAAyC,aAAA,CAAC/B,mBAAmB;IAClByB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnClC,KAAA,CAAAyC,aAAA,CAACrC,IAAI;IACHsC,KAAK,EAAE,CACL/B,MAAM,CAACE,OAAO,EACdyB,cAAc,GAAG3B,MAAM,CAACS,WAAW,GAAGT,MAAM,CAACU,iBAAiB,CAC9D;IACFgB,kBAAkB,EAAEA,kBAAkB,IAAIN;EAAK,GAE9CA,IACG,CAAC,eACP/B,KAAA,CAAAyC,aAAA,CAACxC,KAAK;IACJ0C,gCAAgC;IAChCC,MAAM,EAAEL,UAAW;IACnBG,KAAK,EAAE/B,MAAM,CAACW;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}

package/lib/module/components/modules/ModuleNavigation.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from "react";
 import { Image, StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemVisualParams, IOModuleStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { IOListItemVisualParams, IOModuleStyles, IOSelectionListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { VSpacer } from "../spacer";
@@ -22,7 +22,11 @@ export const ModuleNavigation = props => {
     badge,
     ...pressableProps
   } = props;
-  const iconComponent = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+  const iconComponent = /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOVisualCostants.iconMargin
+    }
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: 24,
     color: "grey-300"
@@ -33,11 +37,11 @@ export const ModuleNavigation = props => {
   }));
   return /*#__PURE__*/React.createElement(PressableModuleBase, _extends({}, pressableProps, {
     onPress: onPress
-  }), /*#__PURE__*/React.createElement(View, null, iconComponent), /*#__PURE__*/React.createElement(View, {
+  }), (icon || image) && iconComponent, /*#__PURE__*/React.createElement(View, {
     style: {
       flexGrow: 1,
       flexShrink: 1,
-      paddingHorizontal: 8
+      paddingRight: 8
     }
   }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     color: "blueIO-500",
@@ -55,14 +59,18 @@ const ModuleNavigationSkeleton = () => /*#__PURE__*/React.createElement(View, {
   style: IOModuleStyles.button
 }, /*#__PURE__*/React.createElement(View, {
   style: [IOStyles.row, IOStyles.alignCenter]
+}, /*#__PURE__*/React.createElement(View, {
+  style: {
+    marginRight: IOVisualCostants.iconMargin
+  }
 }, /*#__PURE__*/React.createElement(Placeholder.Box, {
   animate: "fade",
   width: 24,
   height: 24,
   radius: 8
-}), /*#__PURE__*/React.createElement(View, {
+})), /*#__PURE__*/React.createElement(View, {
   style: {
-    paddingHorizontal: 8
+    paddingRight: 8
   }
 }, /*#__PURE__*/React.createElement(Placeholder.Box, {
   animate: "fade",

package/lib/module/components/modules/ModuleNavigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOModuleStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Badge","Icon","VSpacer","Chip","LabelSmallAlt","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","Fragment","name","size","color","source","style","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingHorizontal","numberOfLines","lineBreakMode","chevronSize","button","row","alignCenter","Box","animate","width","height","radius","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOModuleStyles","IOSelectionListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Badge","Icon","VSpacer","Chip","LabelSmallAlt","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","style","marginRight","iconMargin","name","size","color","source","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingRight","numberOfLines","lineBreakMode","chevronSize","button","row","alignCenter","Box","animate","width","height","radius","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}

package/lib/module/components/pictograms/Pictogram.js

@@ -3,11 +3,14 @@ import React, { useMemo } from "react";
 import { IOColors, IOThemeDark, IOThemeLight, useIOTheme } from "../../core";
 import PictogramAbacus from "./svg/PictogramAbacus";
 import PictogramAccessDenied from "./svg/PictogramAccessDenied";
+import PictogramActivate from "./svg/PictogramActivate";
 import PictogramAirBaloon from "./svg/PictogramAirBaloon";
 import PictogramAirship from "./svg/PictogramAirship";
+import PictogramAttachment from "./svg/PictogramAttachment";
 import PictogramAttention from "./svg/PictogramAttention";
 import PictogramBaloons from "./svg/PictogramBaloons";
 import PictogramBeerMug from "./svg/PictogramBeerMug";
+import PictogramBiometric from "./svg/PictogramBiometric";
 import PictogramCameraDenied from "./svg/PictogramCameraDenied";
 import PictogramCameraRequest from "./svg/PictogramCameraRequest";
 import PictogramCharity from "./svg/PictogramCharity";
@@ -66,10 +69,8 @@ import PictogramUnrecognized from "./svg/PictogramUnrecognized";
 import PictogramUpdateOS from "./svg/PictogramUpdateOS";
 import PictogramUploadFile from "./svg/PictogramUploadFile";
 /* Bleed Pictograms */
-import PictogramActivate from "./svg/PictogramActivate";
-import PictogramAttachment from "./svg/PictogramAttachment";
-import PictogramBiometric from "./svg/PictogramBiometric";
 import PictogramBleedAccessDenied from "./svg/PictogramBleedAccessDenied";
+import PictogramBleedActivate from "./svg/PictogramBleedActivate";
 import PictogramBleedAttention from "./svg/PictogramBleedAttention";
 import PictogramBleedCameraDenied from "./svg/PictogramBleedCameraDenied";
 import PictogramBleedCameraRequest from "./svg/PictogramBleedCameraRequest";
@@ -99,6 +100,7 @@ import PictogramBleedPasscode from "./svg/PictogramBleedPasscode";
 import PictogramBleedPayments from "./svg/PictogramBleedPayments";
 import PictogramBleedPending from "./svg/PictogramBleedPending";
 import PictogramBleedQrCode from "./svg/PictogramBleedQrCode";
+import PictogramBleedReactivate from "./svg/PictogramBleedReactivate";
 import PictogramBleedSearch from "./svg/PictogramBleedSearch";
 import PictogramBleedSecurity from "./svg/PictogramBleedSecurity";
 import PictogramBleedStar from "./svg/PictogramBleedStar";
@@ -106,6 +108,7 @@ import PictogramBleedStopSecurity from "./svg/PictogramBleedStopSecurity";
 import PictogramBleedSuccess from "./svg/PictogramBleedSuccess";
 import PictogramBleedTime from "./svg/PictogramBleedTime";
 import PictogramBleedTiming from "./svg/PictogramBleedTiming";
+/* End Bleed Pictograms */
 import PictogramCardAdd from "./svg/PictogramCardAdd";
 import PictogramCardFavourite from "./svg/PictogramCardFavourite";
 import PictogramCardIssue from "./svg/PictogramCardIssue";
@@ -298,7 +301,9 @@ export const IOPictogramsBleed = {
   doc: PictogramBleedDoc,
   qrCode: PictogramBleedQrCode,
   lostConnection: PictogramBleedLostConnection,
-  payments: PictogramBleedPayments
+  payments: PictogramBleedPayments,
+  activate: PictogramBleedActivate,
+  reactivate: PictogramBleedReactivate
 };
 export const PictogramBleed = _ref2 => {
   let {