@mirohq/design-system-stitches 2.2.5 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +2 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +2 -0
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +54 -0
- package/package.json +2 -2
package/dist/main.js
CHANGED
|
@@ -133,6 +133,7 @@ const themeMap = {
|
|
|
133
133
|
scrollPaddingRight: "space-inset",
|
|
134
134
|
scrollPaddingTop: "space-inset",
|
|
135
135
|
stroke: "colors",
|
|
136
|
+
strokeWidth: "stroke-width",
|
|
136
137
|
textDecorationColor: "colors",
|
|
137
138
|
textShadow: "shadows",
|
|
138
139
|
top: "space",
|
|
@@ -152,6 +153,7 @@ const theme$1 = {
|
|
|
152
153
|
"space-gap": designTokens.Tokens.spaceGap,
|
|
153
154
|
"space-inset": designTokens.Tokens.spaceInset,
|
|
154
155
|
"space-offset": designTokens.Tokens.spaceOffset,
|
|
156
|
+
"stroke-width": designTokens.Tokens.strokeWidths,
|
|
155
157
|
"z-indices": designTokens.Tokens.zIndices
|
|
156
158
|
};
|
|
157
159
|
|
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 borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n 'border-widths': typeof Tokens.borderWidths\n colors: typeof Tokens.colors\n 'font-sizes': typeof Tokens.fontSizes\n radii: typeof Tokens.radii\n shadows: typeof Tokens.shadows\n sizes: typeof Tokens.sizes\n space: typeof Tokens.space\n 'space-gap': typeof Tokens.spaceGap\n 'space-inset': typeof Tokens.spaceInset\n 'space-offset': typeof Tokens.spaceOffset\n 'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': Tokens.borderWidths,\n colors: Tokens.colors,\n 'font-sizes': Tokens.fontSizes,\n radii: Tokens.radii,\n shadows: Tokens.shadows,\n sizes: Tokens.sizes,\n space: Tokens.space,\n 'space-gap': Tokens.spaceGap,\n 'space-inset': Tokens.spaceInset,\n 'space-offset': Tokens.spaceOffset,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
|
|
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 borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\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 'stroke-width': typeof Tokens.strokeWidths\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 'stroke-width': Tokens.strokeWidths,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","Tokens","createStitches","defaultTheme","styled","stitches.theme","stitches.styled","React","stitches.prefix","stitches.config","stitchesTheme"],"mappings":";;;;;;;;;;;;AAAO,MAAM,QAAW,GAAA;AAAA,EACtB,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,QAAA;AAAA,EACjB,eAAiB,EAAA,QAAA;AAAA,EACjB,SAAW,EAAA,OAAA;AAAA,EACX,MAAQ,EAAA,QAAA;AAAA,EACR,WAAa,EAAA,QAAA;AAAA,EACb,cAAgB,EAAA,QAAA;AAAA,EAChB,gBAAkB,EAAA,QAAA;AAAA,EAClB,YAAc,EAAA,QAAA;AAAA,EACd,iBAAmB,EAAA,QAAA;AAAA,EACnB,sBAAwB,EAAA,OAAA;AAAA,EACxB,uBAAyB,EAAA,OAAA;AAAA,EACzB,iBAAmB,EAAA,eAAA;AAAA,EACnB,iBAAmB,EAAA,eAAA;AAAA,EACnB,WAAa,EAAA,QAAA;AAAA,EACb,WAAa,EAAA,QAAA;AAAA,EACb,YAAc,EAAA,QAAA;AAAA,EACd,eAAiB,EAAA,QAAA;AAAA,EACjB,iBAAmB,EAAA,QAAA;AAAA,EACnB,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,QAAA;AAAA,EACjB,eAAiB,EAAA,eAAA;AAAA,EACjB,eAAiB,EAAA,eAAA;AAAA,EACjB,YAAc,EAAA,OAAA;AAAA,EACd,WAAa,EAAA,QAAA;AAAA,EACb,gBAAkB,EAAA,QAAA;AAAA,EAClB,gBAAkB,EAAA,eAAA;AAAA,EAClB,gBAAkB,EAAA,eAAA;AAAA,EAClB,WAAa,EAAA,eAAA;AAAA,EACb,SAAW,EAAA,QAAA;AAAA,EACX,cAAgB,EAAA,QAAA;AAAA,EAChB,mBAAqB,EAAA,OAAA;AAAA,EACrB,oBAAsB,EAAA,OAAA;AAAA,EACtB,cAAgB,EAAA,eAAA;AAAA,EAChB,cAAgB,EAAA,eAAA;AAAA,EAChB,WAAa,EAAA,eAAA;AAAA,EACb,MAAQ,EAAA,OAAA;AAAA,EACR,SAAW,EAAA,SAAA;AAAA,EACX,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,QAAA;AAAA,EACP,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,QAAA;AAAA,EACjB,IAAM,EAAA,QAAA;AAAA,EACN,SAAW,EAAA,OAAA;AAAA,EACX,UAAY,EAAA,OAAA;AAAA,EACZ,QAAU,EAAA,YAAA;AAAA,EACV,UAAY,EAAA,cAAA;AAAA,EACZ,GAAK,EAAA,WAAA;AAAA,EACL,aAAe,EAAA,WAAA;AAAA,EACf,OAAS,EAAA,WAAA;AAAA,EACT,UAAY,EAAA,WAAA;AAAA,EACZ,mBAAqB,EAAA,OAAA;AAAA,EACrB,gBAAkB,EAAA,OAAA;AAAA,EAClB,MAAQ,EAAA,OAAA;AAAA,EACR,UAAY,EAAA,OAAA;AAAA,EACZ,KAAO,EAAA,aAAA;AAAA,EACP,UAAY,EAAA,aAAA;AAAA,EACZ,aAAe,EAAA,aAAA;AAAA,EACf,eAAiB,EAAA,aAAA;AAAA,EACjB,WAAa,EAAA,aAAA;AAAA,EACb,cAAgB,EAAA,aAAA;AAAA,EAChB,gBAAkB,EAAA,aAAA;AAAA,EAClB,IAAM,EAAA,OAAA;AAAA,EACN,aAAe,EAAA,iBAAA;AAAA,EACf,UAAY,EAAA,cAAA;AAAA,EACZ,MAAQ,EAAA,cAAA;AAAA,EACR,WAAa,EAAA,cAAA;AAAA,EACb,cAAgB,EAAA,cAAA;AAAA,EAChB,gBAAkB,EAAA,cAAA;AAAA,EAClB,YAAc,EAAA,cAAA;AAAA,EACd,YAAc,EAAA,cAAA;AAAA,EACd,eAAiB,EAAA,cAAA;AAAA,EACjB,iBAAmB,EAAA,cAAA;AAAA,EACnB,UAAY,EAAA,cAAA;AAAA,EACZ,WAAa,EAAA,cAAA;AAAA,EACb,SAAW,EAAA,cAAA;AAAA,EACX,YAAc,EAAA,OAAA;AAAA,EACd,SAAW,EAAA,OAAA;AAAA,EACX,aAAe,EAAA,OAAA;AAAA,EACf,QAAU,EAAA,OAAA;AAAA,EACV,YAAc,EAAA,OAAA;AAAA,EACd,SAAW,EAAA,OAAA;AAAA,EACX,aAAe,EAAA,OAAA;AAAA,EACf,QAAU,EAAA,OAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,YAAc,EAAA,QAAA;AAAA,EACd,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA,aAAA;AAAA,EACd,eAAiB,EAAA,aAAA;AAAA,EACjB,iBAAmB,EAAA,aAAA;AAAA,EACnB,aAAe,EAAA,aAAA;AAAA,EACf,aAAe,EAAA,aAAA;AAAA,EACf,gBAAkB,EAAA,aAAA;AAAA,EAClB,kBAAoB,EAAA,aAAA;AAAA,EACpB,WAAa,EAAA,aAAA;AAAA,EACb,YAAc,EAAA,aAAA;AAAA,EACd,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,cAAA;AAAA,EACd,iBAAmB,EAAA,cAAA;AAAA,EACnB,oBAAsB,EAAA,cAAA;AAAA,EACtB,sBAAwB,EAAA,cAAA;AAAA,EACxB,kBAAoB,EAAA,cAAA;AAAA,EACpB,kBAAoB,EAAA,cAAA;AAAA,EACpB,qBAAuB,EAAA,cAAA;AAAA,EACvB,uBAAyB,EAAA,cAAA;AAAA,EACzB,gBAAkB,EAAA,cAAA;AAAA,EAClB,iBAAmB,EAAA,cAAA;AAAA,EACnB,eAAiB,EAAA,cAAA;AAAA,EACjB,aAAe,EAAA,aAAA;AAAA,EACf,kBAAoB,EAAA,aAAA;AAAA,EACpB,qBAAuB,EAAA,aAAA;AAAA,EACvB,uBAAyB,EAAA,aAAA;AAAA,EACzB,mBAAqB,EAAA,aAAA;AAAA,EACrB,mBAAqB,EAAA,aAAA;AAAA,EACrB,sBAAwB,EAAA,aAAA;AAAA,EACxB,wBAA0B,EAAA,aAAA;AAAA,EAC1B,iBAAmB,EAAA,aAAA;AAAA,EACnB,kBAAoB,EAAA,aAAA;AAAA,EACpB,gBAAkB,EAAA,aAAA;AAAA,EAClB,MAAQ,EAAA,QAAA;AAAA,EACR,WAAa,EAAA,cAAA;AAAA,EACb,mBAAqB,EAAA,QAAA;AAAA,EACrB,UAAY,EAAA,SAAA;AAAA,EACZ,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AACV;;ACjHO,MAAMA,OAAe,GAAA;AAAA,EAC1B,iBAAiBC,mBAAO,CAAA,YAAA;AAAA,EACxB,QAAQA,mBAAO,CAAA,MAAA;AAAA,EACf,cAAcA,mBAAO,CAAA,SAAA;AAAA,EACrB,OAAOA,mBAAO,CAAA,KAAA;AAAA,EACd,SAASA,mBAAO,CAAA,OAAA;AAAA,EAChB,OAAOA,mBAAO,CAAA,KAAA;AAAA,EACd,OAAOA,mBAAO,CAAA,KAAA;AAAA,EACd,aAAaA,mBAAO,CAAA,QAAA;AAAA,EACpB,eAAeA,mBAAO,CAAA,UAAA;AAAA,EACtB,gBAAgBA,mBAAO,CAAA,WAAA;AAAA,EACvB,gBAAgBA,mBAAO,CAAA,YAAA;AAAA,EACvB,aAAaA,mBAAO,CAAA,QAAA;AACtB;;AC5BO,MAAM,KAAQ,GAAA;AAAA,EACnB,QAAA,EAAU,CAAC,KAAqC,MAAA;AAAA,IAC9C,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,KAAA;AAAA,GAChB,CAAA;AAAA,EACA,QAAA,EAAU,CAAC,KAAqC,MAAA;AAAA,IAC9C,UAAY,EAAA,KAAA;AAAA,IACZ,aAAe,EAAA,KAAA;AAAA,GACjB,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAoC,MAAA;AAAA,IAC5C,UAAY,EAAA,KAAA;AAAA,IACZ,WAAa,EAAA,KAAA;AAAA,GACf,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAoC,MAAA;AAAA,IAC5C,SAAW,EAAA,KAAA;AAAA,IACX,YAAc,EAAA,KAAA;AAAA,GAChB,CAAA;AAAA,EACA,MAAA,EAAQ,CAAC,KAAmC,MAAA;AAAA,IAC1C,KAAO,EAAA,KAAA;AAAA,IACP,MAAQ,EAAA,KAAA;AAAA,GACV,CAAA;AACF,CAAA;;ACjBO,MAAM,QAAQ,EAIrB;;ACLA,MAAM,WAAWC,oBAAe,CAAA;AAAA,EAC9B,KAAO,EAAAC,OAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AACF,CAAC,CAAA,CAAA;AAEY,MAAA;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,KAAA;AACF,CAAI,GAAA,SAAA;AAIS,MAAA,QAAA,GAAW,CAAI,GAAA,KAAA,KAC1B,SAAU,CAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAChB,CAAC,CAAE;;ACzBE,SAAS,SACd,KACM,EAAA;AACN,EAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,IACb,GAAG,MAAO,CAAA,KAAA;AAAA,IACV,GAAG,KAAA;AAAA,GACL,CAAA;AACF,CAAA;AAEO,SAAS,YACd,KACM,EAAA;AACN,EAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,IACb,GAAG,MAAO,CAAA,KAAA;AAAA,IACV,GAAG,KAAA;AAAA,GACL,CAAA;AACF;;ACQO,MAAM,QACX,GAAA,oEAAA;AAEK,MAAM,mBACX,GAAA,kFAAA;AAKF,MAAM,mBAAmB,CACvB,KAAA,EACA,aAEC,MAAO,CAAA,OAAA,CAAQ,KAAK,CAA+B,CAAA,MAAA;AAAA,EAClD,CAAC,GAAA,EAAK,CAAC,IAAA,EAAM,KAAK,CAAM,KAAA;AA1C5B,IAAA,IAAA,EAAA,CAAA;AA4CM,IAAA,MAAM,gBAAgB,QAAS,CAAA,IAAA,CAAA,CAAA;AAC/B,IAAM,MAAA,OAAA,GAAUC,KAAe,CAAA,aAAA,CAAA,CAAA;AAI/B,IAAA,MAAM,WACJ,GAAA,OAAO,KAAU,KAAA,QAAA,IAAY,SAAS,IAAK,CAAA,KAAK,CAC5C,GAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,MAAM,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,CAAA,KAA7B,mBAAiC,aACjC,GAAA,KAAA,CAAA;AAEN,IAAO,OAAA;AAAA,MACL,GAAG,GAAA;AAAA,MACH,CAAC,IAAO,GAAA,WAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA,EACA,EAAC;AACH,CAAA,CAAA;AA4DW,MAAA,MAAA,GAAS,CAYpB,OAAA,EACA,SACG,KAAA;AACH,EAAA,MAAM,kBAAkBC,QAAS,CAAO,OAAS,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EAAE,CAAA,CAAA;AAchE,EAAA,MAAM,YAAYC,yBAAM,CAAA,UAAA;AAAA,IACtB,CAAC,OAAO,UAAe,KAAA;AACrB,MAAM,MAAA;AAAA,QACJ,EAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACG,GAAA,SAAA;AAAA,OACD,GAAA,KAAA,CAAA;AAKJ,MAAA,MAAM,oBACJ,OAAO,SAAA,KAAc,QACjB,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CACI,MAAM,GACP,CAAA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,EAAE,KAAM,CAAA,CAAA,EAAGC,MAAqB,CAAA,IAAA,CAAA,CAAA,CAAA,CACtD,KAAK,GACR,CAAA,GAAA,EAAA,CAAA;AAEN,MAAM,MAAA,WAAA,GACJ,YAAiB,KAAA,KAAA,CAAA,GACb,gBAAiB,CAAA,YAAA,EAAcC,MAAS,CAAO,QAAQ,CAAA,GACvD,iBAAsB,KAAA,EAAA,GACtB,KACA,GAAA,KAAA,CAAA,CAAA;AAEN,MAAA,IACG,cAAc,KAAa,CAAA,IAAA,iBAAA,KAAsB,SACjD,IAAA,OAAO,UAAU,QAChB,IAAA,KAAA,KAAU,IACV,IAAA,MAAA,CAAO,KAAK,KAAK,CAAA,CAAE,MAAS,GAAA,CAAA,IAC5B,sBAAsB,EACxB,EAAA;AACA,QAAA,OAAA,CAAQ,MAAM,mBAAmB,CAAA,CAAA;AAAA,OACnC;AAEA,MAAA,IAAI,OAAO,KAAW,CAAA,EAAA;AACpB,QAAA,OAAA,CAAQ,MAAM,QAAQ,CAAA,CAAA;AAAA,OACxB;AAEA,MAAA,uBACGF,yBAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,QACE,GAAI,SAAA;AAAA,QACL,SAAW,EAAA,iBAAA;AAAA,QACX,KAAO,EAAA,WAAA;AAAA,QACP,GAAK,EAAA,UAAA;AAAA,OACP,CAAA,CAAA;AAAA,KAEJ;AAAA,GACF,CAAA;AASA,EAAA,SAAA,CAAU,WAAc,GAAA,mBAAA,CAAA;AACxB,EAAA,SAAA,CAAU,WAAW,eAAgB,CAAA,QAAA,CAAA;AACrC,EAAA,SAAA,CAAU,YAAY,eAAgB,CAAA,SAAA,CAAA;AACtC,EAAA,SAAA,CAAU,WAAW,eAAgB,CAAA,QAAA,CAAA;AAErC,EAAO,OAAA,SAAA,CAAA;AACT;;ACxMO,MAAM,eAAkB,GAAA;AAAA,EAC7B,MAAA;AAAA,EACA,UAAUG,KAAc,CAAA,QAAA;AAAA,EACxB,WAAWA,KAAc,CAAA,SAAA;AAC3B;;;;;;;;;;;;;;;;;"}
|
package/dist/module.js
CHANGED
|
@@ -125,6 +125,7 @@ const themeMap = {
|
|
|
125
125
|
scrollPaddingRight: "space-inset",
|
|
126
126
|
scrollPaddingTop: "space-inset",
|
|
127
127
|
stroke: "colors",
|
|
128
|
+
strokeWidth: "stroke-width",
|
|
128
129
|
textDecorationColor: "colors",
|
|
129
130
|
textShadow: "shadows",
|
|
130
131
|
top: "space",
|
|
@@ -144,6 +145,7 @@ const theme$1 = {
|
|
|
144
145
|
"space-gap": Tokens.spaceGap,
|
|
145
146
|
"space-inset": Tokens.spaceInset,
|
|
146
147
|
"space-offset": Tokens.spaceOffset,
|
|
148
|
+
"stroke-width": Tokens.strokeWidths,
|
|
147
149
|
"z-indices": Tokens.zIndices
|
|
148
150
|
};
|
|
149
151
|
|
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 borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\n\nexport interface Theme {\n 'border-widths': typeof Tokens.borderWidths\n colors: typeof Tokens.colors\n 'font-sizes': typeof Tokens.fontSizes\n radii: typeof Tokens.radii\n shadows: typeof Tokens.shadows\n sizes: typeof Tokens.sizes\n space: typeof Tokens.space\n 'space-gap': typeof Tokens.spaceGap\n 'space-inset': typeof Tokens.spaceInset\n 'space-offset': typeof Tokens.spaceOffset\n 'z-indices': typeof Tokens.zIndices\n}\n\nexport const theme: Theme = {\n 'border-widths': Tokens.borderWidths,\n colors: Tokens.colors,\n 'font-sizes': Tokens.fontSizes,\n radii: Tokens.radii,\n shadows: Tokens.shadows,\n sizes: Tokens.sizes,\n space: Tokens.space,\n 'space-gap': Tokens.spaceGap,\n 'space-inset': Tokens.spaceInset,\n 'space-offset': Tokens.spaceOffset,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":";;;;AAAO,MAAM,QAAW,GAAA;AAAA,EACtB,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,QAAA;AAAA,EACjB,eAAiB,EAAA,QAAA;AAAA,EACjB,SAAW,EAAA,OAAA;AAAA,EACX,MAAQ,EAAA,QAAA;AAAA,EACR,WAAa,EAAA,QAAA;AAAA,EACb,cAAgB,EAAA,QAAA;AAAA,EAChB,gBAAkB,EAAA,QAAA;AAAA,EAClB,YAAc,EAAA,QAAA;AAAA,EACd,iBAAmB,EAAA,QAAA;AAAA,EACnB,sBAAwB,EAAA,OAAA;AAAA,EACxB,uBAAyB,EAAA,OAAA;AAAA,EACzB,iBAAmB,EAAA,eAAA;AAAA,EACnB,iBAAmB,EAAA,eAAA;AAAA,EACnB,WAAa,EAAA,QAAA;AAAA,EACb,WAAa,EAAA,QAAA;AAAA,EACb,YAAc,EAAA,QAAA;AAAA,EACd,eAAiB,EAAA,QAAA;AAAA,EACjB,iBAAmB,EAAA,QAAA;AAAA,EACnB,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,QAAA;AAAA,EACjB,eAAiB,EAAA,eAAA;AAAA,EACjB,eAAiB,EAAA,eAAA;AAAA,EACjB,YAAc,EAAA,OAAA;AAAA,EACd,WAAa,EAAA,QAAA;AAAA,EACb,gBAAkB,EAAA,QAAA;AAAA,EAClB,gBAAkB,EAAA,eAAA;AAAA,EAClB,gBAAkB,EAAA,eAAA;AAAA,EAClB,WAAa,EAAA,eAAA;AAAA,EACb,SAAW,EAAA,QAAA;AAAA,EACX,cAAgB,EAAA,QAAA;AAAA,EAChB,mBAAqB,EAAA,OAAA;AAAA,EACrB,oBAAsB,EAAA,OAAA;AAAA,EACtB,cAAgB,EAAA,eAAA;AAAA,EAChB,cAAgB,EAAA,eAAA;AAAA,EAChB,WAAa,EAAA,eAAA;AAAA,EACb,MAAQ,EAAA,OAAA;AAAA,EACR,SAAW,EAAA,SAAA;AAAA,EACX,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,QAAA;AAAA,EACP,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,QAAA;AAAA,EACjB,IAAM,EAAA,QAAA;AAAA,EACN,SAAW,EAAA,OAAA;AAAA,EACX,UAAY,EAAA,OAAA;AAAA,EACZ,QAAU,EAAA,YAAA;AAAA,EACV,UAAY,EAAA,cAAA;AAAA,EACZ,GAAK,EAAA,WAAA;AAAA,EACL,aAAe,EAAA,WAAA;AAAA,EACf,OAAS,EAAA,WAAA;AAAA,EACT,UAAY,EAAA,WAAA;AAAA,EACZ,mBAAqB,EAAA,OAAA;AAAA,EACrB,gBAAkB,EAAA,OAAA;AAAA,EAClB,MAAQ,EAAA,OAAA;AAAA,EACR,UAAY,EAAA,OAAA;AAAA,EACZ,KAAO,EAAA,aAAA;AAAA,EACP,UAAY,EAAA,aAAA;AAAA,EACZ,aAAe,EAAA,aAAA;AAAA,EACf,eAAiB,EAAA,aAAA;AAAA,EACjB,WAAa,EAAA,aAAA;AAAA,EACb,cAAgB,EAAA,aAAA;AAAA,EAChB,gBAAkB,EAAA,aAAA;AAAA,EAClB,IAAM,EAAA,OAAA;AAAA,EACN,aAAe,EAAA,iBAAA;AAAA,EACf,UAAY,EAAA,cAAA;AAAA,EACZ,MAAQ,EAAA,cAAA;AAAA,EACR,WAAa,EAAA,cAAA;AAAA,EACb,cAAgB,EAAA,cAAA;AAAA,EAChB,gBAAkB,EAAA,cAAA;AAAA,EAClB,YAAc,EAAA,cAAA;AAAA,EACd,YAAc,EAAA,cAAA;AAAA,EACd,eAAiB,EAAA,cAAA;AAAA,EACjB,iBAAmB,EAAA,cAAA;AAAA,EACnB,UAAY,EAAA,cAAA;AAAA,EACZ,WAAa,EAAA,cAAA;AAAA,EACb,SAAW,EAAA,cAAA;AAAA,EACX,YAAc,EAAA,OAAA;AAAA,EACd,SAAW,EAAA,OAAA;AAAA,EACX,aAAe,EAAA,OAAA;AAAA,EACf,QAAU,EAAA,OAAA;AAAA,EACV,YAAc,EAAA,OAAA;AAAA,EACd,SAAW,EAAA,OAAA;AAAA,EACX,aAAe,EAAA,OAAA;AAAA,EACf,QAAU,EAAA,OAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,YAAc,EAAA,QAAA;AAAA,EACd,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA,aAAA;AAAA,EACd,eAAiB,EAAA,aAAA;AAAA,EACjB,iBAAmB,EAAA,aAAA;AAAA,EACnB,aAAe,EAAA,aAAA;AAAA,EACf,aAAe,EAAA,aAAA;AAAA,EACf,gBAAkB,EAAA,aAAA;AAAA,EAClB,kBAAoB,EAAA,aAAA;AAAA,EACpB,WAAa,EAAA,aAAA;AAAA,EACb,YAAc,EAAA,aAAA;AAAA,EACd,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,cAAA;AAAA,EACd,iBAAmB,EAAA,cAAA;AAAA,EACnB,oBAAsB,EAAA,cAAA;AAAA,EACtB,sBAAwB,EAAA,cAAA;AAAA,EACxB,kBAAoB,EAAA,cAAA;AAAA,EACpB,kBAAoB,EAAA,cAAA;AAAA,EACpB,qBAAuB,EAAA,cAAA;AAAA,EACvB,uBAAyB,EAAA,cAAA;AAAA,EACzB,gBAAkB,EAAA,cAAA;AAAA,EAClB,iBAAmB,EAAA,cAAA;AAAA,EACnB,eAAiB,EAAA,cAAA;AAAA,EACjB,aAAe,EAAA,aAAA;AAAA,EACf,kBAAoB,EAAA,aAAA;AAAA,EACpB,qBAAuB,EAAA,aAAA;AAAA,EACvB,uBAAyB,EAAA,aAAA;AAAA,EACzB,mBAAqB,EAAA,aAAA;AAAA,EACrB,mBAAqB,EAAA,aAAA;AAAA,EACrB,sBAAwB,EAAA,aAAA;AAAA,EACxB,wBAA0B,EAAA,aAAA;AAAA,EAC1B,iBAAmB,EAAA,aAAA;AAAA,EACnB,kBAAoB,EAAA,aAAA;AAAA,EACpB,gBAAkB,EAAA,aAAA;AAAA,EAClB,MAAQ,EAAA,QAAA;AAAA,EACR,mBAAqB,EAAA,QAAA;AAAA,EACrB,UAAY,EAAA,SAAA;AAAA,EACZ,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AACV;;ACjHO,MAAMA,OAAe,GAAA;AAAA,EAC1B,iBAAiB,MAAO,CAAA,YAAA;AAAA,EACxB,QAAQ,MAAO,CAAA,MAAA;AAAA,EACf,cAAc,MAAO,CAAA,SAAA;AAAA,EACrB,OAAO,MAAO,CAAA,KAAA;AAAA,EACd,SAAS,MAAO,CAAA,OAAA;AAAA,EAChB,OAAO,MAAO,CAAA,KAAA;AAAA,EACd,OAAO,MAAO,CAAA,KAAA;AAAA,EACd,aAAa,MAAO,CAAA,QAAA;AAAA,EACpB,eAAe,MAAO,CAAA,UAAA;AAAA,EACtB,gBAAgB,MAAO,CAAA,WAAA;AAAA,EACvB,aAAa,MAAO,CAAA,QAAA;AACtB;;AC1BO,MAAM,KAAQ,GAAA;AAAA,EACnB,QAAA,EAAU,CAAC,KAAqC,MAAA;AAAA,IAC9C,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,KAAA;AAAA,GAChB,CAAA;AAAA,EACA,QAAA,EAAU,CAAC,KAAqC,MAAA;AAAA,IAC9C,UAAY,EAAA,KAAA;AAAA,IACZ,aAAe,EAAA,KAAA;AAAA,GACjB,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAoC,MAAA;AAAA,IAC5C,UAAY,EAAA,KAAA;AAAA,IACZ,WAAa,EAAA,KAAA;AAAA,GACf,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,KAAoC,MAAA;AAAA,IAC5C,SAAW,EAAA,KAAA;AAAA,IACX,YAAc,EAAA,KAAA;AAAA,GAChB,CAAA;AAAA,EACA,MAAA,EAAQ,CAAC,KAAmC,MAAA;AAAA,IAC1C,KAAO,EAAA,KAAA;AAAA,IACP,MAAQ,EAAA,KAAA;AAAA,GACV,CAAA;AACF,CAAA;;ACjBO,MAAM,QAAQ,EAIrB;;ACLA,MAAM,WAAW,cAAe,CAAA;AAAA,EAC9B,KAAO,EAAAC,OAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AACF,CAAC,CAAA,CAAA;AAEY,MAAA;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,KAAA;AACF,CAAI,GAAA,SAAA;AAIS,MAAA,QAAA,GAAW,CAAI,GAAA,KAAA,KAC1B,SAAU,CAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAChB,CAAC,CAAE;;ACzBE,SAAS,SACd,KACM,EAAA;AACN,EAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,IACb,GAAG,MAAO,CAAA,KAAA;AAAA,IACV,GAAG,KAAA;AAAA,GACL,CAAA;AACF,CAAA;AAEO,SAAS,YACd,KACM,EAAA;AACN,EAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,IACb,GAAG,MAAO,CAAA,KAAA;AAAA,IACV,GAAG,KAAA;AAAA,GACL,CAAA;AACF;;ACQO,MAAM,QACX,GAAA,oEAAA;AAEK,MAAM,mBACX,GAAA,kFAAA;AAKF,MAAM,mBAAmB,CACvB,KAAA,EACA,aAEC,MAAO,CAAA,OAAA,CAAQ,KAAK,CAA+B,CAAA,MAAA;AAAA,EAClD,CAAC,GAAA,EAAK,CAAC,IAAA,EAAM,KAAK,CAAM,KAAA;AA1C5B,IAAA,IAAA,EAAA,CAAA;AA4CM,IAAA,MAAM,gBAAgB,QAAS,CAAA,IAAA,CAAA,CAAA;AAC/B,IAAM,MAAA,OAAA,GAAUC,KAAe,CAAA,aAAA,CAAA,CAAA;AAI/B,IAAA,MAAM,WACJ,GAAA,OAAO,KAAU,KAAA,QAAA,IAAY,SAAS,IAAK,CAAA,KAAK,CAC5C,GAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,MAAM,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,CAAA,KAA7B,mBAAiC,aACjC,GAAA,KAAA,CAAA;AAEN,IAAO,OAAA;AAAA,MACL,GAAG,GAAA;AAAA,MACH,CAAC,IAAO,GAAA,WAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA,EACA,EAAC;AACH,CAAA,CAAA;AA4DW,MAAA,MAAA,GAAS,CAYpB,OAAA,EACA,SACG,KAAA;AACH,EAAA,MAAM,kBAAkBC,QAAS,CAAO,OAAS,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EAAE,CAAA,CAAA;AAchE,EAAA,MAAM,YAAY,KAAM,CAAA,UAAA;AAAA,IACtB,CAAC,OAAO,UAAe,KAAA;AACrB,MAAM,MAAA;AAAA,QACJ,EAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACG,GAAA,SAAA;AAAA,OACD,GAAA,KAAA,CAAA;AAKJ,MAAA,MAAM,oBACJ,OAAO,SAAA,KAAc,QACjB,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CACI,MAAM,GACP,CAAA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,EAAE,KAAM,CAAA,CAAA,EAAGC,MAAqB,CAAA,IAAA,CAAA,CAAA,CAAA,CACtD,KAAK,GACR,CAAA,GAAA,EAAA,CAAA;AAEN,MAAM,MAAA,WAAA,GACJ,YAAiB,KAAA,KAAA,CAAA,GACb,gBAAiB,CAAA,YAAA,EAAcC,MAAS,CAAO,QAAQ,CAAA,GACvD,iBAAsB,KAAA,EAAA,GACtB,KACA,GAAA,KAAA,CAAA,CAAA;AAEN,MAAA,IACG,cAAc,KAAa,CAAA,IAAA,iBAAA,KAAsB,SACjD,IAAA,OAAO,UAAU,QAChB,IAAA,KAAA,KAAU,IACV,IAAA,MAAA,CAAO,KAAK,KAAK,CAAA,CAAE,MAAS,GAAA,CAAA,IAC5B,sBAAsB,EACxB,EAAA;AACA,QAAA,OAAA,CAAQ,MAAM,mBAAmB,CAAA,CAAA;AAAA,OACnC;AAEA,MAAA,IAAI,OAAO,KAAW,CAAA,EAAA;AACpB,QAAA,OAAA,CAAQ,MAAM,QAAQ,CAAA,CAAA;AAAA,OACxB;AAEA,MAAA,uBACG,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,QACE,GAAI,SAAA;AAAA,QACL,SAAW,EAAA,iBAAA;AAAA,QACX,KAAO,EAAA,WAAA;AAAA,QACP,GAAK,EAAA,UAAA;AAAA,OACP,CAAA,CAAA;AAAA,KAEJ;AAAA,GACF,CAAA;AASA,EAAA,SAAA,CAAU,WAAc,GAAA,mBAAA,CAAA;AACxB,EAAA,SAAA,CAAU,WAAW,eAAgB,CAAA,QAAA,CAAA;AACrC,EAAA,SAAA,CAAU,YAAY,eAAgB,CAAA,SAAA,CAAA;AACtC,EAAA,SAAA,CAAU,WAAW,eAAgB,CAAA,QAAA,CAAA;AAErC,EAAO,OAAA,SAAA,CAAA;AACT;;ACxMO,MAAM,eAAkB,GAAA;AAAA,EAC7B,MAAA;AAAA,EACA,UAAUC,KAAc,CAAA,QAAA;AAAA,EACxB,WAAWA,KAAc,CAAA,SAAA;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 borderStyle: 'border-styles',\n borderTop: 'colors',\n borderTopColor: 'colors',\n borderTopLeftRadius: 'radii',\n borderTopRightRadius: 'radii',\n borderTopStyle: 'border-styles',\n borderTopWidth: 'border-widths',\n borderWidth: 'border-widths',\n bottom: 'space',\n boxShadow: 'shadows',\n caretColor: 'colors',\n color: 'colors',\n columnGap: 'space-gap',\n columnRuleColor: 'colors',\n fill: 'colors',\n flexBasis: 'sizes',\n fontFamily: 'fonts',\n fontSize: 'font-sizes',\n fontWeight: 'font-weights',\n gap: 'space-gap',\n gridColumnGap: 'space-gap',\n gridGap: 'space-gap',\n gridRowGap: 'space-gap',\n gridTemplateColumns: 'sizes',\n gridTemplateRows: 'sizes',\n height: 'sizes',\n inlineSize: 'sizes',\n inset: 'space-inset',\n insetBlock: 'space-inset',\n insetBlockEnd: 'space-inset',\n insetBlockStart: 'space-inset',\n insetInline: 'space-inset',\n insetInlineEnd: 'space-inset',\n insetInlineStart: 'space-inset',\n left: 'space',\n letterSpacing: 'letter-spacings',\n lineHeight: 'line-heights',\n margin: 'space-offset',\n marginBlock: 'space-offset',\n marginBlockEnd: 'space-offset',\n marginBlockStart: 'space-offset',\n marginBottom: 'space-offset',\n marginInline: 'space-offset',\n marginInlineEnd: 'space-offset',\n marginInlineStart: 'space-offset',\n marginLeft: 'space-offset',\n marginRight: 'space-offset',\n marginTop: 'space-offset',\n maxBlockSize: 'sizes',\n maxHeight: 'sizes',\n maxInlineSize: 'sizes',\n maxWidth: 'sizes',\n minBlockSize: 'sizes',\n minHeight: 'sizes',\n minInlineSize: 'sizes',\n minWidth: 'sizes',\n outline: 'colors',\n outlineColor: 'colors',\n padding: 'space-inset',\n paddingBlock: 'space-inset',\n paddingBlockEnd: 'space-inset',\n paddingBlockStart: 'space-inset',\n paddingBottom: 'space-inset',\n paddingInline: 'space-inset',\n paddingInlineEnd: 'space-inset',\n paddingInlineStart: 'space-inset',\n paddingLeft: 'space-inset',\n paddingRight: 'space-inset',\n paddingTop: 'space-inset',\n right: 'space',\n rowGap: 'space-gap',\n scrollMargin: 'space-offset',\n scrollMarginBlock: 'space-offset',\n scrollMarginBlockEnd: 'space-offset',\n scrollMarginBlockStart: 'space-offset',\n scrollMarginBottom: 'space-offset',\n scrollMarginInline: 'space-offset',\n scrollMarginInlineEnd: 'space-offset',\n scrollMarginInlineStart: 'space-offset',\n scrollMarginLeft: 'space-offset',\n scrollMarginRight: 'space-offset',\n scrollMarginTop: 'space-offset',\n scrollPadding: 'space-inset',\n scrollPaddingBlock: 'space-inset',\n scrollPaddingBlockEnd: 'space-inset',\n scrollPaddingBlockStart: 'space-inset',\n scrollPaddingBottom: 'space-inset',\n scrollPaddingInline: 'space-inset',\n scrollPaddingInlineEnd: 'space-inset',\n scrollPaddingInlineStart: 'space-inset',\n scrollPaddingLeft: 'space-inset',\n scrollPaddingRight: 'space-inset',\n scrollPaddingTop: 'space-inset',\n stroke: 'colors',\n strokeWidth: 'stroke-width',\n textDecorationColor: 'colors',\n textShadow: 'shadows',\n top: 'space',\n transition: 'transitions',\n width: 'sizes',\n zIndex: 'z-indices',\n} as const\n\nexport type ThemeMap = typeof themeMap\n","import { Tokens } from '@mirohq/design-tokens'\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 'stroke-width': typeof Tokens.strokeWidths\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 'stroke-width': Tokens.strokeWidths,\n 'z-indices': Tokens.zIndices,\n}\n","import type { PropertyValue } from '@stitches/react'\n\nexport const utils = {\n paddingX: (value: PropertyValue<'padding'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n paddingY: (value: PropertyValue<'padding'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n marginX: (value: PropertyValue<'margin'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n marginY: (value: PropertyValue<'margin'>) => ({\n marginTop: value,\n marginBottom: value,\n }),\n square: (value: PropertyValue<'width'>) => ({\n width: value,\n height: value,\n }),\n}\n","/**\n * Commenting out due to performance problems\n * Please check the thread for more info:\n * https://miro.slack.com/archives/C03SJ1S209M/p1669821558087279\n */\n\nexport const media = {\n // reducedMotion: '(prefers-reduced-motion: reduce)',\n // motion: '(prefers-reduced-motion: no-preference)',\n // hover: '(any-hover: hover)',\n}\n","import { createStitches } from '@stitches/react'\nimport type * as CSSUtil from '@stitches/react/types/css-util'\n\nimport { utils, theme as defaultTheme, themeMap, media } from './config'\n\nconst stitches = createStitches({\n theme: defaultTheme,\n media,\n utils,\n themeMap,\n})\n\nexport const {\n config,\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n prefix,\n styled,\n theme,\n} = stitches\n\nexport type FontFace = CSSUtil.Native.AtRule.FontFace\n\nexport const fontFace = (...fonts: FontFace[]): string =>\n globalCss({\n '@font-face': fonts,\n })()\n","import type { ConfigType } from '@stitches/react/types/config'\n\nimport { config } from './stitches'\n\nexport function setMedia<Media extends {} = {}>(\n media: ConfigType.Media<Media>\n): void {\n config.media = {\n ...config.media,\n ...media,\n }\n}\n\nexport function setCssUtils<Utils extends {} = {}>(\n utils: ConfigType.Utils<Utils>\n): void {\n config.utils = {\n ...config.utils,\n ...utils,\n }\n}\n","import React from 'react'\nimport type {\n CSSProperties,\n ComponentType,\n ElementRef,\n ExoticComponent,\n ForwardRefExoticComponent,\n JSXElementConstructor,\n PropsWithoutRef,\n RefAttributes,\n} from 'react'\nimport type { RemoveIndex } from '@stitches/react/types/stitches'\nimport type { Token } from '@stitches/react/types/theme'\nimport type {\n StyledComponentProps as StitchesStyledComponentProps,\n $$StyledComponentMedia,\n $$StyledComponentProps,\n $$StyledComponentType,\n TransformProps,\n} from '@stitches/react/types/styled-component'\nimport type * as Util from '@stitches/react/types/util'\n\nimport * as stitches from './stitches'\nimport type { CSS, StyledComponentProps, ForbiddenProps } from './types'\n\n// Error messages\n// -----------------------------------------------------------------------------\n\nexport const AS_ERROR =\n 'Polymorphism via `as` prop is not available in styled components.'\n\nexport const STYLING_ATTRS_ERROR =\n 'The `className` and `style` attributes are not avaialable in styled components.'\n\n// Utils\n// -----------------------------------------------------------------------------\n\nconst styleWithCssVars = (\n style: CSS,\n themeMap: typeof stitches.config.themeMap\n): CSSProperties =>\n (Object.entries(style) as Array<[string, unknown]>).reduce(\n (acc, [prop, value]) => {\n // @ts-expect-error\n const mapKeyForProp = themeMap[prop]\n const mapping = stitches.theme[mapKeyForProp] as unknown as {\n [Prop: string]: { [K in keyof Token]: Token[K] }\n }\n\n const parsedValue =\n typeof value === 'string' && /^\\$.+$/.test(value)\n ? mapping[value.replace('$', '')]?.computedValue\n : value\n\n return {\n ...acc,\n [prop]: parsedValue,\n }\n },\n {}\n ) as CSSProperties\n\n// Styled\n// -----------------------------------------------------------------------------\n\ntype Variants<T> = 'variants' extends keyof T\n ? {\n [Name in keyof T['variants']]?:\n | Util.Widen<keyof T['variants'][Name]>\n | Util.String\n }\n : Util.WideObject\n\ntype Styles<Composers> = Composers extends\n | string\n | ComponentType<any>\n | Util.Function\n ? Composers\n : RemoveIndex<CSS> & {\n variants?: {\n [Name in string]: {\n [Pair in number | string]: CSS\n }\n }\n compoundVariants?: Array<Variants<Composers> & { css: CSS }>\n defaultVariants?: Variants<Composers>\n } & CSS & {\n [K in keyof Composers]: K extends\n | 'compoundVariants'\n | 'defaultVariants'\n | 'variants'\n ? unknown\n : K extends keyof CSS\n ? CSS[K]\n : unknown\n }\n\n// This interface is only needed to fix TS4023\nexport interface StitchesInternals<\n Type extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function,\n Props extends {},\n Media extends typeof stitches.config.media\n> {\n className: string\n selector: string\n [$$StyledComponentType]: Type\n [$$StyledComponentProps]: Props\n [$$StyledComponentMedia]: Media\n}\n\nexport interface CustomStylesProps {\n css?: CSS\n UNSAFE_style?: CSS\n}\n\n// TS is infering the return type correctly, no need to make things uglier here\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const styled = <\n Element extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n | Util.Function = 'span',\n Composers extends\n | string\n | ExoticComponent<any>\n | JSXElementConstructor<any>\n | Util.Function\n | { [name: string]: unknown } = {}\n>(\n element: Element,\n composers?: Styles<Composers>\n) => {\n const StyledComponent = stitches.styled(element, composers ?? {})\n\n type StitchesProps = StitchesStyledComponentProps<[Composers]>\n type VariantProps = TransformProps<\n StitchesProps,\n typeof stitches.config.media\n >\n type ComponentProps = StyledComponentProps<typeof StyledComponent>\n\n type Props = Omit<StitchesProps, keyof VariantProps> &\n VariantProps &\n ComponentProps &\n CustomStylesProps\n\n const Component = React.forwardRef<ElementRef<typeof StyledComponent>, Props>(\n (props, forwardRef) => {\n const {\n as,\n className,\n style,\n UNSAFE_style, // eslint-disable-line @typescript-eslint/naming-convention\n ...restProps\n } = props as Props & {\n [K in ForbiddenProps]?: unknown\n }\n\n // based on https://github.com/modulz/stitches/blob/v1.2.8/packages/core/src/features/css.js#L71\n const onlyStyledClasses =\n typeof className === 'string'\n ? className\n ?.split(' ')\n .filter((x: string) => x.match(`${stitches.prefix}c-.+`))\n .join(' ')\n : ''\n\n const parsedStyle =\n UNSAFE_style !== undefined\n ? styleWithCssVars(UNSAFE_style, stitches.config.themeMap)\n : onlyStyledClasses !== ''\n ? style\n : undefined\n\n if (\n (className !== undefined && onlyStyledClasses !== className) ||\n (typeof style === 'object' &&\n style !== null &&\n Object.keys(style).length > 0 &&\n onlyStyledClasses === '')\n ) {\n console.error(STYLING_ATTRS_ERROR)\n }\n\n if (as !== undefined) {\n console.error(AS_ERROR)\n }\n\n return (\n <StyledComponent\n {...(restProps as any)}\n className={onlyStyledClasses}\n style={parsedStyle}\n ref={forwardRef}\n />\n )\n }\n ) as ForwardRefExoticComponent<\n PropsWithoutRef<Props> & RefAttributes<ElementRef<typeof StyledComponent>>\n > &\n StitchesInternals<\n Element,\n StitchesStyledComponentProps<[Composers]>,\n typeof stitches.config.media\n >\n\n Component.displayName = 'Styled.ForwardRef'\n Component.toString = StyledComponent.toString\n Component.className = StyledComponent.className\n Component.selector = StyledComponent.selector\n\n return Component\n}\n","import { prefix, theme as stitchesTheme } from './stitches'\n\nexport * from './types'\n\nexport {\n createTheme,\n css,\n getCssText,\n globalCss,\n keyframes,\n fontFace,\n} from './stitches'\n\nexport type { FontFace } from './stitches'\n\nexport const stitchesCssRoot = {\n prefix,\n selector: stitchesTheme.selector,\n className: stitchesTheme.className,\n}\n\nexport { theme, themeMap } from './config'\nexport type { Theme, ThemeMap } from './config'\n\nexport * from './custom'\nexport * from './styled'\n"],"names":["theme","defaultTheme","styled","stitches.theme","stitches.styled","stitches.prefix","stitches.config","stitchesTheme"],"mappings":"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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -260,6 +260,11 @@ declare const config: {
|
|
|
260
260
|
readonly 'stacking-500': any;
|
|
261
261
|
readonly 'stacking-800': any;
|
|
262
262
|
};
|
|
263
|
+
'stroke-width': {
|
|
264
|
+
readonly thin: "1.5px";
|
|
265
|
+
readonly normal: "2px";
|
|
266
|
+
readonly bold: "4px";
|
|
267
|
+
};
|
|
263
268
|
'z-indices': {
|
|
264
269
|
readonly dropdownMenu: 100;
|
|
265
270
|
readonly popover: 200;
|
|
@@ -389,6 +394,7 @@ declare const config: {
|
|
|
389
394
|
readonly scrollPaddingRight: "space-inset";
|
|
390
395
|
readonly scrollPaddingTop: "space-inset";
|
|
391
396
|
readonly stroke: "colors";
|
|
397
|
+
readonly strokeWidth: "stroke-width";
|
|
392
398
|
readonly textDecorationColor: "colors";
|
|
393
399
|
readonly textShadow: "shadows";
|
|
394
400
|
readonly top: "space";
|
|
@@ -695,6 +701,11 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
695
701
|
readonly 'stacking-500'?: string | number | boolean | undefined;
|
|
696
702
|
readonly 'stacking-800'?: string | number | boolean | undefined;
|
|
697
703
|
} | undefined;
|
|
704
|
+
'stroke-width'?: {
|
|
705
|
+
readonly thin?: string | number | boolean | undefined;
|
|
706
|
+
readonly normal?: string | number | boolean | undefined;
|
|
707
|
+
readonly bold?: string | number | boolean | undefined;
|
|
708
|
+
} | undefined;
|
|
698
709
|
'z-indices'?: {
|
|
699
710
|
readonly dropdownMenu?: string | number | boolean | undefined;
|
|
700
711
|
readonly popover?: string | number | boolean | undefined;
|
|
@@ -951,6 +962,11 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
951
962
|
readonly 'stacking-500'?: string | number | boolean | undefined;
|
|
952
963
|
readonly 'stacking-800'?: string | number | boolean | undefined;
|
|
953
964
|
} | undefined;
|
|
965
|
+
'stroke-width'?: {
|
|
966
|
+
readonly thin?: string | number | boolean | undefined;
|
|
967
|
+
readonly normal?: string | number | boolean | undefined;
|
|
968
|
+
readonly bold?: string | number | boolean | undefined;
|
|
969
|
+
} | undefined;
|
|
954
970
|
'z-indices'?: {
|
|
955
971
|
readonly dropdownMenu?: string | number | boolean | undefined;
|
|
956
972
|
readonly popover?: string | number | boolean | undefined;
|
|
@@ -1213,6 +1229,11 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1213
1229
|
readonly 'stacking-500': any;
|
|
1214
1230
|
readonly 'stacking-800': any;
|
|
1215
1231
|
};
|
|
1232
|
+
'stroke-width': {
|
|
1233
|
+
readonly thin: "1.5px";
|
|
1234
|
+
readonly normal: "2px";
|
|
1235
|
+
readonly bold: "4px";
|
|
1236
|
+
};
|
|
1216
1237
|
'z-indices': {
|
|
1217
1238
|
readonly dropdownMenu: 100;
|
|
1218
1239
|
readonly popover: 200;
|
|
@@ -1341,6 +1362,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1341
1362
|
readonly scrollPaddingRight: "space-inset";
|
|
1342
1363
|
readonly scrollPaddingTop: "space-inset";
|
|
1343
1364
|
readonly stroke: "colors";
|
|
1365
|
+
readonly strokeWidth: "stroke-width";
|
|
1344
1366
|
readonly textDecorationColor: "colors";
|
|
1345
1367
|
readonly textShadow: "shadows";
|
|
1346
1368
|
readonly top: "space";
|
|
@@ -1663,6 +1685,11 @@ declare const globalCss: <Styles extends {
|
|
|
1663
1685
|
readonly 'stacking-500': any;
|
|
1664
1686
|
readonly 'stacking-800': any;
|
|
1665
1687
|
};
|
|
1688
|
+
'stroke-width': {
|
|
1689
|
+
readonly thin: "1.5px";
|
|
1690
|
+
readonly normal: "2px";
|
|
1691
|
+
readonly bold: "4px";
|
|
1692
|
+
};
|
|
1666
1693
|
'z-indices': {
|
|
1667
1694
|
readonly dropdownMenu: 100;
|
|
1668
1695
|
readonly popover: 200;
|
|
@@ -1791,6 +1818,7 @@ declare const globalCss: <Styles extends {
|
|
|
1791
1818
|
readonly scrollPaddingRight: "space-inset";
|
|
1792
1819
|
readonly scrollPaddingTop: "space-inset";
|
|
1793
1820
|
readonly stroke: "colors";
|
|
1821
|
+
readonly strokeWidth: "stroke-width";
|
|
1794
1822
|
readonly textDecorationColor: "colors";
|
|
1795
1823
|
readonly textShadow: "shadows";
|
|
1796
1824
|
readonly top: "space";
|
|
@@ -2095,6 +2123,11 @@ declare const globalCss: <Styles extends {
|
|
|
2095
2123
|
readonly 'stacking-500': any;
|
|
2096
2124
|
readonly 'stacking-800': any;
|
|
2097
2125
|
};
|
|
2126
|
+
'stroke-width': {
|
|
2127
|
+
readonly thin: "1.5px";
|
|
2128
|
+
readonly normal: "2px";
|
|
2129
|
+
readonly bold: "4px";
|
|
2130
|
+
};
|
|
2098
2131
|
'z-indices': {
|
|
2099
2132
|
readonly dropdownMenu: 100;
|
|
2100
2133
|
readonly popover: 200;
|
|
@@ -2223,6 +2256,7 @@ declare const globalCss: <Styles extends {
|
|
|
2223
2256
|
readonly scrollPaddingRight: "space-inset";
|
|
2224
2257
|
readonly scrollPaddingTop: "space-inset";
|
|
2225
2258
|
readonly stroke: "colors";
|
|
2259
|
+
readonly strokeWidth: "stroke-width";
|
|
2226
2260
|
readonly textDecorationColor: "colors";
|
|
2227
2261
|
readonly textShadow: "shadows";
|
|
2228
2262
|
readonly top: "space";
|
|
@@ -2528,6 +2562,11 @@ declare const keyframes: (style: {
|
|
|
2528
2562
|
readonly 'stacking-500': any;
|
|
2529
2563
|
readonly 'stacking-800': any;
|
|
2530
2564
|
};
|
|
2565
|
+
'stroke-width': {
|
|
2566
|
+
readonly thin: "1.5px";
|
|
2567
|
+
readonly normal: "2px";
|
|
2568
|
+
readonly bold: "4px";
|
|
2569
|
+
};
|
|
2531
2570
|
'z-indices': {
|
|
2532
2571
|
readonly dropdownMenu: 100;
|
|
2533
2572
|
readonly popover: 200;
|
|
@@ -2656,6 +2695,7 @@ declare const keyframes: (style: {
|
|
|
2656
2695
|
readonly scrollPaddingRight: "space-inset";
|
|
2657
2696
|
readonly scrollPaddingTop: "space-inset";
|
|
2658
2697
|
readonly stroke: "colors";
|
|
2698
|
+
readonly strokeWidth: "stroke-width";
|
|
2659
2699
|
readonly textDecorationColor: "colors";
|
|
2660
2700
|
readonly textShadow: "shadows";
|
|
2661
2701
|
readonly top: "space";
|
|
@@ -2872,6 +2912,7 @@ declare const themeMap: {
|
|
|
2872
2912
|
readonly scrollPaddingRight: "space-inset";
|
|
2873
2913
|
readonly scrollPaddingTop: "space-inset";
|
|
2874
2914
|
readonly stroke: "colors";
|
|
2915
|
+
readonly strokeWidth: "stroke-width";
|
|
2875
2916
|
readonly textDecorationColor: "colors";
|
|
2876
2917
|
readonly textShadow: "shadows";
|
|
2877
2918
|
readonly top: "space";
|
|
@@ -2892,6 +2933,7 @@ interface Theme {
|
|
|
2892
2933
|
'space-gap': typeof Tokens.spaceGap;
|
|
2893
2934
|
'space-inset': typeof Tokens.spaceInset;
|
|
2894
2935
|
'space-offset': typeof Tokens.spaceOffset;
|
|
2936
|
+
'stroke-width': typeof Tokens.strokeWidths;
|
|
2895
2937
|
'z-indices': typeof Tokens.zIndices;
|
|
2896
2938
|
}
|
|
2897
2939
|
declare const theme: Theme;
|
|
@@ -3181,6 +3223,11 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3181
3223
|
readonly 'stacking-500': any;
|
|
3182
3224
|
readonly 'stacking-800': any;
|
|
3183
3225
|
};
|
|
3226
|
+
'stroke-width': {
|
|
3227
|
+
readonly thin: "1.5px";
|
|
3228
|
+
readonly normal: "2px";
|
|
3229
|
+
readonly bold: "4px";
|
|
3230
|
+
};
|
|
3184
3231
|
'z-indices': {
|
|
3185
3232
|
readonly dropdownMenu: 100;
|
|
3186
3233
|
readonly popover: 200;
|
|
@@ -3309,6 +3356,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3309
3356
|
readonly scrollPaddingRight: "space-inset";
|
|
3310
3357
|
readonly scrollPaddingTop: "space-inset";
|
|
3311
3358
|
readonly stroke: "colors";
|
|
3359
|
+
readonly strokeWidth: "stroke-width";
|
|
3312
3360
|
readonly textDecorationColor: "colors";
|
|
3313
3361
|
readonly textShadow: "shadows";
|
|
3314
3362
|
readonly top: "space";
|
|
@@ -3615,6 +3663,11 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3615
3663
|
readonly 'stacking-500': any;
|
|
3616
3664
|
readonly 'stacking-800': any;
|
|
3617
3665
|
};
|
|
3666
|
+
'stroke-width': {
|
|
3667
|
+
readonly thin: "1.5px";
|
|
3668
|
+
readonly normal: "2px";
|
|
3669
|
+
readonly bold: "4px";
|
|
3670
|
+
};
|
|
3618
3671
|
'z-indices': {
|
|
3619
3672
|
readonly dropdownMenu: 100;
|
|
3620
3673
|
readonly popover: 200;
|
|
@@ -3743,6 +3796,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3743
3796
|
readonly scrollPaddingRight: "space-inset";
|
|
3744
3797
|
readonly scrollPaddingTop: "space-inset";
|
|
3745
3798
|
readonly stroke: "colors";
|
|
3799
|
+
readonly strokeWidth: "stroke-width";
|
|
3746
3800
|
readonly textDecorationColor: "colors";
|
|
3747
3801
|
readonly textShadow: "shadows";
|
|
3748
3802
|
readonly top: "space";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"react": "^16.14 || ^17 || ^18"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-tokens": "^2.
|
|
29
|
+
"@mirohq/design-tokens": "^2.6.0",
|
|
30
30
|
"@mirohq/design-system-types": "^0.4.1"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|