@mirohq/design-system-stitches 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.js CHANGED
@@ -152,6 +152,7 @@ const themeMap = {
152
152
  stroke: "colors",
153
153
  strokeWidth: "stroke-width",
154
154
  textDecorationColor: "colors",
155
+ textUnderlineOffset: "space",
155
156
  textShadow: "shadows",
156
157
  top: "space",
157
158
  transition: "transitions",
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 { 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'\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","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 textUnderlineOffset: 'space',\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'\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","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -131,6 +131,7 @@ const themeMap = {
131
131
  stroke: "colors",
132
132
  strokeWidth: "stroke-width",
133
133
  textDecorationColor: "colors",
134
+ textUnderlineOffset: "space",
134
135
  textShadow: "shadows",
135
136
  top: "space",
136
137
  transition: "transitions",
@@ -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 { 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'\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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"}
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 textUnderlineOffset: 'space',\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'\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
@@ -7078,6 +7078,7 @@ declare const config: {
7078
7078
  readonly stroke: "colors";
7079
7079
  readonly strokeWidth: "stroke-width";
7080
7080
  readonly textDecorationColor: "colors";
7081
+ readonly textUnderlineOffset: "space";
7081
7082
  readonly textShadow: "shadows";
7082
7083
  readonly top: "space";
7083
7084
  readonly transition: "transitions";
@@ -9730,6 +9731,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9730
9731
  readonly stroke: "colors";
9731
9732
  readonly strokeWidth: "stroke-width";
9732
9733
  readonly textDecorationColor: "colors";
9734
+ readonly textUnderlineOffset: "space";
9733
9735
  readonly textShadow: "shadows";
9734
9736
  readonly top: "space";
9735
9737
  readonly transition: "transitions";
@@ -10730,6 +10732,7 @@ declare const globalCss: <Styles extends {
10730
10732
  readonly stroke: "colors";
10731
10733
  readonly strokeWidth: "stroke-width";
10732
10734
  readonly textDecorationColor: "colors";
10735
+ readonly textUnderlineOffset: "space";
10733
10736
  readonly textShadow: "shadows";
10734
10737
  readonly top: "space";
10735
10738
  readonly transition: "transitions";
@@ -11712,6 +11715,7 @@ declare const globalCss: <Styles extends {
11712
11715
  readonly stroke: "colors";
11713
11716
  readonly strokeWidth: "stroke-width";
11714
11717
  readonly textDecorationColor: "colors";
11718
+ readonly textUnderlineOffset: "space";
11715
11719
  readonly textShadow: "shadows";
11716
11720
  readonly top: "space";
11717
11721
  readonly transition: "transitions";
@@ -12697,6 +12701,7 @@ declare const keyframes: (style: {
12697
12701
  readonly stroke: "colors";
12698
12702
  readonly strokeWidth: "stroke-width";
12699
12703
  readonly textDecorationColor: "colors";
12704
+ readonly textUnderlineOffset: "space";
12700
12705
  readonly textShadow: "shadows";
12701
12706
  readonly top: "space";
12702
12707
  readonly transition: "transitions";
@@ -12890,6 +12895,7 @@ declare const themeMap: {
12890
12895
  readonly stroke: "colors";
12891
12896
  readonly strokeWidth: "stroke-width";
12892
12897
  readonly textDecorationColor: "colors";
12898
+ readonly textUnderlineOffset: "space";
12893
12899
  readonly textShadow: "shadows";
12894
12900
  readonly top: "space";
12895
12901
  readonly transition: "transitions";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "3.2.0",
3
+ "version": "3.3.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,7 +29,7 @@
29
29
  "lodash.merge": "^4.6.2",
30
30
  "@mirohq/design-system-themes": "^1.1.1",
31
31
  "@mirohq/design-tokens": "^7.0.1",
32
- "@mirohq/design-system-types": "^1.0.1"
32
+ "@mirohq/design-system-types": "^1.0.2"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"