@pagopa/io-app-design-system 4.0.0 → 4.0.2

package/lib/commonjs/components/badge/Badge.js

@@ -39,49 +39,95 @@ const Badge = ({
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
   const theme = (0, _core.useIOTheme)();
-  const mapVariants = {
+  const {
+    themeType
+  } = (0, _core.useIOThemeContext)();
+  const bgOpacityDarkMode = 0.2;
+  const mapVariantsLightMode = {
     default: {
       foreground: "grey-700",
-      background: "grey-50"
+      background: _core.IOColors["grey-50"]
     },
     info: {
       foreground: "info-850",
-      background: "info-100"
+      background: _core.IOColors["info-100"]
     },
     warning: {
       foreground: "warning-850",
-      background: "warning-100"
+      background: _core.IOColors["warning-100"]
     },
     success: {
       foreground: "success-850",
-      background: "success-100"
+      background: _core.IOColors["success-100"]
     },
     error: {
       foreground: "error-850",
-      background: "error-100"
+      background: _core.IOColors["error-100"]
     },
     purple: {
       foreground: "hanPurple-500",
-      background: "hanPurple-100"
+      background: _core.IOColors["hanPurple-100"]
     },
     lightBlue: {
       foreground: "blueIO-850",
-      background: "blueIO-50"
+      background: _core.IOColors["blueIO-50"]
     },
     blue: {
       foreground: "white",
-      background: theme["interactiveElem-default"]
+      background: _core.IOColors[theme["interactiveElem-default"]]
     },
     turquoise: {
       foreground: "turquoise-850",
-      background: "turquoise-50"
+      background: _core.IOColors["turquoise-50"]
+    },
+    contrast: {
+      foreground: "grey-700",
+      background: _core.IOColors.white
+    }
+  };
+  const mapVariantsDarkMode = {
+    default: {
+      foreground: "grey-50",
+      background: (0, _core.hexToRgba)(_core.IOColors["grey-50"], bgOpacityDarkMode)
+    },
+    info: {
+      foreground: "info-400",
+      background: (0, _core.hexToRgba)(_core.IOColors["info-400"], bgOpacityDarkMode)
+    },
+    warning: {
+      foreground: "warning-400",
+      background: (0, _core.hexToRgba)(_core.IOColors["warning-400"], bgOpacityDarkMode)
+    },
+    success: {
+      foreground: "success-400",
+      background: (0, _core.hexToRgba)(_core.IOColors["success-400"], bgOpacityDarkMode)
+    },
+    error: {
+      foreground: "error-400",
+      background: (0, _core.hexToRgba)(_core.IOColors["error-400"], bgOpacityDarkMode)
+    },
+    purple: {
+      foreground: "hanPurple-250",
+      background: (0, _core.hexToRgba)(_core.IOColors["hanPurple-250"], bgOpacityDarkMode)
+    },
+    lightBlue: {
+      foreground: "blueIO-200",
+      background: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], bgOpacityDarkMode)
+    },
+    blue: {
+      foreground: "white",
+      background: _core.IOColors[theme["interactiveElem-default"]]
+    },
+    turquoise: {
+      foreground: "turquoise-300",
+      background: (0, _core.hexToRgba)(_core.IOColors["turquoise-300"], bgOpacityDarkMode)
     },
     contrast: {
       foreground: "grey-700",
-      background: "white"
+      background: _core.IOColors.white
     }
   };
-  const mapOutlineVariants = {
+  const mapOutlineVariantsLightMode = {
     default: {
       foreground: "grey-700"
     },
@@ -113,10 +159,45 @@ const Badge = ({
       foreground: "grey-850"
     }
   };
+  const mapOutlineVariantsDarkMode = {
+    default: {
+      foreground: "grey-100"
+    },
+    info: {
+      foreground: "info-400"
+    },
+    warning: {
+      foreground: "warning-400"
+    },
+    success: {
+      foreground: "success-400"
+    },
+    error: {
+      foreground: "error-400"
+    },
+    purple: {
+      foreground: "hanPurple-250"
+    },
+    lightBlue: {
+      foreground: "blueIO-150"
+    },
+    blue: {
+      foreground: theme["interactiveElem-default"]
+    },
+    turquoise: {
+      foreground: "turquoise-300"
+    },
+    contrast: {
+      foreground: "grey-100"
+    }
+  };
+
+  // prettier-ignore
+  const variantMap = themeType === "light" ? outline ? mapOutlineVariantsLightMode : mapVariantsLightMode : outline ? mapOutlineVariantsDarkMode : mapVariantsDarkMode;
   const {
     background,
     foreground
-  } = (outline ? mapOutlineVariants : mapVariants)[variant];
+  } = variantMap[variant];
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     accessible: true,
     testID: testID,
@@ -124,7 +205,7 @@ const Badge = ({
       borderWidth: 1,
       borderColor: _core.IOColors[foreground]
     } : {
-      backgroundColor: background ? _core.IOColors[background] : undefined
+      backgroundColor: background ?? undefined
     }]
   }, /*#__PURE__*/_react.default.createElement(_typography.IOText, {
     font: isExperimental ? "Titillio" : "TitilliumSansPro",

package/lib/commonjs/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_typography","obj","__esModule","default","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderCurve","borderRadius","IOBadgeRadius","paddingHorizontal","IOBadgeHSpacing","paddingVertical","IOBadgeVSpacing","Badge","text","outline","variant","testID","isExperimental","useIOExperimentalDesign","theme","useIOTheme","mapVariants","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","mapOutlineVariants","createElement","View","accessible","style","borderWidth","borderColor","IOColors","backgroundColor","undefined","IOText","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink","exports"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_typography","obj","__esModule","default","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderCurve","borderRadius","IOBadgeRadius","paddingHorizontal","IOBadgeHSpacing","paddingVertical","IOBadgeVSpacing","Badge","text","outline","variant","testID","isExperimental","useIOExperimentalDesign","theme","useIOTheme","themeType","useIOThemeContext","bgOpacityDarkMode","mapVariantsLightMode","foreground","background","IOColors","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","hexToRgba","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","createElement","View","accessible","style","borderWidth","borderColor","backgroundColor","undefined","IOText","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink","exports"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}

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

@@ -17,21 +17,19 @@ var _ModuleStatic = require("./ModuleStatic");
 var _PressableModuleBase = require("./PressableModuleBase");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ModuleCredential = props => {
+const ModuleCredential = props => props.isLoading ? /*#__PURE__*/_react.default.createElement(ModuleCredentialSkeleton, null) : /*#__PURE__*/_react.default.createElement(ModuleCredentialContent, props);
+exports.ModuleCredential = ModuleCredential;
+const ModuleCredentialContent = ({
+  testID,
+  icon,
+  image,
+  label,
+  onPress,
+  badge,
+  isFetching,
+  ...pressableProps
+}) => {
   const theme = (0, _core.useIOTheme)();
-  if (props.isLoading) {
-    return /*#__PURE__*/_react.default.createElement(ModuleCredentialSkeleton, null);
-  }
-  const {
-    testID,
-    icon,
-    image,
-    label,
-    onPress,
-    badge,
-    isFetching,
-    ...pressableProps
-  } = props;
   const iconComponent = icon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: icon,
     size: _core.IOSelectionListItemVisualParams.iconSize,
@@ -42,6 +40,28 @@ const ModuleCredential = props => {
     style: styles.image,
     accessibilityIgnoresInvertColors: true
   });
+  const endComponent = _react.default.useMemo(() => {
+    if (isFetching) {
+      return /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
+        testID: testID ? `${testID}_activityIndicator` : undefined,
+        color: theme["interactiveElem-default"]
+      });
+    }
+    if (badge) {
+      return /*#__PURE__*/_react.default.createElement(_badge.Badge, _extends({}, badge, {
+        testID: testID ? `${testID}_badge` : undefined
+      }));
+    }
+    if (onPress) {
+      return /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+        testID: testID ? `${testID}_icon` : undefined,
+        name: "chevronRightListItem",
+        color: theme["interactiveElem-default"],
+        size: _core.IOListItemVisualParams.chevronSize
+      });
+    }
+    return null;
+  }, [testID, theme, isFetching, badge, onPress]);
   const ModuleContent = () => /*#__PURE__*/_react.default.createElement(_Stack.HStack, {
     space: 8,
     style: {
@@ -62,25 +82,12 @@ const ModuleCredential = props => {
     style: {
       flexShrink: 1
     }
-  }, label)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _core.IOStyles.row
-  }, badge ? /*#__PURE__*/_react.default.createElement(_badge.Badge, _extends({}, badge, {
-    testID: testID ? `${testID}_badge` : undefined
-  })) : null, isFetching ? /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
-    testID: testID ? `${testID}_activityIndicator` : undefined,
-    color: theme["interactiveElem-default"]
-  }) : onPress ? /*#__PURE__*/_react.default.createElement(_icons.Icon, {
-    testID: testID ? `${testID}_icon` : undefined,
-    name: "chevronRightListItem",
-    color: theme["interactiveElem-default"],
-    size: _core.IOListItemVisualParams.chevronSize
-  }) : null));
+  }, label)), endComponent);
   return onPress ? /*#__PURE__*/_react.default.createElement(_PressableModuleBase.PressableModuleBase, _extends({}, pressableProps, {
     testID: testID,
     onPress: onPress
   }), /*#__PURE__*/_react.default.createElement(ModuleContent, null)) : /*#__PURE__*/_react.default.createElement(_ModuleStatic.ModuleStatic, null, /*#__PURE__*/_react.default.createElement(ModuleContent, null));
 };
