@pagopa/io-app-design-system 1.36.5 → 1.36.7

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

@@ -15,37 +15,6 @@ var _icons = require("../icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-const mapVariants = {
-  qrCode: {
-    iconColor: "blueIO-500",
-    iconName: "qrCode"
-  },
-  attachment: {
-    iconColor: "grey-700",
-    iconName: "attachment"
-  },
-  legalMessage: {
-    iconColor: "blueIO-500",
-    iconName: "legalValue"
-  },
-  info: {
-    iconColor: "info-700",
-    iconName: "info"
-  },
-  warning: {
-    iconColor: "warning-700",
-    iconName: "warningFilled"
-  },
-  error: {
-    iconColor: "error-600",
-    iconName: "errorFilled"
-  },
-  success: {
-    iconColor: "success-700",
-    iconName: "success"
-  },
-  noIcon: undefined
-};
 const IOTagIconMargin = 6;
 const IOTagIconSize = 16;
 const styles = _reactNative.StyleSheet.create({
@@ -89,6 +58,51 @@ const styles = _reactNative.StyleSheet.create({
     ...(0, _fonts.makeFontStyleObject)("SemiBold", false, "TitilliumWeb")
   }
 });
+const getVariantProps = (variant, customIconProps) => {
+  switch (variant) {
+    case "customIcon":
+      return customIconProps;
+    case "qrCode":
+      return {
+        iconColor: "blueIO-500",
+        iconName: "qrCode"
+      };
+    case "attachment":
+      return {
+        iconColor: "grey-700",
+        iconName: "attachment"
+      };
+    case "legalMessage":
+      return {
+        iconColor: "blueIO-500",
+        iconName: "legalValue"
+      };
+    case "info":
+      return {
+        iconColor: "info-700",
+        iconName: "info"
+      };
+    case "warning":
+      return {
+        iconColor: "warning-700",
+        iconName: "warningFilled"
+      };
+    case "error":
+      return {
+        iconColor: "error-600",
+        iconName: "errorFilled"
+      };
+    case "success":
+      return {
+        iconColor: "success-700",
+        iconName: "success"
+      };
+    case "noIcon":
+      return undefined;
+    default:
+      return undefined;
+  }
+};
 
 /**
  * Tag component, used mainly for message list and details
@@ -98,15 +112,17 @@ const Tag = _ref => {
     text,
     variant,
     testID,
+    customIconProps,
     iconAccessibilityLabel
   } = _ref;
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
+  const variantProps = getVariantProps(variant, customIconProps);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: testID,
     style: styles.tag
-  }, (0, _function.pipe)(mapVariants[variant], O.fromNullable, O.fold(() => null, _ref2 => {
+  }, (0, _function.pipe)(variantProps, O.fromNullable, O.fold(() => null, _ref2 => {
     let {
       iconColor,
       iconName
@@ -120,7 +136,7 @@ const Tag = _ref => {
       accessible: !!iconAccessibilityLabel,
       accessibilityLabel: iconAccessibilityLabel
     }));
-  })), mapVariants[variant] && text && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), variantProps && text && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.spacer
   }), text && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     numberOfLines: 1,

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

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

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

@@ -6,37 +6,6 @@ import { IOColors, IOTagRadius, useIOExperimentalDesign } from "../../core";
 import { IOTagHSpacing, IOTagVSpacing } from "../../core/IOSpacing";
 import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-const mapVariants = {
-  qrCode: {
-    iconColor: "blueIO-500",
-    iconName: "qrCode"
-  },
-  attachment: {
-    iconColor: "grey-700",
-    iconName: "attachment"
-  },
-  legalMessage: {
-    iconColor: "blueIO-500",
-    iconName: "legalValue"
-  },
-  info: {
-    iconColor: "info-700",
-    iconName: "info"
-  },
-  warning: {
-    iconColor: "warning-700",
-    iconName: "warningFilled"
-  },
-  error: {
-    iconColor: "error-600",
-    iconName: "errorFilled"
-  },
-  success: {
-    iconColor: "success-700",
-    iconName: "success"
-  },
-  noIcon: undefined
-};
 const IOTagIconMargin = 6;
 const IOTagIconSize = 16;
 const styles = StyleSheet.create({
@@ -80,6 +49,51 @@ const styles = StyleSheet.create({
     ...makeFontStyleObject("SemiBold", false, "TitilliumWeb")
   }
 });
+const getVariantProps = (variant, customIconProps) => {
+  switch (variant) {
+    case "customIcon":
+      return customIconProps;
+    case "qrCode":
+      return {
+        iconColor: "blueIO-500",
+        iconName: "qrCode"
+      };
+    case "attachment":
+      return {
+        iconColor: "grey-700",
+        iconName: "attachment"
+      };
+    case "legalMessage":
+      return {
+        iconColor: "blueIO-500",
+        iconName: "legalValue"
+      };
+    case "info":
+      return {
+        iconColor: "info-700",
+        iconName: "info"
+      };
+    case "warning":
+      return {
+        iconColor: "warning-700",
+        iconName: "warningFilled"
+      };
+    case "error":
+      return {
+        iconColor: "error-600",
+        iconName: "errorFilled"
+      };
+    case "success":
+      return {
+        iconColor: "success-700",
+        iconName: "success"
+      };
+    case "noIcon":
+      return undefined;
+    default:
+      return undefined;
+  }
+};
 
 /**
  * Tag component, used mainly for message list and details
@@ -89,15 +103,17 @@ export const Tag = _ref => {
     text,
     variant,
     testID,
+    customIconProps,
     iconAccessibilityLabel
   } = _ref;
   const {
     isExperimental
   } = useIOExperimentalDesign();
+  const variantProps = getVariantProps(variant, customIconProps);
   return /*#__PURE__*/React.createElement(View, {
     testID: testID,
     style: styles.tag
-  }, pipe(mapVariants[variant], O.fromNullable, O.fold(() => null, _ref2 => {
+  }, pipe(variantProps, O.fromNullable, O.fold(() => null, _ref2 => {
     let {
       iconColor,
       iconName
@@ -111,7 +127,7 @@ export const Tag = _ref => {
       accessible: !!iconAccessibilityLabel,
       accessibilityLabel: iconAccessibilityLabel
     }));
-  })), mapVariants[variant] && text && /*#__PURE__*/React.createElement(View, {
+  })), variantProps && text && /*#__PURE__*/React.createElement(View, {
     style: styles.spacer
   }), text && /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["O","pipe","React","Platform","StyleSheet","Text","View","IOColors","IOTagRadius","useIOExperimentalDesign","IOTagHSpacing","IOTagVSpacing","makeFontStyleObject","Icon","mapVariants","qrCode","iconColor","iconName","attachment","legalMessage","info","warning","error","success","noIcon","undefined","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","backgroundColor","white","borderWidth","borderColor","borderRadius","borderCurve","paddingHorizontal","paddingVertical","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","labelFont","legacyLabelFont","Tag","_ref","text","variant","testID","iconAccessibilityLabel","isExperimental","createElement","style","fromNullable","fold","_ref2","name","size","accessible","accessibilityLabel","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
+{"version":3,"names":["O","pipe","React","Platform","StyleSheet","Text","View","IOColors","IOTagRadius","useIOExperimentalDesign","IOTagHSpacing","IOTagVSpacing","makeFontStyleObject","Icon","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","backgroundColor","white","borderWidth","borderColor","borderRadius","borderCurve","paddingHorizontal","paddingVertical","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","labelFont","legacyLabelFont","getVariantProps","variant","customIconProps","iconColor","iconName","undefined","Tag","_ref","text","testID","iconAccessibilityLabel","isExperimental","variantProps","createElement","style","fromNullable","fold","_ref2","name","size","accessible","accessibilityLabel","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}

package/lib/typescript/components/listitems/ListItemSwitch.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { GestureResponderEvent, Switch } from "react-native";
-import { WithTestID } from "src/utils/types";
+import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { IOIcons } from "../icons";
 import { IOLogoPaymentType } from "../logos";

package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,gJAatB,mBAAmB,uBAsIvB,CAAC"}
+{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,gJAatB,mBAAmB,uBAsIvB,CAAC"}

package/lib/typescript/components/tag/Tag.d.ts

@@ -1,12 +1,25 @@
 import React from "react";
+import { IOColors } from "../../core";
 import { WithTestID } from "../../utils/types";
+import { IOIcons } from "../icons";
 export type Tag = WithTestID<{
     text?: string;
     variant: "qrCode" | "legalMessage" | "info" | "warning" | "error" | "success" | "attachment" | "noIcon";
     iconAccessibilityLabel?: string;
+    customIconProps?: never;
+} | {
+    text?: string;
+    variant: "customIcon";
+    customIconProps: VariantProps;
+    iconAccessibilityLabel?: string;
 }>;
+type VariantProps = {
+    iconColor: IOColors;
+    iconName: IOIcons;
+};
 /**
  * Tag component, used mainly for message list and details
  */
-export declare const Tag: ({ text, variant, testID, iconAccessibilityLabel }: Tag) => React.JSX.Element;
+export declare const Tag: ({ text, variant, testID, customIconProps, iconAccessibilityLabel }: Tag) => React.JSX.Element;
+export {};
 //# sourceMappingURL=Tag.d.ts.map

package/lib/typescript/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,MAAM,MAAM,GAAG,GAAG,UAAU,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC,CAAC;AAuFH;;GAEG;AACH,eAAO,MAAM,GAAG,sDAAuD,GAAG,sBAqCzE,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAwC,MAAM,YAAY,CAAC;AAO5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAE1D,MAAM,MAAM,GAAG,GAAG,UAAU,CACxB;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,YAAY,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CACJ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAgGF;;GAEG;AACH,eAAO,MAAM,GAAG,uEAMb,GAAG,sBAwCL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.36.5",
+  "version": "1.36.7",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/listitems/ListItemSwitch.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import { GestureResponderEvent, Platform, Switch, View } from "react-native";
-import { WithTestID } from "src/utils/types";
+import { WithTestID } from "../../utils/types";
 import {
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams,

package/src/components/tag/Tag.tsx

@@ -12,60 +12,34 @@ import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
 import { IOIconSizeScale, IOIcons, Icon } from "../icons";
 
-export type Tag = WithTestID<{
-  text?: string;
-  variant:
-    | "qrCode"
-    | "legalMessage"
-    | "info"
-    | "warning"
-    | "error"
-    | "success"
-    | "attachment"
-    | "noIcon";
-  iconAccessibilityLabel?: string;
-}>;
+export type Tag = WithTestID<
+  | {
+      text?: string;
+      variant:
+        | "qrCode"
+        | "legalMessage"
+        | "info"
+        | "warning"
+        | "error"
+        | "success"
+        | "attachment"
+        | "noIcon";
+      iconAccessibilityLabel?: string;
+      customIconProps?: never;
+    }
+  | {
+      text?: string;
+      variant: "customIcon";
+      customIconProps: VariantProps;
+      iconAccessibilityLabel?: string;
+    }
+>;
 
 type VariantProps = {
   iconColor: IOColors;
   iconName: IOIcons;
 };
 
-const mapVariants: Record<
-  NonNullable<Tag["variant"]>,
-  VariantProps | undefined
-> = {
-  qrCode: {
-    iconColor: "blueIO-500",
-    iconName: "qrCode"
-  },
-  attachment: {
-    iconColor: "grey-700",
-    iconName: "attachment"
-  },
-  legalMessage: {
-    iconColor: "blueIO-500",
-    iconName: "legalValue"
-  },
-  info: {
-    iconColor: "info-700",
-    iconName: "info"
-  },
-  warning: {
-    iconColor: "warning-700",
-    iconName: "warningFilled"
-  },
-  error: {
-    iconColor: "error-600",
-    iconName: "errorFilled"
-  },
-  success: {
-    iconColor: "success-700",
-    iconName: "success"
-  },
-  noIcon: undefined
-};
-
 const IOTagIconMargin: IOSpacingScale = 6;
 const IOTagIconSize: IOIconSizeScale = 16;
 
@@ -111,15 +85,73 @@ const styles = StyleSheet.create({
   }
 });
 
+const getVariantProps = (
+  variant: NonNullable<Tag["variant"]>,
+  customIconProps?: VariantProps
+): VariantProps | undefined => {
+  switch (variant) {
+    case "customIcon":
+      return customIconProps;
+    case "qrCode":
+      return {
+        iconColor: "blueIO-500",
+        iconName: "qrCode"
+      };
+    case "attachment":
+      return {
+        iconColor: "grey-700",
+        iconName: "attachment"
+      };
+    case "legalMessage":
+      return {
+        iconColor: "blueIO-500",
+        iconName: "legalValue"
+      };
+    case "info":
+      return {
+        iconColor: "info-700",
+        iconName: "info"
+      };
+    case "warning":
+      return {
+        iconColor: "warning-700",
+        iconName: "warningFilled"
+      };
+    case "error":
+      return {
+        iconColor: "error-600",
+        iconName: "errorFilled"
+      };
+    case "success":
+      return {
+        iconColor: "success-700",
+        iconName: "success"
+      };
+    case "noIcon":
+      return undefined;
+    default:
+      return undefined;
+  }
+};
+
 /**
  * Tag component, used mainly for message list and details
  */
-export const Tag = ({ text, variant, testID, iconAccessibilityLabel }: Tag) => {
+export const Tag = ({
+  text,
+  variant,
+  testID,
+  customIconProps,
+  iconAccessibilityLabel
+}: Tag) => {
   const { isExperimental } = useIOExperimentalDesign();
+
+  const variantProps = getVariantProps(variant, customIconProps);
+
   return (
     <View testID={testID} style={styles.tag}>
       {pipe(
-        mapVariants[variant],
+        variantProps,
         O.fromNullable,
         O.fold(
           () => null,
@@ -136,7 +168,7 @@ export const Tag = ({ text, variant, testID, iconAccessibilityLabel }: Tag) => {
           )
         )
       )}
-      {mapVariants[variant] && text && <View style={styles.spacer} />}
+      {variantProps && text && <View style={styles.spacer} />}
       {text && (
         <Text
           numberOfLines={1}