@ornikar/kitt-universal 25.41.2 → 25.41.3

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [25.41.3](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.41.2...@ornikar/kitt-universal@25.41.3) (2025-02-12)
+
+
+### Bug Fixes
+
+* key on GroupTags and primary version on Tag [no issue] ([#2548](https://github.com/ornikar/kitt/issues/2548)) ([8e904a8](https://github.com/ornikar/kitt/commit/8e904a841fce6dd0dceeb2b746a94524eb80661f))
+
+
+
 ## [25.41.2](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.41.1...@ornikar/kitt-universal@25.41.2) (2025-02-12)
 
 

package/dist/definitions/GroupTags/GroupTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupTags.d.ts","sourceRoot":"","sources":["../../../src/GroupTags/GroupTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,SAAS,CA6BvE"}
+{"version":3,"file":"GroupTags.d.ts","sourceRoot":"","sources":["../../../src/GroupTags/GroupTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,SAAS,CA8BvE"}

package/dist/definitions/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-export type TagColor = 'eggshell' | 'sun' | 'coral' | 'raspberry' | 'lavender' | 'violine' | 'blue' | 'green';
+export type TagColor = 'eggshell' | 'sun' | 'coral' | 'raspberry' | 'lavender' | 'violine' | 'blue' | 'green' | 'primary';
 export type TagSize = 'small' | 'medium' | 'large';
 export type TagVariant = 'outline' | 'fill';
 export type TagType = 'primary' | 'default' | 'danger' | 'warn';

package/dist/definitions/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrD,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9G,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA6BD,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAe,EACf,OAAgB,EAChB,eAAuB,GACxB,EAAE,QAAQ,GAAG,SAAS,CAuBtB"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrD,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,KAAK,GACL,OAAO,GACP,WAAW,GACX,UAAU,GACV,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,CAAC;AACd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA6BD,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAe,EACf,OAAgB,EAChB,eAAuB,GACxB,EAAE,QAAQ,GAAG,SAAS,CA+CtB"}

package/dist/index-metro.es.android.js

@@ -8008,17 +8008,20 @@ function GroupTags({
   return /*#__PURE__*/jsx(HStack, {
     alignItems: "center",
     children: childrenArray.map((tag, index) => {
-      var _tag$props$label; // According to design specs, only the first tag can display an icon
+      // According to design specs, only the first tag can display an icon
+
       const clonedTagWithBorder = /*#__PURE__*/cloneElement(tag, {
         withWhiteBorder: true,
         size,
         icon: index === 0 ? tag.props.icon : undefined
       });
-      return /*#__PURE__*/jsx(View, {
+      return /*#__PURE__*/jsx(View
+      // eslint-disable-next-line react/no-array-index-key
+      , {
         marginLeft: index === 0 ? 0 : '-kitt.1',
         zIndex: childrenArray.length - index,
         children: clonedTagWithBorder
-      }, (_tag$props$label = tag.props.label) === null || _tag$props$label === void 0 ? void 0 : _tag$props$label.toLocaleString());
+      }, index);
     })
   });
 }
@@ -12735,23 +12738,41 @@ function Tag({
 }) {
   const kittTheme = useKittTheme();
   const tagColor = typeToColor$1(color, type);
+  const primaryVersion = tagColor === 'primary';
+  const getFontColor = () => {
+    if (primaryVersion) {
+      return 'white';
+    }
+    return 'black';
+  };
   return /*#__PURE__*/jsxs(HStack, {
     alignSelf: "flex-start",
     borderRadius: "kitt.tag.borderRadius",
     height: `kitt.tag.${icon ? 'withIcon' : 'withoutIcon'}.${size}.height`,
     paddingLeft: `kitt.tag.${icon ? 'withIcon' : 'withoutIcon'}.${size}.paddingLeft`,
     paddingRight: `kitt.tag.${icon ? 'withIcon' : 'withoutIcon'}.${size}.paddingRight`,
-    backgroundColor: variant === 'fill' ? kittTheme.kitt.palettes.lateOcean[`${tagColor}.4`] : 'kitt.transparent',
-    borderColor: withWhiteBorder ? 'kitt.white' : kittTheme.kitt.palettes.lateOcean[`${tagColor}.6`],
+    backgroundColor: variant === 'fill' ? (() => {
+      if (primaryVersion) {
+        return kittTheme.kitt.palettes.lateOcean['violine.9'];
+      }
+      return kittTheme.kitt.palettes.lateOcean[`${tagColor}.4`];
+    })() : 'kitt.transparent',
+    borderColor: withWhiteBorder ? 'kitt.white' : (() => {
+      if (primaryVersion) {
+        return 'kitt.transparent';
+      }
+      return kittTheme.kitt.palettes.lateOcean[`${tagColor}.6`];
+    })(),
     borderWidth: withWhiteBorder ? 1 : `kitt.tag.${variant}.borderWidth`,
     space: "kitt.1",
     alignItems: "center",
     children: [icon ? /*#__PURE__*/jsx(TypographyIcon, {
       icon: icon,
-      size: `kitt.tag.${size}.iconSize`
+      size: `kitt.tag.${size}.iconSize`,
+      color: getFontColor()
     }) : null, /*#__PURE__*/jsx(Typography.Text, {
       base: getTypography(size),
-      color: "black",
+      color: getFontColor(),
       children: label
     })]
   });