@gbm-tech/styles
Version:
GBM Tech & Control - Styles
1,205 lines (1,204 loc) • 51 kB
TypeScript
/// <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;