-exports.ModuleCredential = ModuleCredential;
 const ModuleCredentialSkeleton = () => /*#__PURE__*/_react.default.createElement(_ModuleStatic.ModuleStatic, {
   startBlock: /*#__PURE__*/_react.default.createElement(_Stack.HStack, {
     style: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_rnPlaceholder","_core","_badge","_icons","_loadingSpinner","_Stack","_typography","_ModuleStatic","_PressableModuleBase","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ModuleCredential","props","theme","useIOTheme","isLoading","createElement","ModuleCredentialSkeleton","testID","icon","image","label","onPress","badge","isFetching","pressableProps","iconComponent","Icon","name","size","IOSelectionListItemVisualParams","iconSize","color","imageComponent","Image","style","styles","accessibilityIgnoresInvertColors","ModuleContent","HStack","space","alignItems","IOVisualCostants","iconMargin","flexGrow","flexShrink","BodySmall","weight","numberOfLines","lineBreakMode","View","IOStyles","row","Badge","undefined","LoadingSpinner","IOListItemVisualParams","chevronSize","PressableModuleBase","ModuleStatic","exports","startBlock","Box","animate","width","height","radius","endBlock","StyleSheet","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AASA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AAG+B,SAAAD,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAqB/B,MAAMQ,gBAAgB,GAAIC,KAAwC,IAAK;EACrE,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,IAAIF,KAAK,CAACG,SAAS,EAAE;IACnB,oBAAOlC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACC,wBAAwB,MAAE,CAAC;EACrC;EAEA,MAAM;IACJC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGb,KAAK;EAET,MAAMc,aAAa,GAAGP,IAAI,iBACxBtC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC5B,MAAA,CAAAuC,IAAI;IACHC,IAAI,EAAET,IAAK;IACXU,IAAI,EAAEC,qCAA+B,CAACC,QAAS;IAC/CC,KAAK,EAAC;EAAU,CACjB,CACF;EAED,MAAMC,cAAc,GAAGb,KAAK,iBAC1BvC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAChC,YAAA,CAAAkD,KAAK;IACJ7B,MAAM,EAAEe,KAAM;IACde,KAAK,EAAEC,MAAM,CAAChB,KAAM;IACpBiB,gCAAgC,EAAE;EAAK,CACxC,CACF;EAED,MAAMC,aAAa,GAAGA,CAAA,kBACpBzD,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC1B,MAAA,CAAAiD,MAAM;IAACC,KAAK,EAAE,CAAE;IAACL,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAS;EAAE,gBAChD5D,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC1B,MAAA,CAAAiD,MAAM;IACLC,KAAK,EAAEE,sBAAgB,CAACC,UAAuB;IAC/CR,KAAK,EAAE;MAAES,QAAQ,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;MAAEJ,UAAU,EAAE;IAAS;EAAE,GAG3Df,aAAa,IAAIO,cAAc,eAEhCpD,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACzB,WAAA,CAAAuD,SAAS;IACRd,KAAK,EAAEnB,KAAK,CAAC,yBAAyB,CAAE;IACxCkC,MAAM,EAAC,UAAU;IACjBC,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,QAAQ;IACtBd,KAAK,EAAE;MAAEU,UAAU,EAAE;IAAE;EAAE,GAExBxB,KACQ,CACL,CAAC,eACTxC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAChC,YAAA,CAAAkE,IAAI;IAACf,KAAK,EAAEgB,cAAQ,CAACC;EAAI,GACvB7B,KAAK,gBACJ1C,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC7B,MAAA,CAAAkE,KAAK,EAAAxD,QAAA,KAAK0B,KAAK;IAAEL,MAAM,EAAEA,MAAM,GAAI,GAAEA,MAAO,QAAO,GAAGoC;EAAU,EAAE,CAAC,GAClE,IAAI,EACP9B,UAAU,gBACT3C,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC3B,eAAA,CAAAkE,cAAc;IACbrC,MAAM,EAAEA,MAAM,GAAI,GAAEA,MAAO,oBAAmB,GAAGoC,SAAU;IAC3DtB,KAAK,EAAEnB,KAAK,CAAC,yBAAyB;EAAE,CACzC,CAAC,GACAS,OAAO,gBACTzC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC5B,MAAA,CAAAuC,IAAI;IACHT,MAAM,EAAEA,MAAM,GAAI,GAAEA,MAAO,OAAM,GAAGoC,SAAU;IAC9C1B,IAAI,EAAC,sBAAsB;IAC3BI,KAAK,EAAEnB,KAAK,CAAC,yBAAyB,CAAE;IACxCgB,IAAI,EAAE2B,4BAAsB,CAACC;EAAY,CAC1C,CAAC,GACA,IACA,CACA,CACT;EAED,OAAOnC,OAAO,gBACZzC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACvB,oBAAA,CAAAiE,mBAAmB,EAAA7D,QAAA,KAAK4B,cAAc;IAAEP,MAAM,EAAEA,MAAO;IAACI,OAAO,EAAEA;EAAQ,iBACxEzC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACsB,aAAa,MAAE,CACG,CAAC,gBAEtBzD,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACxB,aAAA,CAAAmE,YAAY,qBACX9E,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACsB,aAAa,MAAE,CACJ,CACf;AACH,CAAC;AAACsB,OAAA,CAAAjD,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,wBAAwB,GAAGA,CAAA,kBAC/BpC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACxB,aAAA,CAAAmE,YAAY;EACXE,UAAU,eACRhF,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC1B,MAAA,CAAAiD,MAAM;IACLJ,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAS,CAAE;IAChCD,KAAK,EAAEE,sBAAgB,CAACC;EAAuB,gBAE/C9D,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC/B,cAAA,CAAAW,OAAW,CAACkE,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,MAAM,EAAE;EAAE,CAAE,CAAC,eACpErF,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC/B,cAAA,CAAAW,OAAW,CAACkE,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,MAAM,EAAE;EAAE,CAAE,CAC7D,CACT;EACDC,QAAQ,eACNtF,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAC/B,cAAA,CAAAW,OAAW,CAACkE,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE;AACrE,CACF,CACF;AAED,MAAM9B,MAAM,GAAGgC,uBAAU,CAACC,MAAM,CAAC;EAC/BjD,KAAK,EAAE;IACL4C,KAAK,EAAElC,qCAA+B,CAACC,QAAQ;IAC/CkC,MAAM,EAAEnC,qCAA+B,CAACC,QAAQ;IAChDuC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_rnPlaceholder","_core","_badge","_icons","_loadingSpinner","_Stack","_typography","_ModuleStatic","_PressableModuleBase","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ModuleCredential","props","isLoading","createElement","ModuleCredentialSkeleton","ModuleCredentialContent","exports","testID","icon","image","label","onPress","badge","isFetching","pressableProps","theme","useIOTheme","iconComponent","Icon","name","size","IOSelectionListItemVisualParams","iconSize","color","imageComponent","Image","style","styles","accessibilityIgnoresInvertColors","endComponent","React","useMemo","LoadingSpinner","undefined","Badge","IOListItemVisualParams","chevronSize","ModuleContent","HStack","space","alignItems","IOVisualCostants","iconMargin","flexGrow","flexShrink","BodySmall","weight","numberOfLines","lineBreakMode","PressableModuleBase","ModuleStatic","startBlock","Box","animate","width","height","radius","endBlock","StyleSheet","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}

package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap

@@ -13,7 +13,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
       {
         "display": "flex",
         "flexDirection": "column",
-        "rowGap": 16,
+        "gap": 16,
       }
     }
   >

package/lib/commonjs/components/stack/Stack.js

@@ -19,7 +19,7 @@ const HStack = ({
   style: {
     display: "flex",
     flexDirection: "row",
-    columnGap: space,
+    gap: space,
     ...style
   }
 }, children);
@@ -37,7 +37,7 @@ const VStack = ({
   style: {
     display: "flex",
     flexDirection: "column",
-    rowGap: space,
+    gap: space,
     ...style
   }
 }, children);

package/lib/commonjs/components/stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","HStack","space","children","style","createElement","View","display","flexDirection","columnGap","exports","VStack","rowGap"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAc/C;AACA;AACA;AACA;AACO,MAAMG,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAa,CAAC,kBACtDV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;EACHF,KAAK,EAAE;IACLG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAEP,KAAK;IAChB,GAAGE;EACL;AAAE,GAEDD,QACG,CACP;;AAED;AACA;AACA;AACA;AAHAO,OAAA,CAAAT,MAAA,GAAAA,MAAA;AAKO,MAAMU,MAAM,GAAGA,CAAC;EAAET,KAAK;EAAEC,QAAQ;EAAEC;AAAa,CAAC,kBACtDV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;EACHF,KAAK,EAAE;IACLG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBI,MAAM,EAAEV,KAAK;IACb,GAAGE;EACL;AAAE,GAEDD,QACG,CACP;AAACO,OAAA,CAAAC,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","HStack","space","children","style","createElement","View","display","flexDirection","gap","exports","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAc/C;AACA;AACA;AACA;AACO,MAAMG,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAa,CAAC,kBACtDV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;EACHF,KAAK,EAAE;IACLG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEP,KAAK;IACV,GAAGE;EACL;AAAE,GAEDD,QACG,CACP;;AAED;AACA;AACA;AACA;AAHAO,OAAA,CAAAT,MAAA,GAAAA,MAAA;AAKO,MAAMU,MAAM,GAAGA,CAAC;EAAET,KAAK;EAAEC,QAAQ;EAAEC;AAAa,CAAC,kBACtDV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;EACHF,KAAK,EAAE;IACLG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,GAAG,EAAEP,KAAK;IACV,GAAGE;EACL;AAAE,GAEDD,QACG,CACP;AAACO,OAAA,CAAAC,MAAA,GAAAA,MAAA"}

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

@@ -11,6 +11,15 @@ var _IOSpacing = require("../../core/IOSpacing");
 var _icons = require("../icons");
 var _typography = require("../typography");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const IconColorsMap = {
+  primary: "interactiveElem-default",
+  warning: "warningIcon",
+  error: "errorIcon",
+  success: "successIcon",
+  info: "infoIcon",
+  grey: "icon-default",
+  lightGrey: "icon-decorative"
+};
 const IOTagIconMargin = 6;
 const IOTagIconSize = 16;
 const styles = _reactNative.StyleSheet.create({
@@ -24,9 +33,7 @@ const styles = _reactNative.StyleSheet.create({
         textAlignVertical: "center"
       }
     }),
-    backgroundColor: _core.IOColors.white,
     borderWidth: 1,
-    borderColor: _core.IOColors["grey-100"],
     borderRadius: _core.IOTagRadius,
     borderCurve: "continuous",
     paddingHorizontal: _IOSpacing.IOTagHSpacing,
@@ -39,44 +46,45 @@ const styles = _reactNative.StyleSheet.create({
     width: IOTagIconMargin
   }
 });
-const getVariantProps = (variant, customIconProps) => {
+const getVariantProps = (variant, customIcon) => {
+  if (variant === "custom" && customIcon) {
+    return customIcon;
+  }
   switch (variant) {
-    case "customIcon":
-      return customIconProps;
     case "qrCode":
       return {
-        iconColor: "blueIO-500",
-        iconName: "qrCode"
+        color: "primary",
+        name: "qrCode"
       };
     case "attachment":
       return {
-        iconColor: "grey-700",
-        iconName: "attachment"
+        color: "grey",
+        name: "attachment"
       };
     case "legalMessage":
       return {
-        iconColor: "blueIO-500",
-        iconName: "legalValue"
+        color: "primary",
+        name: "legalValue"
       };
     case "info":
       return {
-        iconColor: "info-700",
-        iconName: "info"
+        color: "info",
+        name: "infoFilled"
       };
     case "warning":
       return {
-        iconColor: "warning-700",
-        iconName: "warningFilled"
+        color: "warning",
+        name: "warningFilled"
       };
     case "error":
       return {
-        iconColor: "error-600",
-        iconName: "errorFilled"
+        color: "error",
+        name: "errorFilled"
       };
     case "success":
       return {
-        iconColor: "success-700",
-        iconName: "success"
+        color: "success",
+        name: "success"
       };
     case "noIcon":
       return undefined;
@@ -92,22 +100,28 @@ const Tag = ({
   text,
   variant,
   testID,
-  customIconProps,
-  iconAccessibilityLabel
+  icon,
+  iconAccessibilityLabel,
+  forceLightMode = false
 }) => {
   const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  const variantProps = getVariantProps(variant, customIconProps);
+  const variantProps = getVariantProps(variant, icon);
+  const borderColor = forceLightMode ? _core.IOColors[_core.IOThemeLight["cardBorder-default"]] : _core.IOColors[theme["cardBorder-default"]];
+  const backgroundColor = forceLightMode ? _core.IOColors[_core.IOThemeLight["appBackground-primary"]] : _core.IOColors[theme["appBackground-primary"]];
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: testID,
-    style: styles.tag
+    style: [styles.tag, {
+      borderColor,
+      backgroundColor
+    }]
   }, variantProps && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.iconWrapper
   }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
-    name: variantProps.iconName,
-    color: variantProps.iconColor,
+    name: variantProps.name,
+    color: forceLightMode ? _core.IOThemeLight[IconColorsMap[variantProps.color]] : theme[IconColorsMap[variantProps.color]],
     size: IOTagIconSize,
     accessible: !!iconAccessibilityLabel,
     accessibilityLabel: iconAccessibilityLabel
@@ -118,7 +132,7 @@ const Tag = ({
     weight: "Semibold",
     size: 12,
     lineHeight: 16,
-    color: theme["textBody-tertiary"],
+    color: forceLightMode ? _core.IOThemeLight["textBody-tertiary"] : theme["textBody-tertiary"],
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_IOSpacing","_icons","_typography","obj","__esModule","default","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","getVariantProps","variant","customIconProps","iconColor","iconName","undefined","Tag","text","testID","iconAccessibilityLabel","theme","useIOTheme","isExperimental","useIOExperimentalDesign","variantProps","createElement","View","style","Icon","name","color","size","accessible","accessibilityLabel","IOText","font","weight","lineHeight","numberOfLines","ellipsizeMode","textTransform","letterSpacing","exports"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_IOSpacing","_icons","_typography","obj","__esModule","default","IconColorsMap","primary","warning","error","success","info","grey","lightGrey","IOTagIconMargin","IOTagIconSize","styles","StyleSheet","create","tag","alignSelf","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderWidth","borderRadius","IOTagRadius","borderCurve","paddingHorizontal","IOTagHSpacing","paddingVertical","IOTagVSpacing","iconWrapper","flexShrink","spacer","width","getVariantProps","variant","customIcon","color","name","undefined","Tag","text","testID","icon","iconAccessibilityLabel","forceLightMode","theme","useIOTheme","isExperimental","useIOExperimentalDesign","variantProps","borderColor","IOColors","IOThemeLight","backgroundColor","createElement","View","style","Icon","size","accessible","accessibilityLabel","IOText","font","weight","lineHeight","numberOfLines","ellipsizeMode","textTransform","letterSpacing","exports"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/IOText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_fonts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","calculateTextStyle","color","args","makeFontStyleObject","IOColors","IOText","forwardRef","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","props","ref","theme","useIOTheme","boldEnabled","useBoldTextEnabled","isExperimental","useIOExperimentalDesign","computedStyleObj","useMemo","fontStyleObj","styleObj","accessibleFontSizeProps","createElement","Text","exports"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_fonts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","calculateTextStyle","color","args","makeFontStyleObject","IOColors","IOText","forwardRef","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","props","ref","theme","useIOTheme","boldEnabled","useBoldTextEnabled","isExperimental","useIOExperimentalDesign","computedStyleObj","useMemo","fontStyleObj","styleObj","accessibleFontSizeProps","createElement","Text","exports"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":"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"}

package/lib/commonjs/core/IOColors.js

@@ -51,6 +51,7 @@ const IOColors = asIOColors({
   "turquoise-850": "#003B3D",
   "turquoise-500": "#00C5CA",
   "turquoise-450": "#19CBCF" /* Dark mode */,
+  "turquoise-300": "#61DCDF",
   "turquoise-150": "#AAEEEF",
   "turquoise-100": "#C2F3F4",
   "turquoise-50": "#DBF9FA",
@@ -243,7 +244,7 @@ const themeKeys = [
 // Layout
 "divider-header", "divider-default", "divider-bottomBar",
 // Status
-"errorIcon", "errorText", "successText",
+"errorIcon", "errorText", "successIcon", "successText", "warningIcon", "infoIcon",
 // Pictograms
 "pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary", "pictogram-tint-tertiary"];
 const IOThemeLight = {
@@ -273,7 +274,10 @@ const IOThemeLight = {
   // Status
   errorIcon: "error-600",
   errorText: "error-600",
+  successIcon: "success-700",
   successText: "success-700",
+  warningIcon: "warning-700",
+  infoIcon: "info-700",
   // Pictograms
   "pictogram-hands": "blueIO-500",
   "pictogram-tint-main": "turquoise-150",
@@ -307,6 +311,7 @@ const IOThemeDark = {
   // Design System related
   "cardBorder-default": "grey-850",
   "icon-default": "grey-450",
+  "icon-decorative": "grey-650",
   // Layout
   "divider-header": "grey-850",
   "divider-default": "grey-850",
@@ -315,6 +320,9 @@ const IOThemeDark = {
   errorIcon: "error-400",
   errorText: "error-400",
   successText: "success-400",
+  successIcon: "success-500",
+  warningIcon: "warning-500",
+  infoIcon: "info-500",
   // Pictograms
   "pictogram-hands": "white",
   "pictogram-tint-main": "turquoise-150",