From ca1278b5c031338c5020eceb7558cb4aab5fe98b Mon Sep 17 00:00:00 2001 From: John Gozde Date: Mon, 3 Oct 2022 16:57:54 -0600 Subject: [PATCH] fix(#1078): TS 4.8 compat (#1082) * fix(#1078): TS 4.8 compat * Revert @types/react* version changes --- package.json | 6 +- packages/core/types/css-util.d.ts | 8 + packages/core/types/index.d.ts | 4 +- packages/react/types/css-util.d.ts | 8 + packages/react/types/index.d.ts | 4 +- packages/test/Issue-813-core.ts | 4 +- packages/test/built-types/Issue-813-core.d.ts | 30 +- .../test/built-types/Issue-813-react.d.ts | 38 +- packages/test/built-types/index.d.ts | 356 ++------ .../test/built-types/issue-749-react.d.ts | 1 - .../test/built-types/stitches.config.d.ts | 790 +++++------------- packages/test/package.json | 2 +- 12 files changed, 334 insertions(+), 917 deletions(-) diff --git a/package.json b/package.json index bb129a94..086f3ef9 100644 --- a/package.json +++ b/package.json @@ -35,8 +35,8 @@ "@types/react": "17.0.33", "@types/react-dom": "17.0.9", "@types/react-test-renderer": "17.0.1", - "@typescript-eslint/eslint-plugin": "4.31.2", - "@typescript-eslint/parser": "4.31.2", + "@typescript-eslint/eslint-plugin": "5.36.2", + "@typescript-eslint/parser": "5.36.2", "acorn": "8.5.0", "acorn-class-fields": "1.0.0", "acorn-import-assertions": "1.7.6", @@ -51,7 +51,7 @@ "react": "17.0.2", "react-test-renderer": "17.0.2", "terser": "5.9.0", - "typescript": "4.6.2" + "typescript": "4.8.2" }, "browserslist": [ "last 1 chrome versions", diff --git a/packages/core/types/css-util.d.ts b/packages/core/types/css-util.d.ts index 1668fc2a..f7fbf5c7 100644 --- a/packages/core/types/css-util.d.ts +++ b/packages/core/types/css-util.d.ts @@ -117,3 +117,11 @@ export type $$ScaleValue = typeof $$ScaleValue export declare const $$ThemeValue: unique symbol export type $$ThemeValue = typeof $$ThemeValue + +// https://github.com/microsoft/TypeScript/issues/37888#issuecomment-846638356 +export type WithPropertyValue = { + readonly [K in $$PropertyValue]: T +} +export type WithScaleValue = { + readonly [K in $$ScaleValue]: T; +} diff --git a/packages/core/types/index.d.ts b/packages/core/types/index.d.ts index 27a28860..1a67e629 100644 --- a/packages/core/types/index.d.ts +++ b/packages/core/types/index.d.ts @@ -36,7 +36,7 @@ export type ComponentProps = Component extends ((...args: any[]) => a /** Returns a type that expects a value to be a kind of CSS property value. */ export type PropertyValue = ( Config extends null - ? { readonly [K in CSSUtil.$$PropertyValue]: Property } + ? CSSUtil.WithPropertyValue : Config extends { [K: string]: any } ? CSSUtil.CSS< Config['media'], @@ -50,7 +50,7 @@ export type PropertyValue = ( Config extends null - ? { readonly [K in CSSUtil.$$ScaleValue]: Scale } + ? CSSUtil.WithScaleValue : Config extends { [K: string]: any } ? Scale extends keyof Config['theme'] ? `$${string & keyof Config['theme'][Scale]}` diff --git a/packages/react/types/css-util.d.ts b/packages/react/types/css-util.d.ts index 1668fc2a..f7fbf5c7 100644 --- a/packages/react/types/css-util.d.ts +++ b/packages/react/types/css-util.d.ts @@ -117,3 +117,11 @@ export type $$ScaleValue = typeof $$ScaleValue export declare const $$ThemeValue: unique symbol export type $$ThemeValue = typeof $$ThemeValue + +// https://github.com/microsoft/TypeScript/issues/37888#issuecomment-846638356 +export type WithPropertyValue = { + readonly [K in $$PropertyValue]: T +} +export type WithScaleValue = { + readonly [K in $$ScaleValue]: T; +} diff --git a/packages/react/types/index.d.ts b/packages/react/types/index.d.ts index dedd0b09..b360c529 100644 --- a/packages/react/types/index.d.ts +++ b/packages/react/types/index.d.ts @@ -36,7 +36,7 @@ export type ComponentProps = Component extends ((...args: any[]) => a /** Returns a type that expects a value to be a kind of CSS property value. */ export type PropertyValue = ( Config extends null - ? { readonly [K in CSSUtil.$$PropertyValue]: Property } + ? CSSUtil.WithPropertyValue : Config extends { [K: string]: any } ? CSSUtil.CSS< Config['media'], @@ -50,7 +50,7 @@ export type PropertyValue = ( Config extends null - ? { readonly [K in CSSUtil.$$ScaleValue]: Scale } + ? CSSUtil.WithScaleValue : Config extends { [K: string]: any } ? Scale extends keyof Config['theme'] ? `$${string & keyof Config['theme'][Scale]}` diff --git a/packages/test/Issue-813-core.ts b/packages/test/Issue-813-core.ts index 9855ece4..6f17d13b 100644 --- a/packages/test/Issue-813-core.ts +++ b/packages/test/Issue-813-core.ts @@ -11,7 +11,7 @@ export const { config, css } = createStitches({ utils: { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ color: value - }), + }), c: (value: Stitches.ScaleValue<'colors'>) => ({ color: value }), @@ -26,7 +26,7 @@ export const colorValue2: Stitches.PropertyValue<'backgroundColor', typeof confi // ensure `ScaleValue` accepts a valid token export const colorToken: Stitches.ScaleValue<'colors', typeof config> = "$primary" -export const box = css({ +export const box = css({ // ensure `bg` accepts a valid CSS Color bg: 'RebeccaPurple', // ensure `bg` accepts a valid token diff --git a/packages/test/built-types/Issue-813-core.d.ts b/packages/test/built-types/Issue-813-core.d.ts index d0d4531d..9f41c63b 100644 --- a/packages/test/built-types/Issue-813-core.d.ts +++ b/packages/test/built-types/Issue-813-core.d.ts @@ -10,14 +10,10 @@ export declare const config: { themeMap: import("@stitches/core/types/config").DefaultThemeMap; utils: { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/core/types/css-util").WithScaleValue<"colors">; }; }; }, css: ) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/core/types/css-util").WithScaleValue<"colors">; }; }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/core/types/util").Function ? Composers[K] : import("@stitches/core/types/stitches").RemoveIndex & { variants?: { @@ -44,11 +36,11 @@ export declare const config: { [x: number]: CSS; }; } | undefined; - compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/core/types/util").String | import("@stitches/core/types/util").Widen | undefined; } : import("@stitches/core/types/util").WideObject) & { + compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/core/types/util").String | import("@stitches/core/types/util").Widen | undefined; } : never : import("@stitches/core/types/util").WideObject) & { css: CSS; })[] | undefined; - defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/core/types/util").String | import("@stitches/core/types/util").Widen | undefined; } : import("@stitches/core/types/util").WideObject) | undefined; -} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/core/types/styled-component").CssComponent, import("@stitches/core/types/styled-component").StyledComponentProps, {}, CSS>; + defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/core/types/util").String | import("@stitches/core/types/util").Widen | undefined; } : never : import("@stitches/core/types/util").WideObject) | undefined; +} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/core/types/styled-component").CssComponent, import("@stitches/core/types/styled-component").StyledComponentProps, {}, CSS>; export declare const colorValue1: Stitches.PropertyValue<'backgroundColor', typeof config>; export declare const colorValue2: Stitches.PropertyValue<'backgroundColor', typeof config>; export declare const colorToken: Stitches.ScaleValue<'colors', typeof config>; @@ -58,13 +50,9 @@ export declare const box: import("@stitches/core/types/styled-component").CssCom }; }, import("@stitches/core/types/config").DefaultThemeMap, { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/core/types/css-util").WithScaleValue<"colors">; }; }>>; diff --git a/packages/test/built-types/Issue-813-react.d.ts b/packages/test/built-types/Issue-813-react.d.ts index 2a8e41c8..2cf14ffb 100644 --- a/packages/test/built-types/Issue-813-react.d.ts +++ b/packages/test/built-types/Issue-813-react.d.ts @@ -11,14 +11,10 @@ export declare const config: { themeMap: import("@stitches/react/types/config").DefaultThemeMap; utils: { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/react/types/css-util").WithScaleValue<"colors">; }; }; }, styled: , Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType | { @@ -29,14 +25,10 @@ export declare const config: { }; }, import("@stitches/react/types/config").DefaultThemeMap, { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/react/types/css-util").WithScaleValue<"colors">; }; }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & { variants?: { @@ -45,24 +37,20 @@ export declare const config: { [x: number]: CSS; }; } | undefined; - compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & { + compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : never : import("@stitches/react/types/util").WideObject) & { css: CSS; })[] | undefined; - defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined; -} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent, {}, import("@stitches/react/types/css-util").CSS<{}, { + defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined; +} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent, {}, import("@stitches/react/types/css-util").CSS<{}, { colors: { primary: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/react/types/css-util").WithScaleValue<"colors">; }; }>>; export declare const colorValue1: Stitches.PropertyValue<'backgroundColor', typeof config>; @@ -74,13 +62,9 @@ export declare const Box: import("@stitches/react/types/styled-component").Style }; }, import("@stitches/react/types/config").DefaultThemeMap, { bg: (value: Stitches.PropertyValue<'backgroundColor'>) => { - color: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + color: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; c: (value: Stitches.ScaleValue<'colors'>) => { - color: { - readonly [Stitches.$$ScaleValue]: "colors"; - }; + color: import("@stitches/react/types/css-util").WithScaleValue<"colors">; }; }>>; diff --git a/packages/test/built-types/index.d.ts b/packages/test/built-types/index.d.ts index f4319fcd..703ab86e 100644 --- a/packages/test/built-types/index.d.ts +++ b/packages/test/built-types/index.d.ts @@ -779,312 +779,134 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl max: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { - p: (value: { - readonly [$$PropertyValue]: "padding"; - }) => { - padding: { - readonly [$$PropertyValue]: "padding"; - }; + p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { + padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; - pt: (value: { - readonly [$$PropertyValue]: "paddingTop"; - }) => { - paddingTop: { - readonly [$$PropertyValue]: "paddingTop"; - }; + pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; - pr: (value: { - readonly [$$PropertyValue]: "paddingRight"; - }) => { - paddingRight: { - readonly [$$PropertyValue]: "paddingRight"; - }; + pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; - pb: (value: { - readonly [$$PropertyValue]: "paddingBottom"; - }) => { - paddingBottom: { - readonly [$$PropertyValue]: "paddingBottom"; - }; + pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; - pl: (value: { - readonly [$$PropertyValue]: "paddingLeft"; - }) => { - paddingLeft: { - readonly [$$PropertyValue]: "paddingLeft"; - }; + pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; - px: (value: { - readonly [$$PropertyValue]: "paddingLeft"; - }) => { - paddingLeft: { - readonly [$$PropertyValue]: "paddingLeft"; - }; - paddingRight: { - readonly [$$PropertyValue]: "paddingLeft"; - }; + px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; - py: (value: { - readonly [$$PropertyValue]: "paddingTop"; - }) => { - paddingTop: { - readonly [$$PropertyValue]: "paddingTop"; - }; - paddingBottom: { - readonly [$$PropertyValue]: "paddingTop"; - }; + py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; - m: (value: { - readonly [$$PropertyValue]: "margin"; - }) => { - margin: { - readonly [$$PropertyValue]: "margin"; - }; + m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { + margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; - mt: (value: { - readonly [$$PropertyValue]: "marginTop"; - }) => { - marginTop: { - readonly [$$PropertyValue]: "marginTop"; - }; + mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; - mr: (value: { - readonly [$$PropertyValue]: "marginRight"; - }) => { - marginRight: { - readonly [$$PropertyValue]: "marginRight"; - }; + mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; - mb: (value: { - readonly [$$PropertyValue]: "marginBottom"; - }) => { - marginBottom: { - readonly [$$PropertyValue]: "marginBottom"; - }; + mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; - ml: (value: { - readonly [$$PropertyValue]: "marginLeft"; - }) => { - marginLeft: { - readonly [$$PropertyValue]: "marginLeft"; - }; + ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; - mx: (value: { - readonly [$$PropertyValue]: "marginLeft"; - }) => { - marginLeft: { - readonly [$$PropertyValue]: "marginLeft"; - }; - marginRight: { - readonly [$$PropertyValue]: "marginLeft"; - }; + mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; - my: (value: { - readonly [$$PropertyValue]: "marginTop"; - }) => { - marginTop: { - readonly [$$PropertyValue]: "marginTop"; - }; - marginBottom: { - readonly [$$PropertyValue]: "marginTop"; - }; + my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; - ta: (value: { - readonly [$$PropertyValue]: "textAlign"; - }) => { - textAlign: { - readonly [$$PropertyValue]: "textAlign"; - }; + ta: (value: import("@stitches/react/types/css-util").WithPropertyValue<"textAlign">) => { + textAlign: import("@stitches/react/types/css-util").WithPropertyValue<"textAlign">; }; - fd: (value: { - readonly [$$PropertyValue]: "flexDirection"; - }) => { - flexDirection: { - readonly [$$PropertyValue]: "flexDirection"; - }; + fd: (value: import("@stitches/react/types/css-util").WithPropertyValue<"flexDirection">) => { + flexDirection: import("@stitches/react/types/css-util").WithPropertyValue<"flexDirection">; }; - fw: (value: { - readonly [$$PropertyValue]: "flexWrap"; - }) => { - flexWrap: { - readonly [$$PropertyValue]: "flexWrap"; - }; + fw: (value: import("@stitches/react/types/css-util").WithPropertyValue<"flexWrap">) => { + flexWrap: import("@stitches/react/types/css-util").WithPropertyValue<"flexWrap">; }; - ai: (value: { - readonly [$$PropertyValue]: "alignItems"; - }) => { - alignItems: { - readonly [$$PropertyValue]: "alignItems"; - }; + ai: (value: import("@stitches/react/types/css-util").WithPropertyValue<"alignItems">) => { + alignItems: import("@stitches/react/types/css-util").WithPropertyValue<"alignItems">; }; - ac: (value: { - readonly [$$PropertyValue]: "alignContent"; - }) => { - alignContent: { - readonly [$$PropertyValue]: "alignContent"; - }; + ac: (value: import("@stitches/react/types/css-util").WithPropertyValue<"alignContent">) => { + alignContent: import("@stitches/react/types/css-util").WithPropertyValue<"alignContent">; }; - jc: (value: { - readonly [$$PropertyValue]: "justifyContent"; - }) => { - justifyContent: { - readonly [$$PropertyValue]: "justifyContent"; - }; + jc: (value: import("@stitches/react/types/css-util").WithPropertyValue<"justifyContent">) => { + justifyContent: import("@stitches/react/types/css-util").WithPropertyValue<"justifyContent">; }; - as: (value: { - readonly [$$PropertyValue]: "alignSelf"; - }) => { - alignSelf: { - readonly [$$PropertyValue]: "alignSelf"; - }; + as: (value: import("@stitches/react/types/css-util").WithPropertyValue<"alignSelf">) => { + alignSelf: import("@stitches/react/types/css-util").WithPropertyValue<"alignSelf">; }; - fg: (value: { - readonly [$$PropertyValue]: "flexGrow"; - }) => { - flexGrow: { - readonly [$$PropertyValue]: "flexGrow"; - }; + fg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"flexGrow">) => { + flexGrow: import("@stitches/react/types/css-util").WithPropertyValue<"flexGrow">; }; - fs: (value: { - readonly [$$PropertyValue]: "flexShrink"; - }) => { - flexShrink: { - readonly [$$PropertyValue]: "flexShrink"; - }; + fs: (value: import("@stitches/react/types/css-util").WithPropertyValue<"flexShrink">) => { + flexShrink: import("@stitches/react/types/css-util").WithPropertyValue<"flexShrink">; }; - fb: (value: { - readonly [$$PropertyValue]: "flexBasis"; - }) => { - flexBasis: { - readonly [$$PropertyValue]: "flexBasis"; - }; + fb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"flexBasis">) => { + flexBasis: import("@stitches/react/types/css-util").WithPropertyValue<"flexBasis">; }; - bc: (value: { - readonly [$$PropertyValue]: "backgroundColor"; - }) => { - backgroundColor: { - readonly [$$PropertyValue]: "backgroundColor"; - }; + bc: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => { + backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; - br: (value: { - readonly [$$PropertyValue]: "borderRadius"; - }) => { - borderRadius: { - readonly [$$PropertyValue]: "borderRadius"; - }; + br: (value: import("@stitches/react/types/css-util").WithPropertyValue<"borderRadius">) => { + borderRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderRadius">; }; - btrr: (value: { - readonly [$$PropertyValue]: "borderTopRightRadius"; - }) => { - borderTopRightRadius: { - readonly [$$PropertyValue]: "borderTopRightRadius"; - }; + btrr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopRightRadius">) => { + borderTopRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopRightRadius">; }; - bbrr: (value: { - readonly [$$PropertyValue]: "borderBottomRightRadius"; - }) => { - borderBottomRightRadius: { - readonly [$$PropertyValue]: "borderBottomRightRadius"; - }; + bbrr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomRightRadius">) => { + borderBottomRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomRightRadius">; }; - bblr: (value: { - readonly [$$PropertyValue]: "borderBottomLeftRadius"; - }) => { - borderBottomLeftRadius: { - readonly [$$PropertyValue]: "borderBottomLeftRadius"; - }; + bblr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomLeftRadius">) => { + borderBottomLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomLeftRadius">; }; - btlr: (value: { - readonly [$$PropertyValue]: "borderTopLeftRadius"; - }) => { - borderTopLeftRadius: { - readonly [$$PropertyValue]: "borderTopLeftRadius"; - }; + btlr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopLeftRadius">) => { + borderTopLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopLeftRadius">; }; - bs: (value: { - readonly [$$PropertyValue]: "boxShadow"; - }) => { - boxShadow: { - readonly [$$PropertyValue]: "boxShadow"; - }; + bs: (value: import("@stitches/react/types/css-util").WithPropertyValue<"boxShadow">) => { + boxShadow: import("@stitches/react/types/css-util").WithPropertyValue<"boxShadow">; }; - lh: (value: { - readonly [$$PropertyValue]: "lineHeight"; - }) => { - lineHeight: { - readonly [$$PropertyValue]: "lineHeight"; - }; + lh: (value: import("@stitches/react/types/css-util").WithPropertyValue<"lineHeight">) => { + lineHeight: import("@stitches/react/types/css-util").WithPropertyValue<"lineHeight">; }; - ox: (value: { - readonly [$$PropertyValue]: "overflowX"; - }) => { - overflowX: { - readonly [$$PropertyValue]: "overflowX"; - }; + ox: (value: import("@stitches/react/types/css-util").WithPropertyValue<"overflowX">) => { + overflowX: import("@stitches/react/types/css-util").WithPropertyValue<"overflowX">; }; - oy: (value: { - readonly [$$PropertyValue]: "overflowY"; - }) => { - overflowY: { - readonly [$$PropertyValue]: "overflowY"; - }; + oy: (value: import("@stitches/react/types/css-util").WithPropertyValue<"overflowY">) => { + overflowY: import("@stitches/react/types/css-util").WithPropertyValue<"overflowY">; }; - pe: (value: { - readonly [$$PropertyValue]: "pointerEvents"; - }) => { - pointerEvents: { - readonly [$$PropertyValue]: "pointerEvents"; - }; + pe: (value: import("@stitches/react/types/css-util").WithPropertyValue<"pointerEvents">) => { + pointerEvents: import("@stitches/react/types/css-util").WithPropertyValue<"pointerEvents">; }; - us: (value: { - readonly [$$PropertyValue]: "userSelect"; - }) => { - WebkitUserSelect: { - readonly [$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [$$PropertyValue]: "userSelect"; - }; + us: (value: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">) => { + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; - userSelect: (value: { - readonly [$$PropertyValue]: "userSelect"; - }) => { - WebkitUserSelect: { - readonly [$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [$$PropertyValue]: "userSelect"; - }; + userSelect: (value: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">) => { + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; - size: (value: { - readonly [$$PropertyValue]: "width"; - }) => { - width: { - readonly [$$PropertyValue]: "width"; - }; - height: { - readonly [$$PropertyValue]: "width"; - }; + size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { + width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; + height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; - appearance: (value: { - readonly [$$PropertyValue]: "appearance"; - }) => { - WebkitAppearance: { - readonly [$$PropertyValue]: "appearance"; - }; - appearance: { - readonly [$$PropertyValue]: "appearance"; - }; + appearance: (value: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">) => { + WebkitAppearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; + appearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; }; - backgroundClip: (value: { - readonly [$$PropertyValue]: "backgroundClip"; - }) => { - WebkitBackgroundClip: { - readonly [$$PropertyValue]: "backgroundClip"; - }; - backgroundClip: { - readonly [$$PropertyValue]: "backgroundClip"; - }; + backgroundClip: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">) => { + WebkitBackgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; + backgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; }; }>>; declare const DEFAULT_TAG = "h1"; diff --git a/packages/test/built-types/issue-749-react.d.ts b/packages/test/built-types/issue-749-react.d.ts index 69967191..e6e0a0ae 100644 --- a/packages/test/built-types/issue-749-react.d.ts +++ b/packages/test/built-types/issue-749-react.d.ts @@ -1,2 +1 @@ -/// export default function App(): JSX.Element; diff --git a/packages/test/built-types/stitches.config.d.ts b/packages/test/built-types/stitches.config.d.ts index a3644421..c9ffde61 100644 --- a/packages/test/built-types/stitches.config.d.ts +++ b/packages/test/built-types/stitches.config.d.ts @@ -772,231 +772,133 @@ export declare const styled: ) => { - padding: { - readonly [Stitches.$$PropertyValue]: "padding"; - }; + padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: Stitches.PropertyValue<'paddingRight'>) => { - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingRight"; - }; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: Stitches.PropertyValue<'paddingBottom'>) => { - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingBottom"; - }; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: Stitches.PropertyValue<'margin'>) => { - margin: { - readonly [Stitches.$$PropertyValue]: "margin"; - }; + margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: Stitches.PropertyValue<'marginRight'>) => { - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginRight"; - }; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: Stitches.PropertyValue<'marginBottom'>) => { - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginBottom"; - }; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; ta: (value: Stitches.PropertyValue<'textAlign'>) => { - textAlign: { - readonly [Stitches.$$PropertyValue]: "textAlign"; - }; + textAlign: import("@stitches/react/types/css-util").WithPropertyValue<"textAlign">; }; fd: (value: Stitches.PropertyValue<'flexDirection'>) => { - flexDirection: { - readonly [Stitches.$$PropertyValue]: "flexDirection"; - }; + flexDirection: import("@stitches/react/types/css-util").WithPropertyValue<"flexDirection">; }; fw: (value: Stitches.PropertyValue<'flexWrap'>) => { - flexWrap: { - readonly [Stitches.$$PropertyValue]: "flexWrap"; - }; + flexWrap: import("@stitches/react/types/css-util").WithPropertyValue<"flexWrap">; }; ai: (value: Stitches.PropertyValue<'alignItems'>) => { - alignItems: { - readonly [Stitches.$$PropertyValue]: "alignItems"; - }; + alignItems: import("@stitches/react/types/css-util").WithPropertyValue<"alignItems">; }; ac: (value: Stitches.PropertyValue<'alignContent'>) => { - alignContent: { - readonly [Stitches.$$PropertyValue]: "alignContent"; - }; + alignContent: import("@stitches/react/types/css-util").WithPropertyValue<"alignContent">; }; jc: (value: Stitches.PropertyValue<'justifyContent'>) => { - justifyContent: { - readonly [Stitches.$$PropertyValue]: "justifyContent"; - }; + justifyContent: import("@stitches/react/types/css-util").WithPropertyValue<"justifyContent">; }; as: (value: Stitches.PropertyValue<'alignSelf'>) => { - alignSelf: { - readonly [Stitches.$$PropertyValue]: "alignSelf"; - }; + alignSelf: import("@stitches/react/types/css-util").WithPropertyValue<"alignSelf">; }; fg: (value: Stitches.PropertyValue<'flexGrow'>) => { - flexGrow: { - readonly [Stitches.$$PropertyValue]: "flexGrow"; - }; + flexGrow: import("@stitches/react/types/css-util").WithPropertyValue<"flexGrow">; }; fs: (value: Stitches.PropertyValue<'flexShrink'>) => { - flexShrink: { - readonly [Stitches.$$PropertyValue]: "flexShrink"; - }; + flexShrink: import("@stitches/react/types/css-util").WithPropertyValue<"flexShrink">; }; fb: (value: Stitches.PropertyValue<'flexBasis'>) => { - flexBasis: { - readonly [Stitches.$$PropertyValue]: "flexBasis"; - }; + flexBasis: import("@stitches/react/types/css-util").WithPropertyValue<"flexBasis">; }; bc: (value: Stitches.PropertyValue<'backgroundColor'>) => { - backgroundColor: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; br: (value: Stitches.PropertyValue<'borderRadius'>) => { - borderRadius: { - readonly [Stitches.$$PropertyValue]: "borderRadius"; - }; + borderRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderRadius">; }; btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => { - borderTopRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopRightRadius"; - }; + borderTopRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopRightRadius">; }; bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => { - borderBottomRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius"; - }; + borderBottomRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomRightRadius">; }; bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => { - borderBottomLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius"; - }; + borderBottomLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomLeftRadius">; }; btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => { - borderTopLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius"; - }; + borderTopLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopLeftRadius">; }; bs: (value: Stitches.PropertyValue<'boxShadow'>) => { - boxShadow: { - readonly [Stitches.$$PropertyValue]: "boxShadow"; - }; + boxShadow: import("@stitches/react/types/css-util").WithPropertyValue<"boxShadow">; }; lh: (value: Stitches.PropertyValue<'lineHeight'>) => { - lineHeight: { - readonly [Stitches.$$PropertyValue]: "lineHeight"; - }; + lineHeight: import("@stitches/react/types/css-util").WithPropertyValue<"lineHeight">; }; ox: (value: Stitches.PropertyValue<'overflowX'>) => { - overflowX: { - readonly [Stitches.$$PropertyValue]: "overflowX"; - }; + overflowX: import("@stitches/react/types/css-util").WithPropertyValue<"overflowX">; }; oy: (value: Stitches.PropertyValue<'overflowY'>) => { - overflowY: { - readonly [Stitches.$$PropertyValue]: "overflowY"; - }; + overflowY: import("@stitches/react/types/css-util").WithPropertyValue<"overflowY">; }; pe: (value: Stitches.PropertyValue<'pointerEvents'>) => { - pointerEvents: { - readonly [Stitches.$$PropertyValue]: "pointerEvents"; - }; + pointerEvents: import("@stitches/react/types/css-util").WithPropertyValue<"pointerEvents">; }; us: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; userSelect: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; size: (value: Stitches.PropertyValue<'width'>) => { - width: { - readonly [Stitches.$$PropertyValue]: "width"; - }; - height: { - readonly [Stitches.$$PropertyValue]: "width"; - }; + width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; + height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; appearance: (value: Stitches.PropertyValue<'appearance'>) => { - WebkitAppearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; - appearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; + WebkitAppearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; + appearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; }; backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => { - WebkitBackgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; - backgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; + WebkitBackgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; + backgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; }; }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & { variants?: { @@ -1005,11 +907,11 @@ export declare const styled: | undefined; } : import("@stitches/react/types/util").WideObject) & { + compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : never : import("@stitches/react/types/util").WideObject) & { css: CSS_1; })[] | undefined; - defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined; -} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent, { + defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined; +} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent, { bp1: "(min-width: 520px)"; bp2: "(min-width: 900px)"; bp3: "(min-width: 1200px)"; @@ -1787,231 +1689,133 @@ export declare const styled: ) => { - padding: { - readonly [Stitches.$$PropertyValue]: "padding"; - }; + padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: Stitches.PropertyValue<'paddingRight'>) => { - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingRight"; - }; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: Stitches.PropertyValue<'paddingBottom'>) => { - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingBottom"; - }; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: Stitches.PropertyValue<'margin'>) => { - margin: { - readonly [Stitches.$$PropertyValue]: "margin"; - }; + margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: Stitches.PropertyValue<'marginRight'>) => { - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginRight"; - }; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: Stitches.PropertyValue<'marginBottom'>) => { - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginBottom"; - }; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; ta: (value: Stitches.PropertyValue<'textAlign'>) => { - textAlign: { - readonly [Stitches.$$PropertyValue]: "textAlign"; - }; + textAlign: import("@stitches/react/types/css-util").WithPropertyValue<"textAlign">; }; fd: (value: Stitches.PropertyValue<'flexDirection'>) => { - flexDirection: { - readonly [Stitches.$$PropertyValue]: "flexDirection"; - }; + flexDirection: import("@stitches/react/types/css-util").WithPropertyValue<"flexDirection">; }; fw: (value: Stitches.PropertyValue<'flexWrap'>) => { - flexWrap: { - readonly [Stitches.$$PropertyValue]: "flexWrap"; - }; + flexWrap: import("@stitches/react/types/css-util").WithPropertyValue<"flexWrap">; }; ai: (value: Stitches.PropertyValue<'alignItems'>) => { - alignItems: { - readonly [Stitches.$$PropertyValue]: "alignItems"; - }; + alignItems: import("@stitches/react/types/css-util").WithPropertyValue<"alignItems">; }; ac: (value: Stitches.PropertyValue<'alignContent'>) => { - alignContent: { - readonly [Stitches.$$PropertyValue]: "alignContent"; - }; + alignContent: import("@stitches/react/types/css-util").WithPropertyValue<"alignContent">; }; jc: (value: Stitches.PropertyValue<'justifyContent'>) => { - justifyContent: { - readonly [Stitches.$$PropertyValue]: "justifyContent"; - }; + justifyContent: import("@stitches/react/types/css-util").WithPropertyValue<"justifyContent">; }; as: (value: Stitches.PropertyValue<'alignSelf'>) => { - alignSelf: { - readonly [Stitches.$$PropertyValue]: "alignSelf"; - }; + alignSelf: import("@stitches/react/types/css-util").WithPropertyValue<"alignSelf">; }; fg: (value: Stitches.PropertyValue<'flexGrow'>) => { - flexGrow: { - readonly [Stitches.$$PropertyValue]: "flexGrow"; - }; + flexGrow: import("@stitches/react/types/css-util").WithPropertyValue<"flexGrow">; }; fs: (value: Stitches.PropertyValue<'flexShrink'>) => { - flexShrink: { - readonly [Stitches.$$PropertyValue]: "flexShrink"; - }; + flexShrink: import("@stitches/react/types/css-util").WithPropertyValue<"flexShrink">; }; fb: (value: Stitches.PropertyValue<'flexBasis'>) => { - flexBasis: { - readonly [Stitches.$$PropertyValue]: "flexBasis"; - }; + flexBasis: import("@stitches/react/types/css-util").WithPropertyValue<"flexBasis">; }; bc: (value: Stitches.PropertyValue<'backgroundColor'>) => { - backgroundColor: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; br: (value: Stitches.PropertyValue<'borderRadius'>) => { - borderRadius: { - readonly [Stitches.$$PropertyValue]: "borderRadius"; - }; + borderRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderRadius">; }; btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => { - borderTopRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopRightRadius"; - }; + borderTopRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopRightRadius">; }; bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => { - borderBottomRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius"; - }; + borderBottomRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomRightRadius">; }; bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => { - borderBottomLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius"; - }; + borderBottomLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomLeftRadius">; }; btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => { - borderTopLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius"; - }; + borderTopLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopLeftRadius">; }; bs: (value: Stitches.PropertyValue<'boxShadow'>) => { - boxShadow: { - readonly [Stitches.$$PropertyValue]: "boxShadow"; - }; + boxShadow: import("@stitches/react/types/css-util").WithPropertyValue<"boxShadow">; }; lh: (value: Stitches.PropertyValue<'lineHeight'>) => { - lineHeight: { - readonly [Stitches.$$PropertyValue]: "lineHeight"; - }; + lineHeight: import("@stitches/react/types/css-util").WithPropertyValue<"lineHeight">; }; ox: (value: Stitches.PropertyValue<'overflowX'>) => { - overflowX: { - readonly [Stitches.$$PropertyValue]: "overflowX"; - }; + overflowX: import("@stitches/react/types/css-util").WithPropertyValue<"overflowX">; }; oy: (value: Stitches.PropertyValue<'overflowY'>) => { - overflowY: { - readonly [Stitches.$$PropertyValue]: "overflowY"; - }; + overflowY: import("@stitches/react/types/css-util").WithPropertyValue<"overflowY">; }; pe: (value: Stitches.PropertyValue<'pointerEvents'>) => { - pointerEvents: { - readonly [Stitches.$$PropertyValue]: "pointerEvents"; - }; + pointerEvents: import("@stitches/react/types/css-util").WithPropertyValue<"pointerEvents">; }; us: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; userSelect: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; size: (value: Stitches.PropertyValue<'width'>) => { - width: { - readonly [Stitches.$$PropertyValue]: "width"; - }; - height: { - readonly [Stitches.$$PropertyValue]: "width"; - }; + width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; + height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; appearance: (value: Stitches.PropertyValue<'appearance'>) => { - WebkitAppearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; - appearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; + WebkitAppearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; + appearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; }; backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => { - WebkitBackgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; - backgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; + WebkitBackgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; + backgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; }; }>>, createTheme: ) => { - padding: { - readonly [Stitches.$$PropertyValue]: "padding"; - }; + padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: Stitches.PropertyValue<'paddingRight'>) => { - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingRight"; - }; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: Stitches.PropertyValue<'paddingBottom'>) => { - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingBottom"; - }; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: Stitches.PropertyValue<'margin'>) => { - margin: { - readonly [Stitches.$$PropertyValue]: "margin"; - }; + margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: Stitches.PropertyValue<'marginRight'>) => { - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginRight"; - }; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: Stitches.PropertyValue<'marginBottom'>) => { - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginBottom"; - }; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; ta: (value: Stitches.PropertyValue<'textAlign'>) => { - textAlign: { - readonly [Stitches.$$PropertyValue]: "textAlign"; - }; + textAlign: import("@stitches/react/types/css-util").WithPropertyValue<"textAlign">; }; fd: (value: Stitches.PropertyValue<'flexDirection'>) => { - flexDirection: { - readonly [Stitches.$$PropertyValue]: "flexDirection"; - }; + flexDirection: import("@stitches/react/types/css-util").WithPropertyValue<"flexDirection">; }; fw: (value: Stitches.PropertyValue<'flexWrap'>) => { - flexWrap: { - readonly [Stitches.$$PropertyValue]: "flexWrap"; - }; + flexWrap: import("@stitches/react/types/css-util").WithPropertyValue<"flexWrap">; }; ai: (value: Stitches.PropertyValue<'alignItems'>) => { - alignItems: { - readonly [Stitches.$$PropertyValue]: "alignItems"; - }; + alignItems: import("@stitches/react/types/css-util").WithPropertyValue<"alignItems">; }; ac: (value: Stitches.PropertyValue<'alignContent'>) => { - alignContent: { - readonly [Stitches.$$PropertyValue]: "alignContent"; - }; + alignContent: import("@stitches/react/types/css-util").WithPropertyValue<"alignContent">; }; jc: (value: Stitches.PropertyValue<'justifyContent'>) => { - justifyContent: { - readonly [Stitches.$$PropertyValue]: "justifyContent"; - }; + justifyContent: import("@stitches/react/types/css-util").WithPropertyValue<"justifyContent">; }; as: (value: Stitches.PropertyValue<'alignSelf'>) => { - alignSelf: { - readonly [Stitches.$$PropertyValue]: "alignSelf"; - }; + alignSelf: import("@stitches/react/types/css-util").WithPropertyValue<"alignSelf">; }; fg: (value: Stitches.PropertyValue<'flexGrow'>) => { - flexGrow: { - readonly [Stitches.$$PropertyValue]: "flexGrow"; - }; + flexGrow: import("@stitches/react/types/css-util").WithPropertyValue<"flexGrow">; }; fs: (value: Stitches.PropertyValue<'flexShrink'>) => { - flexShrink: { - readonly [Stitches.$$PropertyValue]: "flexShrink"; - }; + flexShrink: import("@stitches/react/types/css-util").WithPropertyValue<"flexShrink">; }; fb: (value: Stitches.PropertyValue<'flexBasis'>) => { - flexBasis: { - readonly [Stitches.$$PropertyValue]: "flexBasis"; - }; + flexBasis: import("@stitches/react/types/css-util").WithPropertyValue<"flexBasis">; }; bc: (value: Stitches.PropertyValue<'backgroundColor'>) => { - backgroundColor: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; br: (value: Stitches.PropertyValue<'borderRadius'>) => { - borderRadius: { - readonly [Stitches.$$PropertyValue]: "borderRadius"; - }; + borderRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderRadius">; }; btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => { - borderTopRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopRightRadius"; - }; + borderTopRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopRightRadius">; }; bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => { - borderBottomRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius"; - }; + borderBottomRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomRightRadius">; }; bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => { - borderBottomLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius"; - }; + borderBottomLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomLeftRadius">; }; btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => { - borderTopLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius"; - }; + borderTopLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopLeftRadius">; }; bs: (value: Stitches.PropertyValue<'boxShadow'>) => { - boxShadow: { - readonly [Stitches.$$PropertyValue]: "boxShadow"; - }; + boxShadow: import("@stitches/react/types/css-util").WithPropertyValue<"boxShadow">; }; lh: (value: Stitches.PropertyValue<'lineHeight'>) => { - lineHeight: { - readonly [Stitches.$$PropertyValue]: "lineHeight"; - }; + lineHeight: import("@stitches/react/types/css-util").WithPropertyValue<"lineHeight">; }; ox: (value: Stitches.PropertyValue<'overflowX'>) => { - overflowX: { - readonly [Stitches.$$PropertyValue]: "overflowX"; - }; + overflowX: import("@stitches/react/types/css-util").WithPropertyValue<"overflowX">; }; oy: (value: Stitches.PropertyValue<'overflowY'>) => { - overflowY: { - readonly [Stitches.$$PropertyValue]: "overflowY"; - }; + overflowY: import("@stitches/react/types/css-util").WithPropertyValue<"overflowY">; }; pe: (value: Stitches.PropertyValue<'pointerEvents'>) => { - pointerEvents: { - readonly [Stitches.$$PropertyValue]: "pointerEvents"; - }; + pointerEvents: import("@stitches/react/types/css-util").WithPropertyValue<"pointerEvents">; }; us: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; userSelect: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; size: (value: Stitches.PropertyValue<'width'>) => { - width: { - readonly [Stitches.$$PropertyValue]: "width"; - }; - height: { - readonly [Stitches.$$PropertyValue]: "width"; - }; + width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; + height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; appearance: (value: Stitches.PropertyValue<'appearance'>) => { - WebkitAppearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; - appearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; + WebkitAppearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; + appearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; }; backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => { - WebkitBackgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; - backgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; + WebkitBackgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; + backgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; }; }>; }) => { @@ -5316,231 +5022,133 @@ export declare const styled: ) => { - padding: { - readonly [Stitches.$$PropertyValue]: "padding"; - }; + padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: Stitches.PropertyValue<'paddingRight'>) => { - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingRight"; - }; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: Stitches.PropertyValue<'paddingBottom'>) => { - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingBottom"; - }; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: Stitches.PropertyValue<'paddingLeft'>) => { - paddingLeft: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; - paddingRight: { - readonly [Stitches.$$PropertyValue]: "paddingLeft"; - }; + paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; + paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: Stitches.PropertyValue<'paddingTop'>) => { - paddingTop: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; - paddingBottom: { - readonly [Stitches.$$PropertyValue]: "paddingTop"; - }; + paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; + paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: Stitches.PropertyValue<'margin'>) => { - margin: { - readonly [Stitches.$$PropertyValue]: "margin"; - }; + margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: Stitches.PropertyValue<'marginRight'>) => { - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginRight"; - }; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: Stitches.PropertyValue<'marginBottom'>) => { - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginBottom"; - }; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: Stitches.PropertyValue<'marginLeft'>) => { - marginLeft: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; - marginRight: { - readonly [Stitches.$$PropertyValue]: "marginLeft"; - }; + marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; + marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: Stitches.PropertyValue<'marginTop'>) => { - marginTop: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; - marginBottom: { - readonly [Stitches.$$PropertyValue]: "marginTop"; - }; + marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; + marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; ta: (value: Stitches.PropertyValue<'textAlign'>) => { - textAlign: { - readonly [Stitches.$$PropertyValue]: "textAlign"; - }; + textAlign: import("@stitches/react/types/css-util").WithPropertyValue<"textAlign">; }; fd: (value: Stitches.PropertyValue<'flexDirection'>) => { - flexDirection: { - readonly [Stitches.$$PropertyValue]: "flexDirection"; - }; + flexDirection: import("@stitches/react/types/css-util").WithPropertyValue<"flexDirection">; }; fw: (value: Stitches.PropertyValue<'flexWrap'>) => { - flexWrap: { - readonly [Stitches.$$PropertyValue]: "flexWrap"; - }; + flexWrap: import("@stitches/react/types/css-util").WithPropertyValue<"flexWrap">; }; ai: (value: Stitches.PropertyValue<'alignItems'>) => { - alignItems: { - readonly [Stitches.$$PropertyValue]: "alignItems"; - }; + alignItems: import("@stitches/react/types/css-util").WithPropertyValue<"alignItems">; }; ac: (value: Stitches.PropertyValue<'alignContent'>) => { - alignContent: { - readonly [Stitches.$$PropertyValue]: "alignContent"; - }; + alignContent: import("@stitches/react/types/css-util").WithPropertyValue<"alignContent">; }; jc: (value: Stitches.PropertyValue<'justifyContent'>) => { - justifyContent: { - readonly [Stitches.$$PropertyValue]: "justifyContent"; - }; + justifyContent: import("@stitches/react/types/css-util").WithPropertyValue<"justifyContent">; }; as: (value: Stitches.PropertyValue<'alignSelf'>) => { - alignSelf: { - readonly [Stitches.$$PropertyValue]: "alignSelf"; - }; + alignSelf: import("@stitches/react/types/css-util").WithPropertyValue<"alignSelf">; }; fg: (value: Stitches.PropertyValue<'flexGrow'>) => { - flexGrow: { - readonly [Stitches.$$PropertyValue]: "flexGrow"; - }; + flexGrow: import("@stitches/react/types/css-util").WithPropertyValue<"flexGrow">; }; fs: (value: Stitches.PropertyValue<'flexShrink'>) => { - flexShrink: { - readonly [Stitches.$$PropertyValue]: "flexShrink"; - }; + flexShrink: import("@stitches/react/types/css-util").WithPropertyValue<"flexShrink">; }; fb: (value: Stitches.PropertyValue<'flexBasis'>) => { - flexBasis: { - readonly [Stitches.$$PropertyValue]: "flexBasis"; - }; + flexBasis: import("@stitches/react/types/css-util").WithPropertyValue<"flexBasis">; }; bc: (value: Stitches.PropertyValue<'backgroundColor'>) => { - backgroundColor: { - readonly [Stitches.$$PropertyValue]: "backgroundColor"; - }; + backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">; }; br: (value: Stitches.PropertyValue<'borderRadius'>) => { - borderRadius: { - readonly [Stitches.$$PropertyValue]: "borderRadius"; - }; + borderRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderRadius">; }; btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => { - borderTopRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopRightRadius"; - }; + borderTopRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopRightRadius">; }; bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => { - borderBottomRightRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius"; - }; + borderBottomRightRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomRightRadius">; }; bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => { - borderBottomLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius"; - }; + borderBottomLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderBottomLeftRadius">; }; btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => { - borderTopLeftRadius: { - readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius"; - }; + borderTopLeftRadius: import("@stitches/react/types/css-util").WithPropertyValue<"borderTopLeftRadius">; }; bs: (value: Stitches.PropertyValue<'boxShadow'>) => { - boxShadow: { - readonly [Stitches.$$PropertyValue]: "boxShadow"; - }; + boxShadow: import("@stitches/react/types/css-util").WithPropertyValue<"boxShadow">; }; lh: (value: Stitches.PropertyValue<'lineHeight'>) => { - lineHeight: { - readonly [Stitches.$$PropertyValue]: "lineHeight"; - }; + lineHeight: import("@stitches/react/types/css-util").WithPropertyValue<"lineHeight">; }; ox: (value: Stitches.PropertyValue<'overflowX'>) => { - overflowX: { - readonly [Stitches.$$PropertyValue]: "overflowX"; - }; + overflowX: import("@stitches/react/types/css-util").WithPropertyValue<"overflowX">; }; oy: (value: Stitches.PropertyValue<'overflowY'>) => { - overflowY: { - readonly [Stitches.$$PropertyValue]: "overflowY"; - }; + overflowY: import("@stitches/react/types/css-util").WithPropertyValue<"overflowY">; }; pe: (value: Stitches.PropertyValue<'pointerEvents'>) => { - pointerEvents: { - readonly [Stitches.$$PropertyValue]: "pointerEvents"; - }; + pointerEvents: import("@stitches/react/types/css-util").WithPropertyValue<"pointerEvents">; }; us: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; userSelect: (value: Stitches.PropertyValue<'userSelect'>) => { - WebkitUserSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; - userSelect: { - readonly [Stitches.$$PropertyValue]: "userSelect"; - }; + WebkitUserSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; + userSelect: import("@stitches/react/types/css-util").WithPropertyValue<"userSelect">; }; size: (value: Stitches.PropertyValue<'width'>) => { - width: { - readonly [Stitches.$$PropertyValue]: "width"; - }; - height: { - readonly [Stitches.$$PropertyValue]: "width"; - }; + width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; + height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; appearance: (value: Stitches.PropertyValue<'appearance'>) => { - WebkitAppearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; - appearance: { - readonly [Stitches.$$PropertyValue]: "appearance"; - }; + WebkitAppearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; + appearance: import("@stitches/react/types/css-util").WithPropertyValue<"appearance">; }; backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => { - WebkitBackgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; - backgroundClip: { - readonly [Stitches.$$PropertyValue]: "backgroundClip"; - }; + WebkitBackgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; + backgroundClip: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundClip">; }; }; }; diff --git a/packages/test/package.json b/packages/test/package.json index ff380a34..3f13147d 100644 --- a/packages/test/package.json +++ b/packages/test/package.json @@ -13,7 +13,7 @@ "build": "tsc --generateTrace traces --incremental false" }, "devDependencies": { - "@stitches/react": "1.2.7", + "@stitches/react": "1.2.8", "@typescript-eslint/eslint-plugin": "^1.6.0", "@typescript-eslint/parser": "^1.6.0", "eslint-config-prettier": "^4.1.0",