@mirohq/design-system-tag 1.3.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +21 -2
- package/dist/main.js.map +1 -1
- package/dist/module.js +21 -2
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +3 -3
- package/package.json +3 -3
package/dist/main.js
CHANGED
|
@@ -47,7 +47,10 @@ const StyledTag = designSystemStitches.styled(designSystemPrimitive.Primitive.di
|
|
|
47
47
|
},
|
|
48
48
|
ghost: {
|
|
49
49
|
backgroundColor: "$background-neutrals",
|
|
50
|
-
color: "$text-neutrals"
|
|
50
|
+
color: "$text-neutrals",
|
|
51
|
+
border: "1px solid $border-neutrals",
|
|
52
|
+
boxSizing: "border-box",
|
|
53
|
+
paddingX: "3px"
|
|
51
54
|
},
|
|
52
55
|
lime: {},
|
|
53
56
|
orange: {},
|
|
@@ -648,7 +651,23 @@ const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
|
|
|
648
651
|
});
|
|
649
652
|
|
|
650
653
|
const Tag = React.forwardRef(
|
|
651
|
-
({
|
|
654
|
+
({
|
|
655
|
+
variant = "primary",
|
|
656
|
+
children,
|
|
657
|
+
DEPRECATED_shade = "mild",
|
|
658
|
+
DEPRECATED_border = false,
|
|
659
|
+
...restProps
|
|
660
|
+
}, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
661
|
+
StyledTag,
|
|
662
|
+
{
|
|
663
|
+
...restProps,
|
|
664
|
+
variant,
|
|
665
|
+
border: DEPRECATED_border,
|
|
666
|
+
shade: DEPRECATED_shade,
|
|
667
|
+
ref: forwardRef,
|
|
668
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(StyledInner, { children })
|
|
669
|
+
}
|
|
670
|
+
)
|
|
652
671
|
);
|
|
653
672
|
Tag.IconSlot = IconSlot;
|
|
654
673
|
|
package/dist/main.js.map
CHANGED
|
@@ -1 +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 },\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 = StyledTagProps & {\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 shade?: StyledTagProps['shade']\n\n /**\n * Change the tag border.\n * @default false\n */\n 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 { variant = 'primary', shade = 'mild', children, ...restProps },\n forwardRef\n ) => (\n <StyledTag {...restProps} variant={variant} shade={shade} ref={forwardRef}>\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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"}
|
|
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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"}
|
package/dist/module.js
CHANGED
|
@@ -45,7 +45,10 @@ const StyledTag = styled(Primitive.div, {
|
|
|
45
45
|
},
|
|
46
46
|
ghost: {
|
|
47
47
|
backgroundColor: "$background-neutrals",
|
|
48
|
-
color: "$text-neutrals"
|
|
48
|
+
color: "$text-neutrals",
|
|
49
|
+
border: "1px solid $border-neutrals",
|
|
50
|
+
boxSizing: "border-box",
|
|
51
|
+
paddingX: "3px"
|
|
49
52
|
},
|
|
50
53
|
lime: {},
|
|
51
54
|
orange: {},
|
|
@@ -646,7 +649,23 @@ const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
|
|
|
646
649
|
});
|
|
647
650
|
|
|
648
651
|
const Tag = React.forwardRef(
|
|
649
|
-
({
|
|
652
|
+
({
|
|
653
|
+
variant = "primary",
|
|
654
|
+
children,
|
|
655
|
+
DEPRECATED_shade = "mild",
|
|
656
|
+
DEPRECATED_border = false,
|
|
657
|
+
...restProps
|
|
658
|
+
}, forwardRef) => /* @__PURE__ */ jsx(
|
|
659
|
+
StyledTag,
|
|
660
|
+
{
|
|
661
|
+
...restProps,
|
|
662
|
+
variant,
|
|
663
|
+
border: DEPRECATED_border,
|
|
664
|
+
shade: DEPRECATED_shade,
|
|
665
|
+
ref: forwardRef,
|
|
666
|
+
children: /* @__PURE__ */ jsx(StyledInner, { children })
|
|
667
|
+
}
|
|
668
|
+
)
|
|
650
669
|
);
|
|
651
670
|
Tag.IconSlot = IconSlot;
|
|
652
671
|
|
package/dist/module.js.map
CHANGED
|
@@ -1 +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 },\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 = StyledTagProps & {\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 shade?: StyledTagProps['shade']\n\n /**\n * Change the tag border.\n * @default false\n */\n 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 { variant = 'primary', shade = 'mild', children, ...restProps },\n forwardRef\n ) => (\n <StyledTag {...restProps} variant={variant} shade={shade} ref={forwardRef}>\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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"}
|
|
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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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ interface IconSlotProps extends StyledIconSlotProps {
|
|
|
43
43
|
}
|
|
44
44
|
declare const IconSlot: React__default.ForwardRefExoticComponent<Omit<IconSlotProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
|
|
45
45
|
|
|
46
|
-
type TagProps = StyledTagProps & {
|
|
46
|
+
type TagProps = Omit<StyledTagProps, 'shade' | 'border'> & {
|
|
47
47
|
/**
|
|
48
48
|
*
|
|
49
49
|
* Change the tag style.
|
|
@@ -54,12 +54,12 @@ type TagProps = StyledTagProps & {
|
|
|
54
54
|
* Change the tag shade.
|
|
55
55
|
* @default 'mild'
|
|
56
56
|
*/
|
|
57
|
-
|
|
57
|
+
DEPRECATED_shade?: StyledTagProps['shade'];
|
|
58
58
|
/**
|
|
59
59
|
* Change the tag border.
|
|
60
60
|
* @default false
|
|
61
61
|
*/
|
|
62
|
-
|
|
62
|
+
DEPRECATED_border?: StyledTagProps['border'];
|
|
63
63
|
/**
|
|
64
64
|
* Change the tag text transform.
|
|
65
65
|
* @default true
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-tag",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"react": "^16.14 || ^17 || ^18 || ^19"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-system-base-icon": "^1.2.0",
|
|
30
|
-
"@mirohq/design-system-primitive": "^2.2.0",
|
|
31
29
|
"@mirohq/design-system-stitches": "^3.2.1",
|
|
30
|
+
"@mirohq/design-system-primitive": "^2.2.0",
|
|
31
|
+
"@mirohq/design-system-base-icon": "^1.2.0",
|
|
32
32
|
"@mirohq/design-system-utils": "^1.2.2"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|