@mirohq/design-system-stitches 2.1.0-checkbox.0 → 2.1.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.
Files changed (6) hide show
  1. package/dist/main.js +0 -4
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +0 -4
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +27 -70
  6. package/package.json +4 -4
package/dist/main.js CHANGED
@@ -171,10 +171,6 @@ const utils = {
171
171
  marginY: (value) => ({
172
172
  marginTop: value,
173
173
  marginBottom: value
174
- }),
175
- square: (value) => ({
176
- width: value,
177
- height: value
178
174
  })
179
175
  };
180
176
 
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"],"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 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-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\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-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n 'border-widths': typeof Tokens.borderWidths\n colors: typeof Tokens.colors\n 'font-sizes': typeof Tokens.fontSizes\n radii: typeof Tokens.radii\n shadows: typeof Tokens.shadows\n sizes: typeof Tokens.sizes\n space: typeof Tokens.space\n 'space-gap': typeof Tokens.spaceGap\n 'space-inset': typeof Tokens.spaceInset\n 'space-offset': typeof Tokens.spaceOffset\n 'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': Tokens.borderWidths,\n colors: Tokens.colors,\n 'font-sizes': Tokens.fontSizes,\n radii: Tokens.radii,\n shadows: Tokens.shadows,\n sizes: Tokens.sizes,\n space: Tokens.space,\n 'space-gap': Tokens.spaceGap,\n 'space-inset': Tokens.spaceInset,\n 'space-offset': Tokens.spaceOffset,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } 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}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config"],"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"],"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 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-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\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-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n 'border-widths': typeof Tokens.borderWidths\n colors: typeof Tokens.colors\n 'font-sizes': typeof Tokens.fontSizes\n radii: typeof Tokens.radii\n shadows: typeof Tokens.shadows\n sizes: typeof Tokens.sizes\n space: typeof Tokens.space\n 'space-gap': typeof Tokens.spaceGap\n 'space-inset': typeof Tokens.spaceInset\n 'space-offset': typeof Tokens.spaceOffset\n 'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': Tokens.borderWidths,\n colors: Tokens.colors,\n 'font-sizes': Tokens.fontSizes,\n radii: Tokens.radii,\n shadows: Tokens.shadows,\n sizes: Tokens.sizes,\n space: Tokens.space,\n 'space-gap': Tokens.spaceGap,\n 'space-inset': Tokens.spaceInset,\n 'space-offset': Tokens.spaceOffset,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } 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}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -163,10 +163,6 @@ const utils = {
163
163
  marginY: (value) => ({
164
164
  marginTop: value,
165
165
  marginBottom: value
166
- }),
167
- square: (value) => ({
168
- width: value,
169
- height: value
170
166
  })
171
167
  };
172
168
 
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"],"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 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-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\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-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n 'border-widths': typeof Tokens.borderWidths\n colors: typeof Tokens.colors\n 'font-sizes': typeof Tokens.fontSizes\n radii: typeof Tokens.radii\n shadows: typeof Tokens.shadows\n sizes: typeof Tokens.sizes\n space: typeof Tokens.space\n 'space-gap': typeof Tokens.spaceGap\n 'space-inset': typeof Tokens.spaceInset\n 'space-offset': typeof Tokens.spaceOffset\n 'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': Tokens.borderWidths,\n colors: Tokens.colors,\n 'font-sizes': Tokens.fontSizes,\n radii: Tokens.radii,\n shadows: Tokens.shadows,\n sizes: Tokens.sizes,\n space: Tokens.space,\n 'space-gap': Tokens.spaceGap,\n 'space-inset': Tokens.spaceInset,\n 'space-offset': Tokens.spaceOffset,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } 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}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config"],"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"],"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 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-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\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-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n 'border-widths': typeof Tokens.borderWidths\n colors: typeof Tokens.colors\n 'font-sizes': typeof Tokens.fontSizes\n radii: typeof Tokens.radii\n shadows: typeof Tokens.shadows\n sizes: typeof Tokens.sizes\n space: typeof Tokens.space\n 'space-gap': typeof Tokens.spaceGap\n 'space-inset': typeof Tokens.spaceInset\n 'space-offset': typeof Tokens.spaceOffset\n 'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': Tokens.borderWidths,\n colors: Tokens.colors,\n 'font-sizes': Tokens.fontSizes,\n radii: Tokens.radii,\n shadows: Tokens.shadows,\n sizes: Tokens.sizes,\n space: Tokens.space,\n 'space-gap': Tokens.spaceGap,\n 'space-inset': Tokens.spaceInset,\n 'space-offset': Tokens.spaceOffset,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } 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}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -188,6 +188,9 @@ declare const config: {
188
188
  shadows: {
189
189
  readonly 50: "0 4px 16px #05003812";
190
190
  readonly 100: "0 8px 32px #05003808";
191
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
192
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
193
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
191
194
  };
192
195
  sizes: {
193
196
  readonly number: string;
@@ -426,16 +429,6 @@ declare const config: {
426
429
  readonly [CSSUtil.$$PropertyValue]: "margin";
427
430
  };
428
431
  };
429
- square: (value: {
430
- readonly [CSSUtil.$$PropertyValue]: "width";
431
- }) => {
432
- width: {
433
- readonly [CSSUtil.$$PropertyValue]: "width";
434
- };
435
- height: {
436
- readonly [CSSUtil.$$PropertyValue]: "width";
437
- };
438
- };
439
432
  };
