@mirohq/design-system-stitches 2.6.6 → 2.6.8

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 +6 -982
  4. package/package.json +3 -3
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 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 StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, 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<ElementRef<typeof StyledComponent>>\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 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 StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, 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<ElementRef<typeof StyledComponent>>\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,7 @@
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 { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
4
+ import { OmitFromUnion, OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
5
5
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
6
6
  import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, TransformProps, StyledComponentProps as StyledComponentProps$1 } from '@stitches/react/types/styled-component';
7
7
  import * as _stitches_react_types_util from '@stitches/react/types/util';
@@ -3113,7 +3113,7 @@ declare const fontFace: (...fonts: FontFace[]) => string;
3113
3113
 
3114
3114
  declare type ForbiddenProps = 'className' | 'style' | 'as';
3115
3115
  declare type AllowedProps = 'css' | 'asChild' | 'UNSAFE_style' | 'children';
3116
- declare type SafeProps<T> = Omit<T, ForbiddenProps>;
3116
+ declare type SafeProps<T> = OmitFromUnion<T, ForbiddenProps>;
3117
3117
  declare type CSS = CSS$1<typeof config>;
3118
3118
  /**
3119
3119
  * Build a type with all props from a element and Stitches CSS keys
@@ -3478,987 +3478,11 @@ interface CustomStylesProps {
3478
3478
  }
3479
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> | {
3480
3480
  [name: string]: unknown;
3481
- } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3482
- 'border-widths': {
3483
- readonly none: 0;
3484
- readonly sm: "1px";
3485
- readonly md: "2px";
3486
- readonly lg: "4px";
3487
- };
3488
- colors: {
3489
- readonly black: any;
3490
- readonly 'blue-50': any;
3491
- readonly 'blue-100': any;
3492
- readonly 'blue-150': any;
3493
- readonly 'blue-200': any;
3494
- readonly 'blue-250': any;
3495
- readonly 'blue-300': any;
3496
- readonly 'blue-350': any;
3497
- readonly 'blue-400': any;
3498
- readonly 'blue-450': any;
3499
- readonly 'blue-500': any;
3500
- readonly 'blue-550': any;
3501
- readonly 'blue-600': any;
3502
- readonly 'blue-650': any;
3503
- readonly 'blue-700': any;
3504
- readonly 'blue-750': any;
3505
- readonly 'blue-800': any;
3506
- readonly 'blue-850': any;
3507
- readonly 'blue-900': any;
3508
- readonly 'blue-950': any;
3509
- readonly 'gray-50': any;
3510
- readonly 'gray-100': any;
3511
- readonly 'gray-150': any;
3512
- readonly 'gray-200': any;
3513
- readonly 'gray-250': any;
3514
- readonly 'gray-300': any;
3515
- readonly 'gray-350': any;
3516
- readonly 'gray-400': any;
3517
- readonly 'gray-450': any;
3518
- readonly 'gray-500': any;
3519
- readonly 'gray-550': any;
3520
- readonly 'gray-600': any;
3521
- readonly 'gray-650': any;
3522
- readonly 'gray-700': any;
3523
- readonly 'gray-750': any;
3524
- readonly 'gray-800': any;
3525
- readonly 'gray-850': any;
3526
- readonly 'gray-900': any;
3527
- readonly 'gray-950': any;
3528
- readonly 'green-50': any;
3529
- readonly 'green-100': any;
3530
- readonly 'green-150': any;
3531
- readonly 'green-200': any;
3532
- readonly 'green-250': any;
3533
- readonly 'green-300': any;
3534
- readonly 'green-350': any;
3535
- readonly 'green-400': any;
3536
- readonly 'green-450': any;
3537
- readonly 'green-500': any;
3538
- readonly 'green-550': any;
3539
- readonly 'green-600': any;
3540
- readonly 'green-650': any;
3541
- readonly 'green-700': any;
3542
- readonly 'green-750': any;
3543
- readonly 'green-800': any;
3544
- readonly 'green-850': any;
3545
- readonly 'green-900': any;
3546
- readonly 'green-950': any;
3547
- readonly 'red-50': any;
3548
- readonly 'red-100': any;
3549
- readonly 'red-150': any;
3550
- readonly 'red-200': any;
3551
- readonly 'red-250': any;
3552
- readonly 'red-300': any;
3553
- readonly 'red-350': any;
3554
- readonly 'red-400': any;
3555
- readonly 'red-450': any;
3556
- readonly 'red-500': any;
3557
- readonly 'red-550': any;
3558
- readonly 'red-600': any;
3559
- readonly 'red-650': any;
3560
- readonly 'red-700': any;
3561
- readonly 'red-750': any;
3562
- readonly 'red-800': any;
3563
- readonly 'red-850': any;
3564
- readonly 'red-900': any;
3565
- readonly 'red-950': any;
3566
- readonly transparent: any;
3567
- readonly white: any;
3568
- readonly 'yellow-50': any;
3569
- readonly 'yellow-100': any;
3570
- readonly 'yellow-150': any;
3571
- readonly 'yellow-200': any;
3572
- readonly 'yellow-250': any;
3573
- readonly 'yellow-300': any;
3574
- readonly 'yellow-350': any;
3575
- readonly 'yellow-400': any;
3576
- readonly 'yellow-450': any;
3577
- readonly 'yellow-500': any;
3578
- readonly 'yellow-550': any;
3579
- readonly 'yellow-600': any;
3580
- readonly 'yellow-650': any;
3581
- readonly 'yellow-700': any;
3582
- readonly 'yellow-750': any;
3583
- readonly 'yellow-800': any;
3584
- readonly 'yellow-850': any;
3585
- readonly 'yellow-900': any;
3586
- readonly 'yellow-950': any;
3587
- "background-alpha-active"?: any;
3588
- "background-alpha-hover"?: any;
3589
- "background-danger-prominent"?: any;
3590
- "background-danger-prominent-active"?: any;
3591
- "background-danger-prominent-hover"?: any;
3592
- "background-danger-subtle"?: any;
3593
- "background-danger-subtle-active"?: any;
3594
- "background-danger-subtle-hover"?: any;
3595
- "background-neutrals"?: any;
3596
- "background-neutrals-active"?: any;
3597
- "background-neutrals-container"?: any;
3598
- "background-neutrals-controls-disabled"?: any;
3599
- "background-neutrals-disabled"?: any;
3600
- "background-neutrals-hover"?: any;
3601
- "background-neutrals-inactive"?: any;
3602
- "background-neutrals-inactive-hover"?: any;
3603
- "background-neutrals-inverted"?: any;
3604
- "background-neutrals-inverted-subtle"?: any;
3605
- "background-neutrals-page"?: any;
3606
- "background-neutrals-page-subtle"?: any;
3607
- "background-neutrals-scrollbar"?: any;
3608
- "background-neutrals-scrollbar-active"?: any;
3609
- "background-neutrals-scrollbar-hover"?: any;
3610
- "background-neutrals-subtle"?: any;
3611
- "background-neutrals-subtle-active"?: any;
3612
- "background-neutrals-subtle-hover"?: any;
3613
- "background-primary-prominent"?: any;
3614
- "background-primary-prominent-active"?: any;
3615
- "background-primary-prominent-hover"?: any;
3616
- "background-primary-prominent-selected"?: any;
3617
- "background-primary-subtle"?: any;
3618
- "background-primary-subtle-active"?: any;
3619
- "background-primary-subtle-hover"?: any;
3620
- "background-primary-subtle-selected"?: any;
3621
- "background-success"?: any;
3622
- "background-success-prominent"?: any;
3623
- "background-success-prominent-active"?: any;
3624
- "background-success-prominent-hover"?: any;
3625
- "background-warning-prominent"?: any;
3626
- "background-warning-subtle"?: any;
3627
- "border-danger"?: any;
3628
- "border-danger-active"?: any;
3629
- "border-danger-hover"?: any;
3630
- "border-focus-error-inner"?: any;
3631
- "border-focus-error-middle"?: any;
3632
- "border-focus-error-outer"?: any;
3633
- "border-focus-inner"?: any;
3634
- "border-focus-middle"?: any;
3635
- "border-focus-outer"?: any;
3636
- "border-focus-success-inner"?: any;
3637
- "border-focus-success-middle"?: any;
3638
- "border-focus-success-outer"?: any;
3639
- "border-neutrals"?: any;
3640
- "border-neutrals-active"?: any;
3641
- "border-neutrals-controls"?: any;
3642
- "border-neutrals-controls-disabled"?: any;
3643
- "border-neutrals-disabled"?: any;
3644
- "border-neutrals-hover"?: any;
3645
- "border-neutrals-inverted"?: any;
3646
- "border-neutrals-subtle"?: any;
3647
- "border-neutrals-text"?: any;
3648
- "border-neutrals-text-active"?: any;
3649
- "border-neutrals-text-hover"?: any;
3650
- "border-neutrals-text-subtle"?: any;
3651
- "border-neutrals-text-subtle-active"?: any;
3652
- "border-neutrals-text-subtle-hover"?: any;
3653
- "border-neutrals-transparent"?: any;
3654
- "border-primary"?: any;
3655
- "border-primary-active"?: any;
3656
- "border-primary-hover"?: any;
3657
- "border-primary-inverted"?: any;
3658
- "border-success"?: any;
3659
- "border-success-active"?: any;
3660
- "border-success-hover"?: any;
3661
- "border-warning"?: any;
3662
- "icon-danger"?: any;
3663
- "icon-danger-active"?: any;
3664
- "icon-danger-hover"?: any;
3665
- "icon-danger-inverted"?: any;
3666
- "icon-neutrals"?: any;
3667
- "icon-neutrals-disabled"?: any;
3668
- "icon-neutrals-inactive"?: any;
3669
- "icon-neutrals-inactive-hover"?: any;
3670
- "icon-neutrals-inverted"?: any;
3671
- "icon-neutrals-search"?: any;
3672
- "icon-neutrals-subtle"?: any;
3673
- "icon-neutrals-text"?: any;
3674
- "icon-primary"?: any;
3675
- "icon-primary-active"?: any;
3676
- "icon-primary-hover"?: any;
3677
- "icon-primary-inverted"?: any;
3678
- "icon-primary-selected"?: any;
3679
- "icon-success"?: any;
3680
- "icon-success-active"?: any;
3681
- "icon-success-hover"?: any;
3682
- "icon-success-inverted"?: any;
3683
- "icon-warning"?: any;
3684
- "icon-warning-prominent"?: any;
3685
- "icon-warning-subtle"?: any;
3686
- "text-danger"?: any;
3687
- "text-danger-active"?: any;
3688
- "text-danger-hover"?: any;
3689
- "text-danger-inverted"?: any;
3690
- "text-neutrals"?: any;
3691
- "text-neutrals-active"?: any;
3692
- "text-neutrals-disabled"?: any;
3693
- "text-neutrals-hover"?: any;
3694
- "text-neutrals-inverted"?: any;
3695
- "text-neutrals-placeholder"?: any;
3696
- "text-neutrals-placeholder-only"?: any;
3697
- "text-neutrals-subtle"?: any;
3698
- "text-neutrals-subtle-active"?: any;
3699
- "text-neutrals-subtle-hover"?: any;
3700
- "text-primary"?: any;
3701
- "text-primary-active"?: any;
3702
- "text-primary-hover"?: any;
3703
- "text-primary-inverted"?: any;
3704
- "text-primary-inverted-subtle"?: any;
3705
- "text-primary-selected"?: any;
3706
- "text-success"?: any;
3707
- "text-success-active"?: any;
3708
- "text-success-hover"?: any;
3709
- "text-success-inverted"?: any;
3710
- "text-warning"?: any;
3711
- "text-warning-subtle"?: any;
3712
- };
3713
- 'font-sizes': {
3714
- readonly 125: "0.625rem";
3715
- readonly 150: "0.75rem";
3716
- readonly 175: "0.875rem";
3717
- readonly 200: "1rem";
3718
- readonly 225: "1.125rem";
3719
- readonly 250: "1.25rem";
3720
- readonly 300: "1.5rem";
3721
- readonly 400: "2rem";
3722
- readonly 500: "2.5rem";
3723
- readonly 600: "3rem";
3724
- readonly 800: "4rem";
3725
- readonly 900: "4.5rem";
3726
- };
3727
- fonts: {
3728
- readonly heading: "Roobert, sans-serif";
3729
- readonly body: "Open Sans, sans-serif";
3730
- };
3731
- radii: {
3732
- readonly 0: "0px";
3733
- readonly 25: "2px";
3734
- readonly 50: "4px";
3735
- readonly 75: "6px";
3736
- readonly 100: "8px";
3737
- readonly 200: "16px";
3738
- readonly round: "999px";
3739
- };
3740
- shadows: {
3741
- 50: any;
3742
- 100: any;
3743
- "focus-small": any;
3744
- "focus-small-outline": any;
3745
- "focus-large": any;
3746
- "focus-controls": any;
3747
- "focus-small-error": any;
3748
- "focus-controls-error": any;
3749
- "focus-controls-success": any;
3750
- };
3751
- sizes: {
3752
- readonly number: string;
3753
- readonly 'icon-200': "16px";
3754
- readonly 'icon-300': "24px";
3755
- readonly 'icon-400': "32px";
3756
- };
3757
- space: {
3758
- readonly 0: "0px";
3759
- readonly 25: "2px";
3760
- readonly 50: "4px";
3761
- readonly 100: "8px";
3762
- readonly 150: "12px";
3763
- readonly 200: "16px";
3764
- readonly 300: "24px";
3765
- readonly 400: "32px";
3766
- readonly 500: "40px";
3767
- readonly 600: "48px";
3768
- readonly 700: "56px";
3769
- readonly 800: "64px";
3770
- readonly 1200: "96px";
3771
- readonly 1600: "128px";
3772
- };
3773
- 'stroke-width': {
3774
- readonly thin: "1.5px";
3775
- readonly normal: "2px";
3776
- readonly bold: "4px";
3777
- };
3778
- 'z-indices': {
3779
- readonly dropdownMenu: 100;
3780
- readonly select: 200;
3781
- readonly popover: 300;
3782
- readonly tooltip: 400;
3783
- };
3784
- }, {
3785
- readonly background: "colors";
3786
- readonly backgroundColor: "colors";
3787
- readonly backgroundImage: "colors";
3788
- readonly blockSize: "sizes";
3789
- readonly border: "colors";
3790
- readonly borderBlock: "colors";
3791
- readonly borderBlockEnd: "colors";
3792
- readonly borderBlockStart: "colors";
3793
- readonly borderBottom: "colors";
3794
- readonly borderBottomColor: "colors";
3795
- readonly borderBottomLeftRadius: "radii";
3796
- readonly borderBottomRightRadius: "radii";
3797
- readonly borderBottomStyle: "border-styles";
3798
- readonly borderBottomWidth: "border-widths";
3799
- readonly borderColor: "colors";
3800
- readonly borderImage: "colors";
3801
- readonly borderInline: "colors";
3802
- readonly borderInlineEnd: "colors";
3803
- readonly borderInlineStart: "colors";
3804
- readonly borderLeft: "colors";
3805
- readonly borderLeftColor: "colors";
3806
- readonly borderLeftStyle: "border-styles";
3807
- readonly borderLeftWidth: "border-widths";
3808
- readonly borderRadius: "radii";
3809
- readonly borderRight: "colors";
3810
- readonly borderRightColor: "colors";
3811
- readonly borderRightStyle: "border-styles";
3812
- readonly borderRightWidth: "border-widths";
3813
- readonly borderSpacing: "space";
3814
- readonly borderStyle: "border-styles";
3815
- readonly borderTop: "colors";
3816
- readonly borderTopColor: "colors";
3817
- readonly borderTopLeftRadius: "radii";
3818
- readonly borderTopRightRadius: "radii";
3819
- readonly borderTopStyle: "border-styles";
3820
- readonly borderTopWidth: "border-widths";
3821
- readonly borderWidth: "border-widths";
3822
- readonly bottom: "space";
3823
- readonly boxShadow: "shadows";
3824
- readonly caretColor: "colors";
3825
- readonly color: "colors";
3826
- readonly columnGap: "space";
3827
- readonly columnRuleColor: "colors";
3828
- readonly fill: "colors";
3829
- readonly flexBasis: "sizes";
3830
- readonly fontFamily: "fonts";
3831
- readonly fontSize: "font-sizes";
3832
- readonly fontWeight: "font-weights";
3833
- readonly gap: "space";
3834
- readonly gridColumnGap: "space";
3835
- readonly gridGap: "space";
3836
- readonly gridRowGap: "space";
3837
- readonly gridTemplateColumns: "sizes";
3838
- readonly gridTemplateRows: "sizes";
3839
- readonly height: "sizes";
3840
- readonly inlineSize: "sizes";
3841
- readonly inset: "space";
3842
- readonly insetBlock: "space";
3843
- readonly insetBlockEnd: "space";
3844
- readonly insetBlockStart: "space";
3845
- readonly insetInline: "space";
3846
- readonly insetInlineEnd: "space";
3847
- readonly insetInlineStart: "space";
3848
- readonly left: "space";
3849
- readonly letterSpacing: "letter-spacings";
3850
- readonly lineHeight: "line-heights";
3851
- readonly margin: "space";
3852
- readonly marginBlock: "space";
3853
- readonly marginBlockEnd: "space";
3854
- readonly marginBlockStart: "space";
3855
- readonly marginBottom: "space";
3856
- readonly marginInline: "space";
3857
- readonly marginInlineEnd: "space";
3858
- readonly marginInlineStart: "space";
3859
- readonly marginLeft: "space";
3860
- readonly marginRight: "space";
3861
- readonly marginTop: "space";
3862
- readonly maxBlockSize: "sizes";
3863
- readonly maxHeight: "sizes";
3864
- readonly maxInlineSize: "sizes";
3865
- readonly maxWidth: "sizes";
3866
- readonly minBlockSize: "sizes";
3867
- readonly minHeight: "sizes";
3868
- readonly minInlineSize: "sizes";
3869
- readonly minWidth: "sizes";
3870
- readonly outline: "colors";
3871
- readonly outlineColor: "colors";
3872
- readonly padding: "space";
3873
- readonly paddingBlock: "space";
3874
- readonly paddingBlockEnd: "space";
3875
- readonly paddingBlockStart: "space";
3876
- readonly paddingBottom: "space";
3877
- readonly paddingInline: "space";
3878
- readonly paddingInlineEnd: "space";
3879
- readonly paddingInlineStart: "space";
3880
- readonly paddingLeft: "space";
3881
- readonly paddingRight: "space";
3882
- readonly paddingTop: "space";
3883
- readonly right: "space";
3884
- readonly rowGap: "space";
3885
- readonly scrollMargin: "space";
3886
- readonly scrollMarginBlock: "space";
3887
- readonly scrollMarginBlockEnd: "space";
3888
- readonly scrollMarginBlockStart: "space";
3889
- readonly scrollMarginBottom: "space";
3890
- readonly scrollMarginInline: "space";
3891
- readonly scrollMarginInlineEnd: "space";
3892
- readonly scrollMarginInlineStart: "space";
3893
- readonly scrollMarginLeft: "space";
3894
- readonly scrollMarginRight: "space";
3895
- readonly scrollMarginTop: "space";
3896
- readonly scrollPadding: "space";
3897
- readonly scrollPaddingBlock: "space";
3898
- readonly scrollPaddingBlockEnd: "space";
3899
- readonly scrollPaddingBlockStart: "space";
3900
- readonly scrollPaddingBottom: "space";
3901
- readonly scrollPaddingInline: "space";
3902
- readonly scrollPaddingInlineEnd: "space";
3903
- readonly scrollPaddingInlineStart: "space";
3904
- readonly scrollPaddingLeft: "space";
3905
- readonly scrollPaddingRight: "space";
3906
- readonly scrollPaddingTop: "space";
3907
- readonly stroke: "colors";
3908
- readonly strokeWidth: "stroke-width";
3909
- readonly textDecorationColor: "colors";
3910
- readonly textShadow: "shadows";
3911
- readonly top: "space";
3912
- readonly transition: "transitions";
3913
- readonly width: "sizes";
3914
- readonly zIndex: "z-indices";
3915
- }, {
3916
- paddingX: (value: {
3917
- readonly [$$PropertyValue]: "padding";
3918
- }) => {
3919
- paddingLeft: {
3920
- readonly [$$PropertyValue]: "padding";
3921
- };
3922
- paddingRight: {
3923
- readonly [$$PropertyValue]: "padding";
3924
- };
3925
- };
3926
- paddingY: (value: {
3927
- readonly [$$PropertyValue]: "padding";
3928
- }) => {
3929
- paddingTop: {
3930
- readonly [$$PropertyValue]: "padding";
3931
- };
3932
- paddingBottom: {
3933
- readonly [$$PropertyValue]: "padding";
3934
- };
3935
- };
3936
- marginX: (value: {
3937
- readonly [$$PropertyValue]: "margin";
3938
- }) => {
3939
- marginLeft: {
3940
- readonly [$$PropertyValue]: "margin";
3941
- };
3942
- marginRight: {
3943
- readonly [$$PropertyValue]: "margin";
3944
- };
3945
- };
3946
- marginY: (value: {
3947
- readonly [$$PropertyValue]: "margin";
3948
- }) => {
3949
- marginTop: {
3950
- readonly [$$PropertyValue]: "margin";
3951
- };
3952
- marginBottom: {
3953
- readonly [$$PropertyValue]: "margin";
3954
- };
3955
- };
3956
- square: (value: {
3957
- readonly [$$PropertyValue]: "width";
3958
- }) => {
3959
- width: {
3960
- readonly [$$PropertyValue]: "width";
3961
- };
3962
- height: {
3963
- readonly [$$PropertyValue]: "width";
3964
- };
3965
- };
3966
- _hover: (css: CSSUtil.CSSProperties) => {
3967
- '&:hover, &[data-hovered]': CSSUtil.CSSProperties;
3968
- };
3969
- }>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
3970
- variants: {
3971
- [name: string]: unknown;
3972
- };
3973
- } ? 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<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3974
- 'border-widths': {
3975
- readonly none: 0;
3976
- readonly sm: "1px";
3977
- readonly md: "2px";
3978
- readonly lg: "4px";
3979
- };
3980
- colors: {
3981
- readonly black: any;
3982
- readonly 'blue-50': any;
3983
- readonly 'blue-100': any;
3984
- readonly 'blue-150': any;
3985
- readonly 'blue-200': any;
3986
- readonly 'blue-250': any;
3987
- readonly 'blue-300': any;
3988
- readonly 'blue-350': any;
3989
- readonly 'blue-400': any;
3990
- readonly 'blue-450': any;
3991
- readonly 'blue-500': any;
3992
- readonly 'blue-550': any;
3993
- readonly 'blue-600': any;
3994
- readonly 'blue-650': any;
3995
- readonly 'blue-700': any;
3996
- readonly 'blue-750': any;
3997
- readonly 'blue-800': any;
3998
- readonly 'blue-850': any;
3999
- readonly 'blue-900': any;
4000
- readonly 'blue-950': any;
4001
- readonly 'gray-50': any;
4002
- readonly 'gray-100': any;
4003
- readonly 'gray-150': any;
4004
- readonly 'gray-200': any;
4005
- readonly 'gray-250': any;
4006
- readonly 'gray-300': any;
4007
- readonly 'gray-350': any;
4008
- readonly 'gray-400': any;
4009
- readonly 'gray-450': any;
4010
- readonly 'gray-500': any;
4011
- readonly 'gray-550': any;
4012
- readonly 'gray-600': any;
4013
- readonly 'gray-650': any;
4014
- readonly 'gray-700': any;
4015
- readonly 'gray-750': any;
4016
- readonly 'gray-800': any;
4017
- readonly 'gray-850': any;
4018
- readonly 'gray-900': any;
4019
- readonly 'gray-950': any;
4020
- readonly 'green-50': any;
4021
- readonly 'green-100': any;
4022
- readonly 'green-150': any;
4023
- readonly 'green-200': any;
4024
- readonly 'green-250': any;
4025
- readonly 'green-300': any;
4026
- readonly 'green-350': any;
4027
- readonly 'green-400': any;
4028
- readonly 'green-450': any;
4029
- readonly 'green-500': any;
4030
- readonly 'green-550': any;
4031
- readonly 'green-600': any;
4032
- readonly 'green-650': any;
4033
- readonly 'green-700': any;
4034
- readonly 'green-750': any;
4035
- readonly 'green-800': any;
4036
- readonly 'green-850': any;
4037
- readonly 'green-900': any;
4038
- readonly 'green-950': any;
4039
- readonly 'red-50': any;
4040
- readonly 'red-100': any;
4041
- readonly 'red-150': any;
4042
- readonly 'red-200': any;
4043
- readonly 'red-250': any;
4044
- readonly 'red-300': any;
4045
- readonly 'red-350': any;
4046
- readonly 'red-400': any;
4047
- readonly 'red-450': any;
4048
- readonly 'red-500': any;
4049
- readonly 'red-550': any;
4050
- readonly 'red-600': any;
4051
- readonly 'red-650': any;
4052
- readonly 'red-700': any;
4053
- readonly 'red-750': any;
4054
- readonly 'red-800': any;
4055
- readonly 'red-850': any;
4056
- readonly 'red-900': any;
4057
- readonly 'red-950': any;
4058
- readonly transparent: any;
4059
- readonly white: any;
4060
- readonly 'yellow-50': any;
4061
- readonly 'yellow-100': any;
4062
- readonly 'yellow-150': any;
4063
- readonly 'yellow-200': any;
4064
- readonly 'yellow-250': any;
4065
- readonly 'yellow-300': any;
4066
- readonly 'yellow-350': any;
4067
- readonly 'yellow-400': any;
4068
- readonly 'yellow-450': any;
4069
- readonly 'yellow-500': any;
4070
- readonly 'yellow-550': any;
4071
- readonly 'yellow-600': any;
4072
- readonly 'yellow-650': any;
4073
- readonly 'yellow-700': any;
4074
- readonly 'yellow-750': any;
4075
- readonly 'yellow-800': any;
4076
- readonly 'yellow-850': any;
4077
- readonly 'yellow-900': any;
4078
- readonly 'yellow-950': any;
4079
- "background-alpha-active"?: any;
4080
- "background-alpha-hover"?: any;
4081
- "background-danger-prominent"?: any;
4082
- "background-danger-prominent-active"?: any;
4083
- "background-danger-prominent-hover"?: any;
4084
- "background-danger-subtle"?: any;
4085
- "background-danger-subtle-active"?: any;
4086
- "background-danger-subtle-hover"?: any;
4087
- "background-neutrals"?: any;
4088
- "background-neutrals-active"?: any;
4089
- "background-neutrals-container"?: any;
4090
- "background-neutrals-controls-disabled"?: any;
4091
- "background-neutrals-disabled"?: any;
4092
- "background-neutrals-hover"?: any;
4093
- "background-neutrals-inactive"?: any;
4094
- "background-neutrals-inactive-hover"?: any;
4095
- "background-neutrals-inverted"?: any;
4096
- "background-neutrals-inverted-subtle"?: any;
4097
- "background-neutrals-page"?: any;
4098
- "background-neutrals-page-subtle"?: any;
4099
- "background-neutrals-scrollbar"?: any;
4100
- "background-neutrals-scrollbar-active"?: any;
4101
- "background-neutrals-scrollbar-hover"?: any;
4102
- "background-neutrals-subtle"?: any;
4103
- "background-neutrals-subtle-active"?: any;
4104
- "background-neutrals-subtle-hover"?: any;
4105
- "background-primary-prominent"?: any;
4106
- "background-primary-prominent-active"?: any;
4107
- "background-primary-prominent-hover"?: any;
4108
- "background-primary-prominent-selected"?: any;
4109
- "background-primary-subtle"?: any;
4110
- "background-primary-subtle-active"?: any;
4111
- "background-primary-subtle-hover"?: any;
4112
- "background-primary-subtle-selected"?: any;
4113
- "background-success"?: any;
4114
- "background-success-prominent"?: any;
4115
- "background-success-prominent-active"?: any;
4116
- "background-success-prominent-hover"?: any;
4117
- "background-warning-prominent"?: any;
4118
- "background-warning-subtle"?: any;
4119
- "border-danger"?: any;
4120
- "border-danger-active"?: any;
4121
- "border-danger-hover"?: any;
4122
- "border-focus-error-inner"?: any;
4123
- "border-focus-error-middle"?: any;
4124
- "border-focus-error-outer"?: any;
4125
- "border-focus-inner"?: any;
4126
- "border-focus-middle"?: any;
4127
- "border-focus-outer"?: any;
4128
- "border-focus-success-inner"?: any;
4129
- "border-focus-success-middle"?: any;
4130
- "border-focus-success-outer"?: any;
4131
- "border-neutrals"?: any;
4132
- "border-neutrals-active"?: any;
4133
- "border-neutrals-controls"?: any;
4134
- "border-neutrals-controls-disabled"?: any;
4135
- "border-neutrals-disabled"?: any;
4136
- "border-neutrals-hover"?: any;
4137
- "border-neutrals-inverted"?: any;
4138
- "border-neutrals-subtle"?: any;
4139
- "border-neutrals-text"?: any;
4140
- "border-neutrals-text-active"?: any;
4141
- "border-neutrals-text-hover"?: any;
4142
- "border-neutrals-text-subtle"?: any;
4143
- "border-neutrals-text-subtle-active"?: any;
4144
- "border-neutrals-text-subtle-hover"?: any;
4145
- "border-neutrals-transparent"?: any;
4146
- "border-primary"?: any;
4147
- "border-primary-active"?: any;
4148
- "border-primary-hover"?: any;
4149
- "border-primary-inverted"?: any;
4150
- "border-success"?: any;
4151
- "border-success-active"?: any;
4152
- "border-success-hover"?: any;
4153
- "border-warning"?: any;
4154
- "icon-danger"?: any;
4155
- "icon-danger-active"?: any;
4156
- "icon-danger-hover"?: any;
4157
- "icon-danger-inverted"?: any;
4158
- "icon-neutrals"?: any;
4159
- "icon-neutrals-disabled"?: any;
4160
- "icon-neutrals-inactive"?: any;
4161
- "icon-neutrals-inactive-hover"?: any;
4162
- "icon-neutrals-inverted"?: any;
4163
- "icon-neutrals-search"?: any;
4164
- "icon-neutrals-subtle"?: any;
4165
- "icon-neutrals-text"?: any;
4166
- "icon-primary"?: any;
4167
- "icon-primary-active"?: any;
4168
- "icon-primary-hover"?: any;
4169
- "icon-primary-inverted"?: any;
4170
- "icon-primary-selected"?: any;
4171
- "icon-success"?: any;
4172
- "icon-success-active"?: any;
4173
- "icon-success-hover"?: any;
4174
- "icon-success-inverted"?: any;
4175
- "icon-warning"?: any;
4176
- "icon-warning-prominent"?: any;
4177
- "icon-warning-subtle"?: any;
4178
- "text-danger"?: any;
4179
- "text-danger-active"?: any;
4180
- "text-danger-hover"?: any;
4181
- "text-danger-inverted"?: any;
4182
- "text-neutrals"?: any;
4183
- "text-neutrals-active"?: any;
4184
- "text-neutrals-disabled"?: any;
4185
- "text-neutrals-hover"?: any;
4186
- "text-neutrals-inverted"?: any;
4187
- "text-neutrals-placeholder"?: any;
4188
- "text-neutrals-placeholder-only"?: any;
4189
- "text-neutrals-subtle"?: any;
4190
- "text-neutrals-subtle-active"?: any;
4191
- "text-neutrals-subtle-hover"?: any;
4192
- "text-primary"?: any;
4193
- "text-primary-active"?: any;
4194
- "text-primary-hover"?: any;
4195
- "text-primary-inverted"?: any;
4196
- "text-primary-inverted-subtle"?: any;
4197
- "text-primary-selected"?: any;
4198
- "text-success"?: any;
4199
- "text-success-active"?: any;
4200
- "text-success-hover"?: any;
4201
- "text-success-inverted"?: any;
4202
- "text-warning"?: any;
4203
- "text-warning-subtle"?: any;
4204
- };
4205
- 'font-sizes': {
4206
- readonly 125: "0.625rem";
4207
- readonly 150: "0.75rem";
4208
- readonly 175: "0.875rem";
4209
- readonly 200: "1rem";
4210
- readonly 225: "1.125rem";
4211
- readonly 250: "1.25rem";
4212
- readonly 300: "1.5rem";
4213
- readonly 400: "2rem";
4214
- readonly 500: "2.5rem";
4215
- readonly 600: "3rem";
4216
- readonly 800: "4rem";
4217
- readonly 900: "4.5rem";
4218
- };
4219
- fonts: {
4220
- readonly heading: "Roobert, sans-serif";
4221
- readonly body: "Open Sans, sans-serif";
4222
- };
4223
- radii: {
4224
- readonly 0: "0px";
4225
- readonly 25: "2px";
4226
- readonly 50: "4px";
4227
- readonly 75: "6px";
4228
- readonly 100: "8px";
4229
- readonly 200: "16px";
4230
- readonly round: "999px";
4231
- };
4232
- shadows: {
4233
- 50: any;
4234
- 100: any;
4235
- "focus-small": any;
4236
- "focus-small-outline": any;
4237
- "focus-large": any;
4238
- "focus-controls": any;
4239
- "focus-small-error": any;
4240
- "focus-controls-error": any;
4241
- "focus-controls-success": any;
4242
- };
4243
- sizes: {
4244
- readonly number: string;
4245
- readonly 'icon-200': "16px";
4246
- readonly 'icon-300': "24px";
4247
- readonly 'icon-400': "32px";
4248
- };
4249
- space: {
4250
- readonly 0: "0px";
4251
- readonly 25: "2px";
4252
- readonly 50: "4px";
4253
- readonly 100: "8px";
4254
- readonly 150: "12px";
4255
- readonly 200: "16px";
4256
- readonly 300: "24px";
4257
- readonly 400: "32px";
4258
- readonly 500: "40px";
4259
- readonly 600: "48px";
4260
- readonly 700: "56px";
4261
- readonly 800: "64px";
4262
- readonly 1200: "96px";
4263
- readonly 1600: "128px";
4264
- };
4265
- 'stroke-width': {
4266
- readonly thin: "1.5px";
4267
- readonly normal: "2px";
4268
- readonly bold: "4px";
4269
- };
4270
- 'z-indices': {
4271
- readonly dropdownMenu: 100;
4272
- readonly select: 200;
4273
- readonly popover: 300;
4274
- readonly tooltip: 400;
4275
- };
4276
- }, {
4277
- readonly background: "colors";
4278
- readonly backgroundColor: "colors";
4279
- readonly backgroundImage: "colors";
4280
- readonly blockSize: "sizes";
4281
- readonly border: "colors";
4282
- readonly borderBlock: "colors";
4283
- readonly borderBlockEnd: "colors";
4284
- readonly borderBlockStart: "colors";
4285
- readonly borderBottom: "colors";
4286
- readonly borderBottomColor: "colors";
4287
- readonly borderBottomLeftRadius: "radii";
4288
- readonly borderBottomRightRadius: "radii";
4289
- readonly borderBottomStyle: "border-styles";
4290
- readonly borderBottomWidth: "border-widths";
4291
- readonly borderColor: "colors";
4292
- readonly borderImage: "colors";
4293
- readonly borderInline: "colors";
4294
- readonly borderInlineEnd: "colors";
4295
- readonly borderInlineStart: "colors";
4296
- readonly borderLeft: "colors";
4297
- readonly borderLeftColor: "colors";
4298
- readonly borderLeftStyle: "border-styles";
4299
- readonly borderLeftWidth: "border-widths";
4300
- readonly borderRadius: "radii";
4301
- readonly borderRight: "colors";
4302
- readonly borderRightColor: "colors";
4303
- readonly borderRightStyle: "border-styles";
4304
- readonly borderRightWidth: "border-widths";
4305
- readonly borderSpacing: "space";
4306
- readonly borderStyle: "border-styles";
4307
- readonly borderTop: "colors";
4308
- readonly borderTopColor: "colors";
4309
- readonly borderTopLeftRadius: "radii";
4310
- readonly borderTopRightRadius: "radii";
4311
- readonly borderTopStyle: "border-styles";
4312
- readonly borderTopWidth: "border-widths";
4313
- readonly borderWidth: "border-widths";
4314
- readonly bottom: "space";
4315
- readonly boxShadow: "shadows";
4316
- readonly caretColor: "colors";
4317
- readonly color: "colors";
4318
- readonly columnGap: "space";
4319
- readonly columnRuleColor: "colors";
4320
- readonly fill: "colors";
4321
- readonly flexBasis: "sizes";
4322
- readonly fontFamily: "fonts";
4323
- readonly fontSize: "font-sizes";
4324
- readonly fontWeight: "font-weights";
4325
- readonly gap: "space";
4326
- readonly gridColumnGap: "space";
4327
- readonly gridGap: "space";
4328
- readonly gridRowGap: "space";
4329
- readonly gridTemplateColumns: "sizes";
4330
- readonly gridTemplateRows: "sizes";
4331
- readonly height: "sizes";
4332
- readonly inlineSize: "sizes";
4333
- readonly inset: "space";
4334
- readonly insetBlock: "space";
4335
- readonly insetBlockEnd: "space";
4336
- readonly insetBlockStart: "space";
4337
- readonly insetInline: "space";
4338
- readonly insetInlineEnd: "space";
4339
- readonly insetInlineStart: "space";
4340
- readonly left: "space";
4341
- readonly letterSpacing: "letter-spacings";
4342
- readonly lineHeight: "line-heights";
4343
- readonly margin: "space";
4344
- readonly marginBlock: "space";
4345
- readonly marginBlockEnd: "space";
4346
- readonly marginBlockStart: "space";
4347
- readonly marginBottom: "space";
4348
- readonly marginInline: "space";
4349
- readonly marginInlineEnd: "space";
4350
- readonly marginInlineStart: "space";
4351
- readonly marginLeft: "space";
4352
- readonly marginRight: "space";
4353
- readonly marginTop: "space";
4354
- readonly maxBlockSize: "sizes";
4355
- readonly maxHeight: "sizes";
4356
- readonly maxInlineSize: "sizes";
4357
- readonly maxWidth: "sizes";
4358
- readonly minBlockSize: "sizes";
4359
- readonly minHeight: "sizes";
4360
- readonly minInlineSize: "sizes";
4361
- readonly minWidth: "sizes";
4362
- readonly outline: "colors";
4363
- readonly outlineColor: "colors";
4364
- readonly padding: "space";
4365
- readonly paddingBlock: "space";
4366
- readonly paddingBlockEnd: "space";
4367
- readonly paddingBlockStart: "space";
4368
- readonly paddingBottom: "space";
4369
- readonly paddingInline: "space";
4370
- readonly paddingInlineEnd: "space";
4371
- readonly paddingInlineStart: "space";
4372
- readonly paddingLeft: "space";
4373
- readonly paddingRight: "space";
4374
- readonly paddingTop: "space";
4375
- readonly right: "space";
4376
- readonly rowGap: "space";
4377
- readonly scrollMargin: "space";
4378
- readonly scrollMarginBlock: "space";
4379
- readonly scrollMarginBlockEnd: "space";
4380
- readonly scrollMarginBlockStart: "space";
4381
- readonly scrollMarginBottom: "space";
4382
- readonly scrollMarginInline: "space";
4383
- readonly scrollMarginInlineEnd: "space";
4384
- readonly scrollMarginInlineStart: "space";
4385
- readonly scrollMarginLeft: "space";
4386
- readonly scrollMarginRight: "space";
4387
- readonly scrollMarginTop: "space";
4388
- readonly scrollPadding: "space";
4389
- readonly scrollPaddingBlock: "space";
4390
- readonly scrollPaddingBlockEnd: "space";
4391
- readonly scrollPaddingBlockStart: "space";
4392
- readonly scrollPaddingBottom: "space";
4393
- readonly scrollPaddingInline: "space";
4394
- readonly scrollPaddingInlineEnd: "space";
4395
- readonly scrollPaddingInlineStart: "space";
4396
- readonly scrollPaddingLeft: "space";
4397
- readonly scrollPaddingRight: "space";
4398
- readonly scrollPaddingTop: "space";
4399
- readonly stroke: "colors";
4400
- readonly strokeWidth: "stroke-width";
4401
- readonly textDecorationColor: "colors";
4402
- readonly textShadow: "shadows";
4403
- readonly top: "space";
4404
- readonly transition: "transitions";
4405
- readonly width: "sizes";
4406
- readonly zIndex: "z-indices";
4407
- }, {
4408
- paddingX: (value: {
4409
- readonly [$$PropertyValue]: "padding";
4410
- }) => {
4411
- paddingLeft: {
4412
- readonly [$$PropertyValue]: "padding";
4413
- };
4414
- paddingRight: {
4415
- readonly [$$PropertyValue]: "padding";
4416
- };
4417
- };
4418
- paddingY: (value: {
4419
- readonly [$$PropertyValue]: "padding";
4420
- }) => {
4421
- paddingTop: {
4422
- readonly [$$PropertyValue]: "padding";
4423
- };
4424
- paddingBottom: {
4425
- readonly [$$PropertyValue]: "padding";
4426
- };
4427
- };
4428
- marginX: (value: {
4429
- readonly [$$PropertyValue]: "margin";
4430
- }) => {
4431
- marginLeft: {
4432
- readonly [$$PropertyValue]: "margin";
4433
- };
4434
- marginRight: {
4435
- readonly [$$PropertyValue]: "margin";
4436
- };
4437
- };
4438
- marginY: (value: {
4439
- readonly [$$PropertyValue]: "margin";
4440
- }) => {
4441
- marginTop: {
4442
- readonly [$$PropertyValue]: "margin";
4443
- };
4444
- marginBottom: {
4445
- readonly [$$PropertyValue]: "margin";
4446
- };
4447
- };
4448
- square: (value: {
4449
- readonly [$$PropertyValue]: "width";
4450
- }) => {
4451
- width: {
4452
- readonly [$$PropertyValue]: "width";
4453
- };
4454
- height: {
4455
- readonly [$$PropertyValue]: "width";
4456
- };
4457
- };
4458
- _hover: (css: CSSUtil.CSSProperties) => {
4459
- '&:hover, &[data-hovered]': CSSUtil.CSSProperties;
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;
4460
3484
  };
4461
- }>>>>> & StitchesInternals<Element_1, StyledComponentProps$1<[Composers]>, {}>;
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]>, {}>;
4462
3486
 
4463
3487
  declare const stitchesCssRoot: {
4464
3488
  prefix: "";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.6.6",
3
+ "version": "2.6.8",
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-types": "^0.7.0",
30
+ "@mirohq/design-system-themes": "^0.6.4",
31
31
  "@mirohq/design-tokens": "^5.0.0",
32
- "@mirohq/design-system-themes": "^0.6.4"
32
+ "@mirohq/design-system-types": "^0.9.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"