@mirohq/design-system-stitches 2.1.2 → 2.2.0-checkbox.0

package/dist/main.js

@@ -171,6 +171,10 @@ const utils = {
   marginY: (value) => ({
     marginTop: value,
     marginBottom: value
+  }),
+  square: (value) => ({
+    width: value,
+    height: value
   })
 };
 
@@ -259,8 +263,13 @@ const styled = (element, composers) => {
   return Component;
 };
 
+const stitchesCssRoot = {
+  prefix,
+  selector: theme.selector,
+  className: theme.className
+};
+
 exports.AS_ERROR = AS_ERROR;
-exports.CLASS_PREFIX = prefix;
 exports.STYLING_ATTRS_ERROR = STYLING_ATTRS_ERROR;
 exports.createTheme = createTheme;
 exports.css = css;
@@ -270,6 +279,7 @@ exports.globalCss = globalCss;
 exports.keyframes = keyframes;
 exports.setCssUtils = setCssUtils;
 exports.setMedia = setMedia;
+exports.stitchesCssRoot = stitchesCssRoot;
 exports.styled = styled;
 exports.theme = theme$1;
 exports.themeMap = themeMap;

package/dist/main.js.map

@@ -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}\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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"}
+{"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  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","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","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}

package/dist/module.js

@@ -163,6 +163,10 @@ const utils = {
   marginY: (value) => ({
     marginTop: value,
     marginBottom: value
+  }),
+  square: (value) => ({
+    width: value,
+    height: value
   })
 };
 
@@ -251,5 +255,11 @@ const styled = (element, composers) => {
   return Component;
 };
 
-export { AS_ERROR, prefix as CLASS_PREFIX, STYLING_ATTRS_ERROR, createTheme, css, fontFace, getCssText, globalCss, keyframes, setCssUtils, setMedia, styled, theme$1 as theme, themeMap };
+const stitchesCssRoot = {
+  prefix,
+  selector: theme.selector,
+  className: theme.className
+};
+
+export { AS_ERROR, STYLING_ATTRS_ERROR, createTheme, css, fontFace, getCssText, globalCss, keyframes, setCssUtils, setMedia, stitchesCssRoot, styled, theme$1 as theme, themeMap };
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -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}\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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"}
+{"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  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","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

@@ -147,6 +147,9 @@ declare const config: {
             readonly 'icon-success-inverted'?: any;
             readonly 'icon-success'?: any;
             readonly 'icon-warning'?: any;
+            readonly 'border-focus-outer'?: any;
+            readonly 'border-focus-middle'?: any;
+            readonly 'border-focus-inner'?: any;
             readonly 'border-neutrals'?: any;
             readonly 'border-neutrals-hover'?: any;
             readonly 'border-neutrals-active'?: any;
@@ -188,10 +191,9 @@ declare const config: {
         shadows: {
             readonly 50: "0 4px 16px #05003812";
             readonly 100: "0 8px 32px #05003808";
-            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";
-            readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-            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";
-            readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+            readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+            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";
+            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";
         };
         sizes: {
             readonly number: string;
@@ -430,6 +432,16 @@ declare const config: {
                 readonly [CSSUtil.$$PropertyValue]: "margin";
             };
         };
+        square: (value: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [CSSUtil.$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [CSSUtil.$$PropertyValue]: "width";
+            };
+        };
     };
 };
 declare const createTheme: <Argument0 extends string | ({
@@ -565,6 +577,9 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 'icon-success-inverted'?: string | number | boolean | undefined;
         readonly 'icon-success'?: string | number | boolean | undefined;
         readonly 'icon-warning'?: string | number | boolean | undefined;
+        readonly 'border-focus-outer'?: string | number | boolean | undefined;
+        readonly 'border-focus-middle'?: string | number | boolean | undefined;
+        readonly 'border-focus-inner'?: string | number | boolean | undefined;
         readonly 'border-neutrals'?: string | number | boolean | undefined;
         readonly 'border-neutrals-hover'?: string | number | boolean | undefined;
         readonly 'border-neutrals-active'?: string | number | boolean | undefined;
@@ -607,7 +622,6 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 'focus-small'?: string | number | boolean | undefined;
-        readonly 'focus-small-outline'?: string | number | boolean | undefined;
         readonly 'focus-large'?: string | number | boolean | undefined;
         readonly 'focus-controls'?: string | number | boolean | undefined;
     } | undefined;
@@ -814,6 +828,9 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 'icon-success-inverted'?: string | number | boolean | undefined;
         readonly 'icon-success'?: string | number | boolean | undefined;
         readonly 'icon-warning'?: string | number | boolean | undefined;
+        readonly 'border-focus-outer'?: string | number | boolean | undefined;
+        readonly 'border-focus-middle'?: string | number | boolean | undefined;
+        readonly 'border-focus-inner'?: string | number | boolean | undefined;
         readonly 'border-neutrals'?: string | number | boolean | undefined;
         readonly 'border-neutrals-hover'?: string | number | boolean | undefined;
         readonly 'border-neutrals-active'?: string | number | boolean | undefined;
@@ -856,7 +873,6 @@ declare const createTheme: <Argument0 extends string | ({
         readonly 50?: string | number | boolean | undefined;
         readonly 100?: string | number | boolean | undefined;
         readonly 'focus-small'?: string | number | boolean | undefined;
-        readonly 'focus-small-outline'?: string | number | boolean | undefined;
         readonly 'focus-large'?: string | number | boolean | undefined;
         readonly 'focus-controls'?: string | number | boolean | undefined;
     } | undefined;
@@ -1069,6 +1085,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
         readonly 'icon-success-inverted'?: any;
         readonly 'icon-success'?: any;
         readonly 'icon-warning'?: any;
+        readonly 'border-focus-outer'?: any;
+        readonly 'border-focus-middle'?: any;
+        readonly 'border-focus-inner'?: any;
         readonly 'border-neutrals'?: any;
         readonly 'border-neutrals-hover'?: any;
         readonly 'border-neutrals-active'?: any;
@@ -1110,10 +1129,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
     shadows: {
         readonly 50: "0 4px 16px #05003812";
         readonly 100: "0 8px 32px #05003808";
-        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";
-        readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-        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";
-        readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+        readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+        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";
+        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";
     };
     sizes: {
         readonly number: string;
@@ -1350,6 +1368,16 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
             readonly [CSSUtil.$$PropertyValue]: "margin";
         };
     };
+    square: (value: {
+        readonly [CSSUtil.$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        };
+    };
 }>>(...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> & {
     variants?: {
         [x: string]: {
@@ -1502,6 +1530,9 @@ declare const globalCss: <Styles extends {
             readonly 'icon-success-inverted'?: any;
             readonly 'icon-success'?: any;
             readonly 'icon-warning'?: any;
+            readonly 'border-focus-outer'?: any;
+            readonly 'border-focus-middle'?: any;
+            readonly 'border-focus-inner'?: any;
             readonly 'border-neutrals'?: any;
             readonly 'border-neutrals-hover'?: any;
             readonly 'border-neutrals-active'?: any;
@@ -1543,10 +1574,9 @@ declare const globalCss: <Styles extends {
         shadows: {
             readonly 50: "0 4px 16px #05003812";
             readonly 100: "0 8px 32px #05003808";
-            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";
-            readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-            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";
-            readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+            readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+            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";
+            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";
         };
         sizes: {
             readonly number: string;
@@ -1783,6 +1813,16 @@ declare const globalCss: <Styles extends {
                 readonly [CSSUtil.$$PropertyValue]: "margin";
             };
         };
+        square: (value: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [CSSUtil.$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [CSSUtil.$$PropertyValue]: "width";
+            };
+        };
     }>;
 } : K extends `@property ${string}` ? CSSUtil.Native.AtRule.Property : CSSUtil.CSS<{}, {
     'border-widths': {
@@ -1917,6 +1957,9 @@ declare const globalCss: <Styles extends {
         readonly 'icon-success-inverted'?: any;
         readonly 'icon-success'?: any;
         readonly 'icon-warning'?: any;
+        readonly 'border-focus-outer'?: any;
+        readonly 'border-focus-middle'?: any;
+        readonly 'border-focus-inner'?: any;
         readonly 'border-neutrals'?: any;
         readonly 'border-neutrals-hover'?: any;
         readonly 'border-neutrals-active'?: any;
@@ -1958,10 +2001,9 @@ declare const globalCss: <Styles extends {
     shadows: {
         readonly 50: "0 4px 16px #05003812";
         readonly 100: "0 8px 32px #05003808";
-        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";
-        readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-        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";
-        readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+        readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+        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";
+        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";
     };
     sizes: {
         readonly number: string;
@@ -2198,6 +2240,16 @@ declare const globalCss: <Styles extends {
             readonly [CSSUtil.$$PropertyValue]: "margin";
         };
     };
+    square: (value: {
+        readonly [CSSUtil.$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        };
+    };
 }>; })[]) => () => string;
 declare const keyframes: (style: {
     [offset: string]: CSSUtil.CSS<{}, {
@@ -2333,6 +2385,9 @@ declare const keyframes: (style: {
             readonly 'icon-success-inverted'?: any;
             readonly 'icon-success'?: any;
             readonly 'icon-warning'?: any;
+            readonly 'border-focus-outer'?: any;
+            readonly 'border-focus-middle'?: any;
+            readonly 'border-focus-inner'?: any;
             readonly 'border-neutrals'?: any;
             readonly 'border-neutrals-hover'?: any;
             readonly 'border-neutrals-active'?: any;
@@ -2374,10 +2429,9 @@ declare const keyframes: (style: {
         shadows: {
             readonly 50: "0 4px 16px #05003812";
             readonly 100: "0 8px 32px #05003808";
-            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";
-            readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-            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";
-            readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+            readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+            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";
+            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";
         };
         sizes: {
             readonly number: string;
@@ -2614,12 +2668,21 @@ declare const keyframes: (style: {
                 readonly [CSSUtil.$$PropertyValue]: "margin";
             };
         };
+        square: (value: {
+            readonly [CSSUtil.$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [CSSUtil.$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [CSSUtil.$$PropertyValue]: "width";
+            };
+        };
     }>;
 }) => {
     (): string;
     name: string;
 };
-declare const prefix: "";
 declare type FontFace = CSSUtil.Native.AtRule.FontFace;
 declare const fontFace: (...fonts: FontFace[]) => string;
 
@@ -2969,6 +3032,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
         readonly 'icon-success-inverted'?: any;
         readonly 'icon-success'?: any;
         readonly 'icon-warning'?: any;
+        readonly 'border-focus-outer'?: any;
+        readonly 'border-focus-middle'?: any;
+        readonly 'border-focus-inner'?: any;
         readonly 'border-neutrals'?: any;
         readonly 'border-neutrals-hover'?: any;
         readonly 'border-neutrals-active'?: any;
@@ -3010,10 +3076,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
     shadows: {
         readonly 50: "0 4px 16px #05003812";
         readonly 100: "0 8px 32px #05003808";
-        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";
-        readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-        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";
-        readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+        readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+        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";
+        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";
     };
     sizes: {
         readonly number: string;
@@ -3250,6 +3315,16 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
             readonly [$$PropertyValue]: "margin";
         };
     };
+    square: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
 }>>> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
     'border-widths': {
         readonly none: 0;
@@ -3383,6 +3458,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
         readonly 'icon-success-inverted'?: any;
         readonly 'icon-success'?: any;
         readonly 'icon-warning'?: any;
+        readonly 'border-focus-outer'?: any;
+        readonly 'border-focus-middle'?: any;
+        readonly 'border-focus-inner'?: any;
         readonly 'border-neutrals'?: any;
         readonly 'border-neutrals-hover'?: any;
         readonly 'border-neutrals-active'?: any;
@@ -3424,10 +3502,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
     shadows: {
         readonly 50: "0 4px 16px #05003812";
         readonly 100: "0 8px 32px #05003808";
-        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";
-        readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
-        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";
-        readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
+        readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
+        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";
+        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";
     };
     sizes: {
         readonly number: string;
@@ -3664,6 +3741,22 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
             readonly [$$PropertyValue]: "margin";
         };
     };
+    square: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
 }>>>>> & StitchesInternals<Element_1, StyledComponentProps$1<[Composers]>, {}>;
 
-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 };
+declare const stitchesCssRoot: {
+    prefix: "";
+    selector: string;
+    className: string;
+};
+
+export { AS_ERROR, AllowedProps, CSS, CustomStylesProps, FontFace, ForbiddenProps, NonResponsiveVariantProps, STYLING_ATTRS_ERROR, SafeProps, StitchesInternals, StrictComponentProps, StyledComponentProps, Theme, ThemeMap, createTheme, css, fontFace, getCssText, globalCss, keyframes, setCssUtils, setMedia, stitchesCssRoot, styled, theme, themeMap };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-stitches",
-  "version": "2.1.2",
+  "version": "2.2.0-checkbox.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@mirohq/design-system-types": "^0.3.0",
-    "@mirohq/design-tokens": "^2.2.0"
+    "@mirohq/design-tokens": "^2.3.0-checkbox.0"
   },
   "devDependencies": {
     "@mirohq/design-system-primitive": "^1.1.0"