@mirohq/design-system-tag 2.0.38-reactdismissablelayer.0 → 3.0.0-tag-text-transform.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.
Files changed (6) hide show
  1. package/dist/main.js +0 -6
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +0 -6
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +1 -8
  6. package/package.json +5 -5
package/dist/main.js CHANGED
@@ -17,7 +17,6 @@ const StyledTag = designSystemStitches.styled(designSystemPrimitive.Primitive.di
17
17
  "::selection": {
18
18
  backgroundColor: "transparent"
19
19
  },
20
- textTransform: "capitalize",
21
20
  fontSize: "$150",
22
21
  lineHeight: "$500",
23
22
  fontWeight: "$semibold",
@@ -82,11 +81,6 @@ const StyledTag = designSystemStitches.styled(designSystemPrimitive.Primitive.di
82
81
  paddingX: "3px",
83
82
  border: "1px solid transparent"
84
83
  }
85
- },
86
- textTransform: {
87
- false: {
88
- textTransform: "inherit"
89
- }
90
84
  }
91
85
  },
92
86
  compoundVariants: [
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: '$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 {\n canvas26: true,\n variant: 'ghost',\n css: {\n paddingX: 'calc($100 - 1px)',\n },\n },\n {\n canvas26: true,\n border: true,\n css: {\n paddingX: 'calc($100 - 1px)',\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})\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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"}
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 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 },\n compoundVariants: [\n {\n canvas26: true,\n variant: 'ghost',\n css: {\n paddingX: 'calc($100 - 1px)',\n },\n },\n {\n canvas26: true,\n border: true,\n css: {\n paddingX: 'calc($100 - 1px)',\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})\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 * 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 CHANGED
@@ -15,7 +15,6 @@ const StyledTag = styled(Primitive.div, {
15
15
  "::selection": {
16
16
  backgroundColor: "transparent"
17
17
  },
18
- textTransform: "capitalize",
19
18
  fontSize: "$150",
20
19
  lineHeight: "$500",
21
20
  fontWeight: "$semibold",
@@ -80,11 +79,6 @@ const StyledTag = styled(Primitive.div, {
80
79
  paddingX: "3px",
81
80
  border: "1px solid transparent"
82
81
  }
83
- },
84
- textTransform: {
85
- false: {
86
- textTransform: "inherit"
87
- }
88
82
  }
89
83
  },
90
84
  compoundVariants: [
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: '$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 {\n canvas26: true,\n variant: 'ghost',\n css: {\n paddingX: 'calc($100 - 1px)',\n },\n },\n {\n canvas26: true,\n border: true,\n css: {\n paddingX: 'calc($100 - 1px)',\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})\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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"}
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 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 },\n compoundVariants: [\n {\n canvas26: true,\n variant: 'ghost',\n css: {\n paddingX: 'calc($100 - 1px)',\n },\n },\n {\n canvas26: true,\n border: true,\n css: {\n paddingX: 'calc($100 - 1px)',\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})\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 * 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 CHANGED
@@ -23,18 +23,16 @@ type TransformProps<Props, Media> = {
23
23
  )
24
24
  }
25
25
 
26
- 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<{
26
+ declare const StyledTag: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "border" | "canvas26" | "variant" | "shade"> & TransformProps<{
27
27
  canvas26?: boolean | "true" | "false" | undefined;
28
28
  variant?: "neutral" | "primary" | "warning" | "success" | "danger" | "ghost" | "lime" | "orange" | "sunshine" | "coral" | "moss" | "teal" | "cyan" | "ocean" | "lilac" | "pink" | "coal" | undefined;
29
29
  shade?: "subtle" | "mild" | "prominent" | undefined;
30
30
  border?: boolean | "true" | undefined;
31
- textTransform?: boolean | "false" | undefined;
32
31
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
33
32
  canvas26?: boolean | "true" | "false" | undefined;
34
33
  variant?: "neutral" | "primary" | "warning" | "success" | "danger" | "ghost" | "lime" | "orange" | "sunshine" | "coral" | "moss" | "teal" | "cyan" | "ocean" | "lilac" | "pink" | "coal" | undefined;
35
34
  shade?: "subtle" | "mild" | "prominent" | undefined;
36
35
  border?: boolean | "true" | undefined;
37
- textTransform?: boolean | "false" | undefined;
38
36
  }, {}>;
39
37
  type StyledTagProps = ComponentPropsWithRef<typeof StyledTag>;
40
38
 
@@ -66,11 +64,6 @@ type TagProps = Omit<StyledTagProps, 'shade' | 'border'> & {
66
64
  * @default false
67
65
  */
68
66
  DEPRECATED_border?: StyledTagProps['border'];
69
- /**
70
- * Change the tag text transform.
71
- * @default true
72
- */
73
- textTransform?: StyledTagProps['textTransform'];
74
67
  /**
75
68
  * The text content.
76
69
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-tag",
3
- "version": "2.0.38-reactdismissablelayer.0",
3
+ "version": "3.0.0-tag-text-transform.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,11 +26,11 @@
26
26
  "react": "^16.14 || ^17 || ^18 || ^19"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-base-icon": "^1.3.0",
30
29
  "@mirohq/design-system-experiments": "^1.1.0",
31
- "@mirohq/design-system-primitive": "^2.2.2-reactdismissablelayer.0",
32
- "@mirohq/design-system-stitches": "^3.3.32",
33
- "@mirohq/design-system-utils": "^1.3.0"
30
+ "@mirohq/design-system-primitive": "^2.2.1",
31
+ "@mirohq/design-system-utils": "^1.3.0",
32
+ "@mirohq/design-system-base-icon": "^1.3.0",
33
+ "@mirohq/design-system-stitches": "^3.3.32"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rollup -c ../../../rollup.config.js",