@mirohq/design-system-tag 2.0.19 → 2.0.20

package/dist/main.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var designSystemExperiments = require('@mirohq/design-system-experiments');
 var designSystemStitches = require('@mirohq/design-system-stitches');
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
 var designSystemUtils = require('@mirohq/design-system-utils');
@@ -22,33 +23,39 @@ const StyledTag = designSystemStitches.styled(designSystemPrimitive.Primitive.di
   fontWeight: "$semibold",
   height: "$5",
   alignItems: "center",
-  borderRadius: "$50",
+  borderRadius: "$round",
   variants: {
+    canvas26: {
+      true: {
+        paddingX: "$100"
+      },
+      false: {}
+    },
     variant: {
       neutral: {
-        backgroundColor: "$background-neutrals-subtle",
-        color: "$coal-text"
+        backgroundColor: "$background-surface-secondary",
+        color: "$text-default"
       },
       primary: {
-        backgroundColor: "$background-primary-prominent",
-        color: "$text-primary-inverted"
+        backgroundColor: "$background-interactive-primary",
+        color: "$text-on-interactive-primary"
       },
       warning: {
         backgroundColor: "$background-warning-prominent",
-        color: "$text-warning"
+        color: "$text-on-static-light"
       },
       success: {
         backgroundColor: "$background-success-prominent",
-        color: "$text-success-inverted"
+        color: "$text-on-static-dark"
       },
       danger: {
-        backgroundColor: "$background-danger-prominent",
-        color: "$text-danger-inverted"
+        backgroundColor: "$background-interactive-danger",
+        color: "$text-on-interactive-danger"
       },
       ghost: {
-        backgroundColor: "$background-neutrals",
-        color: "$text-neutrals",
-        border: "1px solid $border-neutrals",
+        backgroundColor: "$background-surface",
+        color: "$text-default",
+        border: "1px solid $border-default",
         boxSizing: "border-box",
         paddingX: "3px"
       },
@@ -634,10 +641,19 @@ const StyledIconSlot = designSystemStitches.styled(designSystemPrimitive.Primiti
   paddingInlineEnd: "$25",
   "& svg": {
     transform: "translateY(0.5px)"
+  },
+  variants: {
+    canvas26: {
+      true: {
+        paddingInlineEnd: "$50"
+      },
+      false: {}
+    }
   }
 });
 
 const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
+  const [canvas26] = designSystemExperiments.useCanvas26();
   const formattedChildren = designSystemUtils.addPropsToChildren(
     children,
     (child) => designSystemBaseIcon.isIconComponent(child),
@@ -647,7 +663,7 @@ const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
       weight: "thin"
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledIconSlot, { ...restProps, ref: forwardRef, children: formattedChildren });
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledIconSlot, { ...restProps, canvas26, ref: forwardRef, children: formattedChildren });
 });
 
 const Tag = React.forwardRef(
@@ -657,17 +673,21 @@ const Tag = React.forwardRef(
     DEPRECATED_shade = "mild",
     DEPRECATED_border = false,
     ...restProps
-  }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(
-    StyledTag,
-    {
-      ...restProps,
-      variant,
-      border: DEPRECATED_border,
-      shade: DEPRECATED_shade,
-      ref: forwardRef,
-      children: /* @__PURE__ */ jsxRuntime.jsx(StyledInner, { children })
-    }
-  )
+  }, forwardRef) => {
+    const [canvas26] = designSystemExperiments.useCanvas26();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StyledTag,
+      {
+        ...restProps,
+        canvas26,
+        variant,
+        border: DEPRECATED_border,
+        shade: DEPRECATED_shade,
+        ref: forwardRef,
+        children: /* @__PURE__ */ jsxRuntime.jsx(StyledInner, { children })
+      }
+    );
+  }
 );
 Tag.IconSlot = IconSlot;
 

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/tag.styled.tsx","../src/partials/icon-slot.styled.tsx","../src/partials/icon-slot.tsx","../src/tag.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledTag = styled(Primitive.div, {\n  display: 'inline-flex',\n  width: 'fit-content',\n  paddingY: '$0',\n  paddingX: '$50',\n  letterSpacing: 0.25,\n  '::selection': {\n    backgroundColor: 'transparent',\n  },\n  textTransform: 'capitalize',\n  fontSize: '$150',\n  lineHeight: '$500',\n  fontWeight: '$semibold',\n  height: '$5',\n  alignItems: 'center',\n  borderRadius: '$50',\n  variants: {\n    variant: {\n      neutral: {\n        backgroundColor: '$background-neutrals-subtle',\n        color: '$coal-text',\n      },\n      primary: {\n        backgroundColor: '$background-primary-prominent',\n        color: '$text-primary-inverted',\n      },\n      warning: {\n        backgroundColor: '$background-warning-prominent',\n        color: '$text-warning',\n      },\n      success: {\n        backgroundColor: '$background-success-prominent',\n        color: '$text-success-inverted',\n      },\n      danger: {\n        backgroundColor: '$background-danger-prominent',\n        color: '$text-danger-inverted',\n      },\n      ghost: {\n        backgroundColor: '$background-neutrals',\n        color: '$text-neutrals',\n        border: '1px solid $border-neutrals',\n        boxSizing: 'border-box',\n        paddingX: '3px',\n      },\n      lime: {},\n      orange: {},\n      sunshine: {},\n      coral: {},\n      moss: {},\n      teal: {},\n      cyan: {},\n      ocean: {},\n      lilac: {},\n      pink: {},\n      coal: {},\n    },\n    shade: {\n      subtle: {},\n      mild: {},\n      prominent: {},\n    },\n    border: {\n      true: {\n        boxSizing: 'border-box',\n        paddingX: '3px',\n        border: '1px solid transparent',\n      },\n    },\n    textTransform: {\n      false: {\n        textTransform: 'inherit',\n      },\n    },\n  },\n  compoundVariants: [\n    /** Lime variant */\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lime-background-subtle',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lime-border-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lime-background-mild',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lime-border',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lime-background-prominent',\n        color: '$lime-text-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lime-border-prominent',\n      },\n    },\n    /** Orange variant */\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$orange-background-subtle',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$orange-border-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$orange-background-mild',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$orange-border',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$orange-background-prominent',\n        color: '$orange-text-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$orange-border-prominent',\n      },\n    },\n    /** Sunshine variant */\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$sunshine-background-subtle',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$sunshine-background-mild',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$sunshine-background-prominent',\n        color: '$sunshine-text-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-prominent',\n      },\n    },\n    /** Coral variant */\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coral-background-subtle',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coral-border-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coral-background-mild',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coral-border',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coral-background-prominent',\n        color: '$coral-text-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coral-border-prominent',\n      },\n    },\n    /** Moss variant */\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$moss-background-subtle',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$moss-border-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$moss-background-mild',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$moss-border',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$moss-background-prominent',\n        color: '$moss-text-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$moss-border-prominent',\n      },\n    },\n    /** Teal variant */\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$teal-background-subtle',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$teal-border-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$teal-background-mild',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$teal-border',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$teal-background-prominent',\n        color: '$teal-text-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$teal-border-prominent',\n      },\n    },\n    /** Cyan variant */\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$cyan-background-subtle',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$cyan-background-mild',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$cyan-border',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$cyan-background-prominent',\n        color: '$cyan-text-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-prominent',\n      },\n    },\n    /** Ocean variant */\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$ocean-background-subtle',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$ocean-background-mild',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$ocean-border',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$ocean-background-prominent',\n        color: '$ocean-text-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-prominent',\n      },\n    },\n    /** Lilac variant */\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lilac-background-subtle',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lilac-background-mild',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lilac-border',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lilac-background-prominent',\n        color: '$lilac-text-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-prominent',\n      },\n    },\n    /** Pink variant */\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$pink-background-subtle',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$pink-border-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$pink-background-mild',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$pink-border',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$pink-background-prominent',\n        color: '$pink-text-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$pink-border-prominent',\n      },\n    },\n    /** Coal variant */\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coal-background-subtle',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coal-border-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coal-background-mild',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coal-border',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coal-background-prominent',\n        color: '$coal-text-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coal-border-prominent',\n      },\n    },\n  ],\n})\n\nexport const StyledInner = styled(Primitive.span, {\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n})\n\nexport type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.span, {\n  paddingInlineEnd: '$25',\n\n  '& svg': {\n    transform: 'translateY(0.5px)',\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { addPropsToChildren } from '@mirohq/design-system-utils'\nimport type { IconReactElement } from '@mirohq/design-system-base-icon'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\n\nimport type { StyledIconSlotProps } from './icon-slot.styled'\nimport { StyledIconSlot } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  IconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const formattedChildren = addPropsToChildren(\n    children,\n    child => isIconComponent(child as IconReactElement),\n    {\n      'data-icon-component': '',\n      size: 'small',\n      weight: 'thin',\n    }\n  )\n\n  return (\n    <StyledIconSlot {...restProps} ref={forwardRef}>\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n","import type { ElementRef, ForwardRefExoticComponent, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { StyledTagProps } from './tag.styled'\nimport { StyledInner, StyledTag } from './tag.styled'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type TagProps = Omit<StyledTagProps, 'shade' | 'border'> & {\n  /**\n   *\n   * Change the tag style.\n   * @default 'primary'\n   */\n  variant?: StyledTagProps['variant']\n\n  /**\n   * Change the tag shade.\n   * @default 'mild'\n   */\n  DEPRECATED_shade?: StyledTagProps['shade']\n\n  /**\n   * Change the tag border.\n   * @default false\n   */\n  DEPRECATED_border?: StyledTagProps['border']\n\n  /**\n   * Change the tag text transform.\n   * @default true\n   */\n  textTransform?: StyledTagProps['textTransform']\n\n  /**\n   * The text content.\n   */\n  children: ReactNode\n}\n\nexport const Tag = React.forwardRef<ElementRef<typeof StyledTag>, TagProps>(\n  (\n    {\n      variant = 'primary',\n      children,\n      DEPRECATED_shade = 'mild',\n      DEPRECATED_border = false,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledTag\n      {...restProps}\n      variant={variant}\n      border={DEPRECATED_border}\n      shade={DEPRECATED_shade}\n      ref={forwardRef}\n    >\n      <StyledInner>{children}</StyledInner>\n    </StyledTag>\n  )\n) as ForwardRefExoticComponent<TagProps> & Partials\n\nexport interface Partials {\n  IconSlot: typeof IconSlot\n}\n\nTag.IconSlot = IconSlot\n"],"names":["styled","Primitive","addPropsToChildren","isIconComponent","jsx"],"mappings":"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"}
+{"version":3,"file":"main.js","sources":["../src/tag.styled.tsx","../src/partials/icon-slot.styled.tsx","../src/partials/icon-slot.tsx","../src/tag.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledTag = styled(Primitive.div, {\n  display: 'inline-flex',\n  width: 'fit-content',\n  paddingY: '$0',\n  paddingX: '$50',\n  letterSpacing: 0.25,\n  '::selection': {\n    backgroundColor: 'transparent',\n  },\n  textTransform: 'capitalize',\n  fontSize: '$150',\n  lineHeight: '$500',\n  fontWeight: '$semibold',\n  height: '$5',\n  alignItems: 'center',\n  borderRadius: '$round',\n  variants: {\n    canvas26: {\n      true: {\n        paddingX: '$100',\n      },\n      false: {},\n    },\n    variant: {\n      neutral: {\n        backgroundColor: '$background-surface-secondary',\n        color: '$text-default',\n      },\n      primary: {\n        backgroundColor: '$background-interactive-primary',\n        color: '$text-on-interactive-primary',\n      },\n      warning: {\n        backgroundColor: '$background-warning-prominent',\n        color: '$text-on-static-light',\n      },\n      success: {\n        backgroundColor: '$background-success-prominent',\n        color: '$text-on-static-dark',\n      },\n      danger: {\n        backgroundColor: '$background-interactive-danger',\n        color: '$text-on-interactive-danger',\n      },\n      ghost: {\n        backgroundColor: '$background-surface',\n        color: '$text-default',\n        border: '1px solid $border-default',\n        boxSizing: 'border-box',\n        paddingX: '3px',\n      },\n      lime: {},\n      orange: {},\n      sunshine: {},\n      coral: {},\n      moss: {},\n      teal: {},\n      cyan: {},\n      ocean: {},\n      lilac: {},\n      pink: {},\n      coal: {},\n    },\n    shade: {\n      subtle: {},\n      mild: {},\n      prominent: {},\n    },\n    border: {\n      true: {\n        boxSizing: 'border-box',\n        paddingX: '3px',\n        border: '1px solid transparent',\n      },\n    },\n    textTransform: {\n      false: {\n        textTransform: 'inherit',\n      },\n    },\n  },\n  compoundVariants: [\n    /** Lime variant */\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lime-background-subtle',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lime-border-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lime-background-mild',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lime-border',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lime-background-prominent',\n        color: '$lime-text-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lime-border-prominent',\n      },\n    },\n    /** Orange variant */\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$orange-background-subtle',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$orange-border-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$orange-background-mild',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$orange-border',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$orange-background-prominent',\n        color: '$orange-text-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$orange-border-prominent',\n      },\n    },\n    /** Sunshine variant */\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$sunshine-background-subtle',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$sunshine-background-mild',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$sunshine-background-prominent',\n        color: '$sunshine-text-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-prominent',\n      },\n    },\n    /** Coral variant */\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coral-background-subtle',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coral-border-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coral-background-mild',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coral-border',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coral-background-prominent',\n        color: '$coral-text-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coral-border-prominent',\n      },\n    },\n    /** Moss variant */\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$moss-background-subtle',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$moss-border-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$moss-background-mild',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$moss-border',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$moss-background-prominent',\n        color: '$moss-text-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$moss-border-prominent',\n      },\n    },\n    /** Teal variant */\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$teal-background-subtle',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$teal-border-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$teal-background-mild',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$teal-border',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$teal-background-prominent',\n        color: '$teal-text-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$teal-border-prominent',\n      },\n    },\n    /** Cyan variant */\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$cyan-background-subtle',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$cyan-background-mild',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$cyan-border',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$cyan-background-prominent',\n        color: '$cyan-text-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-prominent',\n      },\n    },\n    /** Ocean variant */\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$ocean-background-subtle',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$ocean-background-mild',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$ocean-border',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$ocean-background-prominent',\n        color: '$ocean-text-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-prominent',\n      },\n    },\n    /** Lilac variant */\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lilac-background-subtle',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lilac-background-mild',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lilac-border',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lilac-background-prominent',\n        color: '$lilac-text-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-prominent',\n      },\n    },\n    /** Pink variant */\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$pink-background-subtle',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$pink-border-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$pink-background-mild',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$pink-border',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$pink-background-prominent',\n        color: '$pink-text-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$pink-border-prominent',\n      },\n    },\n    /** Coal variant */\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coal-background-subtle',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coal-border-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coal-background-mild',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coal-border',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coal-background-prominent',\n        color: '$coal-text-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coal-border-prominent',\n      },\n    },\n  ],\n})\n\nexport const StyledInner = styled(Primitive.span, {\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n})\n\nexport type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.span, {\n  paddingInlineEnd: '$25',\n\n  '& svg': {\n    transform: 'translateY(0.5px)',\n  },\n\n  variants: {\n    canvas26: {\n      true: {\n        paddingInlineEnd: '$50',\n      },\n      false: {},\n    },\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { addPropsToChildren } from '@mirohq/design-system-utils'\nimport type { IconReactElement } from '@mirohq/design-system-base-icon'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport { useCanvas26 } from '@mirohq/design-system-experiments'\n\nimport type { StyledIconSlotProps } from './icon-slot.styled'\nimport { StyledIconSlot } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  IconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const [canvas26] = useCanvas26()\n  const formattedChildren = addPropsToChildren(\n    children,\n    child => isIconComponent(child as IconReactElement),\n    {\n      'data-icon-component': '',\n      size: 'small',\n      weight: 'thin',\n    }\n  )\n\n  return (\n    <StyledIconSlot {...restProps} canvas26={canvas26} ref={forwardRef}>\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n","import type { ElementRef, ForwardRefExoticComponent, ReactNode } from 'react'\nimport React from 'react'\nimport { useCanvas26 } from '@mirohq/design-system-experiments'\n\nimport type { StyledTagProps } from './tag.styled'\nimport { StyledInner, StyledTag } from './tag.styled'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type TagProps = Omit<StyledTagProps, 'shade' | 'border'> & {\n  /**\n   *\n   * Change the tag style.\n   * @default 'primary'\n   */\n  variant?: StyledTagProps['variant']\n\n  /**\n   * Change the tag shade.\n   * @default 'mild'\n   */\n  DEPRECATED_shade?: StyledTagProps['shade']\n\n  /**\n   * Change the tag border.\n   * @default false\n   */\n  DEPRECATED_border?: StyledTagProps['border']\n\n  /**\n   * Change the tag text transform.\n   * @default true\n   */\n  textTransform?: StyledTagProps['textTransform']\n\n  /**\n   * The text content.\n   */\n  children: ReactNode\n}\n\nexport const Tag = React.forwardRef<ElementRef<typeof StyledTag>, TagProps>(\n  (\n    {\n      variant = 'primary',\n      children,\n      DEPRECATED_shade = 'mild',\n      DEPRECATED_border = false,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const [canvas26] = useCanvas26()\n    return (\n      <StyledTag\n        {...restProps}\n        canvas26={canvas26}\n        variant={variant}\n        border={DEPRECATED_border}\n        shade={DEPRECATED_shade}\n        ref={forwardRef}\n      >\n        <StyledInner>{children}</StyledInner>\n      </StyledTag>\n    )\n  }\n) as ForwardRefExoticComponent<TagProps> & Partials\n\nexport interface Partials {\n  IconSlot: typeof IconSlot\n}\n\nTag.IconSlot = IconSlot\n"],"names":["styled","Primitive","useCanvas26","addPropsToChildren","isIconComponent","jsx"],"mappings":"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"}