440
433
  };
441
434
  declare const createTheme: <Argument0 extends string | ({
@@ -612,6 +605,9 @@ declare const createTheme: <Argument0 extends string | ({
612
605
  shadows?: {
613
606
  readonly 50?: string | number | boolean | undefined;
614
607
  readonly 100?: string | number | boolean | undefined;
608
+ readonly 'focus-small'?: string | number | boolean | undefined;
609
+ readonly 'focus-large'?: string | number | boolean | undefined;
610
+ readonly 'focus-controls'?: string | number | boolean | undefined;
615
611
  } | undefined;
616
612
  sizes?: {
617
613
  readonly number?: string | number | boolean | undefined;
@@ -857,6 +853,9 @@ declare const createTheme: <Argument0 extends string | ({
857
853
  shadows?: {
858
854
  readonly 50?: string | number | boolean | undefined;
859
855
  readonly 100?: string | number | boolean | undefined;
856
+ readonly 'focus-small'?: string | number | boolean | undefined;
857
+ readonly 'focus-large'?: string | number | boolean | undefined;
858
+ readonly 'focus-controls'?: string | number | boolean | undefined;
860
859
  } | undefined;
861
860
  sizes?: {
862
861
  readonly number?: string | number | boolean | undefined;
@@ -1108,6 +1107,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1108
1107
  shadows: {
1109
1108
  readonly 50: "0 4px 16px #05003812";
1110
1109
  readonly 100: "0 8px 32px #05003808";
1110
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1111
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1112
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1111
1113
  };
1112
1114
  sizes: {
1113
1115
  readonly number: string;
@@ -1344,16 +1346,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1344
1346
  readonly [CSSUtil.$$PropertyValue]: "margin";
1345
1347
  };
1346
1348
  };
1347
- square: (value: {
1348
- readonly [CSSUtil.$$PropertyValue]: "width";
1349
- }) => {
1350
- width: {
1351
- readonly [CSSUtil.$$PropertyValue]: "width";
1352
- };
1353
- height: {
1354
- readonly [CSSUtil.$$PropertyValue]: "width";
1355
- };
1356
- };
1357
1349
  }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.ExoticComponent<any> | React.JSXElementConstructor<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
1358
1350
  variants?: {
1359
1351
  [x: string]: {
@@ -1547,6 +1539,9 @@ declare const globalCss: <Styles extends {
1547
1539
  shadows: {
1548
1540
  readonly 50: "0 4px 16px #05003812";
1549
1541
  readonly 100: "0 8px 32px #05003808";
1542
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1543
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1544
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1550
1545
  };
1551
1546
  sizes: {
1552
1547
  readonly number: string;
@@ -1783,16 +1778,6 @@ declare const globalCss: <Styles extends {
1783
1778
  readonly [CSSUtil.$$PropertyValue]: "margin";
1784
1779
  };
1785
1780
  };
1786
- square: (value: {
1787
- readonly [CSSUtil.$$PropertyValue]: "width";
1788
- }) => {
1789
- width: {
1790
- readonly [CSSUtil.$$PropertyValue]: "width";
1791
- };
1792
- height: {
1793
- readonly [CSSUtil.$$PropertyValue]: "width";
1794
- };
1795
- };
1796
1781
  }>;
1797
1782
  } : K extends `@property ${string}` ? CSSUtil.Native.AtRule.Property : CSSUtil.CSS<{}, {
1798
1783
  'border-widths': {
@@ -1968,6 +1953,9 @@ declare const globalCss: <Styles extends {
1968
1953
  shadows: {
1969
1954
  readonly 50: "0 4px 16px #05003812";
1970
1955
  readonly 100: "0 8px 32px #05003808";
1956
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1957
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1958
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1971
1959
  };
1972
1960
  sizes: {
1973
1961
  readonly number: string;
@@ -2204,16 +2192,6 @@ declare const globalCss: <Styles extends {
2204
2192
  readonly [CSSUtil.$$PropertyValue]: "margin";
2205
2193
  };
2206
2194
  };
2207
- square: (value: {
2208
- readonly [CSSUtil.$$PropertyValue]: "width";
2209
- }) => {
2210
- width: {
2211
- readonly [CSSUtil.$$PropertyValue]: "width";
2212
- };
2213
- height: {
2214
- readonly [CSSUtil.$$PropertyValue]: "width";
2215
- };
2216
- };
2217
2195
  }>; })[]) => () => string;
2218
2196
  declare const keyframes: (style: {
2219
2197
  [offset: string]: CSSUtil.CSS<{}, {
@@ -2390,6 +2368,9 @@ declare const keyframes: (style: {
2390
2368
  shadows: {
2391
2369
  readonly 50: "0 4px 16px #05003812";
2392
2370
  readonly 100: "0 8px 32px #05003808";
2371
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2372
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2373
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2393
2374
  };
2394
2375
  sizes: {
2395
2376
  readonly number: string;
@@ -2626,16 +2607,6 @@ declare const keyframes: (style: {
2626
2607
  readonly [CSSUtil.$$PropertyValue]: "margin";
2627
2608
  };
2628
2609
  };
2629
- square: (value: {
2630
- readonly [CSSUtil.$$PropertyValue]: "width";
2631
- }) => {
2632
- width: {
2633
- readonly [CSSUtil.$$PropertyValue]: "width";
2634
- };
2635
- height: {
2636
- readonly [CSSUtil.$$PropertyValue]: "width";
2637
- };
2638
- };
2639
2610
  }>;
2640
2611
  }) => {
2641
2612
  (): string;
@@ -3032,6 +3003,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3032
3003
  shadows: {
3033
3004
  readonly 50: "0 4px 16px #05003812";
3034
3005
  readonly 100: "0 8px 32px #05003808";
3006
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3007
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3008
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3035
3009
  };
3036
3010
  sizes: {
3037
3011
  readonly number: string;
@@ -3268,16 +3242,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3268
3242
  readonly [$$PropertyValue]: "margin";
3269
3243
  };
3270
3244
  };
3271
- square: (value: {
3272
- readonly [$$PropertyValue]: "width";
3273
- }) => {
3274
- width: {
3275
- readonly [$$PropertyValue]: "width";
3276
- };
3277
- height: {
3278
- readonly [$$PropertyValue]: "width";
3279
- };
3280
- };
3281
3245
  }>>> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3282
3246
  'border-widths': {
3283
3247
  readonly none: 0;
@@ -3452,6 +3416,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3452
3416
  shadows: {
3453
3417
  readonly 50: "0 4px 16px #05003812";
3454
3418
  readonly 100: "0 8px 32px #05003808";
3419
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3420
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3421
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3455
3422
  };
3456
3423
  sizes: {
3457
3424
  readonly number: string;
@@ -3688,16 +3655,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3688
3655
  readonly [$$PropertyValue]: "margin";
3689
3656
  };
3690
3657
  };
3691
- square: (value: {
3692
- readonly [$$PropertyValue]: "width";
3693
- }) => {
3694
- width: {
3695
- readonly [$$PropertyValue]: "width";
3696
- };
3697
- height: {
3698
- readonly [$$PropertyValue]: "width";
3699
- };
3700
- };
3701
3658
  }>>>>> & StitchesInternals<Element_1, StyledComponentProps$1<[Composers]>, {}>;
3702
3659
 
3703
3660
  export { AS_ERROR, AllowedProps, prefix as CLASS_PREFIX, CSS, CustomStylesProps, FontFace, ForbiddenProps, NonResponsiveVariantProps, STYLING_ATTRS_ERROR, SafeProps, StitchesInternals, StrictComponentProps, StyledComponentProps, Theme, ThemeMap, createTheme, css, fontFace, getCssText, globalCss, keyframes, setCssUtils, setMedia, styled, theme, themeMap };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.1.0-checkbox.0",
3
+ "version": "2.1.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -23,14 +23,14 @@
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@stitches/react": "^1.2.8",
26
- "react": "^16.14 || ^17"
26
+ "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-types": "^0.2.0",
30
- "@mirohq/design-tokens": "^2.0.0"
30
+ "@mirohq/design-tokens": "^2.1.0"
31
31
  },
32
32
  "devDependencies": {
33
- "@mirohq/design-system-primitive": "^1.0.4"
33
+ "@mirohq/design-system-primitive": "^1.1.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rollup -c ../../rollup.config.js",