@carto/meridian-ds 1.4.3-alpha-tag.2 → 1.4.3-alpha-tag.4

package/dist/components/index.cjs

@@ -1860,12 +1860,12 @@ const TagIcon = material.styled("div")(({ theme }) => ({
     }
   }
 }));
-const TagLabel = material.styled("span", {
-  shouldForwardProp: (prop) => !["type", "icon"].includes(prop)
-})(({ type, icon, theme }) => ({
+const TagLabel = material.styled("div", {
+  shouldForwardProp: (prop) => !["type"].includes(prop)
+})(({ type, theme }) => ({
   display: "flex",
   alignItems: "center",
-  paddingTop: type === "code" || icon ? theme.spacing(0.25) : void 0
+  paddingTop: type === "code" ? theme.spacing(0.25) : void 0
 }));
 function _Tag({
   label,
@@ -1895,7 +1895,7 @@ function _Tag({
       ...otherProps,
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx(TagIcon, { children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx(TagLabel, { icon: !!icon, type, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(TagLabel, { type, children: /* @__PURE__ */ jsxRuntime.jsx(
           TablePaginationActions.Typography,
           {
             component: "span",

package/dist/components/index.js

@@ -1859,12 +1859,12 @@ const TagIcon = styled("div")(({ theme }) => ({
     }
   }
 }));
-const TagLabel = styled("span", {
-  shouldForwardProp: (prop) => !["type", "icon"].includes(prop)
-})(({ type, icon, theme }) => ({
+const TagLabel = styled("div", {
+  shouldForwardProp: (prop) => !["type"].includes(prop)
+})(({ type, theme }) => ({
   display: "flex",
   alignItems: "center",
-  paddingTop: type === "code" || icon ? theme.spacing(0.25) : void 0
+  paddingTop: type === "code" ? theme.spacing(0.25) : void 0
 }));
 function _Tag({
   label,
@@ -1894,7 +1894,7 @@ function _Tag({
       ...otherProps,
       children: [
         icon && /* @__PURE__ */ jsx(TagIcon, { children: icon }),
-        /* @__PURE__ */ jsx(TagLabel, { icon: !!icon, type, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(TagLabel, { type, children: /* @__PURE__ */ jsx(
           Typography,
           {
             component: "span",

package/dist/types/components/molecules/Tag.d.ts

@@ -3,7 +3,7 @@ import { TypographyProps } from '../atoms';
 export type TagColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'default';
 export type TagVariant = 'filled' | 'outlined';
 export type TagType = 'default' | 'code';
-export type TagProps = Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size' | 'label' | 'type'> & {
+export type TagProps = Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size' | 'label' | 'type' | 'ref'> & {
     /** Label, main content of tag, by default displayed as `caption` type typography.  */
     label: ReactNode;
     color?: TagColor;
@@ -15,6 +15,17 @@ export type TagProps = Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size' | 'la
     noWrap?: boolean;
     disabled?: boolean;
 };
-declare const Tag: import('react').ForwardRefExoticComponent<Omit<TagProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Tag: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLDivElement>, "label" | "ref" | "type" | "size" | "as"> & {
+    /** Label, main content of tag, by default displayed as `caption` type typography.  */
+    label: ReactNode;
+    color?: TagColor;
+    icon?: ReactNode;
+    variant?: TagVariant;
+    type?: TagType;
+    /** Options passed for Typography, use to override default styles */
+    typographyProps?: TypographyProps;
+    noWrap?: boolean;
+    disabled?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export default Tag;
 //# sourceMappingURL=Tag.d.ts.map

package/dist/types/components/molecules/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAc,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEhE,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAGxC,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CACjC,GAAG;IACF,sFAAsF;IACtF,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AA+MD,QAAA,MAAM,GAAG,kHAAmB,CAAA;AAC5B,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAc,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEhE,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAGxC,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CACzC,GAAG;IACF,sFAAsF;IACtF,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AA+MD,QAAA,MAAM,GAAG;IAzNP,sFAAsF;WAC/E,SAAS;YACR,QAAQ;WACT,SAAS;cACN,UAAU;WACb,OAAO;IACd,oEAAoE;sBAClD,eAAe;aACxB,OAAO;eACL,OAAO;kDAgNQ,CAAA;AAC5B,eAAe,GAAG,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "1.4.3-alpha-tag.2",
+  "version": "1.4.3-alpha-tag.4",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {