@mirohq/design-system-stitches 2.0.8

package/dist/main.js

@@ -0,0 +1,276 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@stitches/react');
+var designTokens = require('@mirohq/design-tokens');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const themeMap = {
+  background: "colors",
+  backgroundColor: "colors",
+  backgroundImage: "colors",
+  blockSize: "sizes",
+  border: "colors",
+  borderBlock: "colors",
+  borderBlockEnd: "colors",
+  borderBlockStart: "colors",
+  borderBottom: "colors",
+  borderBottomColor: "colors",
+  borderBottomLeftRadius: "radii",
+  borderBottomRightRadius: "radii",
+  borderBottomStyle: "border-styles",
+  borderBottomWidth: "border-widths",
+  borderColor: "colors",
+  borderImage: "colors",
+  borderInline: "colors",
+  borderInlineEnd: "colors",
+  borderInlineStart: "colors",
+  borderLeft: "colors",
+  borderLeftColor: "colors",
+  borderLeftStyle: "border-styles",
+  borderLeftWidth: "border-widths",
+  borderRadius: "radii",
+  borderRight: "colors",
+  borderRightColor: "colors",
+  borderRightStyle: "border-styles",
+  borderRightWidth: "border-widths",
+  borderStyle: "border-styles",
+  borderTop: "colors",
+  borderTopColor: "colors",
+  borderTopLeftRadius: "radii",
+  borderTopRightRadius: "radii",
+  borderTopStyle: "border-styles",
+  borderTopWidth: "border-widths",
+  borderWidth: "border-widths",
+  bottom: "space",
+  boxShadow: "shadows",
+  caretColor: "colors",
+  color: "colors",
+  columnGap: "space-gap",
+  columnRuleColor: "colors",
+  fill: "colors",
+  flexBasis: "sizes",
+  fontFamily: "fonts",
+  fontSize: "font-sizes",
+  fontWeight: "font-weights",
+  gap: "space-gap",
+  gridColumnGap: "space-gap",
+  gridGap: "space-gap",
+  gridRowGap: "space-gap",
+  gridTemplateColumns: "sizes",
+  gridTemplateRows: "sizes",
+  height: "sizes",
+  inlineSize: "sizes",
+  inset: "space-inset",
+  insetBlock: "space-inset",
+  insetBlockEnd: "space-inset",
+  insetBlockStart: "space-inset",
+  insetInline: "space-inset",
+  insetInlineEnd: "space-inset",
+  insetInlineStart: "space-inset",
+  left: "space",
+  letterSpacing: "letter-spacings",
+  lineHeight: "line-heights",
+  margin: "space-offset",
+  marginBlock: "space-offset",
+  marginBlockEnd: "space-offset",
+  marginBlockStart: "space-offset",
+  marginBottom: "space-offset",
+  marginInline: "space-offset",
+  marginInlineEnd: "space-offset",
+  marginInlineStart: "space-offset",
+  marginLeft: "space-offset",
+  marginRight: "space-offset",
+  marginTop: "space-offset",
+  maxBlockSize: "sizes",
+  maxHeight: "sizes",
+  maxInlineSize: "sizes",
+  maxWidth: "sizes",
+  minBlockSize: "sizes",
+  minHeight: "sizes",
+  minInlineSize: "sizes",
+  minWidth: "sizes",
+  outline: "colors",
+  outlineColor: "colors",
+  padding: "space-inset",
+  paddingBlock: "space-inset",
+  paddingBlockEnd: "space-inset",
+  paddingBlockStart: "space-inset",
+  paddingBottom: "space-inset",
+  paddingInline: "space-inset",
+  paddingInlineEnd: "space-inset",
+  paddingInlineStart: "space-inset",
+  paddingLeft: "space-inset",
+  paddingRight: "space-inset",
+  paddingTop: "space-inset",
+  right: "space",
+  rowGap: "space-gap",
+  scrollMargin: "space-offset",
+  scrollMarginBlock: "space-offset",
+  scrollMarginBlockEnd: "space-offset",
+  scrollMarginBlockStart: "space-offset",
+  scrollMarginBottom: "space-offset",
+  scrollMarginInline: "space-offset",
+  scrollMarginInlineEnd: "space-offset",
+  scrollMarginInlineStart: "space-offset",
+  scrollMarginLeft: "space-offset",
+  scrollMarginRight: "space-offset",
+  scrollMarginTop: "space-offset",
+  scrollPadding: "space-inset",
+  scrollPaddingBlock: "space-inset",
+  scrollPaddingBlockEnd: "space-inset",
+  scrollPaddingBlockStart: "space-inset",
+  scrollPaddingBottom: "space-inset",
+  scrollPaddingInline: "space-inset",
+  scrollPaddingInlineEnd: "space-inset",
+  scrollPaddingInlineStart: "space-inset",
+  scrollPaddingLeft: "space-inset",
+  scrollPaddingRight: "space-inset",
+  scrollPaddingTop: "space-inset",
+  stroke: "colors",
+  textDecorationColor: "colors",
+  textShadow: "shadows",
+  top: "space",
+  transition: "transitions",
+  width: "sizes",
+  zIndex: "z-indices"
+};
+
+const theme$1 = {
+  "border-widths": designTokens.Tokens.borderWidths,
+  colors: designTokens.Tokens.colors,
+  "font-sizes": designTokens.Tokens.fontSizes,
+  radii: designTokens.Tokens.radii,
+  shadows: designTokens.Tokens.shadows,
+  sizes: designTokens.Tokens.sizes,
+  space: designTokens.Tokens.space,
+  "space-gap": designTokens.Tokens.spaceGap,
+  "space-inset": designTokens.Tokens.spaceInset,
+  "space-offset": designTokens.Tokens.spaceOffset,
+  "z-indices": designTokens.Tokens.zIndices
+};
+
+const utils = {
+  paddingX: (value) => ({
+    paddingLeft: value,
+    paddingRight: value
+  }),
+  paddingY: (value) => ({
+    paddingTop: value,
+    paddingBottom: value
+  }),
+  marginX: (value) => ({
+    marginLeft: value,
+    marginRight: value
+  }),
+  marginY: (value) => ({
+    marginTop: value,
+    marginBottom: value
+  })
+};
+
+const media = {};
+
+const stitches = react.createStitches({
+  theme: theme$1,
+  media,
+  utils,
+  themeMap
+});
+const {
+  config,
+  createTheme,
+  css,
+  getCssText,
+  globalCss,
+  keyframes,
+  prefix,
+  styled: styled$1,
+  theme
+} = stitches;
+const fontFace = (...fonts) => globalCss({
+  "@font-face": fonts
+})();
+
+function setMedia(media) {
+  config.media = {
+    ...config.media,
+    ...media
+  };
+}
+function setCssUtils(utils) {
+  config.utils = {
+    ...config.utils,
+    ...utils
+  };
+}
+
+const AS_ERROR = "Polymorphism via `as` prop is not available in styled components.";
+const STYLING_ATTRS_ERROR = "The `className` and `style` attributes are not avaialable in styled components.";
+const styleWithCssVars = (style, themeMap) => Object.entries(style).reduce(
+  (acc, [prop, value]) => {
+    var _a;
+    const mapKeyForProp = themeMap[prop];
+    const mapping = theme[mapKeyForProp];
+    const parsedValue = typeof value === "string" && /^\$.+$/.test(value) ? (_a = mapping[value.replace("$", "")]) == null ? void 0 : _a.computedValue : value;
+    return {
+      ...acc,
+      [prop]: parsedValue
+    };
+  },
+  {}
+);
+const styled = (element, composers) => {
+  const StyledComponent = styled$1(element, composers != null ? composers : {});
+  const Component = React__default["default"].forwardRef(
+    (props, forwardRef) => {
+      const {
+        as,
+        className,
+        style,
+        UNSAFE_style,
+        ...restProps
+      } = props;
+      const onlyStyledClasses = typeof className === "string" ? className == null ? void 0 : className.split(" ").filter((x) => x.match(`${prefix}c-.+`)).join(" ") : "";
+      const parsedStyle = UNSAFE_style !== void 0 ? styleWithCssVars(UNSAFE_style, config.themeMap) : onlyStyledClasses !== "" ? style : void 0;
+      if (className !== void 0 && onlyStyledClasses !== className || typeof style === "object" && style !== null && Object.keys(style).length > 0 && onlyStyledClasses === "") {
+        console.error(STYLING_ATTRS_ERROR);
+      }
+      if (as !== void 0) {
+        console.error(AS_ERROR);
+      }
+      return /* @__PURE__ */ React__default["default"].createElement(StyledComponent, {
+        ...restProps,
+        className: onlyStyledClasses,
+        style: parsedStyle,
+        ref: forwardRef
+      });
+    }
+  );
+  Component.displayName = "Styled.ForwardRef";
+  Component.toString = StyledComponent.toString;
+  Component.className = StyledComponent.className;
+  Component.selector = StyledComponent.selector;
+  return Component;
+};
+
+exports.AS_ERROR = AS_ERROR;
+exports.CLASS_PREFIX = prefix;
+exports.STYLING_ATTRS_ERROR = STYLING_ATTRS_ERROR;
+exports.createTheme = createTheme;
+exports.css = css;
+exports.fontFace = fontFace;
+exports.getCssText = getCssText;
+exports.globalCss = globalCss;
+exports.keyframes = keyframes;
+exports.setCssUtils = setCssUtils;
+exports.setMedia = setMedia;
+exports.styled = styled;
+exports.theme = theme$1;
+exports.themeMap = themeMap;
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx"],"sourcesContent":["export const themeMap = {\n  background: 'colors',\n  backgroundColor: 'colors',\n  backgroundImage: 'colors',\n  blockSize: 'sizes',\n  border: 'colors',\n  borderBlock: 'colors',\n  borderBlockEnd: 'colors',\n  borderBlockStart: 'colors',\n  borderBottom: 'colors',\n  borderBottomColor: 'colors',\n  borderBottomLeftRadius: 'radii',\n  borderBottomRightRadius: 'radii',\n  borderBottomStyle: 'border-styles',\n  borderBottomWidth: 'border-widths',\n  borderColor: 'colors',\n  borderImage: 'colors',\n  borderInline: 'colors',\n  borderInlineEnd: 'colors',\n  borderInlineStart: 'colors',\n  borderLeft: 'colors',\n  borderLeftColor: 'colors',\n  borderLeftStyle: 'border-styles',\n  borderLeftWidth: 'border-widths',\n  borderRadius: 'radii',\n  borderRight: 'colors',\n  borderRightColor: 'colors',\n  borderRightStyle: 'border-styles',\n  borderRightWidth: 'border-widths',\n  borderStyle: 'border-styles',\n  borderTop: 'colors',\n  borderTopColor: 'colors',\n  borderTopLeftRadius: 'radii',\n  borderTopRightRadius: 'radii',\n  borderTopStyle: 'border-styles',\n  borderTopWidth: 'border-widths',\n  borderWidth: 'border-widths',\n  bottom: 'space',\n  boxShadow: 'shadows',\n  caretColor: 'colors',\n  color: 'colors',\n  columnGap: 'space-gap',\n  columnRuleColor: 'colors',\n  fill: 'colors',\n  flexBasis: 'sizes',\n  fontFamily: 'fonts',\n  fontSize: 'font-sizes',\n  fontWeight: 'font-weights',\n  gap: 'space-gap',\n  gridColumnGap: 'space-gap',\n  gridGap: 'space-gap',\n  gridRowGap: 'space-gap',\n  gridTemplateColumns: 'sizes',\n  gridTemplateRows: 'sizes',\n  height: 'sizes',\n  inlineSize: 'sizes',\n  inset: 'space-inset',\n  insetBlock: 'space-inset',\n  insetBlockEnd: 'space-inset',\n  insetBlockStart: 'space-inset',\n  insetInline: 'space-inset',\n  insetInlineEnd: 'space-inset',\n  insetInlineStart: 'space-inset',\n  left: 'space',\n  letterSpacing: 'letter-spacings',\n  lineHeight: 'line-heights',\n  margin: 'space-offset',\n  marginBlock: 'space-offset',\n  marginBlockEnd: 'space-offset',\n  marginBlockStart: 'space-offset',\n  marginBottom: 'space-offset',\n  marginInline: 'space-offset',\n  marginInlineEnd: 'space-offset',\n  marginInlineStart: 'space-offset',\n  marginLeft: 'space-offset',\n  marginRight: 'space-offset',\n  marginTop: 'space-offset',\n  maxBlockSize: 'sizes',\n  maxHeight: 'sizes',\n  maxInlineSize: 'sizes',\n  maxWidth: 'sizes',\n  minBlockSize: 'sizes',\n  minHeight: 'sizes',\n  minInlineSize: 'sizes',\n  minWidth: 'sizes',\n  outline: 'colors',\n  outlineColor: 'colors',\n  padding: 'space-inset',\n  paddingBlock: 'space-inset',\n  paddingBlockEnd: 'space-inset',\n  paddingBlockStart: 'space-inset',\n  paddingBottom: 'space-inset',\n  paddingInline: 'space-inset',\n  paddingInlineEnd: 'space-inset',\n  paddingInlineStart: 'space-inset',\n  paddingLeft: 'space-inset',\n  paddingRight: 'space-inset',\n  paddingTop: 'space-inset',\n  right: 'space',\n  rowGap: 'space-gap',\n  scrollMargin: 'space-offset',\n  scrollMarginBlock: 'space-offset',\n  scrollMarginBlockEnd: 'space-offset',\n  scrollMarginBlockStart: 'space-offset',\n  scrollMarginBottom: 'space-offset',\n  scrollMarginInline: 'space-offset',\n  scrollMarginInlineEnd: 'space-offset',\n  scrollMarginInlineStart: 'space-offset',\n  scrollMarginLeft: 'space-offset',\n  scrollMarginRight: 'space-offset',\n  scrollMarginTop: 'space-offset',\n  scrollPadding: 'space-inset',\n  scrollPaddingBlock: 'space-inset',\n  scrollPaddingBlockEnd: 'space-inset',\n  scrollPaddingBlockStart: 'space-inset',\n  scrollPaddingBottom: 'space-inset',\n  scrollPaddingInline: 'space-inset',\n  scrollPaddingInlineEnd: 'space-inset',\n  scrollPaddingInlineStart: 'space-inset',\n  scrollPaddingLeft: 'space-inset',\n  scrollPaddingRight: 'space-inset',\n  scrollPaddingTop: 'space-inset',\n  stroke: 'colors',\n  textDecorationColor: 'colors',\n  textShadow: 'shadows',\n  top: 'space',\n  transition: 'transitions',\n  width: 'sizes',\n  zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n  'border-widths': typeof Tokens.borderWidths\n  colors: typeof Tokens.colors\n  'font-sizes': typeof Tokens.fontSizes\n  radii: typeof Tokens.radii\n  shadows: typeof Tokens.shadows\n  sizes: typeof Tokens.sizes\n  space: typeof Tokens.space\n  'space-gap': typeof Tokens.spaceGap\n  'space-inset': typeof Tokens.spaceInset\n  'space-offset': typeof Tokens.spaceOffset\n  'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n  'border-widths': Tokens.borderWidths,\n  colors: Tokens.colors,\n  'font-sizes': Tokens.fontSizes,\n  radii: Tokens.radii,\n  shadows: Tokens.shadows,\n  sizes: Tokens.sizes,\n  space: Tokens.space,\n  'space-gap': Tokens.spaceGap,\n  'space-inset': Tokens.spaceInset,\n  'space-offset': Tokens.spaceOffset,\n  'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n  paddingX: (value: PropertyValue<'padding'>) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  paddingY: (value: PropertyValue<'padding'>) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  marginX: (value: PropertyValue<'margin'>) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  marginY: (value: PropertyValue<'margin'>) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n  // reducedMotion: '(prefers-reduced-motion: reduce)',\n  // motion: '(prefers-reduced-motion: no-preference)',\n  // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n  theme: defaultTheme,\n  media,\n  utils,\n  themeMap,\n})\n\nexport const {\n  config,\n  createTheme,\n  css,\n  getCssText,\n  globalCss,\n  keyframes,\n  prefix,\n  styled,\n  theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n  globalCss({\n    '@font-face': fonts,\n  })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n  media: ConfigType.Media<Media>\n): void {\n  config.media = {\n    ...config.media,\n    ...media,\n  }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n  utils: ConfigType.Utils<Utils>\n): void {\n  config.utils = {\n    ...config.utils,\n    ...utils,\n  }\n}\n","import React from 'react'\nimport type {\n  CSSProperties,\n  ComponentType,\n  ElementRef,\n  ExoticComponent,\n  ForwardRefExoticComponent,\n  JSXElementConstructor,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n  StyledComponentProps as StitchesStyledComponentProps,\n  $$StyledComponentMedia,\n  $$StyledComponentProps,\n  $$StyledComponentType,\n  TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n  'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n  'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n  style: CSS,\n  themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n  (Object.entries(style) as Array<[string, unknown]>).reduce(\n    (acc, [prop, value]) => {\n      // @ts-expect-error\n      const mapKeyForProp = themeMap[prop]\n      const mapping = stitches.theme[mapKeyForProp] as unknown as {\n        [Prop: string]: { [K in keyof Token]: Token[K] }\n      }\n\n      const parsedValue =\n        typeof value === 'string' && /^\\$.+$/.test(value)\n          ? mapping[value.replace('$', '')]?.computedValue\n          : value\n\n      return {\n        ...acc,\n        [prop]: parsedValue,\n      }\n    },\n    {}\n  ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n  ? {\n      [Name in keyof T['variants']]?:\n        | Util.Widen<keyof T['variants'][Name]>\n        | Util.String\n    }\n  : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n  | string\n  | ComponentType<any>\n  | Util.Function\n  ? Composers\n  : RemoveIndex<CSS> & {\n      variants?: {\n        [Name in string]: {\n          [Pair in number | string]: CSS\n        }\n      }\n      compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n      defaultVariants?: Variants<Composers>\n    } & CSS & {\n        [K in keyof Composers]: K extends\n          | 'compoundVariants'\n          | 'defaultVariants'\n          | 'variants'\n          ? unknown\n          : K extends keyof CSS\n          ? CSS[K]\n          : unknown\n      }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n  Type extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function,\n  Props extends {},\n  Media extends typeof stitches.config.media\n> {\n  className: string\n  selector: string\n  [$$StyledComponentType]: Type\n  [$$StyledComponentProps]: Props\n  [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n  css?: CSS\n  UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n  Element extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    | Util.Function = 'span',\n  Composers extends\n    | string\n    | ExoticComponent<any>\n    | JSXElementConstructor<any>\n    | Util.Function\n    | { [name: string]: unknown } = {}\n>(\n  element: Element,\n  composers?: Styles<Composers>\n) => {\n  const StyledComponent = stitches.styled(element, composers ?? {})\n\n  type StitchesProps = StitchesStyledComponentProps<[Composers]>\n  type VariantProps = TransformProps<\n    StitchesProps,\n    typeof stitches.config.media\n  >\n  type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n  type Props = Omit<StitchesProps, keyof VariantProps> &\n    VariantProps &\n    ComponentProps &\n    CustomStylesProps\n\n  const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n    (props, forwardRef) => {\n      const {\n        as,\n        className,\n        style,\n        UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n        ...restProps\n      } = props as Props & {\n        [K in ForbiddenProps]?: unknown\n      }\n\n      // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n      const onlyStyledClasses =\n        typeof className === 'string'\n          ? className\n              ?.split(' ')\n              .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n              .join(' ')\n          : ''\n\n      const parsedStyle =\n        UNSAFE_style !== undefined\n          ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n          : onlyStyledClasses !== ''\n          ? style\n          : undefined\n\n      if (\n        (className !== undefined && onlyStyledClasses !== className) ||\n        (typeof style === 'object' &&\n          style !== null &&\n          Object.keys(style).length > 0 &&\n          onlyStyledClasses === '')\n      ) {\n        console.error(STYLING_ATTRS_ERROR)\n      }\n\n      if (as !== undefined) {\n        console.error(AS_ERROR)\n      }\n\n      return (\n        <StyledComponent\n          {...(restProps as any)}\n          className={onlyStyledClasses}\n          style={parsedStyle}\n          ref={forwardRef}\n        />\n      )\n    }\n  ) as ForwardRefExoticComponent<\n    PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n  > &\n    StitchesInternals<\n      Element,\n      StitchesStyledComponentProps<[Composers]>,\n      typeof stitches.config.media\n    >\n\n  Component.displayName = 'Styled.ForwardRef'\n  Component.toString = StyledComponent.toString\n  Component.className = StyledComponent.className\n  Component.selector = StyledComponent.selector\n\n  return Component\n}\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config"],"mappings":"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"}

package/dist/module.js

@@ -0,0 +1,255 @@
+import { createStitches } from '@stitches/react';
+import { Tokens } from '@mirohq/design-tokens';
+import React from 'react';
+
+const themeMap = {
+  background: "colors",
+  backgroundColor: "colors",
+  backgroundImage: "colors",
+  blockSize: "sizes",
+  border: "colors",
+  borderBlock: "colors",
+  borderBlockEnd: "colors",
+  borderBlockStart: "colors",
+  borderBottom: "colors",
+  borderBottomColor: "colors",
+  borderBottomLeftRadius: "radii",
+  borderBottomRightRadius: "radii",
+  borderBottomStyle: "border-styles",
+  borderBottomWidth: "border-widths",
+  borderColor: "colors",
+  borderImage: "colors",
+  borderInline: "colors",
+  borderInlineEnd: "colors",
+  borderInlineStart: "colors",
+  borderLeft: "colors",
+  borderLeftColor: "colors",
+  borderLeftStyle: "border-styles",
+  borderLeftWidth: "border-widths",
+  borderRadius: "radii",
+  borderRight: "colors",
+  borderRightColor: "colors",
+  borderRightStyle: "border-styles",
+  borderRightWidth: "border-widths",
+  borderStyle: "border-styles",
+  borderTop: "colors",
+  borderTopColor: "colors",
+  borderTopLeftRadius: "radii",
+  borderTopRightRadius: "radii",
+  borderTopStyle: "border-styles",
+  borderTopWidth: "border-widths",
+  borderWidth: "border-widths",
+  bottom: "space",
+  boxShadow: "shadows",
+  caretColor: "colors",
+  color: "colors",
+  columnGap: "space-gap",
+  columnRuleColor: "colors",
+  fill: "colors",
+  flexBasis: "sizes",
+  fontFamily: "fonts",
+  fontSize: "font-sizes",
+  fontWeight: "font-weights",
+  gap: "space-gap",
+  gridColumnGap: "space-gap",
+  gridGap: "space-gap",
+  gridRowGap: "space-gap",
+  gridTemplateColumns: "sizes",
+  gridTemplateRows: "sizes",
+  height: "sizes",
+  inlineSize: "sizes",
+  inset: "space-inset",
+  insetBlock: "space-inset",
+  insetBlockEnd: "space-inset",
+  insetBlockStart: "space-inset",
+  insetInline: "space-inset",
+  insetInlineEnd: "space-inset",
+  insetInlineStart: "space-inset",
+  left: "space",
+  letterSpacing: "letter-spacings",
+  lineHeight: "line-heights",
+  margin: "space-offset",
+  marginBlock: "space-offset",
+  marginBlockEnd: "space-offset",
+  marginBlockStart: "space-offset",
+  marginBottom: "space-offset",
+  marginInline: "space-offset",
+  marginInlineEnd: "space-offset",
+  marginInlineStart: "space-offset",
+  marginLeft: "space-offset",
+  marginRight: "space-offset",
+  marginTop: "space-offset",
+  maxBlockSize: "sizes",
+  maxHeight: "sizes",
+  maxInlineSize: "sizes",
+  maxWidth: "sizes",
+  minBlockSize: "sizes",
+  minHeight: "sizes",
+  minInlineSize: "sizes",
+  minWidth: "sizes",
+  outline: "colors",
+  outlineColor: "colors",
+  padding: "space-inset",
+  paddingBlock: "space-inset",
+  paddingBlockEnd: "space-inset",
+  paddingBlockStart: "space-inset",
+  paddingBottom: "space-inset",
+  paddingInline: "space-inset",
+  paddingInlineEnd: "space-inset",
+  paddingInlineStart: "space-inset",
+  paddingLeft: "space-inset",
+  paddingRight: "space-inset",
+  paddingTop: "space-inset",
+  right: "space",
+  rowGap: "space-gap",
+  scrollMargin: "space-offset",
+  scrollMarginBlock: "space-offset",
+  scrollMarginBlockEnd: "space-offset",
+  scrollMarginBlockStart: "space-offset",
+  scrollMarginBottom: "space-offset",
+  scrollMarginInline: "space-offset",
+  scrollMarginInlineEnd: "space-offset",
+  scrollMarginInlineStart: "space-offset",
+  scrollMarginLeft: "space-offset",
+  scrollMarginRight: "space-offset",
+  scrollMarginTop: "space-offset",
+  scrollPadding: "space-inset",
+  scrollPaddingBlock: "space-inset",
+  scrollPaddingBlockEnd: "space-inset",
+  scrollPaddingBlockStart: "space-inset",
+  scrollPaddingBottom: "space-inset",
+  scrollPaddingInline: "space-inset",
+  scrollPaddingInlineEnd: "space-inset",
+  scrollPaddingInlineStart: "space-inset",
+  scrollPaddingLeft: "space-inset",
+  scrollPaddingRight: "space-inset",
+  scrollPaddingTop: "space-inset",
+  stroke: "colors",
+  textDecorationColor: "colors",
+  textShadow: "shadows",
+  top: "space",
+  transition: "transitions",
+  width: "sizes",
+  zIndex: "z-indices"
+};
+
+const theme$1 = {
+  "border-widths": Tokens.borderWidths,
+  colors: Tokens.colors,
+  "font-sizes": Tokens.fontSizes,
+  radii: Tokens.radii,
+  shadows: Tokens.shadows,
+  sizes: Tokens.sizes,
+  space: Tokens.space,
+  "space-gap": Tokens.spaceGap,
+  "space-inset": Tokens.spaceInset,
+  "space-offset": Tokens.spaceOffset,
+  "z-indices": Tokens.zIndices
+};
+
+const utils = {
+  paddingX: (value) => ({
+    paddingLeft: value,
+    paddingRight: value
+  }),
+  paddingY: (value) => ({
+    paddingTop: value,
+    paddingBottom: value
+  }),
+  marginX: (value) => ({
+    marginLeft: value,
+    marginRight: value
+  }),
+  marginY: (value) => ({
+    marginTop: value,
+    marginBottom: value
+  })
+};
+
+const media = {};
+
+const stitches = createStitches({
+  theme: theme$1,
+  media,
+  utils,
+  themeMap
+});
+const {
+  config,
+  createTheme,
+  css,
+  getCssText,
+  globalCss,
+  keyframes,
+  prefix,
+  styled: styled$1,
+  theme
+} = stitches;
+const fontFace = (...fonts) => globalCss({
+  "@font-face": fonts
+})();
+
+function setMedia(media) {
+  config.media = {
+    ...config.media,
+    ...media
+  };
+}
+function setCssUtils(utils) {
+  config.utils = {
+    ...config.utils,
+    ...utils
+  };
+}
+
+const AS_ERROR = "Polymorphism via `as` prop is not available in styled components.";
+const STYLING_ATTRS_ERROR = "The `className` and `style` attributes are not avaialable in styled components.";
+const styleWithCssVars = (style, themeMap) => Object.entries(style).reduce(
+  (acc, [prop, value]) => {
+    var _a;
+    const mapKeyForProp = themeMap[prop];
+    const mapping = theme[mapKeyForProp];
+    const parsedValue = typeof value === "string" && /^\$.+$/.test(value) ? (_a = mapping[value.replace("$", "")]) == null ? void 0 : _a.computedValue : value;
+    return {
+      ...acc,
+      [prop]: parsedValue
+    };
+  },
+  {}
+);
+const styled = (element, composers) => {
+  const StyledComponent = styled$1(element, composers != null ? composers : {});
+  const Component = React.forwardRef(
+    (props, forwardRef) => {
+      const {
+        as,
+        className,
+        style,
+        UNSAFE_style,
+        ...restProps
+      } = props;
+      const onlyStyledClasses = typeof className === "string" ? className == null ? void 0 : className.split(" ").filter((x) => x.match(`${prefix}c-.+`)).join(" ") : "";
+      const parsedStyle = UNSAFE_style !== void 0 ? styleWithCssVars(UNSAFE_style, config.themeMap) : onlyStyledClasses !== "" ? style : void 0;
+      if (className !== void 0 && onlyStyledClasses !== className || typeof style === "object" && style !== null && Object.keys(style).length > 0 && onlyStyledClasses === "") {
+        console.error(STYLING_ATTRS_ERROR);
+      }
+      if (as !== void 0) {
+        console.error(AS_ERROR);
+      }
+      return /* @__PURE__ */ React.createElement(StyledComponent, {
+        ...restProps,
+        className: onlyStyledClasses,
+        style: parsedStyle,
+        ref: forwardRef
+      });
+    }
+  );
+  Component.displayName = "Styled.ForwardRef";
+  Component.toString = StyledComponent.toString;
+  Component.className = StyledComponent.className;
+  Component.selector = StyledComponent.selector;
+  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 };
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

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