@mirohq/design-system-stitches 3.2.0-fix-stitches-types.1 → 3.2.0-fix-stitches-types.2

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 +75 -94
  4. package/package.json +1 -1
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 * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } 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 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\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 = Omit<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","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","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 * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } 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 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\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 { CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: CSSProperties['padding']) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: CSSProperties['padding']) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: CSSProperties['margin']) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: CSSProperties['margin']) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: CSSProperties['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 = Omit<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","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","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 * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } 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 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\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 = Omit<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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"}
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 * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } 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 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\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 { CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: CSSProperties['padding']) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: CSSProperties['padding']) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: CSSProperties['margin']) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: CSSProperties['margin']) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: CSSProperties['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 = Omit<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
@@ -6106,11 +6106,6 @@ declare const $$ScaleValue: unique symbol
6106
6106
  /** Unique symbol used to reference a token value. */
6107
6107
  type $$ScaleValue = typeof $$ScaleValue
6108
6108
 
6109
- // https://github.com/microsoft/TypeScript/issues/50720#issuecomment-1367227930
6110
- type WithPropertyValue<T> = {
6111
- readonly [K in $$PropertyValue]: T
6112
- }
6113
-
6114
6109
  /** Remove an index signature from a type */
6115
6110
  type RemoveIndex<T> = {[k in keyof T as string extends k ? never : number extends k ? never : k]: T[k]}
6116
6111
 
@@ -6127,20 +6122,6 @@ type ThemeTokens<Values, Prefix> = {
6127
6122
 
6128
6123
  type CSSProperties = CSSProperties$1
6129
6124
 
6130
- /** Returns a type that expects a value to be a kind of CSS property value. */
6131
- type PropertyValue<Property extends keyof CSSProperties$1, Config = null> = (
6132
- Config extends null
6133
- ? WithPropertyValue<Property>
6134
- : Config extends { [K: string]: any }
6135
- ? CSS$1<
6136
- Config['media'],
6137
- Config['theme'],
6138
- Config['themeMap'],
6139
- Config['utils']
6140
- >[Property]
6141
- : never
6142
- )
6143
-
6144
6125
  declare const config: {
6145
6126
  prefix: "";
6146
6127
  media: {};
@@ -7104,25 +7085,25 @@ declare const config: {
7104
7085
  readonly zIndex: "z-indices";
7105
7086
  };
7106
7087
  utils: {
7107
- paddingX: (value: PropertyValue<"padding">) => {
7108
- paddingLeft: WithPropertyValue<"padding">;
7109
- paddingRight: WithPropertyValue<"padding">;
7088
+ paddingX: (value: CSSProperties["padding"]) => {
7089
+ paddingLeft: OnlyStringNumeric | undefined;
7090
+ paddingRight: OnlyStringNumeric | undefined;
7110
7091
  };
7111
- paddingY: (value: PropertyValue<"padding">) => {
7112
- paddingTop: WithPropertyValue<"padding">;
7113
- paddingBottom: WithPropertyValue<"padding">;
7092
+ paddingY: (value: CSSProperties["padding"]) => {
7093
+ paddingTop: OnlyStringNumeric | undefined;
7094
+ paddingBottom: OnlyStringNumeric | undefined;
7114
7095
  };
7115
- marginX: (value: PropertyValue<"margin">) => {
7116
- marginLeft: WithPropertyValue<"margin">;
7117
- marginRight: WithPropertyValue<"margin">;
7096
+ marginX: (value: CSSProperties["margin"]) => {
7097
+ marginLeft: Property.Margin | undefined;
7098
+ marginRight: Property.Margin | undefined;
7118
7099
  };
7119
- marginY: (value: PropertyValue<"margin">) => {
7120
- marginTop: WithPropertyValue<"margin">;
7121
- marginBottom: WithPropertyValue<"margin">;
7100
+ marginY: (value: CSSProperties["margin"]) => {
7101
+ marginTop: Property.Margin | undefined;
7102
+ marginBottom: Property.Margin | undefined;
7122
7103
  };
7123
- square: (value: PropertyValue<"width">) => {
7124
- width: WithPropertyValue<"width">;
7125
- height: WithPropertyValue<"width">;
7104
+ square: (value: CSSProperties["width"]) => {
7105
+ width: Property.Width | undefined;
7106
+ height: Property.Width | undefined;
7126
7107
  };
7127
7108
  _hover: (css: CSSProperties) => {
7128
7109
  '&:hover, &[data-hovered]': CSSProperties$1;
@@ -9755,25 +9736,25 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9755
9736
  readonly width: "sizes";
9756
9737
  readonly zIndex: "z-indices";
9757
9738
  }, {
9758
- paddingX: (value: PropertyValue<"padding">) => {
9759
- paddingLeft: WithPropertyValue<"padding">;
9760
- paddingRight: WithPropertyValue<"padding">;
9739
+ paddingX: (value: CSSProperties["padding"]) => {
9740
+ paddingLeft: OnlyStringNumeric | undefined;
9741
+ paddingRight: OnlyStringNumeric | undefined;
9761
9742
  };
9762
- paddingY: (value: PropertyValue<"padding">) => {
9763
- paddingTop: WithPropertyValue<"padding">;
9764
- paddingBottom: WithPropertyValue<"padding">;
9743
+ paddingY: (value: CSSProperties["padding"]) => {
9744
+ paddingTop: OnlyStringNumeric | undefined;
9745
+ paddingBottom: OnlyStringNumeric | undefined;
9765
9746
  };
9766
- marginX: (value: PropertyValue<"margin">) => {
9767
- marginLeft: WithPropertyValue<"margin">;
9768
- marginRight: WithPropertyValue<"margin">;
9747
+ marginX: (value: CSSProperties["margin"]) => {
9748
+ marginLeft: Property.Margin | undefined;
9749
+ marginRight: Property.Margin | undefined;
9769
9750
  };
9770
- marginY: (value: PropertyValue<"margin">) => {
9771
- marginTop: WithPropertyValue<"margin">;
9772
- marginBottom: WithPropertyValue<"margin">;
9751
+ marginY: (value: CSSProperties["margin"]) => {
9752
+ marginTop: Property.Margin | undefined;
9753
+ marginBottom: Property.Margin | undefined;
9773
9754
  };
9774
- square: (value: PropertyValue<"width">) => {
9775
- width: WithPropertyValue<"width">;
9776
- height: WithPropertyValue<"width">;
9755
+ square: (value: CSSProperties["width"]) => {
9756
+ width: Property.Width | undefined;
9757
+ height: Property.Width | undefined;
9777
9758
  };
9778
9759
  _hover: (css: CSSProperties) => {
9779
9760
  '&:hover, &[data-hovered]': CSSProperties$1;
@@ -10755,25 +10736,25 @@ declare const globalCss: <Styles extends {
10755
10736
  readonly width: "sizes";
10756
10737
  readonly zIndex: "z-indices";
10757
10738
  }, {
10758
- paddingX: (value: PropertyValue<"padding">) => {
10759
- paddingLeft: WithPropertyValue<"padding">;
10760
- paddingRight: WithPropertyValue<"padding">;
10739
+ paddingX: (value: CSSProperties["padding"]) => {
10740
+ paddingLeft: OnlyStringNumeric | undefined;
10741
+ paddingRight: OnlyStringNumeric | undefined;
10761
10742
  };
10762
- paddingY: (value: PropertyValue<"padding">) => {
10763
- paddingTop: WithPropertyValue<"padding">;
10764
- paddingBottom: WithPropertyValue<"padding">;
10743
+ paddingY: (value: CSSProperties["padding"]) => {
10744
+ paddingTop: OnlyStringNumeric | undefined;
10745
+ paddingBottom: OnlyStringNumeric | undefined;
10765
10746
  };
10766
- marginX: (value: PropertyValue<"margin">) => {
10767
- marginLeft: WithPropertyValue<"margin">;
10768
- marginRight: WithPropertyValue<"margin">;
10747
+ marginX: (value: CSSProperties["margin"]) => {
10748
+ marginLeft: Property.Margin | undefined;
10749
+ marginRight: Property.Margin | undefined;
10769
10750
  };
10770
- marginY: (value: PropertyValue<"margin">) => {
10771
- marginTop: WithPropertyValue<"margin">;
10772
- marginBottom: WithPropertyValue<"margin">;
10751
+ marginY: (value: CSSProperties["margin"]) => {
10752
+ marginTop: Property.Margin | undefined;
10753
+ marginBottom: Property.Margin | undefined;
10773
10754
  };
10774
- square: (value: PropertyValue<"width">) => {
10775
- width: WithPropertyValue<"width">;
10776
- height: WithPropertyValue<"width">;
10755
+ square: (value: CSSProperties["width"]) => {
10756
+ width: Property.Width | undefined;
10757
+ height: Property.Width | undefined;
10777
10758
  };
10778
10759
  _hover: (css: CSSProperties) => {
10779
10760
  '&:hover, &[data-hovered]': CSSProperties$1;
@@ -11737,25 +11718,25 @@ declare const globalCss: <Styles extends {
11737
11718
  readonly width: "sizes";
11738
11719
  readonly zIndex: "z-indices";
11739
11720
  }, {
11740
- paddingX: (value: PropertyValue<"padding">) => {
11741
- paddingLeft: WithPropertyValue<"padding">;
11742
- paddingRight: WithPropertyValue<"padding">;
11721
+ paddingX: (value: CSSProperties["padding"]) => {
11722
+ paddingLeft: OnlyStringNumeric | undefined;
11723
+ paddingRight: OnlyStringNumeric | undefined;
11743
11724
  };
11744
- paddingY: (value: PropertyValue<"padding">) => {
11745
- paddingTop: WithPropertyValue<"padding">;
11746
- paddingBottom: WithPropertyValue<"padding">;
11725
+ paddingY: (value: CSSProperties["padding"]) => {
11726
+ paddingTop: OnlyStringNumeric | undefined;
11727
+ paddingBottom: OnlyStringNumeric | undefined;
11747
11728
  };
11748
- marginX: (value: PropertyValue<"margin">) => {
11749
- marginLeft: WithPropertyValue<"margin">;
11750
- marginRight: WithPropertyValue<"margin">;
11729
+ marginX: (value: CSSProperties["margin"]) => {
11730
+ marginLeft: Property.Margin | undefined;
11731
+ marginRight: Property.Margin | undefined;
11751
11732
  };
11752
- marginY: (value: PropertyValue<"margin">) => {
11753
- marginTop: WithPropertyValue<"margin">;
11754
- marginBottom: WithPropertyValue<"margin">;
11733
+ marginY: (value: CSSProperties["margin"]) => {
11734
+ marginTop: Property.Margin | undefined;
11735
+ marginBottom: Property.Margin | undefined;
11755
11736
  };
11756
- square: (value: PropertyValue<"width">) => {
11757
- width: WithPropertyValue<"width">;
11758
- height: WithPropertyValue<"width">;
11737
+ square: (value: CSSProperties["width"]) => {
11738
+ width: Property.Width | undefined;
11739
+ height: Property.Width | undefined;
11759
11740
  };
11760
11741
  _hover: (css: CSSProperties) => {
11761
11742
  '&:hover, &[data-hovered]': CSSProperties$1;
@@ -12722,25 +12703,25 @@ declare const keyframes: (style: {
12722
12703
  readonly width: "sizes";
12723
12704
  readonly zIndex: "z-indices";
12724
12705
  }, {
12725
- paddingX: (value: PropertyValue<"padding">) => {
12726
- paddingLeft: WithPropertyValue<"padding">;
12727
- paddingRight: WithPropertyValue<"padding">;
12706
+ paddingX: (value: CSSProperties["padding"]) => {
12707
+ paddingLeft: OnlyStringNumeric | undefined;
12708
+ paddingRight: OnlyStringNumeric | undefined;
12728
12709
  };
12729
- paddingY: (value: PropertyValue<"padding">) => {
12730
- paddingTop: WithPropertyValue<"padding">;
12731
- paddingBottom: WithPropertyValue<"padding">;
12710
+ paddingY: (value: CSSProperties["padding"]) => {
12711
+ paddingTop: OnlyStringNumeric | undefined;
12712
+ paddingBottom: OnlyStringNumeric | undefined;
12732
12713
  };
12733
- marginX: (value: PropertyValue<"margin">) => {
12734
- marginLeft: WithPropertyValue<"margin">;
12735
- marginRight: WithPropertyValue<"margin">;
12714
+ marginX: (value: CSSProperties["margin"]) => {
12715
+ marginLeft: Property.Margin | undefined;
12716
+ marginRight: Property.Margin | undefined;
12736
12717
  };
12737
- marginY: (value: PropertyValue<"margin">) => {
12738
- marginTop: WithPropertyValue<"margin">;
12739
- marginBottom: WithPropertyValue<"margin">;
12718
+ marginY: (value: CSSProperties["margin"]) => {
12719
+ marginTop: Property.Margin | undefined;
12720
+ marginBottom: Property.Margin | undefined;
12740
12721
  };
12741
- square: (value: PropertyValue<"width">) => {
12742
- width: WithPropertyValue<"width">;
12743
- height: WithPropertyValue<"width">;
12722
+ square: (value: CSSProperties["width"]) => {
12723
+ width: Property.Width | undefined;
12724
+ height: Property.Width | undefined;
12744
12725
  };
12745
12726
  _hover: (css: CSSProperties) => {
12746
12727
  '&:hover, &[data-hovered]': CSSProperties$1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "3.2.0-fix-stitches-types.1",
3
+ "version": "3.2.0-fix-stitches-types.2",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",