@mirohq/design-system-stitches 3.2.1 → 3.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +1 -0
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1 -0
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +102 -0
  6. package/package.json +4 -4
package/dist/main.js CHANGED
@@ -152,6 +152,7 @@ const themeMap = {
152
152
  stroke: "colors",
153
153
  strokeWidth: "stroke-width",
154
154
  textDecorationColor: "colors",
155
+ textUnderlineOffset: "space",
155
156
  textShadow: "shadows",
156
157
  top: "space",
157
158
  transition: "transitions",
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: CSSProperties['padding']) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: CSSProperties['padding']) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: CSSProperties['margin']) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: CSSProperties['margin']) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: CSSProperties['width']) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textUnderlineOffset: 'space',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: CSSProperties['padding']) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: CSSProperties['padding']) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: CSSProperties['margin']) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: CSSProperties['margin']) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: CSSProperties['width']) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","tokens","base","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","jsx","stitchesTheme"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -131,6 +131,7 @@ const themeMap = {
131
131
  stroke: "colors",
132
132
  strokeWidth: "stroke-width",
133
133
  textDecorationColor: "colors",
134
+ textUnderlineOffset: "space",
134
135
  textShadow: "shadows",
135
136
  top: "space",
136
137
  transition: "transitions",
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: CSSProperties['padding']) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: CSSProperties['padding']) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: CSSProperties['margin']) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: CSSProperties['margin']) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: CSSProperties['width']) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":";;;;;;;AAAO,MAAM,QAAA,GAAW;AAAA,EACtB,UAAA,EAAY,QAAA;AAAA,EACZ,eAAA,EAAiB,QAAA;AAAA,EACjB,eAAA,EAAiB,QAAA;AAAA,EACjB,SAAA,EAAW,OAAA;AAAA,EACX,MAAA,EAAQ,QAAA;AAAA,EACR,WAAA,EAAa,QAAA;AAAA,EACb,cAAA,EAAgB,QAAA;AAAA,EAChB,gBAAA,EAAkB,QAAA;AAAA,EAClB,YAAA,EAAc,QAAA;AAAA,EACd,iBAAA,EAAmB,QAAA;AAAA,EACnB,sBAAA,EAAwB,OAAA;AAAA,EACxB,uBAAA,EAAyB,OAAA;AAAA,EACzB,iBAAA,EAAmB,eAAA;AAAA,EACnB,iBAAA,EAAmB,eAAA;AAAA,EACnB,WAAA,EAAa,QAAA;AAAA,EACb,WAAA,EAAa,QAAA;AAAA,EACb,YAAA,EAAc,QAAA;AAAA,EACd,eAAA,EAAiB,QAAA;AAAA,EACjB,iBAAA,EAAmB,QAAA;AAAA,EACnB,UAAA,EAAY,QAAA;AAAA,EACZ,eAAA,EAAiB,QAAA;AAAA,EACjB,eAAA,EAAiB,eAAA;AAAA,EACjB,eAAA,EAAiB,eAAA;AAAA,EACjB,YAAA,EAAc,OAAA;AAAA,EACd,WAAA,EAAa,QAAA;AAAA,EACb,gBAAA,EAAkB,QAAA;AAAA,EAClB,gBAAA,EAAkB,eAAA;AAAA,EAClB,gBAAA,EAAkB,eAAA;AAAA,EAClB,aAAA,EAAe,OAAA;AAAA,EACf,WAAA,EAAa,eAAA;AAAA,EACb,SAAA,EAAW,QAAA;AAAA,EACX,cAAA,EAAgB,QAAA;AAAA,EAChB,mBAAA,EAAqB,OAAA;AAAA,EACrB,oBAAA,EAAsB,OAAA;AAAA,EACtB,cAAA,EAAgB,eAAA;AAAA,EAChB,cAAA,EAAgB,eAAA;AAAA,EAChB,WAAA,EAAa,eAAA;AAAA,EACb,MAAA,EAAQ,OAAA;AAAA,EACR,SAAA,EAAW,SAAA;AAAA,EACX,UAAA,EAAY,QAAA;AAAA,EACZ,KAAA,EAAO,QAAA;AAAA,EACP,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,QAAA;AAAA,EACjB,IAAA,EAAM,QAAA;AAAA,EACN,SAAA,EAAW,OAAA;AAAA,EACX,UAAA,EAAY,OAAA;AAAA,EACZ,QAAA,EAAU,YAAA;AAAA,EACV,UAAA,EAAY,cAAA;AAAA,EACZ,GAAA,EAAK,OAAA;AAAA,EACL,aAAA,EAAe,OAAA;AAAA,EACf,OAAA,EAAS,OAAA;AAAA,EACT,UAAA,EAAY,OAAA;AAAA,EACZ,mBAAA,EAAqB,OAAA;AAAA,EACrB,gBAAA,EAAkB,OAAA;AAAA,EAClB,MAAA,EAAQ,OAAA;AAAA,EACR,UAAA,EAAY,OAAA;AAAA,EACZ,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,aAAA,EAAe,OAAA;AAAA,EACf,eAAA,EAAiB,OAAA;AAAA,EACjB,WAAA,EAAa,OAAA;AAAA,EACb,cAAA,EAAgB,OAAA;AAAA,EAChB,gBAAA,EAAkB,OAAA;AAAA,EAClB,IAAA,EAAM,OAAA;AAAA,EACN,aAAA,EAAe,iBAAA;AAAA,EACf,UAAA,EAAY,cAAA;AAAA,EACZ,MAAA,EAAQ,OAAA;AAAA,EACR,WAAA,EAAa,OAAA;AAAA,EACb,cAAA,EAAgB,OAAA;AAAA,EAChB,gBAAA,EAAkB,OAAA;AAAA,EAClB,YAAA,EAAc,OAAA;AAAA,EACd,YAAA,EAAc,OAAA;AAAA,EACd,eAAA,EAAiB,OAAA;AAAA,EACjB,iBAAA,EAAmB,OAAA;AAAA,EACnB,UAAA,EAAY,OAAA;AAAA,EACZ,WAAA,EAAa,OAAA;AAAA,EACb,SAAA,EAAW,OAAA;AAAA,EACX,YAAA,EAAc,OAAA;AAAA,EACd,SAAA,EAAW,OAAA;AAAA,EACX,aAAA,EAAe,OAAA;AAAA,EACf,QAAA,EAAU,OAAA;AAAA,EACV,YAAA,EAAc,OAAA;AAAA,EACd,SAAA,EAAW,OAAA;AAAA,EACX,aAAA,EAAe,OAAA;AAAA,EACf,QAAA,EAAU,OAAA;AAAA,EACV,OAAA,EAAS,QAAA;AAAA,EACT,YAAA,EAAc,QAAA;AAAA,EACd,OAAA,EAAS,OAAA;AAAA,EACT,YAAA,EAAc,OAAA;AAAA,EACd,eAAA,EAAiB,OAAA;AAAA,EACjB,iBAAA,EAAmB,OAAA;AAAA,EACnB,aAAA,EAAe,OAAA;AAAA,EACf,aAAA,EAAe,OAAA;AAAA,EACf,gBAAA,EAAkB,OAAA;AAAA,EAClB,kBAAA,EAAoB,OAAA;AAAA,EACpB,WAAA,EAAa,OAAA;AAAA,EACb,YAAA,EAAc,OAAA;AAAA,EACd,UAAA,EAAY,OAAA;AAAA,EACZ,KAAA,EAAO,OAAA;AAAA,EACP,MAAA,EAAQ,OAAA;AAAA,EACR,YAAA,EAAc,OAAA;AAAA,EACd,iBAAA,EAAmB,OAAA;AAAA,EACnB,oBAAA,EAAsB,OAAA;AAAA,EACtB,sBAAA,EAAwB,OAAA;AAAA,EACxB,kBAAA,EAAoB,OAAA;AAAA,EACpB,kBAAA,EAAoB,OAAA;AAAA,EACpB,qBAAA,EAAuB,OAAA;AAAA,EACvB,uBAAA,EAAyB,OAAA;AAAA,EACzB,gBAAA,EAAkB,OAAA;AAAA,EAClB,iBAAA,EAAmB,OAAA;AAAA,EACnB,eAAA,EAAiB,OAAA;AAAA,EACjB,aAAA,EAAe,OAAA;AAAA,EACf,kBAAA,EAAoB,OAAA;AAAA,EACpB,qBAAA,EAAuB,OAAA;AAAA,EACvB,uBAAA,EAAyB,OAAA;AAAA,EACzB,mBAAA,EAAqB,OAAA;AAAA,EACrB,mBAAA,EAAqB,OAAA;AAAA,EACrB,sBAAA,EAAwB,OAAA;AAAA,EACxB,wBAAA,EAA0B,OAAA;AAAA,EAC1B,iBAAA,EAAmB,OAAA;AAAA,EACnB,kBAAA,EAAoB,OAAA;AAAA,EACpB,gBAAA,EAAkB,OAAA;AAAA,EAClB,MAAA,EAAQ,QAAA;AAAA,EACR,WAAA,EAAa,cAAA;AAAA,EACb,mBAAA,EAAqB,QAAA;AAAA,EACrB,UAAA,EAAY,SAAA;AAAA,EACZ,GAAA,EAAK,OAAA;AAAA,EACL,UAAA,EAAY,aAAA;AAAA,EACZ,KAAA,EAAO,OAAA;AAAA,EACP,MAAA,EAAQ;AACV;;AC9HO,MAAMA,OAAA,GAAQ;AAAA,EACnB,iBAAiB,MAAA,CAAO,YAAA;AAAA,EACxB,QAAQ,KAAA,CAAM,IAAI,MAAA,CAAO,MAAA,EAAQ,KAAK,MAAM,CAAA;AAAA,EAC5C,cAAc,MAAA,CAAO,SAAA;AAAA,EACrB,gBAAgB,MAAA,CAAO,WAAA;AAAA,EACvB,gBAAgB,MAAA,CAAO,WAAA;AAAA,EACvB,OAAO,MAAA,CAAO,KAAA;AAAA,EACd,OAAO,MAAA,CAAO,KAAA;AAAA,EACd,SAAS,IAAA,CAAK,OAAA;AAAA,EACd,OAAO,MAAA,CAAO,KAAA;AAAA,EACd,OAAO,MAAA,CAAO,KAAA;AAAA,EACd,gBAAgB,MAAA,CAAO,YAAA;AAAA,EACvB,aAAa,MAAA,CAAO;AACtB;;AChBO,MAAM,KAAA,GAAQ;AAAA,EACnB,QAAA,EAAU,CAAC,KAAA,MAAqC;AAAA,IAC9C,WAAA,EAAa,KAAA;AAAA,IACb,YAAA,EAAc;AAAA,GAChB,CAAA;AAAA,EACA,QAAA,EAAU,CAAC,KAAA,MAAqC;AAAA,IAC9C,UAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAe;AAAA,GACjB,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAA,MAAoC;AAAA,IAC5C,UAAA,EAAY,KAAA;AAAA,IACZ,WAAA,EAAa;AAAA,GACf,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAA,MAAoC;AAAA,IAC5C,SAAA,EAAW,KAAA;AAAA,IACX,YAAA,EAAc;AAAA,GAChB,CAAA;AAAA,EACA,MAAA,EAAQ,CAAC,KAAA,MAAmC;AAAA,IAC1C,KAAA,EAAO,KAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACV,CAAA;AAAA,EACA,MAAA,EAAQ,CAAC,GAAA,MAAwB;AAAA,IAC/B,0BAAA,EAA4B;AAAA,GAC9B;AACF,CAAA;;ACpBO,MAAM,KAAA,GAAQ;AAAA;AAAA;AAAA;AAIrB,CAAA;;ACLA,MAAM,WAAW,cAAA,CAAe;AAAA,EAC9B,KAAA,EAAOC,OAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC,CAAA;AAEM,MAAM;AAAA,EACX,MAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,UACAC,QAAA;AAAA,EACA;AACF,CAAA,GAAI;AAIG,MAAM,QAAA,GAAW,CAAA,GAAI,KAAA,KAC1B,SAAA,CAAU;AAAA,EACR,YAAA,EAAc;AAChB,CAAC,CAAA;;ACzBI,SAAS,SACd,KAAA,EACM;AACN,EAAA,MAAA,CAAO,KAAA,GAAQ;AAAA,IACb,GAAG,MAAA,CAAO,KAAA;AAAA,IACV,GAAG;AAAA,GACL;AACF;AAEO,SAAS,YACd,KAAA,EACM;AACN,EAAA,MAAA,CAAO,KAAA,GAAQ;AAAA,IACb,GAAG,MAAA,CAAO,KAAA;AAAA,IACV,GAAG;AAAA,GACL;AACF;;ACUO,MAAM,QAAA,GACX;AAEK,MAAM,mBAAA,GACX;AAKF,MAAM,mBAAmB,CACvB,KAAA,EACA,aAEC,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,CAA+B,MAAA;AAAA,EAClD,CAAC,GAAA,EAAK,CAAC,IAAA,EAAM,KAAK,CAAA,KAAM;AA5C5B,IAAA,IAAA,EAAA;AA8CM,IAAA,MAAM,aAAA,GAAgB,SAAS,IAAI,CAAA;AACnC,IAAA,MAAM,OAAA,GAAUC,KAAS,CAAM,aAAa,CAAA;AAI5C,IAAA,MAAM,cACJ,OAAO,KAAA,KAAU,QAAA,IAAY,QAAA,CAAS,KAAK,KAAK,CAAA,GAAA,CAC5C,EAAA,GAAA,OAAA,CAAQ,KAAA,CAAM,QAAQ,GAAA,EAAK,EAAE,CAAC,CAAA,KAA9B,mBAAiC,aAAA,GACjC,KAAA;AAEN,IAAA,OAAO;AAAA,MACL,GAAG,GAAA;AAAA,MACH,CAAC,IAAI,GAAG;AAAA,KACV;AAAA,EACF,CAAA;AAAA,EACA;AACF,CAAA;AA4DK,MAAM,MAAA,GAAS,CAYpB,OAAA,EACA,SAAA,KACG;AACH,EAAA,MAAM,kBAAkBC,QAAS,CAAO,OAAA,EAAS,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EAAE,CAAA;AAehE,EAAA,MAAM,YAAY,KAAA,CAAM,UAAA;AAAA,IACtB,CAAC,OAAO,UAAA,KAAe;AACrB,MAAA,MAAM;AAAA,QACJ,EAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA;AAAA,QACA,GAAG;AAAA,OACL,GAAI,KAAA;AAKJ,MAAA,MAAM,oBACJ,OAAO,SAAA,KAAc,WACjB,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CACI,KAAA,CAAM,KACP,MAAA,CAAO,CAAC,CAAA,KAAc,CAAA,CAAE,MAAM,EAAA,CAAG,MAAA,CAAAC,QAAe,MAAA,CAAM,CAAA,CAAA,CACtD,KAAK,GAAA,CAAA,GACR,EAAA;AAEN,MAAA,MAAM,WAAA,GACJ,YAAA,KAAiB,MAAA,GACb,gBAAA,CAAiB,YAAA,EAAcC,MAAS,CAAO,QAAQ,CAAA,GACvD,iBAAA,KAAsB,EAAA,GACtB,KAAA,GACA,MAAA;AAEN,MAAA,IACG,cAAc,MAAA,IAAa,iBAAA,KAAsB,SAAA,IACjD,OAAO,UAAU,QAAA,IAChB,KAAA,KAAU,IAAA,IACV,MAAA,CAAO,KAAK,KAAK,CAAA,CAAE,MAAA,GAAS,CAAA,IAC5B,sBAAsB,EAAA,EACxB;AACA,QAAA,OAAA,CAAQ,MAAM,mBAAmB,CAAA;AAAA,MACnC;AAEA,MAAA,IAAI,OAAO,MAAA,EAAW;AACpB,QAAA,OAAA,CAAQ,MAAM,QAAQ,CAAA;AAAA,MACxB;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACE,GAAI,SAAA;AAAA,UACL,SAAA,EAAW,iBAAA;AAAA,UACX,KAAA,EAAO,WAAA;AAAA,UACP,GAAA,EAAK;AAAA;AAAA,OACP;AAAA,IAEJ;AAAA,GACF;AAKA,EAAA,SAAA,CAAU,WAAA,GAAc,mBAAA;AACxB,EAAA,SAAA,CAAU,WAAW,eAAA,CAAgB,QAAA;AACrC,EAAA,SAAA,CAAU,YAAY,eAAA,CAAgB,SAAA;AACtC,EAAA,SAAA,CAAU,WAAW,eAAA,CAAgB,QAAA;AAErC,EAAA,OAAO,SAAA;AACT;;ACvMO,MAAM,eAAA,GAAkB;AAAA,EAC7B,MAAA;AAAA,EACA,UAAUC,KAAA,CAAc,QAAA;AAAA,EACxB,WAAWA,KAAA,CAAc;AAC3B;;;;"}
1
+ {"version":3,"file":"module.js","sources":["../src/config/theme-map.ts","../src/config/theme.ts","../src/config/utils.ts","../src/config/media.ts","../src/stitches.ts","../src/custom.ts","../src/styled.tsx","../src/index.ts"],"sourcesContent":["export const themeMap = {\n background: 'colors',\n backgroundColor: 'colors',\n backgroundImage: 'colors',\n blockSize: 'sizes',\n border: 'colors',\n borderBlock: 'colors',\n borderBlockEnd: 'colors',\n borderBlockStart: 'colors',\n borderBottom: 'colors',\n borderBottomColor: 'colors',\n borderBottomLeftRadius: 'radii',\n borderBottomRightRadius: 'radii',\n borderBottomStyle: 'border-styles',\n borderBottomWidth: 'border-widths',\n borderColor: 'colors',\n borderImage: 'colors',\n borderInline: 'colors',\n borderInlineEnd: 'colors',\n borderInlineStart: 'colors',\n borderLeft: 'colors',\n borderLeftColor: 'colors',\n borderLeftStyle: 'border-styles',\n borderLeftWidth: 'border-widths',\n borderRadius: 'radii',\n borderRight: 'colors',\n borderRightColor: 'colors',\n borderRightStyle: 'border-styles',\n borderRightWidth: 'border-widths',\n borderSpacing: 'space',\n borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space',\n gridColumnGap: 'space',\n gridGap: 'space',\n gridRowGap: 'space',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space',\n insetBlock: 'space',\n insetBlockEnd: 'space',\n insetBlockStart: 'space',\n insetInline: 'space',\n insetInlineEnd: 'space',\n insetInlineStart: 'space',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space',\n marginBlock: 'space',\n marginBlockEnd: 'space',\n marginBlockStart: 'space',\n marginBottom: 'space',\n marginInline: 'space',\n marginInlineEnd: 'space',\n marginInlineStart: 'space',\n marginLeft: 'space',\n marginRight: 'space',\n marginTop: 'space',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space',\n paddingBlock: 'space',\n paddingBlockEnd: 'space',\n paddingBlockStart: 'space',\n paddingBottom: 'space',\n paddingInline: 'space',\n paddingInlineEnd: 'space',\n paddingInlineStart: 'space',\n paddingLeft: 'space',\n paddingRight: 'space',\n paddingTop: 'space',\n right: 'space',\n rowGap: 'space',\n scrollMargin: 'space',\n scrollMarginBlock: 'space',\n scrollMarginBlockEnd: 'space',\n scrollMarginBlockStart: 'space',\n scrollMarginBottom: 'space',\n scrollMarginInline: 'space',\n scrollMarginInlineEnd: 'space',\n scrollMarginInlineStart: 'space',\n scrollMarginLeft: 'space',\n scrollMarginRight: 'space',\n scrollMarginTop: 'space',\n scrollPadding: 'space',\n scrollPaddingBlock: 'space',\n scrollPaddingBlockEnd: 'space',\n scrollPaddingBlockStart: 'space',\n scrollPaddingBottom: 'space',\n scrollPaddingInline: 'space',\n scrollPaddingInlineEnd: 'space',\n scrollPaddingInlineStart: 'space',\n scrollPaddingLeft: 'space',\n scrollPaddingRight: 'space',\n scrollPaddingTop: 'space',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textUnderlineOffset: 'space',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import * as tokens from '@mirohq/design-tokens'\nimport { base } from '@mirohq/design-system-themes'\nimport type { Theme as DS_Theme } from '@mirohq/design-system-themes'\nimport merge from 'lodash.merge'\n\nexport const theme = {\n 'border-widths': tokens.borderWidths,\n colors: merge({}, tokens.colors, base.colors),\n 'font-sizes': tokens.fontSizes,\n 'font-weights': tokens.fontWeights,\n 'line-heights': tokens.lineHeights,\n fonts: tokens.fonts,\n radii: tokens.radii,\n shadows: base.shadows as Required<DS_Theme['shadows']>,\n sizes: tokens.sizes,\n space: tokens.space,\n 'stroke-width': tokens.strokeWidths,\n 'z-indices': tokens.zIndices,\n}\n\nexport type Theme = typeof theme\n","import type { CSSProperties } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: CSSProperties['padding']) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: CSSProperties['padding']) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: CSSProperties['margin']) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: CSSProperties['margin']) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: CSSProperties['width']) => ({\n width: value,\n height: value,\n }),\n _hover: (css: CSSProperties) => ({\n '&:hover, &[data-hovered]': css,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ElementType,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\nimport type { OmitFromUnion } from '@mirohq/design-system-types'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type __Element = Element extends ElementType ? Element : any\n type StyledElementRef = ElementRef<__Element>\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<__Element>\n\n type Props = OmitFromUnion<ComponentProps, keyof VariantProps> &\n VariantProps &\n CustomStylesProps\n\n const Component = React.forwardRef<StyledElementRef, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<StyledElementRef>\n > &\n StitchesInternals<Element, StitchesProps, typeof stitches.config.media>\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -6488,6 +6488,8 @@ declare const config: {
6488
6488
  "background-neutrals-subtle-hover": /*elided*/ any;
6489
6489
  "background-neutrals-subtle-pressed": /*elided*/ any;
6490
6490
  "background-neutrals-transparent": /*elided*/ any;
6491
+ "background-static-dark": /*elided*/ any;
6492
+ "background-static-dark-subtle": /*elided*/ any;
6491
6493
  "background-primary-prominent": /*elided*/ any;
6492
6494
  "background-primary-prominent-active": /*elided*/ any;
6493
6495
  "background-primary-prominent-hover": /*elided*/ any;
@@ -6538,6 +6540,8 @@ declare const config: {
6538
6540
  "border-neutrals-text-subtle-active": /*elided*/ any;
6539
6541
  "border-neutrals-text-subtle-hover": /*elided*/ any;
6540
6542
  "border-neutrals-transparent": /*elided*/ any;
6543
+ "border-static-dark": /*elided*/ any;
6544
+ "border-static-dark-subtle": /*elided*/ any;
6541
6545
  "border-primary": /*elided*/ any;
6542
6546
  "border-primary-active": /*elided*/ any;
6543
6547
  "border-primary-hover": /*elided*/ any;
@@ -6566,6 +6570,9 @@ declare const config: {
6566
6570
  "format-icon-slides": /*elided*/ any;
6567
6571
  "format-icon-table": /*elided*/ any;
6568
6572
  "format-icon-timeline": /*elided*/ any;
6573
+ "notification-background": /*elided*/ any;
6574
+ "notification-border": /*elided*/ any;
6575
+ "notification-border-subtle": /*elided*/ any;
6569
6576
  "popup-background-static": /*elided*/ any;
6570
6577
  "popup-text-static": /*elided*/ any;
6571
6578
  "tooltip-background": /*elided*/ any;
@@ -6590,6 +6597,8 @@ declare const config: {
6590
6597
  "icon-neutrals-subtle-hover": /*elided*/ any;
6591
6598
  "icon-neutrals-subtle-pressed": /*elided*/ any;
6592
6599
  "icon-neutrals-text": /*elided*/ any;
6600
+ "icon-on-static-dark": /*elided*/ any;
6601
+ "icon-on-static-dark-subtle": /*elided*/ any;
6593
6602
  "icon-primary": /*elided*/ any;
6594
6603
  "icon-primary-active": /*elided*/ any;
6595
6604
  "icon-primary-hover": /*elided*/ any;
@@ -6625,6 +6634,9 @@ declare const config: {
6625
6634
  "text-neutrals-subtle-active": /*elided*/ any;
6626
6635
  "text-neutrals-subtle-hover": /*elided*/ any;
6627
6636
  "text-neutrals-subtle-pressed": /*elided*/ any;
6637
+ "text-on-static-dark": /*elided*/ any;
6638
+ "text-on-static-dark-subtle": /*elided*/ any;
6639
+ "text-on-primary": /*elided*/ any;
6628
6640
  "text-primary": /*elided*/ any;
6629
6641
  "text-primary-active": /*elided*/ any;
6630
6642
  "text-primary-hover": /*elided*/ any;
@@ -7078,6 +7090,7 @@ declare const config: {
7078
7090
  readonly stroke: "colors";
7079
7091
  readonly strokeWidth: "stroke-width";
7080
7092
  readonly textDecorationColor: "colors";
7093
+ readonly textUnderlineOffset: "space";
7081
7094
  readonly textShadow: "shadows";
7082
7095
  readonly top: "space";
7083
7096
  readonly transition: "transitions";
@@ -7473,6 +7486,8 @@ declare const createTheme: <Argument0 extends string | ({
7473
7486
  "background-neutrals-subtle-hover"?: string | number | boolean | undefined;
7474
7487
  "background-neutrals-subtle-pressed"?: string | number | boolean | undefined;
7475
7488
  "background-neutrals-transparent"?: string | number | boolean | undefined;
7489
+ "background-static-dark"?: string | number | boolean | undefined;
7490
+ "background-static-dark-subtle"?: string | number | boolean | undefined;
7476
7491
  "background-primary-prominent"?: string | number | boolean | undefined;
7477
7492
  "background-primary-prominent-active"?: string | number | boolean | undefined;
7478
7493
  "background-primary-prominent-hover"?: string | number | boolean | undefined;
@@ -7523,6 +7538,8 @@ declare const createTheme: <Argument0 extends string | ({
7523
7538
  "border-neutrals-text-subtle-active"?: string | number | boolean | undefined;
7524
7539
  "border-neutrals-text-subtle-hover"?: string | number | boolean | undefined;
7525
7540
  "border-neutrals-transparent"?: string | number | boolean | undefined;
7541
+ "border-static-dark"?: string | number | boolean | undefined;
7542
+ "border-static-dark-subtle"?: string | number | boolean | undefined;
7526
7543
  "border-primary"?: string | number | boolean | undefined;
7527
7544
  "border-primary-active"?: string | number | boolean | undefined;
7528
7545
  "border-primary-hover"?: string | number | boolean | undefined;
@@ -7551,6 +7568,9 @@ declare const createTheme: <Argument0 extends string | ({
7551
7568
  "format-icon-slides"?: string | number | boolean | undefined;
7552
7569
  "format-icon-table"?: string | number | boolean | undefined;
7553
7570
  "format-icon-timeline"?: string | number | boolean | undefined;
7571
+ "notification-background"?: string | number | boolean | undefined;
7572
+ "notification-border"?: string | number | boolean | undefined;
7573
+ "notification-border-subtle"?: string | number | boolean | undefined;
7554
7574
  "popup-background-static"?: string | number | boolean | undefined;
7555
7575
  "popup-text-static"?: string | number | boolean | undefined;
7556
7576
  "tooltip-background"?: string | number | boolean | undefined;
@@ -7575,6 +7595,8 @@ declare const createTheme: <Argument0 extends string | ({
7575
7595
  "icon-neutrals-subtle-hover"?: string | number | boolean | undefined;
7576
7596
  "icon-neutrals-subtle-pressed"?: string | number | boolean | undefined;
7577
7597
  "icon-neutrals-text"?: string | number | boolean | undefined;
7598
+ "icon-on-static-dark"?: string | number | boolean | undefined;
7599
+ "icon-on-static-dark-subtle"?: string | number | boolean | undefined;
7578
7600
  "icon-primary"?: string | number | boolean | undefined;
7579
7601
  "icon-primary-active"?: string | number | boolean | undefined;
7580
7602
  "icon-primary-hover"?: string | number | boolean | undefined;
@@ -7610,6 +7632,9 @@ declare const createTheme: <Argument0 extends string | ({
7610
7632
  "text-neutrals-subtle-active"?: string | number | boolean | undefined;
7611
7633
  "text-neutrals-subtle-hover"?: string | number | boolean | undefined;
7612
7634
  "text-neutrals-subtle-pressed"?: string | number | boolean | undefined;
7635
+ "text-on-static-dark"?: string | number | boolean | undefined;
7636
+ "text-on-static-dark-subtle"?: string | number | boolean | undefined;
7637
+ "text-on-primary"?: string | number | boolean | undefined;
7613
7638
  "text-primary"?: string | number | boolean | undefined;
7614
7639
  "text-primary-active"?: string | number | boolean | undefined;
7615
7640
  "text-primary-hover"?: string | number | boolean | undefined;
@@ -8304,6 +8329,8 @@ declare const createTheme: <Argument0 extends string | ({
8304
8329
  "background-neutrals-subtle-hover"?: string | number | boolean | undefined;
8305
8330
  "background-neutrals-subtle-pressed"?: string | number | boolean | undefined;
8306
8331
  "background-neutrals-transparent"?: string | number | boolean | undefined;
8332
+ "background-static-dark"?: string | number | boolean | undefined;
8333
+ "background-static-dark-subtle"?: string | number | boolean | undefined;
8307
8334
  "background-primary-prominent"?: string | number | boolean | undefined;
8308
8335
  "background-primary-prominent-active"?: string | number | boolean | undefined;
8309
8336
  "background-primary-prominent-hover"?: string | number | boolean | undefined;
@@ -8354,6 +8381,8 @@ declare const createTheme: <Argument0 extends string | ({
8354
8381
  "border-neutrals-text-subtle-active"?: string | number | boolean | undefined;
8355
8382
  "border-neutrals-text-subtle-hover"?: string | number | boolean | undefined;
8356
8383
  "border-neutrals-transparent"?: string | number | boolean | undefined;
8384
+ "border-static-dark"?: string | number | boolean | undefined;
8385
+ "border-static-dark-subtle"?: string | number | boolean | undefined;
8357
8386
  "border-primary"?: string | number | boolean | undefined;
8358
8387
  "border-primary-active"?: string | number | boolean | undefined;
8359
8388
  "border-primary-hover"?: string | number | boolean | undefined;
@@ -8382,6 +8411,9 @@ declare const createTheme: <Argument0 extends string | ({
8382
8411
  "format-icon-slides"?: string | number | boolean | undefined;
8383
8412
  "format-icon-table"?: string | number | boolean | undefined;
8384
8413
  "format-icon-timeline"?: string | number | boolean | undefined;
8414
+ "notification-background"?: string | number | boolean | undefined;
8415
+ "notification-border"?: string | number | boolean | undefined;
8416
+ "notification-border-subtle"?: string | number | boolean | undefined;
8385
8417
  "popup-background-static"?: string | number | boolean | undefined;
8386
8418
  "popup-text-static"?: string | number | boolean | undefined;
8387
8419
  "tooltip-background"?: string | number | boolean | undefined;
@@ -8406,6 +8438,8 @@ declare const createTheme: <Argument0 extends string | ({
8406
8438
  "icon-neutrals-subtle-hover"?: string | number | boolean | undefined;
8407
8439
  "icon-neutrals-subtle-pressed"?: string | number | boolean | undefined;
8408
8440
  "icon-neutrals-text"?: string | number | boolean | undefined;
8441
+ "icon-on-static-dark"?: string | number | boolean | undefined;
8442
+ "icon-on-static-dark-subtle"?: string | number | boolean | undefined;
8409
8443
  "icon-primary"?: string | number | boolean | undefined;
8410
8444
  "icon-primary-active"?: string | number | boolean | undefined;
8411
8445
  "icon-primary-hover"?: string | number | boolean | undefined;
@@ -8441,6 +8475,9 @@ declare const createTheme: <Argument0 extends string | ({
8441
8475
  "text-neutrals-subtle-active"?: string | number | boolean | undefined;
8442
8476
  "text-neutrals-subtle-hover"?: string | number | boolean | undefined;
8443
8477
  "text-neutrals-subtle-pressed"?: string | number | boolean | undefined;
8478
+ "text-on-static-dark"?: string | number | boolean | undefined;
8479
+ "text-on-static-dark-subtle"?: string | number | boolean | undefined;
8480
+ "text-on-primary"?: string | number | boolean | undefined;
8444
8481
  "text-primary"?: string | number | boolean | undefined;
8445
8482
  "text-primary-active"?: string | number | boolean | undefined;
8446
8483
  "text-primary-hover"?: string | number | boolean | undefined;
@@ -9141,6 +9178,8 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9141
9178
  "background-neutrals-subtle-hover": /*elided*/ any;
9142
9179
  "background-neutrals-subtle-pressed": /*elided*/ any;
9143
9180
  "background-neutrals-transparent": /*elided*/ any;
9181
+ "background-static-dark": /*elided*/ any;
9182
+ "background-static-dark-subtle": /*elided*/ any;
9144
9183
  "background-primary-prominent": /*elided*/ any;
9145
9184
  "background-primary-prominent-active": /*elided*/ any;
9146
9185
  "background-primary-prominent-hover": /*elided*/ any;
@@ -9191,6 +9230,8 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9191
9230
  "border-neutrals-text-subtle-active": /*elided*/ any;
9192
9231
  "border-neutrals-text-subtle-hover": /*elided*/ any;
9193
9232
  "border-neutrals-transparent": /*elided*/ any;
9233
+ "border-static-dark": /*elided*/ any;
9234
+ "border-static-dark-subtle": /*elided*/ any;
9194
9235
  "border-primary": /*elided*/ any;
9195
9236
  "border-primary-active": /*elided*/ any;
9196
9237
  "border-primary-hover": /*elided*/ any;
@@ -9219,6 +9260,9 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9219
9260
  "format-icon-slides": /*elided*/ any;
9220
9261
  "format-icon-table": /*elided*/ any;
9221
9262
  "format-icon-timeline": /*elided*/ any;
9263
+ "notification-background": /*elided*/ any;
9264
+ "notification-border": /*elided*/ any;
9265
+ "notification-border-subtle": /*elided*/ any;
9222
9266
  "popup-background-static": /*elided*/ any;
9223
9267
  "popup-text-static": /*elided*/ any;
9224
9268
  "tooltip-background": /*elided*/ any;
@@ -9243,6 +9287,8 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9243
9287
  "icon-neutrals-subtle-hover": /*elided*/ any;
9244
9288
  "icon-neutrals-subtle-pressed": /*elided*/ any;
9245
9289
  "icon-neutrals-text": /*elided*/ any;
9290
+ "icon-on-static-dark": /*elided*/ any;
9291
+ "icon-on-static-dark-subtle": /*elided*/ any;
9246
9292
  "icon-primary": /*elided*/ any;
9247
9293
  "icon-primary-active": /*elided*/ any;
9248
9294
  "icon-primary-hover": /*elided*/ any;
@@ -9278,6 +9324,9 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9278
9324
  "text-neutrals-subtle-active": /*elided*/ any;
9279
9325
  "text-neutrals-subtle-hover": /*elided*/ any;
9280
9326
  "text-neutrals-subtle-pressed": /*elided*/ any;
9327
+ "text-on-static-dark": /*elided*/ any;
9328
+ "text-on-static-dark-subtle": /*elided*/ any;
9329
+ "text-on-primary": /*elided*/ any;
9281
9330
  "text-primary": /*elided*/ any;
9282
9331
  "text-primary-active": /*elided*/ any;
9283
9332
  "text-primary-hover": /*elided*/ any;
@@ -9730,6 +9779,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9730
9779
  readonly stroke: "colors";
9731
9780
  readonly strokeWidth: "stroke-width";
9732
9781
  readonly textDecorationColor: "colors";
9782
+ readonly textUnderlineOffset: "space";
9733
9783
  readonly textShadow: "shadows";
9734
9784
  readonly top: "space";
9735
9785
  readonly transition: "transitions";
@@ -10141,6 +10191,8 @@ declare const globalCss: <Styles extends {
10141
10191
  "background-neutrals-subtle-hover": /*elided*/ any;
10142
10192
  "background-neutrals-subtle-pressed": /*elided*/ any;
10143
10193
  "background-neutrals-transparent": /*elided*/ any;
10194
+ "background-static-dark": /*elided*/ any;
10195
+ "background-static-dark-subtle": /*elided*/ any;
10144
10196
  "background-primary-prominent": /*elided*/ any;
10145
10197
  "background-primary-prominent-active": /*elided*/ any;
10146
10198
  "background-primary-prominent-hover": /*elided*/ any;
@@ -10191,6 +10243,8 @@ declare const globalCss: <Styles extends {
10191
10243
  "border-neutrals-text-subtle-active": /*elided*/ any;
10192
10244
  "border-neutrals-text-subtle-hover": /*elided*/ any;
10193
10245
  "border-neutrals-transparent": /*elided*/ any;
10246
+ "border-static-dark": /*elided*/ any;
10247
+ "border-static-dark-subtle": /*elided*/ any;
10194
10248
  "border-primary": /*elided*/ any;
10195
10249
  "border-primary-active": /*elided*/ any;
10196
10250
  "border-primary-hover": /*elided*/ any;
@@ -10219,6 +10273,9 @@ declare const globalCss: <Styles extends {
10219
10273
  "format-icon-slides": /*elided*/ any;
10220
10274
  "format-icon-table": /*elided*/ any;
10221
10275
  "format-icon-timeline": /*elided*/ any;
10276
+ "notification-background": /*elided*/ any;
10277
+ "notification-border": /*elided*/ any;
10278
+ "notification-border-subtle": /*elided*/ any;
10222
10279
  "popup-background-static": /*elided*/ any;
10223
10280
  "popup-text-static": /*elided*/ any;
10224
10281
  "tooltip-background": /*elided*/ any;
@@ -10243,6 +10300,8 @@ declare const globalCss: <Styles extends {
10243
10300
  "icon-neutrals-subtle-hover": /*elided*/ any;
10244
10301
  "icon-neutrals-subtle-pressed": /*elided*/ any;
10245
10302
  "icon-neutrals-text": /*elided*/ any;
10303
+ "icon-on-static-dark": /*elided*/ any;
10304
+ "icon-on-static-dark-subtle": /*elided*/ any;
10246
10305
  "icon-primary": /*elided*/ any;
10247
10306
  "icon-primary-active": /*elided*/ any;
10248
10307
  "icon-primary-hover": /*elided*/ any;
@@ -10278,6 +10337,9 @@ declare const globalCss: <Styles extends {
10278
10337
  "text-neutrals-subtle-active": /*elided*/ any;
10279
10338
  "text-neutrals-subtle-hover": /*elided*/ any;
10280
10339
  "text-neutrals-subtle-pressed": /*elided*/ any;
10340
+ "text-on-static-dark": /*elided*/ any;
10341
+ "text-on-static-dark-subtle": /*elided*/ any;
10342
+ "text-on-primary": /*elided*/ any;
10281
10343
  "text-primary": /*elided*/ any;
10282
10344
  "text-primary-active": /*elided*/ any;
10283
10345
  "text-primary-hover": /*elided*/ any;
@@ -10730,6 +10792,7 @@ declare const globalCss: <Styles extends {
10730
10792
  readonly stroke: "colors";
10731
10793
  readonly strokeWidth: "stroke-width";
10732
10794
  readonly textDecorationColor: "colors";
10795
+ readonly textUnderlineOffset: "space";
10733
10796
  readonly textShadow: "shadows";
10734
10797
  readonly top: "space";
10735
10798
  readonly transition: "transitions";
@@ -11123,6 +11186,8 @@ declare const globalCss: <Styles extends {
11123
11186
  "background-neutrals-subtle-hover": /*elided*/ any;
11124
11187
  "background-neutrals-subtle-pressed": /*elided*/ any;
11125
11188
  "background-neutrals-transparent": /*elided*/ any;
11189
+ "background-static-dark": /*elided*/ any;
11190
+ "background-static-dark-subtle": /*elided*/ any;
11126
11191
  "background-primary-prominent": /*elided*/ any;
11127
11192
  "background-primary-prominent-active": /*elided*/ any;
11128
11193
  "background-primary-prominent-hover": /*elided*/ any;
@@ -11173,6 +11238,8 @@ declare const globalCss: <Styles extends {
11173
11238
  "border-neutrals-text-subtle-active": /*elided*/ any;
11174
11239
  "border-neutrals-text-subtle-hover": /*elided*/ any;
11175
11240
  "border-neutrals-transparent": /*elided*/ any;
11241
+ "border-static-dark": /*elided*/ any;
11242
+ "border-static-dark-subtle": /*elided*/ any;
11176
11243
  "border-primary": /*elided*/ any;
11177
11244
  "border-primary-active": /*elided*/ any;
11178
11245
  "border-primary-hover": /*elided*/ any;
@@ -11201,6 +11268,9 @@ declare const globalCss: <Styles extends {
11201
11268
  "format-icon-slides": /*elided*/ any;
11202
11269
  "format-icon-table": /*elided*/ any;
11203
11270
  "format-icon-timeline": /*elided*/ any;
11271
+ "notification-background": /*elided*/ any;
11272
+ "notification-border": /*elided*/ any;
11273
+ "notification-border-subtle": /*elided*/ any;
11204
11274
  "popup-background-static": /*elided*/ any;
11205
11275
  "popup-text-static": /*elided*/ any;
11206
11276
  "tooltip-background": /*elided*/ any;
@@ -11225,6 +11295,8 @@ declare const globalCss: <Styles extends {
11225
11295
  "icon-neutrals-subtle-hover": /*elided*/ any;
11226
11296
  "icon-neutrals-subtle-pressed": /*elided*/ any;
11227
11297
  "icon-neutrals-text": /*elided*/ any;
11298
+ "icon-on-static-dark": /*elided*/ any;
11299
+ "icon-on-static-dark-subtle": /*elided*/ any;
11228
11300
  "icon-primary": /*elided*/ any;
11229
11301
  "icon-primary-active": /*elided*/ any;
11230
11302
  "icon-primary-hover": /*elided*/ any;
@@ -11260,6 +11332,9 @@ declare const globalCss: <Styles extends {
11260
11332
  "text-neutrals-subtle-active": /*elided*/ any;
11261
11333
  "text-neutrals-subtle-hover": /*elided*/ any;
11262
11334
  "text-neutrals-subtle-pressed": /*elided*/ any;
11335
+ "text-on-static-dark": /*elided*/ any;
11336
+ "text-on-static-dark-subtle": /*elided*/ any;
11337
+ "text-on-primary": /*elided*/ any;
11263
11338
  "text-primary": /*elided*/ any;
11264
11339
  "text-primary-active": /*elided*/ any;
11265
11340
  "text-primary-hover": /*elided*/ any;
@@ -11712,6 +11787,7 @@ declare const globalCss: <Styles extends {
11712
11787
  readonly stroke: "colors";
11713
11788
  readonly strokeWidth: "stroke-width";
11714
11789
  readonly textDecorationColor: "colors";
11790
+ readonly textUnderlineOffset: "space";
11715
11791
  readonly textShadow: "shadows";
11716
11792
  readonly top: "space";
11717
11793
  readonly transition: "transitions";
@@ -12108,6 +12184,8 @@ declare const keyframes: (style: {
12108
12184
  "background-neutrals-subtle-hover": /*elided*/ any;
12109
12185
  "background-neutrals-subtle-pressed": /*elided*/ any;
12110
12186
  "background-neutrals-transparent": /*elided*/ any;
12187
+ "background-static-dark": /*elided*/ any;
12188
+ "background-static-dark-subtle": /*elided*/ any;
12111
12189
  "background-primary-prominent": /*elided*/ any;
12112
12190
  "background-primary-prominent-active": /*elided*/ any;
12113
12191
  "background-primary-prominent-hover": /*elided*/ any;
@@ -12158,6 +12236,8 @@ declare const keyframes: (style: {
12158
12236
  "border-neutrals-text-subtle-active": /*elided*/ any;
12159
12237
  "border-neutrals-text-subtle-hover": /*elided*/ any;
12160
12238
  "border-neutrals-transparent": /*elided*/ any;
12239
+ "border-static-dark": /*elided*/ any;
12240
+ "border-static-dark-subtle": /*elided*/ any;
12161
12241
  "border-primary": /*elided*/ any;
12162
12242
  "border-primary-active": /*elided*/ any;
12163
12243
  "border-primary-hover": /*elided*/ any;
@@ -12186,6 +12266,9 @@ declare const keyframes: (style: {
12186
12266
  "format-icon-slides": /*elided*/ any;
12187
12267
  "format-icon-table": /*elided*/ any;
12188
12268
  "format-icon-timeline": /*elided*/ any;
12269
+ "notification-background": /*elided*/ any;
12270
+ "notification-border": /*elided*/ any;
12271
+ "notification-border-subtle": /*elided*/ any;
12189
12272
  "popup-background-static": /*elided*/ any;
12190
12273
  "popup-text-static": /*elided*/ any;
12191
12274
  "tooltip-background": /*elided*/ any;
@@ -12210,6 +12293,8 @@ declare const keyframes: (style: {
12210
12293
  "icon-neutrals-subtle-hover": /*elided*/ any;
12211
12294
  "icon-neutrals-subtle-pressed": /*elided*/ any;
12212
12295
  "icon-neutrals-text": /*elided*/ any;
12296
+ "icon-on-static-dark": /*elided*/ any;
12297
+ "icon-on-static-dark-subtle": /*elided*/ any;
12213
12298
  "icon-primary": /*elided*/ any;
12214
12299
  "icon-primary-active": /*elided*/ any;
12215
12300
  "icon-primary-hover": /*elided*/ any;
@@ -12245,6 +12330,9 @@ declare const keyframes: (style: {
12245
12330
  "text-neutrals-subtle-active": /*elided*/ any;
12246
12331
  "text-neutrals-subtle-hover": /*elided*/ any;
12247
12332
  "text-neutrals-subtle-pressed": /*elided*/ any;
12333
+ "text-on-static-dark": /*elided*/ any;
12334
+ "text-on-static-dark-subtle": /*elided*/ any;
12335
+ "text-on-primary": /*elided*/ any;
12248
12336
  "text-primary": /*elided*/ any;
12249
12337
  "text-primary-active": /*elided*/ any;
12250
12338
  "text-primary-hover": /*elided*/ any;
@@ -12697,6 +12785,7 @@ declare const keyframes: (style: {
12697
12785
  readonly stroke: "colors";
12698
12786
  readonly strokeWidth: "stroke-width";
12699
12787
  readonly textDecorationColor: "colors";
12788
+ readonly textUnderlineOffset: "space";
12700
12789
  readonly textShadow: "shadows";
12701
12790
  readonly top: "space";
12702
12791
  readonly transition: "transitions";
@@ -12890,6 +12979,7 @@ declare const themeMap: {
12890
12979
  readonly stroke: "colors";
12891
12980
  readonly strokeWidth: "stroke-width";
12892
12981
  readonly textDecorationColor: "colors";
12982
+ readonly textUnderlineOffset: "space";
12893
12983
  readonly textShadow: "shadows";
12894
12984
  readonly top: "space";
12895
12985
  readonly transition: "transitions";
@@ -13262,6 +13352,8 @@ declare const theme: {
13262
13352
  "background-neutrals-subtle-hover": _mirohq_design_system_themes.Color;
13263
13353
  "background-neutrals-subtle-pressed": _mirohq_design_system_themes.Color;
13264
13354
  "background-neutrals-transparent": _mirohq_design_system_themes.Color;
13355
+ "background-static-dark": _mirohq_design_system_themes.Color;
13356
+ "background-static-dark-subtle": _mirohq_design_system_themes.Color;
13265
13357
  "background-primary-prominent": _mirohq_design_system_themes.Color;
13266
13358
  "background-primary-prominent-active": _mirohq_design_system_themes.Color;
13267
13359
  "background-primary-prominent-hover": _mirohq_design_system_themes.Color;
@@ -13312,6 +13404,8 @@ declare const theme: {
13312
13404
  "border-neutrals-text-subtle-active": _mirohq_design_system_themes.Color;
13313
13405
  "border-neutrals-text-subtle-hover": _mirohq_design_system_themes.Color;
13314
13406
  "border-neutrals-transparent": _mirohq_design_system_themes.Color;
13407
+ "border-static-dark": _mirohq_design_system_themes.Color;
13408
+ "border-static-dark-subtle": _mirohq_design_system_themes.Color;
13315
13409
  "border-primary": _mirohq_design_system_themes.Color;
13316
13410
  "border-primary-active": _mirohq_design_system_themes.Color;
13317
13411
  "border-primary-hover": _mirohq_design_system_themes.Color;
@@ -13340,6 +13434,9 @@ declare const theme: {
13340
13434
  "format-icon-slides": _mirohq_design_system_themes.Color;
13341
13435
  "format-icon-table": _mirohq_design_system_themes.Color;
13342
13436
  "format-icon-timeline": _mirohq_design_system_themes.Color;
13437
+ "notification-background": _mirohq_design_system_themes.Color;
13438
+ "notification-border": _mirohq_design_system_themes.Color;
13439
+ "notification-border-subtle": _mirohq_design_system_themes.Color;
13343
13440
  "popup-background-static": _mirohq_design_system_themes.Color;
13344
13441
  "popup-text-static": _mirohq_design_system_themes.Color;
13345
13442
  "tooltip-background": _mirohq_design_system_themes.Color;
@@ -13364,6 +13461,8 @@ declare const theme: {
13364
13461
  "icon-neutrals-subtle-hover": _mirohq_design_system_themes.Color;
13365
13462
  "icon-neutrals-subtle-pressed": _mirohq_design_system_themes.Color;
13366
13463
  "icon-neutrals-text": _mirohq_design_system_themes.Color;
13464
+ "icon-on-static-dark": _mirohq_design_system_themes.Color;
13465
+ "icon-on-static-dark-subtle": _mirohq_design_system_themes.Color;
13367
13466
  "icon-primary": _mirohq_design_system_themes.Color;
13368
13467
  "icon-primary-active": _mirohq_design_system_themes.Color;
13369
13468
  "icon-primary-hover": _mirohq_design_system_themes.Color;
@@ -13399,6 +13498,9 @@ declare const theme: {
13399
13498
  "text-neutrals-subtle-active": _mirohq_design_system_themes.Color;
13400
13499
  "text-neutrals-subtle-hover": _mirohq_design_system_themes.Color;
13401
13500
  "text-neutrals-subtle-pressed": _mirohq_design_system_themes.Color;
13501
+ "text-on-static-dark": _mirohq_design_system_themes.Color;
13502
+ "text-on-static-dark-subtle": _mirohq_design_system_themes.Color;
13503
+ "text-on-primary": _mirohq_design_system_themes.Color;
13402
13504
  "text-primary": _mirohq_design_system_themes.Color;
13403
13505
  "text-primary-active": _mirohq_design_system_themes.Color;
13404
13506
  "text-primary-hover": _mirohq_design_system_themes.Color;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "3.2.1",
3
+ "version": "3.3.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "lodash.merge": "^4.6.2",
30
- "@mirohq/design-system-themes": "^1.1.1",
31
- "@mirohq/design-tokens": "^7.0.1",
32
- "@mirohq/design-system-types": "^1.0.2"
30
+ "@mirohq/design-system-themes": "^1.1.2",
31
+ "@mirohq/design-system-types": "^1.0.3",
32
+ "@mirohq/design-tokens": "^7.1.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"