package/dist/module.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { useCanvas26 } from '@mirohq/design-system-experiments';
 import { styled } from '@mirohq/design-system-stitches';
 import { Primitive } from '@mirohq/design-system-primitive';
 import { addPropsToChildren } from '@mirohq/design-system-utils';
@@ -20,33 +21,39 @@ const StyledTag = styled(Primitive.div, {
   fontWeight: "$semibold",
   height: "$5",
   alignItems: "center",
-  borderRadius: "$50",
+  borderRadius: "$round",
   variants: {
+    canvas26: {
+      true: {
+        paddingX: "$100"
+      },
+      false: {}
+    },
     variant: {
       neutral: {
-        backgroundColor: "$background-neutrals-subtle",
-        color: "$coal-text"
+        backgroundColor: "$background-surface-secondary",
+        color: "$text-default"
       },
       primary: {
-        backgroundColor: "$background-primary-prominent",
-        color: "$text-primary-inverted"
+        backgroundColor: "$background-interactive-primary",
+        color: "$text-on-interactive-primary"
       },
       warning: {
         backgroundColor: "$background-warning-prominent",
-        color: "$text-warning"
+        color: "$text-on-static-light"
       },
       success: {
         backgroundColor: "$background-success-prominent",
-        color: "$text-success-inverted"
+        color: "$text-on-static-dark"
       },
       danger: {
-        backgroundColor: "$background-danger-prominent",
-        color: "$text-danger-inverted"
+        backgroundColor: "$background-interactive-danger",
+        color: "$text-on-interactive-danger"
       },
       ghost: {
-        backgroundColor: "$background-neutrals",
-        color: "$text-neutrals",
-        border: "1px solid $border-neutrals",
+        backgroundColor: "$background-surface",
+        color: "$text-default",
+        border: "1px solid $border-default",
         boxSizing: "border-box",
         paddingX: "3px"
       },
@@ -632,10 +639,19 @@ const StyledIconSlot = styled(Primitive.span, {
   paddingInlineEnd: "$25",
   "& svg": {
     transform: "translateY(0.5px)"
+  },
+  variants: {
+    canvas26: {
+      true: {
+        paddingInlineEnd: "$50"
+      },
+      false: {}
+    }
   }
 });
 
 const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
+  const [canvas26] = useCanvas26();
   const formattedChildren = addPropsToChildren(
     children,
     (child) => isIconComponent(child),
@@ -645,7 +661,7 @@ const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
       weight: "thin"
     }
   );
-  return /* @__PURE__ */ jsx(StyledIconSlot, { ...restProps, ref: forwardRef, children: formattedChildren });
+  return /* @__PURE__ */ jsx(StyledIconSlot, { ...restProps, canvas26, ref: forwardRef, children: formattedChildren });
 });
 
 const Tag = React.forwardRef(
@@ -655,17 +671,21 @@ const Tag = React.forwardRef(
     DEPRECATED_shade = "mild",
     DEPRECATED_border = false,
     ...restProps
-  }, forwardRef) => /* @__PURE__ */ jsx(
-    StyledTag,
-    {
-      ...restProps,
-      variant,
-      border: DEPRECATED_border,
-      shade: DEPRECATED_shade,
-      ref: forwardRef,
-      children: /* @__PURE__ */ jsx(StyledInner, { children })
-    }
-  )
+  }, forwardRef) => {
+    const [canvas26] = useCanvas26();
+    return /* @__PURE__ */ jsx(
+      StyledTag,
+      {
+        ...restProps,
+        canvas26,
+        variant,
+        border: DEPRECATED_border,
+        shade: DEPRECATED_shade,
+        ref: forwardRef,
+        children: /* @__PURE__ */ jsx(StyledInner, { children })
+      }
+    );
+  }
 );
 Tag.IconSlot = IconSlot;
 

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/tag.styled.tsx","../src/partials/icon-slot.styled.tsx","../src/partials/icon-slot.tsx","../src/tag.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledTag = styled(Primitive.div, {\n  display: 'inline-flex',\n  width: 'fit-content',\n  paddingY: '$0',\n  paddingX: '$50',\n  letterSpacing: 0.25,\n  '::selection': {\n    backgroundColor: 'transparent',\n  },\n  textTransform: 'capitalize',\n  fontSize: '$150',\n  lineHeight: '$500',\n  fontWeight: '$semibold',\n  height: '$5',\n  alignItems: 'center',\n  borderRadius: '$50',\n  variants: {\n    variant: {\n      neutral: {\n        backgroundColor: '$background-neutrals-subtle',\n        color: '$coal-text',\n      },\n      primary: {\n        backgroundColor: '$background-primary-prominent',\n        color: '$text-primary-inverted',\n      },\n      warning: {\n        backgroundColor: '$background-warning-prominent',\n        color: '$text-warning',\n      },\n      success: {\n        backgroundColor: '$background-success-prominent',\n        color: '$text-success-inverted',\n      },\n      danger: {\n        backgroundColor: '$background-danger-prominent',\n        color: '$text-danger-inverted',\n      },\n      ghost: {\n        backgroundColor: '$background-neutrals',\n        color: '$text-neutrals',\n        border: '1px solid $border-neutrals',\n        boxSizing: 'border-box',\n        paddingX: '3px',\n      },\n      lime: {},\n      orange: {},\n      sunshine: {},\n      coral: {},\n      moss: {},\n      teal: {},\n      cyan: {},\n      ocean: {},\n      lilac: {},\n      pink: {},\n      coal: {},\n    },\n    shade: {\n      subtle: {},\n      mild: {},\n      prominent: {},\n    },\n    border: {\n      true: {\n        boxSizing: 'border-box',\n        paddingX: '3px',\n        border: '1px solid transparent',\n      },\n    },\n    textTransform: {\n      false: {\n        textTransform: 'inherit',\n      },\n    },\n  },\n  compoundVariants: [\n    /** Lime variant */\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lime-background-subtle',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lime-border-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lime-background-mild',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lime-border',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lime-background-prominent',\n        color: '$lime-text-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lime-border-prominent',\n      },\n    },\n    /** Orange variant */\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$orange-background-subtle',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$orange-border-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$orange-background-mild',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$orange-border',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$orange-background-prominent',\n        color: '$orange-text-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$orange-border-prominent',\n      },\n    },\n    /** Sunshine variant */\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$sunshine-background-subtle',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$sunshine-background-mild',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$sunshine-background-prominent',\n        color: '$sunshine-text-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-prominent',\n      },\n    },\n    /** Coral variant */\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coral-background-subtle',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coral-border-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coral-background-mild',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coral-border',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coral-background-prominent',\n        color: '$coral-text-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coral-border-prominent',\n      },\n    },\n    /** Moss variant */\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$moss-background-subtle',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$moss-border-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$moss-background-mild',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$moss-border',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$moss-background-prominent',\n        color: '$moss-text-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$moss-border-prominent',\n      },\n    },\n    /** Teal variant */\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$teal-background-subtle',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$teal-border-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$teal-background-mild',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$teal-border',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$teal-background-prominent',\n        color: '$teal-text-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$teal-border-prominent',\n      },\n    },\n    /** Cyan variant */\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$cyan-background-subtle',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$cyan-background-mild',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$cyan-border',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$cyan-background-prominent',\n        color: '$cyan-text-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-prominent',\n      },\n    },\n    /** Ocean variant */\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$ocean-background-subtle',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$ocean-background-mild',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$ocean-border',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$ocean-background-prominent',\n        color: '$ocean-text-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-prominent',\n      },\n    },\n    /** Lilac variant */\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lilac-background-subtle',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lilac-background-mild',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lilac-border',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lilac-background-prominent',\n        color: '$lilac-text-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-prominent',\n      },\n    },\n    /** Pink variant */\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$pink-background-subtle',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$pink-border-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$pink-background-mild',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$pink-border',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$pink-background-prominent',\n        color: '$pink-text-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$pink-border-prominent',\n      },\n    },\n    /** Coal variant */\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coal-background-subtle',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coal-border-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coal-background-mild',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coal-border',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coal-background-prominent',\n        color: '$coal-text-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coal-border-prominent',\n      },\n    },\n  ],\n})\n\nexport const StyledInner = styled(Primitive.span, {\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n})\n\nexport type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.span, {\n  paddingInlineEnd: '$25',\n\n  '& svg': {\n    transform: 'translateY(0.5px)',\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { addPropsToChildren } from '@mirohq/design-system-utils'\nimport type { IconReactElement } from '@mirohq/design-system-base-icon'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\n\nimport type { StyledIconSlotProps } from './icon-slot.styled'\nimport { StyledIconSlot } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  IconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const formattedChildren = addPropsToChildren(\n    children,\n    child => isIconComponent(child as IconReactElement),\n    {\n      'data-icon-component': '',\n      size: 'small',\n      weight: 'thin',\n    }\n  )\n\n  return (\n    <StyledIconSlot {...restProps} ref={forwardRef}>\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n","import type { ElementRef, ForwardRefExoticComponent, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { StyledTagProps } from './tag.styled'\nimport { StyledInner, StyledTag } from './tag.styled'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type TagProps = Omit<StyledTagProps, 'shade' | 'border'> & {\n  /**\n   *\n   * Change the tag style.\n   * @default 'primary'\n   */\n  variant?: StyledTagProps['variant']\n\n  /**\n   * Change the tag shade.\n   * @default 'mild'\n   */\n  DEPRECATED_shade?: StyledTagProps['shade']\n\n  /**\n   * Change the tag border.\n   * @default false\n   */\n  DEPRECATED_border?: StyledTagProps['border']\n\n  /**\n   * Change the tag text transform.\n   * @default true\n   */\n  textTransform?: StyledTagProps['textTransform']\n\n  /**\n   * The text content.\n   */\n  children: ReactNode\n}\n\nexport const Tag = React.forwardRef<ElementRef<typeof StyledTag>, TagProps>(\n  (\n    {\n      variant = 'primary',\n      children,\n      DEPRECATED_shade = 'mild',\n      DEPRECATED_border = false,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledTag\n      {...restProps}\n      variant={variant}\n      border={DEPRECATED_border}\n      shade={DEPRECATED_shade}\n      ref={forwardRef}\n    >\n      <StyledInner>{children}</StyledInner>\n    </StyledTag>\n  )\n) as ForwardRefExoticComponent<TagProps> & Partials\n\nexport interface Partials {\n  IconSlot: typeof IconSlot\n}\n\nTag.IconSlot = IconSlot\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/tag.styled.tsx","../src/partials/icon-slot.styled.tsx","../src/partials/icon-slot.tsx","../src/tag.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledTag = styled(Primitive.div, {\n  display: 'inline-flex',\n  width: 'fit-content',\n  paddingY: '$0',\n  paddingX: '$50',\n  letterSpacing: 0.25,\n  '::selection': {\n    backgroundColor: 'transparent',\n  },\n  textTransform: 'capitalize',\n  fontSize: '$150',\n  lineHeight: '$500',\n  fontWeight: '$semibold',\n  height: '$5',\n  alignItems: 'center',\n  borderRadius: '$round',\n  variants: {\n    canvas26: {\n      true: {\n        paddingX: '$100',\n      },\n      false: {},\n    },\n    variant: {\n      neutral: {\n        backgroundColor: '$background-surface-secondary',\n        color: '$text-default',\n      },\n      primary: {\n        backgroundColor: '$background-interactive-primary',\n        color: '$text-on-interactive-primary',\n      },\n      warning: {\n        backgroundColor: '$background-warning-prominent',\n        color: '$text-on-static-light',\n      },\n      success: {\n        backgroundColor: '$background-success-prominent',\n        color: '$text-on-static-dark',\n      },\n      danger: {\n        backgroundColor: '$background-interactive-danger',\n        color: '$text-on-interactive-danger',\n      },\n      ghost: {\n        backgroundColor: '$background-surface',\n        color: '$text-default',\n        border: '1px solid $border-default',\n        boxSizing: 'border-box',\n        paddingX: '3px',\n      },\n      lime: {},\n      orange: {},\n      sunshine: {},\n      coral: {},\n      moss: {},\n      teal: {},\n      cyan: {},\n      ocean: {},\n      lilac: {},\n      pink: {},\n      coal: {},\n    },\n    shade: {\n      subtle: {},\n      mild: {},\n      prominent: {},\n    },\n    border: {\n      true: {\n        boxSizing: 'border-box',\n        paddingX: '3px',\n        border: '1px solid transparent',\n      },\n    },\n    textTransform: {\n      false: {\n        textTransform: 'inherit',\n      },\n    },\n  },\n  compoundVariants: [\n    /** Lime variant */\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lime-background-subtle',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lime-border-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lime-background-mild',\n        color: '$lime-text',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lime-border',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lime-background-prominent',\n        color: '$lime-text-subtle',\n      },\n    },\n    {\n      variant: 'lime',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lime-border-prominent',\n      },\n    },\n    /** Orange variant */\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$orange-background-subtle',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$orange-border-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$orange-background-mild',\n        color: '$orange-text',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$orange-border',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$orange-background-prominent',\n        color: '$orange-text-subtle',\n      },\n    },\n    {\n      variant: 'orange',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$orange-border-prominent',\n      },\n    },\n    /** Sunshine variant */\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$sunshine-background-subtle',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$sunshine-background-mild',\n        color: '$sunshine-text',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$sunshine-background-prominent',\n        color: '$sunshine-text-subtle',\n      },\n    },\n    {\n      variant: 'sunshine',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$sunshine-border-prominent',\n      },\n    },\n    /** Coral variant */\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coral-background-subtle',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coral-border-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coral-background-mild',\n        color: '$coral-text',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coral-border',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coral-background-prominent',\n        color: '$coral-text-subtle',\n      },\n    },\n    {\n      variant: 'coral',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coral-border-prominent',\n      },\n    },\n    /** Moss variant */\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$moss-background-subtle',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$moss-border-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$moss-background-mild',\n        color: '$moss-text',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$moss-border',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$moss-background-prominent',\n        color: '$moss-text-subtle',\n      },\n    },\n    {\n      variant: 'moss',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$moss-border-prominent',\n      },\n    },\n    /** Teal variant */\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$teal-background-subtle',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$teal-border-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$teal-background-mild',\n        color: '$teal-text',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$teal-border',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$teal-background-prominent',\n        color: '$teal-text-subtle',\n      },\n    },\n    {\n      variant: 'teal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$teal-border-prominent',\n      },\n    },\n    /** Cyan variant */\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$cyan-background-subtle',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$cyan-background-mild',\n        color: '$cyan-text',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$cyan-border',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$cyan-background-prominent',\n        color: '$cyan-text-subtle',\n      },\n    },\n    {\n      variant: 'cyan',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$cyan-border-prominent',\n      },\n    },\n    /** Ocean variant */\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$ocean-background-subtle',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$ocean-background-mild',\n        color: '$ocean-text',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$ocean-border',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$ocean-background-prominent',\n        color: '$ocean-text-subtle',\n      },\n    },\n    {\n      variant: 'ocean',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$ocean-border-prominent',\n      },\n    },\n    /** Lilac variant */\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$lilac-background-subtle',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$lilac-background-mild',\n        color: '$lilac-text',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$lilac-border',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$lilac-background-prominent',\n        color: '$lilac-text-subtle',\n      },\n    },\n    {\n      variant: 'lilac',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$lilac-border-prominent',\n      },\n    },\n    /** Pink variant */\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$pink-background-subtle',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$pink-border-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$pink-background-mild',\n        color: '$pink-text',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$pink-border',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$pink-background-prominent',\n        color: '$pink-text-subtle',\n      },\n    },\n    {\n      variant: 'pink',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$pink-border-prominent',\n      },\n    },\n    /** Coal variant */\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      css: {\n        backgroundColor: '$coal-background-subtle',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'subtle',\n      border: true,\n      css: {\n        borderColor: '$coal-border-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      css: {\n        backgroundColor: '$coal-background-mild',\n        color: '$coal-text',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'mild',\n      border: true,\n      css: {\n        borderColor: '$coal-border',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      css: {\n        backgroundColor: '$coal-background-prominent',\n        color: '$coal-text-subtle',\n      },\n    },\n    {\n      variant: 'coal',\n      shade: 'prominent',\n      border: true,\n      css: {\n        borderColor: '$coal-border-prominent',\n      },\n    },\n  ],\n})\n\nexport const StyledInner = styled(Primitive.span, {\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n})\n\nexport type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.span, {\n  paddingInlineEnd: '$25',\n\n  '& svg': {\n    transform: 'translateY(0.5px)',\n  },\n\n  variants: {\n    canvas26: {\n      true: {\n        paddingInlineEnd: '$50',\n      },\n      false: {},\n    },\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { addPropsToChildren } from '@mirohq/design-system-utils'\nimport type { IconReactElement } from '@mirohq/design-system-base-icon'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport { useCanvas26 } from '@mirohq/design-system-experiments'\n\nimport type { StyledIconSlotProps } from './icon-slot.styled'\nimport { StyledIconSlot } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  IconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const [canvas26] = useCanvas26()\n  const formattedChildren = addPropsToChildren(\n    children,\n    child => isIconComponent(child as IconReactElement),\n    {\n      'data-icon-component': '',\n      size: 'small',\n      weight: 'thin',\n    }\n  )\n\n  return (\n    <StyledIconSlot {...restProps} canvas26={canvas26} ref={forwardRef}>\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n","import type { ElementRef, ForwardRefExoticComponent, ReactNode } from 'react'\nimport React from 'react'\nimport { useCanvas26 } from '@mirohq/design-system-experiments'\n\nimport type { StyledTagProps } from './tag.styled'\nimport { StyledInner, StyledTag } from './tag.styled'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type TagProps = Omit<StyledTagProps, 'shade' | 'border'> & {\n  /**\n   *\n   * Change the tag style.\n   * @default 'primary'\n   */\n  variant?: StyledTagProps['variant']\n\n  /**\n   * Change the tag shade.\n   * @default 'mild'\n   */\n  DEPRECATED_shade?: StyledTagProps['shade']\n\n  /**\n   * Change the tag border.\n   * @default false\n   */\n  DEPRECATED_border?: StyledTagProps['border']\n\n  /**\n   * Change the tag text transform.\n   * @default true\n   */\n  textTransform?: StyledTagProps['textTransform']\n\n  /**\n   * The text content.\n   */\n  children: ReactNode\n}\n\nexport const Tag = React.forwardRef<ElementRef<typeof StyledTag>, TagProps>(\n  (\n    {\n      variant = 'primary',\n      children,\n      DEPRECATED_shade = 'mild',\n      DEPRECATED_border = false,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const [canvas26] = useCanvas26()\n    return (\n      <StyledTag\n        {...restProps}\n        canvas26={canvas26}\n        variant={variant}\n        border={DEPRECATED_border}\n        shade={DEPRECATED_shade}\n        ref={forwardRef}\n      >\n        <StyledInner>{children}</StyledInner>\n      </StyledTag>\n    )\n  }\n) as ForwardRefExoticComponent<TagProps> & Partials\n\nexport interface Partials {\n  IconSlot: typeof IconSlot\n}\n\nTag.IconSlot = IconSlot\n"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -23,12 +23,14 @@ type TransformProps<Props, Media> = {
 	)
 }
 
-declare const StyledTag: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "textTransform" | "border" | "variant" | "shade"> & TransformProps<{
+declare const StyledTag: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "textTransform" | "border" | "canvas26" | "variant" | "shade"> & TransformProps<{
+    canvas26?: boolean | "true" | "false" | undefined;
     variant?: "neutral" | "primary" | "warning" | "success" | "danger" | "ghost" | "lime" | "orange" | "sunshine" | "coral" | "moss" | "teal" | "cyan" | "ocean" | "lilac" | "pink" | "coal" | undefined;
     shade?: "subtle" | "mild" | "prominent" | undefined;
     border?: boolean | "true" | undefined;
     textTransform?: boolean | "false" | undefined;
 }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
+    canvas26?: boolean | "true" | "false" | undefined;
     variant?: "neutral" | "primary" | "warning" | "success" | "danger" | "ghost" | "lime" | "orange" | "sunshine" | "coral" | "moss" | "teal" | "cyan" | "ocean" | "lilac" | "pink" | "coal" | undefined;
     shade?: "subtle" | "mild" | "prominent" | undefined;
     border?: boolean | "true" | undefined;
@@ -36,7 +38,11 @@ declare const StyledTag: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desig
 }, {}>;
 type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>;
 
-declare const StyledIconSlot: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, never> & TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {}, {}>;
+declare const StyledIconSlot: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, "canvas26"> & TransformProps<{
+    canvas26?: boolean | "true" | "false" | undefined;
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {
+    canvas26?: boolean | "true" | "false" | undefined;
+}, {}>;
 type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
 
 interface IconSlotProps extends StyledIconSlotProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-tag",
-  "version": "2.0.19",
+  "version": "2.0.20",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@mirohq/design-system-base-icon": "^1.2.1",
+    "@mirohq/design-system-experiments": "^1.1.0",
     "@mirohq/design-system-primitive": "^2.2.1",
     "@mirohq/design-system-stitches": "^3.3.17",
     "@mirohq/design-system-utils": "^1.3.0"