@mirohq/design-system-stitches 2.6.1-colors.1 → 2.6.1

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 +1 -2
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1 -2
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +285 -72
  6. package/package.json +4 -4
package/dist/main.js CHANGED
@@ -153,8 +153,7 @@ const theme$1 = {
153
153
  "font-sizes": designTokens.tokens.fontSizes,
154
154
  fonts: designTokens.tokens.fonts,
155
155
  radii: designTokens.tokens.radii,
156
- // @ts-expect-error
157
- shadows: merge__default["default"]({}, designTokens.tokens.shadows, designSystemThemes.base.shadows),
156
+ shadows: designSystemThemes.base.shadows,
158
157
  sizes: designTokens.tokens.sizes,
159
158
  space: designTokens.tokens.space,
160
159
  "space-gap": designTokens.tokens.spaceGap,
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-offset',\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 strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport type { AliasColors } from '@mirohq/design-system-themes'\nimport { base } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport interface Theme {\n 'border-widths': typeof tokens.borderWidths\n colors: typeof tokens.colors & AliasColors\n 'font-sizes': typeof tokens.fontSizes\n fonts: typeof tokens.fonts\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 'stroke-width': typeof tokens.strokeWidths\n 'z-indices': typeof tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n // @ts-expect-error\n shadows: merge({}, tokens.shadows, base.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 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","merge","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space-offset',\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 strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { AliasShadows } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<AliasShadows>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'space-gap': tokens.spaceGap,\n 'space-inset': tokens.spaceInset,\n 'space-offset': tokens.spaceOffset,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","merge","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -144,8 +144,7 @@ const theme$1 = {
144
144
  "font-sizes": tokens.fontSizes,
145
145
  fonts: tokens.fonts,
146
146
  radii: tokens.radii,
147
- // @ts-expect-error
148
- shadows: merge({}, tokens.shadows, base.shadows),
147
+ shadows: base.shadows,
149
148
  sizes: tokens.sizes,
150
149
  space: tokens.space,
151
150
  "space-gap": tokens.spaceGap,
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-offset',\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 strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport type { AliasColors } from '@mirohq/design-system-themes'\nimport { base } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport interface Theme {\n 'border-widths': typeof tokens.borderWidths\n colors: typeof tokens.colors & AliasColors\n 'font-sizes': typeof tokens.fontSizes\n fonts: typeof tokens.fonts\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 'stroke-width': typeof tokens.strokeWidths\n 'z-indices': typeof tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n // @ts-expect-error\n shadows: merge({}, tokens.shadows, base.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 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space-offset',\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 strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { tokens } from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { AliasShadows } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<AliasShadows>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'space-gap': tokens.spaceGap,\n 'space-inset': tokens.spaceInset,\n 'space-offset': tokens.spaceOffset,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { PropertyValue, CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -8,8 +8,8 @@ import * as _stitches_react_types_util from '@stitches/react/types/util';
8
8
  import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
9
9
  import { RemoveIndex } from '@stitches/react/types/stitches';
10
10
  import * as CSSUtil from '@stitches/react/types/css-util';
11
- import { tokens } from '@mirohq/design-tokens';
12
- import { AliasColors } from '@mirohq/design-system-themes';
11
+ import * as _mirohq_design_system_themes from '@mirohq/design-system-themes';
12
+ import { AliasShadows } from '@mirohq/design-system-themes';
13
13
  import { ConfigType } from '@stitches/react/types/config';
14
14
 
15
15
  declare const config: {
@@ -274,12 +274,14 @@ declare const config: {
274
274
  readonly none: "0px";
275
275
  };
276
276
  shadows: {
277
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
278
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
279
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
280
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
281
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
282
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
277
+ 50: any;
278
+ 100: any;
279
+ "focus-small": any;
280
+ "focus-small-outline": any;
281
+ "focus-large": any;
282
+ "focus-controls": any;
283
+ "focus-controls-error": any;
284
+ "focus-controls-success": any;
283
285
  };
284
286
  sizes: {
285
287
  readonly number: string;
@@ -804,12 +806,14 @@ declare const createTheme: <Argument0 extends string | ({
804
806
  readonly none?: string | number | boolean | undefined;
805
807
  } | undefined;
806
808
  shadows?: {
807
- readonly 'focus-small'?: string | number | boolean | undefined;
808
- readonly 'focus-small-outline'?: string | number | boolean | undefined;
809
- readonly 'focus-large'?: string | number | boolean | undefined;
810
- readonly 'focus-controls'?: string | number | boolean | undefined;
811
- readonly 'focus-controls-error'?: string | number | boolean | undefined;
812
- readonly 'focus-controls-success'?: string | number | boolean | undefined;
809
+ 50?: string | number | boolean | undefined;
810
+ 100?: string | number | boolean | undefined;
811
+ "focus-small"?: string | number | boolean | undefined;
812
+ "focus-small-outline"?: string | number | boolean | undefined;
813
+ "focus-large"?: string | number | boolean | undefined;
814
+ "focus-controls"?: string | number | boolean | undefined;
815
+ "focus-controls-error"?: string | number | boolean | undefined;
816
+ "focus-controls-success"?: string | number | boolean | undefined;
813
817
  } | undefined;
814
818
  sizes?: {
815
819
  readonly number?: string | number | boolean | undefined;
@@ -1150,12 +1154,14 @@ declare const createTheme: <Argument0 extends string | ({
1150
1154
  readonly none?: string | number | boolean | undefined;
1151
1155
  } | undefined;
1152
1156
  shadows?: {
1153
- readonly 'focus-small'?: string | number | boolean | undefined;
1154
- readonly 'focus-small-outline'?: string | number | boolean | undefined;
1155
- readonly 'focus-large'?: string | number | boolean | undefined;
1156
- readonly 'focus-controls'?: string | number | boolean | undefined;
1157
- readonly 'focus-controls-error'?: string | number | boolean | undefined;
1158
- readonly 'focus-controls-success'?: string | number | boolean | undefined;
1157
+ 50?: string | number | boolean | undefined;
1158
+ 100?: string | number | boolean | undefined;
1159
+ "focus-small"?: string | number | boolean | undefined;
1160
+ "focus-small-outline"?: string | number | boolean | undefined;
1161
+ "focus-large"?: string | number | boolean | undefined;
1162
+ "focus-controls"?: string | number | boolean | undefined;
1163
+ "focus-controls-error"?: string | number | boolean | undefined;
1164
+ "focus-controls-success"?: string | number | boolean | undefined;
1159
1165
  } | undefined;
1160
1166
  sizes?: {
1161
1167
  readonly number?: string | number | boolean | undefined;
@@ -1502,12 +1508,14 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1502
1508
  readonly none: "0px";
1503
1509
  };
1504
1510
  shadows: {
1505
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1506
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1507
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1508
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1509
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1510
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1511
+ 50: any;
1512
+ 100: any;
1513
+ "focus-small": any;
1514
+ "focus-small-outline": any;
1515
+ "focus-large": any;
1516
+ "focus-controls": any;
1517
+ "focus-controls-error": any;
1518
+ "focus-controls-success": any;
1511
1519
  };
1512
1520
  sizes: {
1513
1521
  readonly number: string;
@@ -2047,12 +2055,14 @@ declare const globalCss: <Styles extends {
2047
2055
  readonly none: "0px";
2048
2056
  };
2049
2057
  shadows: {
2050
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2051
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2052
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2053
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2054
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2055
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2058
+ 50: any;
2059
+ 100: any;
2060
+ "focus-small": any;
2061
+ "focus-small-outline": any;
2062
+ "focus-large": any;
2063
+ "focus-controls": any;
2064
+ "focus-controls-error": any;
2065
+ "focus-controls-success": any;
2056
2066
  };
2057
2067
  sizes: {
2058
2068
  readonly number: string;
@@ -2574,12 +2584,14 @@ declare const globalCss: <Styles extends {
2574
2584
  readonly none: "0px";
2575
2585
  };
2576
2586
  shadows: {
2577
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2578
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2579
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2580
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2581
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2582
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2587
+ 50: any;
2588
+ 100: any;
2589
+ "focus-small": any;
2590
+ "focus-small-outline": any;
2591
+ "focus-large": any;
2592
+ "focus-controls": any;
2593
+ "focus-controls-error": any;
2594
+ "focus-controls-success": any;
2583
2595
  };
2584
2596
  sizes: {
2585
2597
  readonly number: string;
@@ -3102,12 +3114,14 @@ declare const keyframes: (style: {
3102
3114
  readonly none: "0px";
3103
3115
  };
3104
3116
  shadows: {
3105
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3106
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3107
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3108
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3109
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
3110
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
3117
+ 50: any;
3118
+ 100: any;
3119
+ "focus-small": any;
3120
+ "focus-small-outline": any;
3121
+ "focus-large": any;
3122
+ "focus-controls": any;
3123
+ "focus-controls-error": any;
3124
+ "focus-controls-success": any;
3111
3125
  };
3112
3126
  sizes: {
3113
3127
  readonly number: string;
@@ -3539,22 +3553,217 @@ declare const themeMap: {
3539
3553
  };
3540
3554
  declare type ThemeMap = typeof themeMap;
3541
3555
 
3542
- interface Theme {
3543
- 'border-widths': typeof tokens.borderWidths;
3544
- colors: typeof tokens.colors & AliasColors;
3545
- 'font-sizes': typeof tokens.fontSizes;
3546
- fonts: typeof tokens.fonts;
3547
- radii: typeof tokens.radii;
3548
- shadows: typeof tokens.shadows;
3549
- sizes: typeof tokens.sizes;
3550
- space: typeof tokens.space;
3551
- 'space-gap': typeof tokens.spaceGap;
3552
- 'space-inset': typeof tokens.spaceInset;
3553
- 'space-offset': typeof tokens.spaceOffset;
3554
- 'stroke-width': typeof tokens.strokeWidths;
3555
- 'z-indices': typeof tokens.zIndices;
3556
- }
3557
- declare const theme: Theme;
3556
+ declare const theme: {
3557
+ 'border-widths': {
3558
+ readonly none: 0;
3559
+ readonly sm: "1px";
3560
+ readonly md: "2px";
3561
+ readonly lg: "4px";
3562
+ };
3563
+ colors: {
3564
+ readonly black: "#000000";
3565
+ readonly 'blue-50': "#F7F8FC";
3566
+ readonly 'blue-100': "#F2F4FC";
3567
+ readonly 'blue-150': "#E8ECFC";
3568
+ readonly 'blue-200': "#D9DFFC";
3569
+ readonly 'blue-250': "#C7D0FD";
3570
+ readonly 'blue-300': "#B1BDFD";
3571
+ readonly 'blue-350': "#97A8FE";
3572
+ readonly 'blue-400': "#7A90FE";
3573
+ readonly 'blue-450': "#5B76FE";
3574
+ readonly 'blue-500': "#3859FF";
3575
+ readonly 'blue-550': "#314CD9";
3576
+ readonly 'blue-600': "#2A41B6";
3577
+ readonly 'blue-650': "#243797";
3578
+ readonly 'blue-700': "#1E2D7B";
3579
+ readonly 'blue-750': "#192563";
3580
+ readonly 'blue-800': "#151F4E";
3581
+ readonly 'blue-850': "#12193E";
3582
+ readonly 'blue-900': "#101633";
3583
+ readonly 'blue-950': "#0F142E";
3584
+ readonly 'gray-50': "#F6F7F9";
3585
+ readonly 'gray-100': "#F3F4F6";
3586
+ readonly 'gray-150': "#EBECF0";
3587
+ readonly 'gray-200': "#E0E1E6";
3588
+ readonly 'gray-250': "#D1D4DB";
3589
+ readonly 'gray-300': "#C1C3CD";
3590
+ readonly 'gray-350': "#ADB1BD";
3591
+ readonly 'gray-400': "#979CAB";
3592
+ readonly 'gray-450': "#7F8497";
3593
+ readonly 'gray-500': "#656B81";
3594
+ readonly 'gray-550': "#575C6F";
3595
+ readonly 'gray-600': "#4A4E5E";
3596
+ readonly 'gray-650': "#3F424F";
3597
+ readonly 'gray-700': "#343741";
3598
+ readonly 'gray-750': "#2B2E35";
3599
+ readonly 'gray-800': "#24262C";
3600
+ readonly 'gray-850': "#1E1F24";
3601
+ readonly 'gray-900': "#1A1B1E";
3602
+ readonly 'gray-950': "#18191C";
3603
+ readonly 'green-50': "#EFF9EC";
3604
+ readonly 'green-100': "#EAF6E6";
3605
+ readonly 'green-150': "#DFF1DA";
3606
+ readonly 'green-200': "#CEE9C8";
3607
+ readonly 'green-250': "#BADEB1";
3608
+ readonly 'green-300': "#A1D295";
3609
+ readonly 'green-350': "#85C476";
3610
+ readonly 'green-400': "#65B452";
3611
+ readonly 'green-450': "#42A22B";
3612
+ readonly 'green-500': "#1C8F00";
3613
+ readonly 'green-550': "#1A7B02";
3614
+ readonly 'green-600': "#186904";
3615
+ readonly 'green-650': "#175906";
3616
+ readonly 'green-700': "#154B08";
3617
+ readonly 'green-750': "#143E09";
3618
+ readonly 'green-800': "#13340A";
3619
+ readonly 'green-850': "#122B0B";
3620
+ readonly 'green-900': "#11260C";
3621
+ readonly 'green-950': "#11230C";
3622
+ readonly 'red-50': "#FEF7F8";
3623
+ readonly 'red-100': "#FDF2F3";
3624
+ readonly 'red-150': "#FBE6E8";
3625
+ readonly 'red-200': "#F8D5D8";
3626
+ readonly 'red-250': "#F4BFC5";
3627
+ readonly 'red-300': "#F0A5AD";
3628
+ readonly 'red-350': "#EB8792";
3629
+ readonly 'red-400': "#E56673";
3630
+ readonly 'red-450': "#DF4051";
3631
+ readonly 'red-500': "#D8182C";
3632
+ readonly 'red-550': "#B91829";
3633
+ readonly 'red-600': "#9C1825";
3634
+ readonly 'red-650': "#821823";
3635
+ readonly 'red-700': "#6B1720";
3636
+ readonly 'red-750': "#57171E";
3637
+ readonly 'red-800': "#46171C";
3638
+ readonly 'red-850': "#38171A";
3639
+ readonly 'red-900': "#2F1719";
3640
+ readonly 'red-950': "#2B1719";
3641
+ readonly transparent: "#FFFFFF00";
3642
+ readonly white: "#FFFFFF";
3643
+ readonly 'yellow-50': "#FFFAE7";
3644
+ readonly 'yellow-100': "#FFF9E3";
3645
+ readonly 'yellow-150': "#FFF7D9";
3646
+ readonly 'yellow-200': "#FFF4CB";
3647
+ readonly 'yellow-250': "#FFEFB9";
3648
+ readonly 'yellow-300': "#FFEBA3";
3649
+ readonly 'yellow-350': "#FFE58B";
3650
+ readonly 'yellow-400': "#FFDF6F";
3651
+ readonly 'yellow-450': "#FFD850";
3652
+ readonly 'yellow-500': "#FFD02F";
3653
+ readonly 'yellow-550': "#D7B029";
3654
+ readonly 'yellow-600': "#B39223";
3655
+ readonly 'yellow-650': "#91771E";
3656
+ readonly 'yellow-700': "#746019";
3657
+ readonly 'yellow-750': "#5A4B15";
3658
+ readonly 'yellow-800': "#453911";
3659
+ readonly 'yellow-850': "#342C0F";
3660
+ readonly 'yellow-900': "#28220D";
3661
+ readonly 'yellow-950': "#231E0C";
3662
+ } & Partial<_mirohq_design_system_themes.AliasColors>;
3663
+ 'font-sizes': {
3664
+ readonly 150: "0.75rem";
3665
+ readonly 175: "0.875rem";
3666
+ readonly 200: "1rem";
3667
+ readonly 225: "1.125rem";
3668
+ readonly 250: "1.25rem";
3669
+ readonly 300: "1.5rem";
3670
+ readonly 400: "2rem";
3671
+ readonly 500: "2.5rem";
3672
+ readonly 600: "3rem";
3673
+ readonly 800: "4rem";
3674
+ readonly 900: "4.5rem";
3675
+ };
3676
+ fonts: {
3677
+ readonly heading: "Roobert, sans-serif";
3678
+ readonly body: "Open Sans, sans-serif";
3679
+ };
3680
+ radii: {
3681
+ readonly 25: "2px";
3682
+ readonly 50: "4px";
3683
+ readonly 75: "6px";
3684
+ readonly 100: "8px";
3685
+ readonly 200: "16px";
3686
+ readonly half: "999px";
3687
+ readonly none: "0px";
3688
+ };
3689
+ shadows: Required<AliasShadows>;
3690
+ sizes: {
3691
+ readonly number: string;
3692
+ readonly 'icon-200': "16px";
3693
+ readonly 'icon-300': "24px";
3694
+ readonly 'icon-400': "32px";
3695
+ };
3696
+ space: {
3697
+ readonly 0: "0px";
3698
+ readonly 25: "2px";
3699
+ readonly 50: "4px";
3700
+ readonly 100: "8px";
3701
+ readonly 150: "12px";
3702
+ readonly 200: "16px";
3703
+ readonly 300: "24px";
3704
+ readonly 400: "32px";
3705
+ readonly 500: "40px";
3706
+ readonly 600: "48px";
3707
+ readonly 700: "56px";
3708
+ readonly 800: "64px";
3709
+ readonly 1200: "96px";
3710
+ readonly 1600: "128px";
3711
+ };
3712
+ 'space-gap': {
3713
+ readonly 0: "$space$0";
3714
+ readonly 50: "$space$50";
3715
+ readonly 100: "$space$100";
3716
+ readonly 200: "$space$200";
3717
+ readonly 300: "$space$300";
3718
+ };
3719
+ 'space-inset': {
3720
+ readonly 0: "$space$0";
3721
+ readonly 50: "$space$50";
3722
+ readonly 100: "$space$100";
3723
+ readonly 150: "$space$150";
3724
+ readonly 200: "$space$200";
3725
+ readonly 300: "$space$300";
3726
+ readonly 400: "$space$400";
3727
+ readonly 500: "$space$500";
3728
+ readonly 600: "$space$600";
3729
+ readonly 700: "$space$700";
3730
+ readonly 800: "$space$800";
3731
+ readonly 1200: "$space$1200";
3732
+ readonly 1600: "$space$1600";
3733
+ };
3734
+ 'space-offset': {
3735
+ readonly 0: "$space$0";
3736
+ readonly 50: "$space$50";
3737
+ readonly 100: "$space$100";
3738
+ readonly 150: "$space$150";
3739
+ readonly 200: "$space$200";
3740
+ readonly 300: "$space$300";
3741
+ readonly 400: "$space$400";
3742
+ readonly 600: "$space$600";
3743
+ readonly 800: "$space$800";
3744
+ readonly 1200: "$space$1200";
3745
+ readonly 1600: "$space$1600";
3746
+ readonly 'stacking-0': 0;
3747
+ readonly 'stacking-100': "0.5rem";
3748
+ readonly 'stacking-200': "1rem";
3749
+ readonly 'stacking-300': "1.5rem";
3750
+ readonly 'stacking-400': "2rem";
3751
+ readonly 'stacking-500': "2.5rem";
3752
+ readonly 'stacking-800': "4rem";
3753
+ };
3754
+ 'stroke-width': {
3755
+ readonly thin: "1.5px";
3756
+ readonly normal: "2px";
3757
+ readonly bold: "4px";
3758
+ };
3759
+ 'z-indices': {
3760
+ readonly dropdownMenu: 100;
3761
+ readonly select: 200;
3762
+ readonly popover: 300;
3763
+ readonly tooltip: 400;
3764
+ };
3765
+ };
3766
+ declare type Theme = typeof theme;
3558
3767
 
3559
3768
  declare function setMedia<Media extends {} = {}>(media: ConfigType.Media<Media>): void;
3560
3769
  declare function setCssUtils<Utils extends {} = {}>(utils: ConfigType.Utils<Utils>): void;
@@ -3849,12 +4058,14 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
3849
4058
  readonly none: "0px";
3850
4059
  };
3851
4060
  shadows: {
3852
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3853
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3854
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3855
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3856
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
3857
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
4061
+ 50: any;
4062
+ 100: any;
4063
+ "focus-small": any;
4064
+ "focus-small-outline": any;
4065
+ "focus-large": any;
4066
+ "focus-controls": any;
4067
+ "focus-controls-error": any;
4068
+ "focus-controls-success": any;
3858
4069
  };
3859
4070
  sizes: {
3860
4071
  readonly number: string;
@@ -4379,12 +4590,14 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
4379
4590
  readonly none: "0px";
4380
4591
  };
4381
4592
  shadows: {
4382
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
4383
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
4384
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4385
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
4386
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
4387
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
4593
+ 50: any;
4594
+ 100: any;
4595
+ "focus-small": any;
4596
+ "focus-small-outline": any;
4597
+ "focus-large": any;
4598
+ "focus-controls": any;
4599
+ "focus-controls-error": any;
4600
+ "focus-controls-success": any;
4388
4601
  };
4389
4602
  sizes: {
4390
4603
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.6.1-colors.1",
3
+ "version": "2.6.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "lodash.merge": "^4.6.2",
30
- "@mirohq/design-system-themes": "^0.6.0-colors.1",
31
- "@mirohq/design-system-types": "^0.6.2",
32
- "@mirohq/design-tokens": "^4.0.0-colors.1"
30
+ "@mirohq/design-system-themes": "^0.6.0",
31
+ "@mirohq/design-tokens": "^4.0.0",
32
+ "@mirohq/design-system-types": "^0.6.2"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"