@mirohq/design-system-stitches 2.6.7 → 2.6.9

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 (4) hide show
  1. package/dist/main.js.map +1 -1
  2. package/dist/module.js.map +1 -1
  3. package/dist/types.d.ts +61 -60
  4. package/package.json +4 -4
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { AliasShadows } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<AliasShadows>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = ComponentProps & VariantProps & CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","merge","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { AliasShadows } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<AliasShadows>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","merge","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { AliasShadows } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<AliasShadows>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = ComponentProps & VariantProps & CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { AliasShadows } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<AliasShadows>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef, ComponentType } from 'react';
3
3
  import { CSS as CSS$1, VariantProps } from '@stitches/react';
4
- import * as _mirohq_design_system_types from '@mirohq/design-system-types';
5
4
  import { OmitFromUnion, OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
6
5
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
7
6
  import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, TransformProps, StyledComponentProps as StyledComponentProps$1 } from '@stitches/react/types/styled-component';
@@ -25,7 +24,8 @@ declare const config: {
25
24
  };
26
25
  colors: {
27
26
  readonly black: any;
28
- readonly 'blue-50': any;
27
+ readonly transparent: any;
28
+ readonly white: any;
29
29
  readonly 'blue-100': any;
30
30
  readonly 'blue-150': any;
31
31
  readonly 'blue-200': any;
@@ -34,6 +34,7 @@ declare const config: {
34
34
  readonly 'blue-350': any;
35
35
  readonly 'blue-400': any;
36
36
  readonly 'blue-450': any;
37
+ readonly 'blue-50': any;
37
38
  readonly 'blue-500': any;
38
39
  readonly 'blue-550': any;
39
40
  readonly 'blue-600': any;
@@ -44,7 +45,6 @@ declare const config: {
44
45
  readonly 'blue-850': any;
45
46
  readonly 'blue-900': any;
46
47
  readonly 'blue-950': any;
47
- readonly 'gray-50': any;
48
48
  readonly 'gray-100': any;
49
49
  readonly 'gray-150': any;
50
50
  readonly 'gray-200': any;
@@ -53,6 +53,7 @@ declare const config: {
53
53
  readonly 'gray-350': any;
54
54
  readonly 'gray-400': any;
55
55
  readonly 'gray-450': any;
56
+ readonly 'gray-50': any;
56
57
  readonly 'gray-500': any;
57
58
  readonly 'gray-550': any;
58
59
  readonly 'gray-600': any;
@@ -63,7 +64,6 @@ declare const config: {
63
64
  readonly 'gray-850': any;
64
65
  readonly 'gray-900': any;
65
66
  readonly 'gray-950': any;
66
- readonly 'green-50': any;
67
67
  readonly 'green-100': any;
68
68
  readonly 'green-150': any;
69
69
  readonly 'green-200': any;
@@ -72,6 +72,7 @@ declare const config: {
72
72
  readonly 'green-350': any;
73
73
  readonly 'green-400': any;
74
74
  readonly 'green-450': any;
75
+ readonly 'green-50': any;
75
76
  readonly 'green-500': any;
76
77
  readonly 'green-550': any;
77
78
  readonly 'green-600': any;
@@ -82,7 +83,6 @@ declare const config: {
82
83
  readonly 'green-850': any;
83
84
  readonly 'green-900': any;
84
85
  readonly 'green-950': any;
85
- readonly 'red-50': any;
86
86
  readonly 'red-100': any;
87
87
  readonly 'red-150': any;
88
88
  readonly 'red-200': any;
@@ -91,6 +91,7 @@ declare const config: {
91
91
  readonly 'red-350': any;
92
92
  readonly 'red-400': any;
93
93
  readonly 'red-450': any;
94
+ readonly 'red-50': any;
94
95
  readonly 'red-500': any;
95
96
  readonly 'red-550': any;
96
97
  readonly 'red-600': any;
@@ -101,9 +102,6 @@ declare const config: {
101
102
  readonly 'red-850': any;
102
103
  readonly 'red-900': any;
103
104
  readonly 'red-950': any;
104
- readonly transparent: any;
105
- readonly white: any;
106
- readonly 'yellow-50': any;
107
105
  readonly 'yellow-100': any;
108
106
  readonly 'yellow-150': any;
109
107
  readonly 'yellow-200': any;
@@ -112,6 +110,7 @@ declare const config: {
112
110
  readonly 'yellow-350': any;
113
111
  readonly 'yellow-400': any;
114
112
  readonly 'yellow-450': any;
113
+ readonly 'yellow-50': any;
115
114
  readonly 'yellow-500': any;
116
115
  readonly 'yellow-550': any;
117
116
  readonly 'yellow-600': any;
@@ -517,7 +516,8 @@ declare const createTheme: <Argument0 extends string | ({
517
516
  } | undefined;
518
517
  colors?: {
519
518
  readonly black?: string | number | boolean | undefined;
520
- readonly 'blue-50'?: string | number | boolean | undefined;
519
+ readonly transparent?: string | number | boolean | undefined;
520
+ readonly white?: string | number | boolean | undefined;
521
521
  readonly 'blue-100'?: string | number | boolean | undefined;
522
522
  readonly 'blue-150'?: string | number | boolean | undefined;
523
523
  readonly 'blue-200'?: string | number | boolean | undefined;
@@ -526,6 +526,7 @@ declare const createTheme: <Argument0 extends string | ({
526
526
  readonly 'blue-350'?: string | number | boolean | undefined;
527
527
  readonly 'blue-400'?: string | number | boolean | undefined;
528
528
  readonly 'blue-450'?: string | number | boolean | undefined;
529
+ readonly 'blue-50'?: string | number | boolean | undefined;
529
530
  readonly 'blue-500'?: string | number | boolean | undefined;
530
531
  readonly 'blue-550'?: string | number | boolean | undefined;
531
532
  readonly 'blue-600'?: string | number | boolean | undefined;
@@ -536,7 +537,6 @@ declare const createTheme: <Argument0 extends string | ({
536
537
  readonly 'blue-850'?: string | number | boolean | undefined;
537
538
  readonly 'blue-900'?: string | number | boolean | undefined;
538
539
  readonly 'blue-950'?: string | number | boolean | undefined;
539
- readonly 'gray-50'?: string | number | boolean | undefined;
540
540
  readonly 'gray-100'?: string | number | boolean | undefined;
541
541
  readonly 'gray-150'?: string | number | boolean | undefined;
542
542
  readonly 'gray-200'?: string | number | boolean | undefined;
@@ -545,6 +545,7 @@ declare const createTheme: <Argument0 extends string | ({
545
545
  readonly 'gray-350'?: string | number | boolean | undefined;
546
546
  readonly 'gray-400'?: string | number | boolean | undefined;
547
547
  readonly 'gray-450'?: string | number | boolean | undefined;
548
+ readonly 'gray-50'?: string | number | boolean | undefined;
548
549
  readonly 'gray-500'?: string | number | boolean | undefined;
549
550
  readonly 'gray-550'?: string | number | boolean | undefined;
550
551
  readonly 'gray-600'?: string | number | boolean | undefined;
@@ -555,7 +556,6 @@ declare const createTheme: <Argument0 extends string | ({
555
556
  readonly 'gray-850'?: string | number | boolean | undefined;
556
557
  readonly 'gray-900'?: string | number | boolean | undefined;
557
558
  readonly 'gray-950'?: string | number | boolean | undefined;
558
- readonly 'green-50'?: string | number | boolean | undefined;
559
559
  readonly 'green-100'?: string | number | boolean | undefined;
560
560
  readonly 'green-150'?: string | number | boolean | undefined;
561
561
  readonly 'green-200'?: string | number | boolean | undefined;
@@ -564,6 +564,7 @@ declare const createTheme: <Argument0 extends string | ({
564
564
  readonly 'green-350'?: string | number | boolean | undefined;
565
565
  readonly 'green-400'?: string | number | boolean | undefined;
566
566
  readonly 'green-450'?: string | number | boolean | undefined;
567
+ readonly 'green-50'?: string | number | boolean | undefined;
567
568
  readonly 'green-500'?: string | number | boolean | undefined;
568
569
  readonly 'green-550'?: string | number | boolean | undefined;
569
570
  readonly 'green-600'?: string | number | boolean | undefined;
@@ -574,7 +575,6 @@ declare const createTheme: <Argument0 extends string | ({
574
575
  readonly 'green-850'?: string | number | boolean | undefined;
575
576
  readonly 'green-900'?: string | number | boolean | undefined;
576
577
  readonly 'green-950'?: string | number | boolean | undefined;
577
- readonly 'red-50'?: string | number | boolean | undefined;
578
578
  readonly 'red-100'?: string | number | boolean | undefined;
579
579
  readonly 'red-150'?: string | number | boolean | undefined;
580
580
  readonly 'red-200'?: string | number | boolean | undefined;
@@ -583,6 +583,7 @@ declare const createTheme: <Argument0 extends string | ({
583
583
  readonly 'red-350'?: string | number | boolean | undefined;
584
584
  readonly 'red-400'?: string | number | boolean | undefined;
585
585
  readonly 'red-450'?: string | number | boolean | undefined;
586
+ readonly 'red-50'?: string | number | boolean | undefined;
586
587
  readonly 'red-500'?: string | number | boolean | undefined;
587
588
  readonly 'red-550'?: string | number | boolean | undefined;
588
589
  readonly 'red-600'?: string | number | boolean | undefined;
@@ -593,9 +594,6 @@ declare const createTheme: <Argument0 extends string | ({
593
594
  readonly 'red-850'?: string | number | boolean | undefined;
594
595
  readonly 'red-900'?: string | number | boolean | undefined;
595
596
  readonly 'red-950'?: string | number | boolean | undefined;
596
- readonly transparent?: string | number | boolean | undefined;
597
- readonly white?: string | number | boolean | undefined;
598
- readonly 'yellow-50'?: string | number | boolean | undefined;
599
597
  readonly 'yellow-100'?: string | number | boolean | undefined;
600
598
  readonly 'yellow-150'?: string | number | boolean | undefined;
601
599
  readonly 'yellow-200'?: string | number | boolean | undefined;
@@ -604,6 +602,7 @@ declare const createTheme: <Argument0 extends string | ({
604
602
  readonly 'yellow-350'?: string | number | boolean | undefined;
605
603
  readonly 'yellow-400'?: string | number | boolean | undefined;
606
604
  readonly 'yellow-450'?: string | number | boolean | undefined;
605
+ readonly 'yellow-50'?: string | number | boolean | undefined;
607
606
  readonly 'yellow-500'?: string | number | boolean | undefined;
608
607
  readonly 'yellow-550'?: string | number | boolean | undefined;
609
608
  readonly 'yellow-600'?: string | number | boolean | undefined;
@@ -825,7 +824,8 @@ declare const createTheme: <Argument0 extends string | ({
825
824
  } | undefined;
826
825
  colors?: {
827
826
  readonly black?: string | number | boolean | undefined;
828
- readonly 'blue-50'?: string | number | boolean | undefined;
827
+ readonly transparent?: string | number | boolean | undefined;
828
+ readonly white?: string | number | boolean | undefined;
829
829
  readonly 'blue-100'?: string | number | boolean | undefined;
830
830
  readonly 'blue-150'?: string | number | boolean | undefined;
831
831
  readonly 'blue-200'?: string | number | boolean | undefined;
@@ -834,6 +834,7 @@ declare const createTheme: <Argument0 extends string | ({
834
834
  readonly 'blue-350'?: string | number | boolean | undefined;
835
835
  readonly 'blue-400'?: string | number | boolean | undefined;
836
836
  readonly 'blue-450'?: string | number | boolean | undefined;
837
+ readonly 'blue-50'?: string | number | boolean | undefined;
837
838
  readonly 'blue-500'?: string | number | boolean | undefined;
838
839
  readonly 'blue-550'?: string | number | boolean | undefined;
839
840
  readonly 'blue-600'?: string | number | boolean | undefined;
@@ -844,7 +845,6 @@ declare const createTheme: <Argument0 extends string | ({
844
845
  readonly 'blue-850'?: string | number | boolean | undefined;
845
846
  readonly 'blue-900'?: string | number | boolean | undefined;
846
847
  readonly 'blue-950'?: string | number | boolean | undefined;
847
- readonly 'gray-50'?: string | number | boolean | undefined;
848
848
  readonly 'gray-100'?: string | number | boolean | undefined;
849
849
  readonly 'gray-150'?: string | number | boolean | undefined;
850
850
  readonly 'gray-200'?: string | number | boolean | undefined;
@@ -853,6 +853,7 @@ declare const createTheme: <Argument0 extends string | ({
853
853
  readonly 'gray-350'?: string | number | boolean | undefined;
854
854
  readonly 'gray-400'?: string | number | boolean | undefined;
855
855
  readonly 'gray-450'?: string | number | boolean | undefined;
856
+ readonly 'gray-50'?: string | number | boolean | undefined;
856
857
  readonly 'gray-500'?: string | number | boolean | undefined;
857
858
  readonly 'gray-550'?: string | number | boolean | undefined;
858
859
  readonly 'gray-600'?: string | number | boolean | undefined;
@@ -863,7 +864,6 @@ declare const createTheme: <Argument0 extends string | ({
863
864
  readonly 'gray-850'?: string | number | boolean | undefined;
864
865
  readonly 'gray-900'?: string | number | boolean | undefined;
865
866
  readonly 'gray-950'?: string | number | boolean | undefined;
866
- readonly 'green-50'?: string | number | boolean | undefined;
867
867
  readonly 'green-100'?: string | number | boolean | undefined;
868
868
  readonly 'green-150'?: string | number | boolean | undefined;
869
869
  readonly 'green-200'?: string | number | boolean | undefined;
@@ -872,6 +872,7 @@ declare const createTheme: <Argument0 extends string | ({
872
872
  readonly 'green-350'?: string | number | boolean | undefined;
873
873
  readonly 'green-400'?: string | number | boolean | undefined;
874
874
  readonly 'green-450'?: string | number | boolean | undefined;
875
+ readonly 'green-50'?: string | number | boolean | undefined;
875
876
  readonly 'green-500'?: string | number | boolean | undefined;
876
877
  readonly 'green-550'?: string | number | boolean | undefined;
877
878
  readonly 'green-600'?: string | number | boolean | undefined;
@@ -882,7 +883,6 @@ declare const createTheme: <Argument0 extends string | ({
882
883
  readonly 'green-850'?: string | number | boolean | undefined;
883
884
  readonly 'green-900'?: string | number | boolean | undefined;
884
885
  readonly 'green-950'?: string | number | boolean | undefined;
885
- readonly 'red-50'?: string | number | boolean | undefined;
886
886
  readonly 'red-100'?: string | number | boolean | undefined;
887
887
  readonly 'red-150'?: string | number | boolean | undefined;
888
888
  readonly 'red-200'?: string | number | boolean | undefined;
@@ -891,6 +891,7 @@ declare const createTheme: <Argument0 extends string | ({
891
891
  readonly 'red-350'?: string | number | boolean | undefined;
892
892
  readonly 'red-400'?: string | number | boolean | undefined;
893
893
  readonly 'red-450'?: string | number | boolean | undefined;
894
+ readonly 'red-50'?: string | number | boolean | undefined;
894
895
  readonly 'red-500'?: string | number | boolean | undefined;
895
896
  readonly 'red-550'?: string | number | boolean | undefined;
896
897
  readonly 'red-600'?: string | number | boolean | undefined;
@@ -901,9 +902,6 @@ declare const createTheme: <Argument0 extends string | ({
901
902
  readonly 'red-850'?: string | number | boolean | undefined;
902
903
  readonly 'red-900'?: string | number | boolean | undefined;
903
904
  readonly 'red-950'?: string | number | boolean | undefined;
904
- readonly transparent?: string | number | boolean | undefined;
905
- readonly white?: string | number | boolean | undefined;
906
- readonly 'yellow-50'?: string | number | boolean | undefined;
907
905
  readonly 'yellow-100'?: string | number | boolean | undefined;
908
906
  readonly 'yellow-150'?: string | number | boolean | undefined;
909
907
  readonly 'yellow-200'?: string | number | boolean | undefined;
@@ -912,6 +910,7 @@ declare const createTheme: <Argument0 extends string | ({
912
910
  readonly 'yellow-350'?: string | number | boolean | undefined;
913
911
  readonly 'yellow-400'?: string | number | boolean | undefined;
914
912
  readonly 'yellow-450'?: string | number | boolean | undefined;
913
+ readonly 'yellow-50'?: string | number | boolean | undefined;
915
914
  readonly 'yellow-500'?: string | number | boolean | undefined;
916
915
  readonly 'yellow-550'?: string | number | boolean | undefined;
917
916
  readonly 'yellow-600'?: string | number | boolean | undefined;
@@ -1139,7 +1138,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1139
1138
  };
1140
1139
  colors: {
1141
1140
  readonly black: any;
1142
- readonly 'blue-50': any;
1141
+ readonly transparent: any;
1142
+ readonly white: any;
1143
1143
  readonly 'blue-100': any;
1144
1144
  readonly 'blue-150': any;
1145
1145
  readonly 'blue-200': any;
@@ -1148,6 +1148,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1148
1148
  readonly 'blue-350': any;
1149
1149
  readonly 'blue-400': any;
1150
1150
  readonly 'blue-450': any;
1151
+ readonly 'blue-50': any;
1151
1152
  readonly 'blue-500': any;
1152
1153
  readonly 'blue-550': any;
1153
1154
  readonly 'blue-600': any;
@@ -1158,7 +1159,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1158
1159
  readonly 'blue-850': any;
1159
1160
  readonly 'blue-900': any;
1160
1161
  readonly 'blue-950': any;
1161
- readonly 'gray-50': any;
1162
1162
  readonly 'gray-100': any;
1163
1163
  readonly 'gray-150': any;
1164
1164
  readonly 'gray-200': any;
@@ -1167,6 +1167,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1167
1167
  readonly 'gray-350': any;
1168
1168
  readonly 'gray-400': any;
1169
1169
  readonly 'gray-450': any;
1170
+ readonly 'gray-50': any;
1170
1171
  readonly 'gray-500': any;
1171
1172
  readonly 'gray-550': any;
1172
1173
  readonly 'gray-600': any;
@@ -1177,7 +1178,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1177
1178
  readonly 'gray-850': any;
1178
1179
  readonly 'gray-900': any;
1179
1180
  readonly 'gray-950': any;
1180
- readonly 'green-50': any;
1181
1181
  readonly 'green-100': any;
1182
1182
  readonly 'green-150': any;
1183
1183
  readonly 'green-200': any;
@@ -1186,6 +1186,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1186
1186
  readonly 'green-350': any;
1187
1187
  readonly 'green-400': any;
1188
1188
  readonly 'green-450': any;
1189
+ readonly 'green-50': any;
1189
1190
  readonly 'green-500': any;
1190
1191
  readonly 'green-550': any;
1191
1192
  readonly 'green-600': any;
@@ -1196,7 +1197,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1196
1197
  readonly 'green-850': any;
1197
1198
  readonly 'green-900': any;
1198
1199
  readonly 'green-950': any;
1199
- readonly 'red-50': any;
1200
1200
  readonly 'red-100': any;
1201
1201
  readonly 'red-150': any;
1202
1202
  readonly 'red-200': any;
@@ -1205,6 +1205,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1205
1205
  readonly 'red-350': any;
1206
1206
  readonly 'red-400': any;
1207
1207
  readonly 'red-450': any;
1208
+ readonly 'red-50': any;
1208
1209
  readonly 'red-500': any;
1209
1210
  readonly 'red-550': any;
1210
1211
  readonly 'red-600': any;
@@ -1215,9 +1216,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1215
1216
  readonly 'red-850': any;
1216
1217
  readonly 'red-900': any;
1217
1218
  readonly 'red-950': any;
1218
- readonly transparent: any;
1219
- readonly white: any;
1220
- readonly 'yellow-50': any;
1221
1219
  readonly 'yellow-100': any;
1222
1220
  readonly 'yellow-150': any;
1223
1221
  readonly 'yellow-200': any;
@@ -1226,6 +1224,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1226
1224
  readonly 'yellow-350': any;
1227
1225
  readonly 'yellow-400': any;
1228
1226
  readonly 'yellow-450': any;
1227
+ readonly 'yellow-50': any;
1229
1228
  readonly 'yellow-500': any;
1230
1229
  readonly 'yellow-550': any;
1231
1230
  readonly 'yellow-600': any;
@@ -1646,7 +1645,8 @@ declare const globalCss: <Styles extends {
1646
1645
  };
1647
1646
  colors: {
1648
1647
  readonly black: any;
1649
- readonly 'blue-50': any;
1648
+ readonly transparent: any;
1649
+ readonly white: any;
1650
1650
  readonly 'blue-100': any;
1651
1651
  readonly 'blue-150': any;
1652
1652
  readonly 'blue-200': any;
@@ -1655,6 +1655,7 @@ declare const globalCss: <Styles extends {
1655
1655
  readonly 'blue-350': any;
1656
1656
  readonly 'blue-400': any;
1657
1657
  readonly 'blue-450': any;
1658
+ readonly 'blue-50': any;
1658
1659
  readonly 'blue-500': any;
1659
1660
  readonly 'blue-550': any;
1660
1661
  readonly 'blue-600': any;
@@ -1665,7 +1666,6 @@ declare const globalCss: <Styles extends {
1665
1666
  readonly 'blue-850': any;
1666
1667
  readonly 'blue-900': any;
1667
1668
  readonly 'blue-950': any;
1668
- readonly 'gray-50': any;
1669
1669
  readonly 'gray-100': any;
1670
1670
  readonly 'gray-150': any;
1671
1671
  readonly 'gray-200': any;
@@ -1674,6 +1674,7 @@ declare const globalCss: <Styles extends {
1674
1674
  readonly 'gray-350': any;
1675
1675
  readonly 'gray-400': any;
1676
1676
  readonly 'gray-450': any;
1677
+ readonly 'gray-50': any;
1677
1678
  readonly 'gray-500': any;
1678
1679
  readonly 'gray-550': any;
1679
1680
  readonly 'gray-600': any;
@@ -1684,7 +1685,6 @@ declare const globalCss: <Styles extends {
1684
1685
  readonly 'gray-850': any;
1685
1686
  readonly 'gray-900': any;
1686
1687
  readonly 'gray-950': any;
1687
- readonly 'green-50': any;
1688
1688
  readonly 'green-100': any;
1689
1689
  readonly 'green-150': any;
1690
1690
  readonly 'green-200': any;
@@ -1693,6 +1693,7 @@ declare const globalCss: <Styles extends {
1693
1693
  readonly 'green-350': any;
1694
1694
  readonly 'green-400': any;
1695
1695
  readonly 'green-450': any;
1696
+ readonly 'green-50': any;
1696
1697
  readonly 'green-500': any;
1697
1698
  readonly 'green-550': any;
1698
1699
  readonly 'green-600': any;
@@ -1703,7 +1704,6 @@ declare const globalCss: <Styles extends {
1703
1704
  readonly 'green-850': any;
1704
1705
  readonly 'green-900': any;
1705
1706
  readonly 'green-950': any;
1706
- readonly 'red-50': any;
1707
1707
  readonly 'red-100': any;
1708
1708
  readonly 'red-150': any;
1709
1709
  readonly 'red-200': any;
@@ -1712,6 +1712,7 @@ declare const globalCss: <Styles extends {
1712
1712
  readonly 'red-350': any;
1713
1713
  readonly 'red-400': any;
1714
1714
  readonly 'red-450': any;
1715
+ readonly 'red-50': any;
1715
1716
  readonly 'red-500': any;
1716
1717
  readonly 'red-550': any;
1717
1718
  readonly 'red-600': any;
@@ -1722,9 +1723,6 @@ declare const globalCss: <Styles extends {
1722
1723
  readonly 'red-850': any;
1723
1724
  readonly 'red-900': any;
1724
1725
  readonly 'red-950': any;
1725
- readonly transparent: any;
1726
- readonly white: any;
1727
- readonly 'yellow-50': any;
1728
1726
  readonly 'yellow-100': any;
1729
1727
  readonly 'yellow-150': any;
1730
1728
  readonly 'yellow-200': any;
@@ -1733,6 +1731,7 @@ declare const globalCss: <Styles extends {
1733
1731
  readonly 'yellow-350': any;
1734
1732
  readonly 'yellow-400': any;
1735
1733
  readonly 'yellow-450': any;
1734
+ readonly 'yellow-50': any;
1736
1735
  readonly 'yellow-500': any;
1737
1736
  readonly 'yellow-550': any;
1738
1737
  readonly 'yellow-600': any;
@@ -2135,7 +2134,8 @@ declare const globalCss: <Styles extends {
2135
2134
  };
2136
2135
  colors: {
2137
2136
  readonly black: any;
2138
- readonly 'blue-50': any;
2137
+ readonly transparent: any;
2138
+ readonly white: any;
2139
2139
  readonly 'blue-100': any;
2140
2140
  readonly 'blue-150': any;
2141
2141
  readonly 'blue-200': any;
@@ -2144,6 +2144,7 @@ declare const globalCss: <Styles extends {
2144
2144
  readonly 'blue-350': any;
2145
2145
  readonly 'blue-400': any;
2146
2146
  readonly 'blue-450': any;
2147
+ readonly 'blue-50': any;
2147
2148
  readonly 'blue-500': any;
2148
2149
  readonly 'blue-550': any;
2149
2150
  readonly 'blue-600': any;
@@ -2154,7 +2155,6 @@ declare const globalCss: <Styles extends {
2154
2155
  readonly 'blue-850': any;
2155
2156
  readonly 'blue-900': any;
2156
2157
  readonly 'blue-950': any;
2157
- readonly 'gray-50': any;
2158
2158
  readonly 'gray-100': any;
2159
2159
  readonly 'gray-150': any;
2160
2160
  readonly 'gray-200': any;
@@ -2163,6 +2163,7 @@ declare const globalCss: <Styles extends {
2163
2163
  readonly 'gray-350': any;
2164
2164
  readonly 'gray-400': any;
2165
2165
  readonly 'gray-450': any;
2166
+ readonly 'gray-50': any;
2166
2167
  readonly 'gray-500': any;
2167
2168
  readonly 'gray-550': any;
2168
2169
  readonly 'gray-600': any;
@@ -2173,7 +2174,6 @@ declare const globalCss: <Styles extends {
2173
2174
  readonly 'gray-850': any;
2174
2175
  readonly 'gray-900': any;
2175
2176
  readonly 'gray-950': any;
2176
- readonly 'green-50': any;
2177
2177
  readonly 'green-100': any;
2178
2178
  readonly 'green-150': any;
2179
2179
  readonly 'green-200': any;
@@ -2182,6 +2182,7 @@ declare const globalCss: <Styles extends {
2182
2182
  readonly 'green-350': any;
2183
2183
  readonly 'green-400': any;
2184
2184
  readonly 'green-450': any;
2185
+ readonly 'green-50': any;
2185
2186
  readonly 'green-500': any;
2186
2187
  readonly 'green-550': any;
2187
2188
  readonly 'green-600': any;
@@ -2192,7 +2193,6 @@ declare const globalCss: <Styles extends {
2192
2193
  readonly 'green-850': any;
2193
2194
  readonly 'green-900': any;
2194
2195
  readonly 'green-950': any;
2195
- readonly 'red-50': any;
2196
2196
  readonly 'red-100': any;
2197
2197
  readonly 'red-150': any;
2198
2198
  readonly 'red-200': any;
@@ -2201,6 +2201,7 @@ declare const globalCss: <Styles extends {
2201
2201
  readonly 'red-350': any;
2202
2202
  readonly 'red-400': any;
2203
2203
  readonly 'red-450': any;
2204
+ readonly 'red-50': any;
2204
2205
  readonly 'red-500': any;
2205
2206
  readonly 'red-550': any;
2206
2207
  readonly 'red-600': any;
@@ -2211,9 +2212,6 @@ declare const globalCss: <Styles extends {
2211
2212
  readonly 'red-850': any;
2212
2213
  readonly 'red-900': any;
2213
2214
  readonly 'red-950': any;
2214
- readonly transparent: any;
2215
- readonly white: any;
2216
- readonly 'yellow-50': any;
2217
2215
  readonly 'yellow-100': any;
2218
2216
  readonly 'yellow-150': any;
2219
2217
  readonly 'yellow-200': any;
@@ -2222,6 +2220,7 @@ declare const globalCss: <Styles extends {
2222
2220
  readonly 'yellow-350': any;
2223
2221
  readonly 'yellow-400': any;
2224
2222
  readonly 'yellow-450': any;
2223
+ readonly 'yellow-50': any;
2225
2224
  readonly 'yellow-500': any;
2226
2225
  readonly 'yellow-550': any;
2227
2226
  readonly 'yellow-600': any;
@@ -2625,7 +2624,8 @@ declare const keyframes: (style: {
2625
2624
  };
2626
2625
  colors: {
2627
2626
  readonly black: any;
2628
- readonly 'blue-50': any;
2627
+ readonly transparent: any;
2628
+ readonly white: any;
2629
2629
  readonly 'blue-100': any;
2630
2630
  readonly 'blue-150': any;
2631
2631
  readonly 'blue-200': any;
@@ -2634,6 +2634,7 @@ declare const keyframes: (style: {
2634
2634
  readonly 'blue-350': any;
2635
2635
  readonly 'blue-400': any;
2636
2636
  readonly 'blue-450': any;
2637
+ readonly 'blue-50': any;
2637
2638
  readonly 'blue-500': any;
2638
2639
  readonly 'blue-550': any;
2639
2640
  readonly 'blue-600': any;
@@ -2644,7 +2645,6 @@ declare const keyframes: (style: {
2644
2645
  readonly 'blue-850': any;
2645
2646
  readonly 'blue-900': any;
2646
2647
  readonly 'blue-950': any;
2647
- readonly 'gray-50': any;
2648
2648
  readonly 'gray-100': any;
2649
2649
  readonly 'gray-150': any;
2650
2650
  readonly 'gray-200': any;
@@ -2653,6 +2653,7 @@ declare const keyframes: (style: {
2653
2653
  readonly 'gray-350': any;
2654
2654
  readonly 'gray-400': any;
2655
2655
  readonly 'gray-450': any;
2656
+ readonly 'gray-50': any;
2656
2657
  readonly 'gray-500': any;
2657
2658
  readonly 'gray-550': any;
2658
2659
  readonly 'gray-600': any;
@@ -2663,7 +2664,6 @@ declare const keyframes: (style: {
2663
2664
  readonly 'gray-850': any;
2664
2665
  readonly 'gray-900': any;
2665
2666
  readonly 'gray-950': any;
2666
- readonly 'green-50': any;
2667
2667
  readonly 'green-100': any;
2668
2668
  readonly 'green-150': any;
2669
2669
  readonly 'green-200': any;
@@ -2672,6 +2672,7 @@ declare const keyframes: (style: {
2672
2672
  readonly 'green-350': any;
2673
2673
  readonly 'green-400': any;
2674
2674
  readonly 'green-450': any;
2675
+ readonly 'green-50': any;
2675
2676
  readonly 'green-500': any;
2676
2677
  readonly 'green-550': any;
2677
2678
  readonly 'green-600': any;
@@ -2682,7 +2683,6 @@ declare const keyframes: (style: {
2682
2683
  readonly 'green-850': any;
2683
2684
  readonly 'green-900': any;
2684
2685
  readonly 'green-950': any;
2685
- readonly 'red-50': any;
2686
2686
  readonly 'red-100': any;
2687
2687
  readonly 'red-150': any;
2688
2688
  readonly 'red-200': any;
@@ -2691,6 +2691,7 @@ declare const keyframes: (style: {
2691
2691
  readonly 'red-350': any;
2692
2692
  readonly 'red-400': any;
2693
2693
  readonly 'red-450': any;
2694
+ readonly 'red-50': any;
2694
2695
  readonly 'red-500': any;
2695
2696
  readonly 'red-550': any;
2696
2697
  readonly 'red-600': any;
@@ -2701,9 +2702,6 @@ declare const keyframes: (style: {
2701
2702
  readonly 'red-850': any;
2702
2703
  readonly 'red-900': any;
2703
2704
  readonly 'red-950': any;
2704
- readonly transparent: any;
2705
- readonly white: any;
2706
- readonly 'yellow-50': any;
2707
2705
  readonly 'yellow-100': any;
2708
2706
  readonly 'yellow-150': any;
2709
2707
  readonly 'yellow-200': any;
@@ -2712,6 +2710,7 @@ declare const keyframes: (style: {
2712
2710
  readonly 'yellow-350': any;
2713
2711
  readonly 'yellow-400': any;
2714
2712
  readonly 'yellow-450': any;
2713
+ readonly 'yellow-50': any;
2715
2714
  readonly 'yellow-500': any;
2716
2715
  readonly 'yellow-550': any;
2717
2716
  readonly 'yellow-600': any;
@@ -3283,7 +3282,8 @@ declare const theme: {
3283
3282
  };
3284
3283
  colors: {
3285
3284
  readonly black: "#000000";
3286
- readonly 'blue-50': "#F7F8FC";
3285
+ readonly transparent: "#FFFFFF00";
3286
+ readonly white: "#FFFFFF";
3287
3287
  readonly 'blue-100': "#F2F4FC";
3288
3288
  readonly 'blue-150': "#E8ECFC";
3289
3289
  readonly 'blue-200': "#D9DFFC";
@@ -3292,6 +3292,7 @@ declare const theme: {
3292
3292
  readonly 'blue-350': "#97A8FE";
3293
3293
  readonly 'blue-400': "#7A90FE";
3294
3294
  readonly 'blue-450': "#5B76FE";
3295
+ readonly 'blue-50': "#F7F8FC";
3295
3296
  readonly 'blue-500': "#3859FF";
3296
3297
  readonly 'blue-550': "#314CD9";
3297
3298
  readonly 'blue-600': "#2A41B6";
@@ -3302,7 +3303,6 @@ declare const theme: {
3302
3303
  readonly 'blue-850': "#12193E";
3303
3304
  readonly 'blue-900': "#101633";
3304
3305
  readonly 'blue-950': "#0F142E";
3305
- readonly 'gray-50': "#F6F7F9";
3306
3306
  readonly 'gray-100': "#F3F4F6";
3307
3307
  readonly 'gray-150': "#EBECF0";
3308
3308
  readonly 'gray-200': "#E0E1E6";
@@ -3311,6 +3311,7 @@ declare const theme: {
3311
3311
  readonly 'gray-350': "#ADB1BD";
3312
3312
  readonly 'gray-400': "#979CAB";
3313
3313
  readonly 'gray-450': "#7F8497";
3314
+ readonly 'gray-50': "#F6F7F9";
3314
3315
  readonly 'gray-500': "#656B81";
3315
3316
  readonly 'gray-550': "#575C6F";
3316
3317
  readonly 'gray-600': "#4A4E5E";
@@ -3321,7 +3322,6 @@ declare const theme: {
3321
3322
  readonly 'gray-850': "#1E1F24";
3322
3323
  readonly 'gray-900': "#1A1B1E";
3323
3324
  readonly 'gray-950': "#18191C";
3324
- readonly 'green-50': "#EFF9EC";
3325
3325
  readonly 'green-100': "#EAF6E6";
3326
3326
  readonly 'green-150': "#DFF1DA";
3327
3327
  readonly 'green-200': "#CEE9C8";
@@ -3330,6 +3330,7 @@ declare const theme: {
3330
3330
  readonly 'green-350': "#85C476";
3331
3331
  readonly 'green-400': "#65B452";
3332
3332
  readonly 'green-450': "#42A22B";
3333
+ readonly 'green-50': "#EFF9EC";
3333
3334
  readonly 'green-500': "#1C8F00";
3334
3335
  readonly 'green-550': "#1A7B02";
3335
3336
  readonly 'green-600': "#186904";
@@ -3340,7 +3341,6 @@ declare const theme: {
3340
3341
  readonly 'green-850': "#122B0B";
3341
3342
  readonly 'green-900': "#11260C";
3342
3343
  readonly 'green-950': "#11230C";
3343
- readonly 'red-50': "#FEF7F8";
3344
3344
  readonly 'red-100': "#FDF2F3";
3345
3345
  readonly 'red-150': "#FBE6E8";
3346
3346
  readonly 'red-200': "#F8D5D8";
@@ -3349,6 +3349,7 @@ declare const theme: {
3349
3349
  readonly 'red-350': "#EB8792";
3350
3350
  readonly 'red-400': "#E56673";
3351
3351
  readonly 'red-450': "#DF4051";
3352
+ readonly 'red-50': "#FEF7F8";
3352
3353
  readonly 'red-500': "#D8182C";
3353
3354
  readonly 'red-550': "#B91829";
3354
3355
  readonly 'red-600': "#9C1825";
@@ -3359,9 +3360,6 @@ declare const theme: {
3359
3360
  readonly 'red-850': "#38171A";
3360
3361
  readonly 'red-900': "#2F1719";
3361
3362
  readonly 'red-950': "#2B1719";
3362
- readonly transparent: "#FFFFFF00";
3363
- readonly white: "#FFFFFF";
3364
- readonly 'yellow-50': "#FFFAE7";
3365
3363
  readonly 'yellow-100': "#FFF9E3";
3366
3364
  readonly 'yellow-150': "#FFF7D9";
3367
3365
  readonly 'yellow-200': "#FFF4CB";
@@ -3370,6 +3368,7 @@ declare const theme: {
3370
3368
  readonly 'yellow-350': "#FFE58B";
3371
3369
  readonly 'yellow-400': "#FFDF6F";
3372
3370
  readonly 'yellow-450': "#FFD850";
3371
+ readonly 'yellow-50': "#FFFAE7";
3373
3372
  readonly 'yellow-500': "#FFD02F";
3374
3373
  readonly 'yellow-550': "#D7B029";
3375
3374
  readonly 'yellow-600': "#B39223";
@@ -3479,9 +3478,11 @@ interface CustomStylesProps {
3479
3478
  }
3480
3479
  declare const styled: <Element_1 extends _stitches_react_types_util.Function | React__default.ComponentType<any> | keyof JSX.IntrinsicElements = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
3481
3480
  [name: string]: unknown;
3482
- } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<_mirohq_design_system_types.OmitFromUnion<React__default.ComponentPropsWithRef<Element_1 extends React__default.ElementType<any> ? Element_1 : any>, ForbiddenProps> & {
3483
- children?: React__default.ReactNode;
3484
- } & TransformProps<StyledComponentProps$1<[Composers]>, {}> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<Element_1 extends React__default.ElementType<any> ? Element_1 : any>>> & StitchesInternals<Element_1, StyledComponentProps$1<[Composers]>, {}>;
3481
+ } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<OmitFromUnion<StyledComponentProps<Element_1 extends React__default.ElementType<any> ? Element_1 : any>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
3482
+ variants: {
3483
+ [name: string]: unknown;
3484
+ };
3485
+ } ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<Element_1 extends React__default.ElementType<any> ? Element_1 : any>>> & StitchesInternals<Element_1, StyledComponentProps$1<[Composers]>, {}>;
3485
3486
 
3486
3487
  declare const stitchesCssRoot: {
3487
3488
  prefix: "";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.6.7",
3
+ "version": "2.6.9",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "lodash.merge": "^4.6.2",
30
- "@mirohq/design-system-themes": "^0.6.4",
31
- "@mirohq/design-system-types": "^0.8.0",
32
- "@mirohq/design-tokens": "^5.0.0"
30
+ "@mirohq/design-system-themes": "^0.7.0",
31
+ "@mirohq/design-tokens": "^5.1.0",
32
+ "@mirohq/design-system-types": "^0.9.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"