@mirohq/design-system-tag 0.2.2 → 0.3.1

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.
Files changed (6) hide show
  1. package/dist/main.js +647 -11
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +647 -11
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +34 -8
  6. package/package.json +5 -2
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/tag.styled.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 textTransform: 'uppercase',\n width: 'fit-content',\n paddingY: '$0',\n paddingX: '$50',\n borderRadius: '$25',\n fontSize: '$125',\n lineHeight: 1.6,\n fontWeight: 'bold',\n letterSpacing: 0.25,\n '::selection': {\n backgroundColor: 'transparent',\n },\n variants: {\n variant: {\n 'beta-prominent': {\n backgroundColor: '$background-neutrals-inverted',\n color: '$text-neutrals-inverted',\n },\n neutral: {\n backgroundColor: '$background-neutrals-subtle',\n color: '$text-neutrals-subtle',\n },\n primary: {\n backgroundColor: '$background-primary-prominent',\n color: '$text-primary-inverted',\n },\n 'primary-subtle': {\n backgroundColor: '$background-primary-subtle',\n color: '$text-primary',\n },\n warning: {\n backgroundColor: '$background-warning-prominent',\n color: '$text-neutrals',\n },\n 'warning-subtle': {\n backgroundColor: '$background-warning-subtle',\n color: '$text-warning-subtle',\n },\n success: {\n backgroundColor: '$background-success-prominent',\n color: '$text-success-inverted',\n },\n 'success-subtle': {\n backgroundColor: '$background-success',\n color: '$text-success',\n },\n error: {\n backgroundColor: '$background-danger-prominent',\n color: '$text-danger-inverted',\n },\n 'error-subtle': {\n backgroundColor: '$background-danger-subtle',\n color: '$text-danger',\n },\n },\n },\n defaultVariants: {\n variant: 'primary-prominent',\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 { ElementRef, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { StyledTagProps } from './tag.styled'\nimport { StyledInner, StyledTag } from './tag.styled'\n\nexport interface TagProps extends StyledTagProps {\n /**\n *\n * Change the tag style.\n * @default 'primary-prominent'\n */\n variant?: StyledTagProps['variant']\n\n /**\n * The text content.\n */\n children: ReactNode\n}\n\nexport const Tag = React.forwardRef<ElementRef<typeof StyledTag>, TagProps>(\n ({ variant = 'primary', children, ...props }, forwardRef) => (\n <StyledTag {...props} variant={variant} ref={forwardRef}>\n <StyledInner>{children}</StyledInner>\n </StyledTag>\n )\n)\n"],"names":[],"mappings":";;;;;AAIa,MAAA,SAAA,GAAY,MAAO,CAAA,SAAA,CAAU,GAAK,EAAA;AAAA,EAC7C,OAAS,EAAA,aAAA;AAAA,EACT,aAAe,EAAA,WAAA;AAAA,EACf,KAAO,EAAA,aAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA;AAAA,EACd,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,UAAY,EAAA,MAAA;AAAA,EACZ,aAAe,EAAA,IAAA;AAAA,EACf,aAAe,EAAA;AAAA,IACb,eAAiB,EAAA,aAAA;AAAA,GACnB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,gBAAkB,EAAA;AAAA,QAChB,eAAiB,EAAA,+BAAA;AAAA,QACjB,KAAO,EAAA,yBAAA;AAAA,OACT;AAAA,MACA,OAAS,EAAA;AAAA,QACP,eAAiB,EAAA,6BAAA;AAAA,QACjB,KAAO,EAAA,uBAAA;AAAA,OACT;AAAA,MACA,OAAS,EAAA;AAAA,QACP,eAAiB,EAAA,+BAAA;AAAA,QACjB,KAAO,EAAA,wBAAA;AAAA,OACT;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,eAAiB,EAAA,4BAAA;AAAA,QACjB,KAAO,EAAA,eAAA;AAAA,OACT;AAAA,MACA,OAAS,EAAA;AAAA,QACP,eAAiB,EAAA,+BAAA;AAAA,QACjB,KAAO,EAAA,gBAAA;AAAA,OACT;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,eAAiB,EAAA,4BAAA;AAAA,QACjB,KAAO,EAAA,sBAAA;AAAA,OACT;AAAA,MACA,OAAS,EAAA;AAAA,QACP,eAAiB,EAAA,+BAAA;AAAA,QACjB,KAAO,EAAA,wBAAA;AAAA,OACT;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,eAAiB,EAAA,qBAAA;AAAA,QACjB,KAAO,EAAA,eAAA;AAAA,OACT;AAAA,MACA,KAAO,EAAA;AAAA,QACL,eAAiB,EAAA,8BAAA;AAAA,QACjB,KAAO,EAAA,uBAAA;AAAA,OACT;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,eAAiB,EAAA,2BAAA;AAAA,QACjB,KAAO,EAAA,cAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA,mBAAA;AAAA,GACX;AACF,CAAC,CAAA,CAAA;AAEY,MAAA,WAAA,GAAc,MAAO,CAAA,SAAA,CAAU,IAAM,EAAA;AAAA,EAChD,UAAY,EAAA,QAAA;AAAA,EACZ,QAAU,EAAA,QAAA;AAAA,EACV,YAAc,EAAA,UAAA;AAChB,CAAC,CAAA;;ACnDM,MAAM,MAAM,KAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,OAAA,GAAU,WAAW,QAAU,EAAA,GAAG,OAAS,EAAA,UAAA,yBAC3C,SAAW,EAAA,EAAA,GAAG,OAAO,OAAkB,EAAA,GAAA,EAAK,YAC3C,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAa,UAAS,CACzB,EAAA,CAAA;AAEJ;;;;"}
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 variants: {\n v1: {\n true: {\n textTransform: 'capitalize',\n fontSize: '$150',\n lineHeight: '$500',\n fontWeight: '$semibold',\n height: '$5',\n alignItems: 'center',\n borderRadius: '$50',\n },\n false: {\n textTransform: 'uppercase',\n fontSize: '$125',\n lineHeight: 1.6,\n fontWeight: 'bold',\n borderRadius: '$25',\n },\n },\n variant: {\n 'beta-prominent': {\n backgroundColor: '$background-neutrals-inverted',\n color: '$text-neutrals-inverted',\n },\n neutral: {\n backgroundColor: '$background-neutrals-subtle',\n color: '$text-neutrals-subtle',\n },\n primary: {\n backgroundColor: '$background-primary-prominent',\n color: '$text-primary-inverted',\n },\n 'primary-subtle': {\n backgroundColor: '$background-primary-subtle',\n color: '$text-primary',\n },\n warning: {\n backgroundColor: '$background-warning-prominent',\n color: '$text-neutrals',\n },\n 'warning-subtle': {\n backgroundColor: '$background-warning-subtle',\n color: '$text-warning-subtle',\n },\n success: {\n backgroundColor: '$background-success-prominent',\n color: '$text-success-inverted',\n },\n 'success-subtle': {\n backgroundColor: '$background-success',\n color: '$text-success',\n },\n danger: {\n backgroundColor: '$background-danger-prominent',\n color: '$text-danger-inverted',\n },\n 'error-subtle': {\n backgroundColor: '$background-danger-subtle',\n color: '$text-danger',\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 },\n compoundVariants: [\n {\n v1: true,\n variant: 'neutral',\n css: {\n color: '$coal-text',\n },\n },\n {\n v1: true,\n variant: 'warning',\n css: {\n color: '$text-warning',\n },\n },\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 variants: {\n v1: {\n true: {\n paddingBottom: '1px',\n },\n },\n },\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'\nimport { useNewDesignLanguage } 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, 'v1'> & {\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 * 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 const [v1] = useNewDesignLanguage()\n\n return (\n <StyledTag\n {...restProps}\n variant={variant}\n shade={shade}\n v1={v1}\n ref={forwardRef}\n >\n <StyledInner v1={v1}>{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 CHANGED
@@ -1,28 +1,54 @@
1
1
  import * as react from 'react';
2
- import react__default, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ import react__default, { ComponentPropsWithRef, ReactNode, ForwardRefExoticComponent } from 'react';
3
3
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
4
4
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
5
5
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
6
6
 
7
- declare const StyledTag: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "variant"> & _stitches_react_types_styled_component.TransformProps<{
8
- variant?: "beta-prominent" | "neutral" | "primary" | "primary-subtle" | "warning" | "warning-subtle" | "success" | "success-subtle" | "error" | "error-subtle" | undefined;
7
+ declare const StyledTag: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "border" | "v1" | "variant" | "shade"> & _stitches_react_types_styled_component.TransformProps<{
8
+ v1?: boolean | "true" | "false" | undefined;
9
+ variant?: "beta-prominent" | "neutral" | "primary" | "primary-subtle" | "warning" | "warning-subtle" | "success" | "success-subtle" | "danger" | "error-subtle" | "ghost" | "lime" | "orange" | "sunshine" | "coral" | "moss" | "teal" | "cyan" | "ocean" | "lilac" | "pink" | "coal" | undefined;
10
+ shade?: "subtle" | "mild" | "prominent" | undefined;
11
+ border?: boolean | "true" | undefined;
9
12
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
10
- variant?: "beta-prominent" | "neutral" | "primary" | "primary-subtle" | "warning" | "warning-subtle" | "success" | "success-subtle" | "error" | "error-subtle" | undefined;
13
+ v1?: boolean | "true" | "false" | undefined;
14
+ variant?: "beta-prominent" | "neutral" | "primary" | "primary-subtle" | "warning" | "warning-subtle" | "success" | "success-subtle" | "danger" | "error-subtle" | "ghost" | "lime" | "orange" | "sunshine" | "coral" | "moss" | "teal" | "cyan" | "ocean" | "lilac" | "pink" | "coal" | undefined;
15
+ shade?: "subtle" | "mild" | "prominent" | undefined;
16
+ border?: boolean | "true" | undefined;
11
17
  }, {}>;
12
18
  declare type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>;
13
19
 
14
- interface TagProps extends StyledTagProps {
20
+ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {}, {}>;
21
+ declare type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
22
+
23
+ interface IconSlotProps extends StyledIconSlotProps {
24
+ }
25
+ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<IconSlotProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
26
+
27
+ declare type TagProps = Omit<StyledTagProps, 'v1'> & {
15
28
  /**
16
29
  *
17
30
  * Change the tag style.
18
- * @default 'primary-prominent'
31
+ * @default 'primary'
19
32
  */
20
33
  variant?: StyledTagProps['variant'];
34
+ /**
35
+ * Change the tag shade.
36
+ * @default 'mild'
37
+ */
38
+ shade?: StyledTagProps['shade'];
39
+ /**
40
+ * Change the tag border.
41
+ * @default false
42
+ */
43
+ border?: StyledTagProps['border'];
21
44
  /**
22
45
  * The text content.
23
46
  */
24
47
  children: ReactNode;
48
+ };
49
+ declare const Tag: ForwardRefExoticComponent<TagProps> & Partials;
50
+ interface Partials {
51
+ IconSlot: typeof IconSlot;
25
52
  }
26
- declare const Tag: react__default.ForwardRefExoticComponent<Omit<TagProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
27
53
 
28
- export { Tag, TagProps };
54
+ export { Tag, IconSlotProps as TagIconSlotProps, TagProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-tag",
3
- "version": "0.2.2",
3
+ "version": "0.3.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,8 +26,11 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
+ "@mirohq/design-system-base-icon": "^0.1.33",
30
+ "@mirohq/design-system-experiments": "^0.2.0",
29
31
  "@mirohq/design-system-primitive": "^1.1.2",
30
- "@mirohq/design-system-stitches": "^2.6.27"
32
+ "@mirohq/design-system-stitches": "^2.6.28",
33
+ "@mirohq/design-system-utils": "^0.15.4"
31
34
  },
32
35
  "scripts": {
33
36
  "build": "rollup -c ../../../rollup.config.js",