@mirohq/design-system-stitches 2.6.31 → 2.6.32-new-focus-keyboard.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.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +8 -8
- package/package.json +2 -2
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 Exclude<Required<DS_Theme['shadows']>, undefined>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","merge","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
|
|
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'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","merge","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import * 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 Exclude<Required<DS_Theme['shadows']>, undefined>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
|
|
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'\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
|
@@ -776,7 +776,7 @@ declare const config: {
|
|
|
776
776
|
readonly 200: "16px";
|
|
777
777
|
readonly round: "999px";
|
|
778
778
|
};
|
|
779
|
-
shadows:
|
|
779
|
+
shadows: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
780
780
|
sizes: {
|
|
781
781
|
readonly number: string;
|
|
782
782
|
readonly 'icon-200': "16px";
|
|
@@ -1731,7 +1731,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1731
1731
|
readonly 200?: string | number | boolean | undefined;
|
|
1732
1732
|
readonly round?: string | number | boolean | undefined;
|
|
1733
1733
|
} | undefined;
|
|
1734
|
-
shadows?:
|
|
1734
|
+
shadows?: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
1735
1735
|
sizes?: {
|
|
1736
1736
|
readonly number?: string | number | boolean | undefined;
|
|
1737
1737
|
readonly 'icon-200'?: string | number | boolean | undefined;
|
|
@@ -2532,7 +2532,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
2532
2532
|
readonly 200?: string | number | boolean | undefined;
|
|
2533
2533
|
readonly round?: string | number | boolean | undefined;
|
|
2534
2534
|
} | undefined;
|
|
2535
|
-
shadows?:
|
|
2535
|
+
shadows?: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
2536
2536
|
sizes?: {
|
|
2537
2537
|
readonly number?: string | number | boolean | undefined;
|
|
2538
2538
|
readonly 'icon-200'?: string | number | boolean | undefined;
|
|
@@ -3339,7 +3339,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
|
|
|
3339
3339
|
readonly 200: "16px";
|
|
3340
3340
|
readonly round: "999px";
|
|
3341
3341
|
};
|
|
3342
|
-
shadows:
|
|
3342
|
+
shadows: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
3343
3343
|
sizes: {
|
|
3344
3344
|
readonly number: string;
|
|
3345
3345
|
readonly 'icon-200': "16px";
|
|
@@ -4309,7 +4309,7 @@ declare const globalCss: <Styles extends {
|
|
|
4309
4309
|
readonly 200: "16px";
|
|
4310
4310
|
readonly round: "999px";
|
|
4311
4311
|
};
|
|
4312
|
-
shadows:
|
|
4312
|
+
shadows: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
4313
4313
|
sizes: {
|
|
4314
4314
|
readonly number: string;
|
|
4315
4315
|
readonly 'icon-200': "16px";
|
|
@@ -5261,7 +5261,7 @@ declare const globalCss: <Styles extends {
|
|
|
5261
5261
|
readonly 200: "16px";
|
|
5262
5262
|
readonly round: "999px";
|
|
5263
5263
|
};
|
|
5264
|
-
shadows:
|
|
5264
|
+
shadows: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
5265
5265
|
sizes: {
|
|
5266
5266
|
readonly number: string;
|
|
5267
5267
|
readonly 'icon-200': "16px";
|
|
@@ -6216,7 +6216,7 @@ declare const keyframes: (style: {
|
|
|
6216
6216
|
readonly 200: "16px";
|
|
6217
6217
|
readonly round: "999px";
|
|
6218
6218
|
};
|
|
6219
|
-
shadows:
|
|
6219
|
+
shadows: Required<_mirohq_design_system_themes_web.Theme["shadows"]>;
|
|
6220
6220
|
sizes: {
|
|
6221
6221
|
readonly number: string;
|
|
6222
6222
|
readonly 'icon-200': "16px";
|
|
@@ -7340,7 +7340,7 @@ declare const theme: {
|
|
|
7340
7340
|
readonly 200: "16px";
|
|
7341
7341
|
readonly round: "999px";
|
|
7342
7342
|
};
|
|
7343
|
-
shadows:
|
|
7343
|
+
shadows: Required<Theme$1["shadows"]>;
|
|
7344
7344
|
sizes: {
|
|
7345
7345
|
readonly number: string;
|
|
7346
7346
|
readonly 'icon-200': "16px";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.32-new-focus-keyboard.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"lodash.merge": "^4.6.2",
|
|
30
|
-
"@mirohq/design-system-themes": "^0.
|
|
30
|
+
"@mirohq/design-system-themes": "^0.14.0-new-focus-keyboard.2",
|
|
31
31
|
"@mirohq/design-system-types": "^0.10.0",
|
|
32
32
|
"@mirohq/design-tokens": "^6.5.1"
|
|
33
33
|
},
|