UNPKG

@gbm-tech/styles

Version:

GBM Tech & Control - Styles

1,205 lines (1,204 loc) 51 kB
/// <reference types="react" /> export declare const config: { prefix: ""; media: { xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }; theme: { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }; themeMap: import("@stitches/react/types/config").DefaultThemeMap; utils: { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }; }, styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | { [name: string]: unknown; })[], CSS = import("@stitches/react/types/css-util").CSS<{ xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }>>(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<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & { variants?: { [x: string]: { [x: string]: CSS; [x: number]: CSS; }; } | undefined; 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<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & { css: CSS; })[] | undefined; 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<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | 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<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, { xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, import("@stitches/react/types/css-util").CSS<{ xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }>>, css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> | { [name: string]: unknown; })[], CSS = import("@stitches/react/types/css-util").CSS<{ xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & { variants?: { [x: string]: { [x: string]: CSS; [x: number]: CSS; }; } | undefined; 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<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & { css: CSS; })[] | undefined; 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<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | 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").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, { xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, CSS>, globalCss: <Styles extends { [K: string]: any; }>(...styles: ({ '@import'?: unknown; '@font-face'?: unknown; } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? { [x: string]: import("@stitches/react/types/css-util").CSS<{ xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }>; } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{ xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }>; })[]) => () => string, keyframes: (style: { [offset: string]: import("@stitches/react/types/css-util").CSS<{ xs: "(min-width: 320px)"; sm: "(min-width: 576px)"; md: "(min-width: 768px)"; lg: "(min-width: 992px)"; xl: "(min-width: 1200px)"; xxl: "(min-width: 1400px)"; xxxl: "(min-width: 1872px)"; }, { colors: { white: string; black: string; lightText: string; lightStrokebar: string; lightCard: string; lightHeader: string; lightBackground: string; lightSidebar: string; darkText: string; darkStrokebar: string; darkCard: string; darkHeader: string; darkBackground: string; darkSidebar: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; sucess50: string; sucess100: string; sucess200: string; sucess300: string; sucess400: string; sucess500: string; sucess600: string; sucess700: string; sucess800: string; sucess900: string; link50: string; link100: string; link200: string; link300: string; link400: string; link500: string; link600: string; link700: string; link800: string; link900: string; warning50: string; warning100: string; warning200: string; warning300: string; warning400: string; warning500: string; warning600: string; warning700: string; warning800: string; warning900: string; error50: string; error100: string; error200: string; error300: string; error400: string; error500: string; error600: string; error700: string; error800: string; error900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; gbmSky: string; gbmOcean: string; gbmBlue: string; }; fontSizes: unknown; breakpoints: { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, { size: (value: string | number) => { width: string | number; height: string | number; }; maxSize: (value: string | number) => { maxWidth: string | number; maxHeight: string | number; }; minSize: (value: string | number) => { minWidth: string | number; minHeight: string | number; }; }>; }) => { (): string; name: string; }, getCssText: () => string, theme: string & { className: string; selector: string; } & { colors: { white: import("@stitches/react/types/theme").Token<"white", string, "colors", "">; black: import("@stitches/react/types/theme").Token<"black", string, "colors", "">; lightText: import("@stitches/react/types/theme").Token<"lightText", string, "colors", "">; lightStrokebar: import("@stitches/react/types/theme").Token<"lightStrokebar", string, "colors", "">; lightCard: import("@stitches/react/types/theme").Token<"lightCard", string, "colors", "">; lightHeader: import("@stitches/react/types/theme").Token<"lightHeader", string, "colors", "">; lightBackground: import("@stitches/react/types/theme").Token<"lightBackground", string, "colors", "">; lightSidebar: import("@stitches/react/types/theme").Token<"lightSidebar", string, "colors", "">; darkText: import("@stitches/react/types/theme").Token<"darkText", string, "colors", "">; darkStrokebar: import("@stitches/react/types/theme").Token<"darkStrokebar", string, "colors", "">; darkCard: import("@stitches/react/types/theme").Token<"darkCard", string, "colors", "">; darkHeader: import("@stitches/react/types/theme").Token<"darkHeader", string, "colors", "">; darkBackground: import("@stitches/react/types/theme").Token<"darkBackground", string, "colors", "">; darkSidebar: import("@stitches/react/types/theme").Token<"darkSidebar", string, "colors", "">; gray50: import("@stitches/react/types/theme").Token<"gray50", string, "colors", "">; gray100: import("@stitches/react/types/theme").Token<"gray100", string, "colors", "">; gray200: import("@stitches/react/types/theme").Token<"gray200", string, "colors", "">; gray300: import("@stitches/react/types/theme").Token<"gray300", string, "colors", "">; gray400: import("@stitches/react/types/theme").Token<"gray400", string, "colors", "">; gray500: import("@stitches/react/types/theme").Token<"gray500", string, "colors", "">; gray600: import("@stitches/react/types/theme").Token<"gray600", string, "colors", "">; gray700: import("@stitches/react/types/theme").Token<"gray700", string, "colors", "">; gray800: import("@stitches/react/types/theme").Token<"gray800", string, "colors", "">; gray900: import("@stitches/react/types/theme").Token<"gray900", string, "colors", "">; blue50: import("@stitches/react/types/theme").Token<"blue50", string, "colors", "">; blue100: import("@stitches/react/types/theme").Token<"blue100", string, "colors", "">; blue200: import("@stitches/react/types/theme").Token<"blue200", string, "colors", "">; blue300: import("@stitches/react/types/theme").Token<"blue300", string, "colors", "">; blue400: import("@stitches/react/types/theme").Token<"blue400", string, "colors", "">; blue500: import("@stitches/react/types/theme").Token<"blue500", string, "colors", "">; blue600: import("@stitches/react/types/theme").Token<"blue600", string, "colors", "">; blue700: import("@stitches/react/types/theme").Token<"blue700", string, "colors", "">; blue800: import("@stitches/react/types/theme").Token<"blue800", string, "colors", "">; blue900: import("@stitches/react/types/theme").Token<"blue900", string, "colors", "">; sucess50: import("@stitches/react/types/theme").Token<"sucess50", string, "colors", "">; sucess100: import("@stitches/react/types/theme").Token<"sucess100", string, "colors", "">; sucess200: import("@stitches/react/types/theme").Token<"sucess200", string, "colors", "">; sucess300: import("@stitches/react/types/theme").Token<"sucess300", string, "colors", "">; sucess400: import("@stitches/react/types/theme").Token<"sucess400", string, "colors", "">; sucess500: import("@stitches/react/types/theme").Token<"sucess500", string, "colors", "">; sucess600: import("@stitches/react/types/theme").Token<"sucess600", string, "colors", "">; sucess700: import("@stitches/react/types/theme").Token<"sucess700", string, "colors", "">; sucess800: import("@stitches/react/types/theme").Token<"sucess800", string, "colors", "">; sucess900: import("@stitches/react/types/theme").Token<"sucess900", string, "colors", "">; link50: import("@stitches/react/types/theme").Token<"link50", string, "colors", "">; link100: import("@stitches/react/types/theme").Token<"link100", string, "colors", "">; link200: import("@stitches/react/types/theme").Token<"link200", string, "colors", "">; link300: import("@stitches/react/types/theme").Token<"link300", string, "colors", "">; link400: import("@stitches/react/types/theme").Token<"link400", string, "colors", "">; link500: import("@stitches/react/types/theme").Token<"link500", string, "colors", "">; link600: import("@stitches/react/types/theme").Token<"link600", string, "colors", "">; link700: import("@stitches/react/types/theme").Token<"link700", string, "colors", "">; link800: import("@stitches/react/types/theme").Token<"link800", string, "colors", "">; link900: import("@stitches/react/types/theme").Token<"link900", string, "colors", "">; warning50: import("@stitches/react/types/theme").Token<"warning50", string, "colors", "">; warning100: import("@stitches/react/types/theme").Token<"warning100", string, "colors", "">; warning200: import("@stitches/react/types/theme").Token<"warning200", string, "colors", "">; warning300: import("@stitches/react/types/theme").Token<"warning300", string, "colors", "">; warning400: import("@stitches/react/types/theme").Token<"warning400", string, "colors", "">; warning500: import("@stitches/react/types/theme").Token<"warning500", string, "colors", "">; warning600: import("@stitches/react/types/theme").Token<"warning600", string, "colors", "">; warning700: import("@stitches/react/types/theme").Token<"warning700", string, "colors", "">; warning800: import("@stitches/react/types/theme").Token<"warning800", string, "colors", "">; warning900: import("@stitches/react/types/theme").Token<"warning900", string, "colors", "">; error50: import("@stitches/react/types/theme").Token<"error50", string, "colors", "">; error100: import("@stitches/react/types/theme").Token<"error100", string, "colors", "">; error200: import("@stitches/react/types/theme").Token<"error200", string, "colors", "">; error300: import("@stitches/react/types/theme").Token<"error300", string, "colors", "">; error400: import("@stitches/react/types/theme").Token<"error400", string, "colors", "">; error500: import("@stitches/react/types/theme").Token<"error500", string, "colors", "">; error600: import("@stitches/react/types/theme").Token<"error600", string, "colors", "">; error700: import("@stitches/react/types/theme").Token<"error700", string, "colors", "">; error800: import("@stitches/react/types/theme").Token<"error800", string, "colors", "">; error900: import("@stitches/react/types/theme").Token<"error900", string, "colors", "">; yellow50: import("@stitches/react/types/theme").Token<"yellow50", string, "colors", "">; yellow100: import("@stitches/react/types/theme").Token<"yellow100", string, "colors", "">; yellow200: import("@stitches/react/types/theme").Token<"yellow200", string, "colors", "">; yellow300: import("@stitches/react/types/theme").Token<"yellow300", string, "colors", "">; yellow400: import("@stitches/react/types/theme").Token<"yellow400", string, "colors", "">; yellow500: import("@stitches/react/types/theme").Token<"yellow500", string, "colors", "">; yellow600: import("@stitches/react/types/theme").Token<"yellow600", string, "colors", "">; yellow700: import("@stitches/react/types/theme").Token<"yellow700", string, "colors", "">; yellow800: import("@stitches/react/types/theme").Token<"yellow800", string, "colors", "">; yellow900: import("@stitches/react/types/theme").Token<"yellow900", string, "colors", "">; gbmSky: import("@stitches/react/types/theme").Token<"gbmSky", string, "colors", "">; gbmOcean: import("@stitches/react/types/theme").Token<"gbmOcean", string, "colors", "">; gbmBlue: import("@stitches/react/types/theme").Token<"gbmBlue", string, "colors", "">; }; fontSizes: {}; breakpoints: { xs: import("@stitches/react/types/theme").Token<"xs", string, "breakpoints", "">; sm: import("@stitches/react/types/theme").Token<"sm", string, "breakpoints", "">; md: import("@stitches/react/types/theme").Token<"md", string, "breakpoints", "">; lg: import("@stitches/react/types/theme").Token<"lg", string, "breakpoints", "">; xl: import("@stitches/react/types/theme").Token<"xl", string, "breakpoints", "">; xxl: import("@stitches/react/types/theme").Token<"xxl", string, "breakpoints", "">; xxxl: import("@stitches/react/types/theme").Token<"xxxl", string, "breakpoints", "">; }; }, createTheme: <Argument0 extends string | ({ colors?: { white?: string | number | boolean | undefined; black?: string | number | boolean | undefined; lightText?: string | number | boolean | undefined; lightStrokebar?: string | number | boolean | undefined; lightCard?: string | number | boolean | undefined; lightHeader?: string | number | boolean | undefined; lightBackground?: string | number | boolean | undefined; lightSidebar?: string | number | boolean | undefined; darkText?: string | number | boolean | undefined; darkStrokebar?: string | number | boolean | undefined; darkCard?: string | number | boolean | undefined; darkHeader?: string | number | boolean | undefined; darkBackground?: string | number | boolean | undefined; darkSidebar?: string | number | boolean | undefined; gray50?: string | number | boolean | undefined; gray100?: string | number | boolean | undefined; gray200?: string | number | boolean | undefined; gray300?: string | number | boolean | undefined; gray400?: string | number | boolean | undefined; gray500?: string | number | boolean | undefined; gray600?: string | number | boolean | undefined; gray700?: string | number | boolean | undefined; gray800?: string | number | boolean | undefined; gray900?: string | number | boolean | undefined; blue50?: string | number | boolean | undefined; blue100?: string | number | boolean | undefined; blue200?: string | number | boolean | undefined; blue300?: string | number | boolean | undefined; blue400?: string | number | boolean | undefined; blue500?: string | number | boolean | undefined; blue600?: string | number | boolean | undefined; blue700?: string | number | boolean | undefined; blue800?: string | number | boolean | undefined; blue900?: string | number | boolean | undefined; sucess50?: string | number | boolean | undefined; sucess100?: string | number | boolean | undefined; sucess200?: string | number | boolean | undefined; sucess300?: string | number | boolean | undefined; sucess400?: string | number | boolean | undefined; sucess500?: string | number | boolean | undefined; sucess600?: string | number | boolean | undefined; sucess700?: string | number | boolean | undefined; sucess800?: string | number | boolean | undefined; sucess900?: string | number | boolean | undefined; link50?: string | number | boolean | undefined; link100?: string | number | boolean | undefined; link200?: string | number | boolean | undefined; link300?: string | number | boolean | undefined; link400?: string | number | boolean | undefined; link500?: string | number | boolean | undefined; link600?: string | number | boolean | undefined; link700?: string | number | boolean | undefined; link800?: string | number | boolean | undefined; link900?: string | number | boolean | undefined; warning50?: string | number | boolean | undefined; warning100?: string | number | boolean | undefined; warning200?: string | number | boolean | undefined; warning300?: string | number | boolean | undefined; warning400?: string | number | boolean | undefined; warning500?: string | number | boolean | undefined; warning600?: string | number | boolean | undefined; warning700?: string | number | boolean | undefined; warning800?: string | number | boolean | undefined; warning900?: string | number | boolean | undefined; error50?: string | number | boolean | undefined; error100?: string | number | boolean | undefined; error200?: string | number | boolean | undefined; error300?: string | number | boolean | undefined; error400?: string | number | boolean | undefined; error500?: string | number | boolean | undefined; error600?: string | number | boolean | undefined; error700?: string | number | boolean | undefined; error800?: string | number | boolean | undefined; error900?: string | number | boolean | undefined; yellow50?: string | number | boolean | undefined; yellow100?: string | number | boolean | undefined; yellow200?: string | number | boolean | undefined; yellow300?: string | number | boolean | undefined; yellow400?: string | number | boolean | undefined; yellow500?: string | number | boolean | undefined; yellow600?: string | number | boolean | undefined; yellow700?: string | number | boolean | undefined; yellow800?: string | number | boolean | undefined; yellow900?: string | number | boolean | undefined; gbmSky?: string | number | boolean | undefined; gbmOcean?: string | number | boolean | undefined; gbmBlue?: string | number | boolean | undefined; } | undefined; fontSizes?: {} | undefined; breakpoints?: { xs?: string | number | boolean | undefined; sm?: string | number | boolean | undefined; md?: string | number | boolean | undefined; lg?: string | number | boolean | undefined; xl?: string | number | boolean | undefined; xxl?: string | number | boolean | undefined; xxxl?: string | number | boolean | undefined; } | undefined; } & { [x: string]: { [x: string]: string | number | boolean; [x: number]: string | number | boolean; }; }), Argument1 extends string | ({ colors?: { white?: string | number | boolean | undefined; black?: string | number | boolean | undefined; lightText?: string | number | boolean | undefined; lightStrokebar?: string | number | boolean | undefined; lightCard?: string | number | boolean | undefined; lightHeader?: string | number | boolean | undefined; lightBackground?: string | number | boolean | undefined; lightSidebar?: string | number | boolean | undefined; darkText?: string | number | boolean | undefined; darkStrokebar?: string | number | boolean | undefined; darkCard?: string | number | boolean | undefined; darkHeader?: string | number | boolean | undefined; darkBackground?: string | number | boolean | undefined; darkSidebar?: string | number | boolean | undefined; gray50?: string | number | boolean | undefined; gray100?: string | number | boolean | undefined; gray200?: string | number | boolean | undefined; gray300?: string | number | boolean | undefined; gray400?: string | number | boolean | undefined; gray500?: string | number | boolean | undefined; gray600?: string | number | boolean | undefined; gray700?: string | number | boolean | undefined; gray800?: string | number | boolean | undefined; gray900?: string | number | boolean | undefined; blue50?: string | number | boolean | undefined; blue100?: string | number | boolean | undefined; blue200?: string | number | boolean | undefined; blue300?: string | number | boolean | undefined; blue400?: string | number | boolean | undefined; blue500?: string | number | boolean | undefined; blue600?: string | number | boolean | undefined; blue700?: string | number | boolean | undefined; blue800?: string | number | boolean | undefined; blue900?: string | number | boolean | undefined; sucess50?: string | number | boolean | undefined; sucess100?: string | number | boolean | undefined; sucess200?: string | number | boolean | undefined; sucess300?: string | number | boolean | undefined; sucess400?: string | number | boolean | undefined; sucess500?: string | number | boolean | undefined; sucess600?: string | number | boolean | undefined; sucess700?: string | number | boolean | undefined; sucess800?: string | number | boolean | undefined; sucess900?: string | number | boolean | undefined; link50?: string | number | boolean | undefined; link100?: string | number | boolean | undefined; link200?: string | number | boolean | undefined; link300?: string | number | boolean | undefined; link400?: string | number | boolean | undefined; link500?: string | number | boolean | undefined; link600?: string | number | boolean | undefined; link700?: string | number | boolean | undefined; link800?: string | number | boolean | undefined; link900?: string | number | boolean | undefined; warning50?: string | number | boolean | undefined; warning100?: string | number | boolean | undefined; warning200?: string | number | boolean | undefined; warning300?: string | number | boolean | undefined; warning400?: string | number | boolean | undefined; warning500?: string | number | boolean | undefined; warning600?: string | number | boolean | undefined; warning700?: string | number | boolean | undefined; warning800?: string | number | boolean | undefined; warning900?: string | number | boolean | undefined; error50?: string | number | boolean | undefined; error100?: string | number | boolean | undefined; error200?: string | number | boolean | undefined; error300?: string | number | boolean | undefined; error400?: string | number | boolean | undefined; error500?: string | number | boolean | undefined; error600?: string | number | boolean | undefined; error700?: string | number | boolean | undefined; error800?: string | number | boolean | undefined; error900?: string | number | boolean | undefined; yellow50?: string | number | boolean | undefined; yellow100?: string | number | boolean | undefined; yellow200?: string | number | boolean | undefined; yellow300?: string | number | boolean | undefined; yellow400?: string | number | boolean | undefined; yellow500?: string | number | boolean | undefined; yellow600?: string | number | boolean | undefined; yellow700?: string | number | boolean | undefined; yellow800?: string | number | boolean | undefined; yellow900?: string | number | boolean | undefined; gbmSky?: string | number | boolean | undefined; gbmOcean?: string | number | boolean | undefined;