@vitality-ds/icons 0.3.2-alpha.1 → 0.3.2

package/dist/types/system/src/stitches.config.d.ts

@@ -0,0 +1,1478 @@
+export declare const stitches: import("@stitches/react/types/stitches").default<"vitality", {
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>;
+export declare const 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<{
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(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;
+        };
+    };
+    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<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS;
+    })[];
+    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<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("@stitches/react/types/util").WideObject;
+} & 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<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, import("@stitches/react/types/css-util").CSS<{
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, 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<{
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...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;
+        };
+    };
+    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<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS;
+    })[];
+    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<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("@stitches/react/types/util").WideObject;
+} & 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").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, CSS>, theme: string & {
+    className: string;
+    selector: string;
+} & {
+    fonts: {
+        default: import("@stitches/react/types/theme").Token<"default", string, "fonts", "vitality">;
+        caption: import("@stitches/react/types/theme").Token<"caption", string, "fonts", "vitality">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "fonts", "vitality">;
+        button: import("@stitches/react/types/theme").Token<"button", string, "fonts", "vitality">;
+        textInput: import("@stitches/react/types/theme").Token<"textInput", string, "fonts", "vitality">;
+        sectionSubtitle: import("@stitches/react/types/theme").Token<"sectionSubtitle", string, "fonts", "vitality">;
+        sectionTitle: import("@stitches/react/types/theme").Token<"sectionTitle", string, "fonts", "vitality">;
+        pageTitle: import("@stitches/react/types/theme").Token<"pageTitle", string, "fonts", "vitality">;
+        display100: import("@stitches/react/types/theme").Token<"display100", string, "fonts", "vitality">;
+        display200: import("@stitches/react/types/theme").Token<"display200", string, "fonts", "vitality">;
+        display300: import("@stitches/react/types/theme").Token<"display300", string, "fonts", "vitality">;
+        display400: import("@stitches/react/types/theme").Token<"display400", string, "fonts", "vitality">;
+        display500: import("@stitches/react/types/theme").Token<"display500", string, "fonts", "vitality">;
+        display600: import("@stitches/react/types/theme").Token<"display600", string, "fonts", "vitality">;
+        display700: import("@stitches/react/types/theme").Token<"display700", string, "fonts", "vitality">;
+        display800: import("@stitches/react/types/theme").Token<"display800", string, "fonts", "vitality">;
+        display900: import("@stitches/react/types/theme").Token<"display900", string, "fonts", "vitality">;
+    };
+    fontSizes: {
+        caption: import("@stitches/react/types/theme").Token<"caption", string, "fontSizes", "vitality">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "fontSizes", "vitality">;
+        button: import("@stitches/react/types/theme").Token<"button", string, "fontSizes", "vitality">;
+        textInput: import("@stitches/react/types/theme").Token<"textInput", string, "fontSizes", "vitality">;
+        sectionSubtitle: import("@stitches/react/types/theme").Token<"sectionSubtitle", string, "fontSizes", "vitality">;
+        sectionTitle: import("@stitches/react/types/theme").Token<"sectionTitle", string, "fontSizes", "vitality">;
+        pageTitle: import("@stitches/react/types/theme").Token<"pageTitle", string, "fontSizes", "vitality">;
+        display100: import("@stitches/react/types/theme").Token<"display100", string, "fontSizes", "vitality">;
+        display200: import("@stitches/react/types/theme").Token<"display200", string, "fontSizes", "vitality">;
+        display300: import("@stitches/react/types/theme").Token<"display300", string, "fontSizes", "vitality">;
+        display400: import("@stitches/react/types/theme").Token<"display400", string, "fontSizes", "vitality">;
+        display500: import("@stitches/react/types/theme").Token<"display500", string, "fontSizes", "vitality">;
+        display600: import("@stitches/react/types/theme").Token<"display600", string, "fontSizes", "vitality">;
+        display700: import("@stitches/react/types/theme").Token<"display700", string, "fontSizes", "vitality">;
+        display800: import("@stitches/react/types/theme").Token<"display800", string, "fontSizes", "vitality">;
+        display900: import("@stitches/react/types/theme").Token<"display900", string, "fontSizes", "vitality">;
+    };
+    fontWeights: {
+        caption: import("@stitches/react/types/theme").Token<"caption", string, "fontWeights", "vitality">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "fontWeights", "vitality">;
+        button: import("@stitches/react/types/theme").Token<"button", string, "fontWeights", "vitality">;
+        textInput: import("@stitches/react/types/theme").Token<"textInput", string, "fontWeights", "vitality">;
+        sectionSubtitle: import("@stitches/react/types/theme").Token<"sectionSubtitle", string, "fontWeights", "vitality">;
+        sectionTitle: import("@stitches/react/types/theme").Token<"sectionTitle", string, "fontWeights", "vitality">;
+        pageTitle: import("@stitches/react/types/theme").Token<"pageTitle", string, "fontWeights", "vitality">;
+        display100: import("@stitches/react/types/theme").Token<"display100", string, "fontWeights", "vitality">;
+        display200: import("@stitches/react/types/theme").Token<"display200", string, "fontWeights", "vitality">;
+        display300: import("@stitches/react/types/theme").Token<"display300", string, "fontWeights", "vitality">;
+        display400: import("@stitches/react/types/theme").Token<"display400", string, "fontWeights", "vitality">;
+        display500: import("@stitches/react/types/theme").Token<"display500", string, "fontWeights", "vitality">;
+        display600: import("@stitches/react/types/theme").Token<"display600", string, "fontWeights", "vitality">;
+        display700: import("@stitches/react/types/theme").Token<"display700", string, "fontWeights", "vitality">;
+        display800: import("@stitches/react/types/theme").Token<"display800", string, "fontWeights", "vitality">;
+        display900: import("@stitches/react/types/theme").Token<"display900", string, "fontWeights", "vitality">;
+    };
+    lineHeights: {
+        caption: import("@stitches/react/types/theme").Token<"caption", string, "lineHeights", "vitality">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "lineHeights", "vitality">;
+        button: import("@stitches/react/types/theme").Token<"button", string, "lineHeights", "vitality">;
+        textInput: import("@stitches/react/types/theme").Token<"textInput", string, "lineHeights", "vitality">;
+        sectionSubtitle: import("@stitches/react/types/theme").Token<"sectionSubtitle", string, "lineHeights", "vitality">;
+        sectionTitle: import("@stitches/react/types/theme").Token<"sectionTitle", string, "lineHeights", "vitality">;
+        pageTitle: import("@stitches/react/types/theme").Token<"pageTitle", string, "lineHeights", "vitality">;
+        display100: import("@stitches/react/types/theme").Token<"display100", string, "lineHeights", "vitality">;
+        display200: import("@stitches/react/types/theme").Token<"display200", string, "lineHeights", "vitality">;
+        display300: import("@stitches/react/types/theme").Token<"display300", string, "lineHeights", "vitality">;
+        display400: import("@stitches/react/types/theme").Token<"display400", string, "lineHeights", "vitality">;
+        display500: import("@stitches/react/types/theme").Token<"display500", string, "lineHeights", "vitality">;
+        display600: import("@stitches/react/types/theme").Token<"display600", string, "lineHeights", "vitality">;
+        display700: import("@stitches/react/types/theme").Token<"display700", string, "lineHeights", "vitality">;
+        display800: import("@stitches/react/types/theme").Token<"display800", string, "lineHeights", "vitality">;
+        display900: import("@stitches/react/types/theme").Token<"display900", string, "lineHeights", "vitality">;
+    };
+    letterSpacings: {
+        caption: import("@stitches/react/types/theme").Token<"caption", string, "letterSpacings", "vitality">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "letterSpacings", "vitality">;
+        button: import("@stitches/react/types/theme").Token<"button", string, "letterSpacings", "vitality">;
+        textInput: import("@stitches/react/types/theme").Token<"textInput", string, "letterSpacings", "vitality">;
+        sectionSubtitle: import("@stitches/react/types/theme").Token<"sectionSubtitle", string, "letterSpacings", "vitality">;
+        sectionTitle: import("@stitches/react/types/theme").Token<"sectionTitle", string, "letterSpacings", "vitality">;
+        pageTitle: import("@stitches/react/types/theme").Token<"pageTitle", string, "letterSpacings", "vitality">;
+        display100: import("@stitches/react/types/theme").Token<"display100", string, "letterSpacings", "vitality">;
+        display200: import("@stitches/react/types/theme").Token<"display200", string, "letterSpacings", "vitality">;
+        display300: import("@stitches/react/types/theme").Token<"display300", string, "letterSpacings", "vitality">;
+        display400: import("@stitches/react/types/theme").Token<"display400", string, "letterSpacings", "vitality">;
+        display500: import("@stitches/react/types/theme").Token<"display500", string, "letterSpacings", "vitality">;
+        display600: import("@stitches/react/types/theme").Token<"display600", string, "letterSpacings", "vitality">;
+        display700: import("@stitches/react/types/theme").Token<"display700", string, "letterSpacings", "vitality">;
+        display800: import("@stitches/react/types/theme").Token<"display800", string, "letterSpacings", "vitality">;
+        display900: import("@stitches/react/types/theme").Token<"display900", string, "letterSpacings", "vitality">;
+    };
+    colors: {
+        neutral?: import("@stitches/react/types/theme").Token<"neutral", string, "colors", "vitality">;
+        neutralA?: import("@stitches/react/types/theme").Token<"neutralA", string, "colors", "vitality">;
+        primary?: import("@stitches/react/types/theme").Token<"primary", string, "colors", "vitality">;
+        accent?: import("@stitches/react/types/theme").Token<"accent", string, "colors", "vitality">;
+        success?: import("@stitches/react/types/theme").Token<"success", string, "colors", "vitality">;
+        info?: import("@stitches/react/types/theme").Token<"info", string, "colors", "vitality">;
+        warning?: import("@stitches/react/types/theme").Token<"warning", string, "colors", "vitality">;
+        critical?: import("@stitches/react/types/theme").Token<"critical", string, "colors", "vitality">;
+    };
+    radii: {
+        default: import("@stitches/react/types/theme").Token<"default", string, "radii", "vitality">;
+        rounded: import("@stitches/react/types/theme").Token<"rounded", string, "radii", "vitality">;
+    };
+    shadows: {
+        small: import("@stitches/react/types/theme").Token<"small", string, "shadows", "vitality">;
+        medium: import("@stitches/react/types/theme").Token<"medium", string, "shadows", "vitality">;
+        large: import("@stitches/react/types/theme").Token<"large", string, "shadows", "vitality">;
+    };
+    space: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "vitality">;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "vitality">;
+        md: import("@stitches/react/types/theme").Token<"md", string, "space", "vitality">;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "vitality">;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "vitality">;
+        xxl: import("@stitches/react/types/theme").Token<"xxl", string, "space", "vitality">;
+        outlineWidth: import("@stitches/react/types/theme").Token<"outlineWidth", string, "space", "vitality">;
+    };
+    zIndices: {
+        floatingElements: import("@stitches/react/types/theme").Token<"floatingElements", string, "zIndices", "vitality">;
+    };
+}, getCssText: () => string, 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<{
+        bp1: "(min-width: 48rem)";
+        bp2: "(min-width: 69rem)";
+        bp3: "(min-width: 85rem)";
+    }, {
+        fonts: {
+            default: string;
+            caption: string;
+            body: string;
+            button: string;
+            textInput: string;
+            sectionSubtitle: string;
+            sectionTitle: string;
+            pageTitle: string;
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+        };
+        fontSizes: {
+            caption: string;
+            body: string;
+            button: string;
+            textInput: string;
+            sectionSubtitle: string;
+            sectionTitle: string;
+            pageTitle: string;
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+        };
+        fontWeights: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        lineHeights: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        letterSpacings: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        colors: {
+            neutral?: string;
+            neutralA?: string;
+            primary?: string;
+            accent?: string;
+            success?: string;
+            info?: string;
+            warning?: string;
+            critical?: string;
+        };
+        radii: {
+            default: string;
+            rounded: string;
+        };
+        shadows: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        space: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            outlineWidth: string;
+        };
+        zIndices: {
+            floatingElements: number;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {}>;
+} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>; })[]) => () => string, keyframes: (style: {
+    [offset: string]: import("@stitches/react/types/css-util").CSS<{
+        bp1: "(min-width: 48rem)";
+        bp2: "(min-width: 69rem)";
+        bp3: "(min-width: 85rem)";
+    }, {
+        fonts: {
+            default: string;
+            caption: string;
+            body: string;
+            button: string;
+            textInput: string;
+            sectionSubtitle: string;
+            sectionTitle: string;
+            pageTitle: string;
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+        };
+        fontSizes: {
+            caption: string;
+            body: string;
+            button: string;
+            textInput: string;
+            sectionSubtitle: string;
+            sectionTitle: string;
+            pageTitle: string;
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+        };
+        fontWeights: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        lineHeights: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        letterSpacings: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        colors: {
+            neutral?: string;
+            neutralA?: string;
+            primary?: string;
+            accent?: string;
+            success?: string;
+            info?: string;
+            warning?: string;
+            critical?: string;
+        };
+        radii: {
+            default: string;
+            rounded: string;
+        };
+        shadows: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        space: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            outlineWidth: string;
+        };
+        zIndices: {
+            floatingElements: number;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {}>;
+}) => {
+    (): string;
+    name: string;
+}, config: {
+    prefix: "vitality";
+    media: {
+        bp1: "(min-width: 48rem)";
+        bp2: "(min-width: 69rem)";
+        bp3: "(min-width: 85rem)";
+    };
+    theme: {
+        fonts: {
+            default: string;
+            caption: string;
+            body: string;
+            button: string;
+            textInput: string;
+            sectionSubtitle: string;
+            sectionTitle: string;
+            pageTitle: string;
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+        };
+        fontSizes: {
+            caption: string;
+            body: string;
+            button: string;
+            textInput: string;
+            sectionSubtitle: string;
+            sectionTitle: string;
+            pageTitle: string;
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+        };
+        fontWeights: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        lineHeights: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        letterSpacings: {
+            caption: number;
+            body: number;
+            button: number;
+            textInput: number;
+            sectionSubtitle: number;
+            sectionTitle: number;
+            pageTitle: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+        };
+        colors: {
+            neutral?: string;
+            neutralA?: string;
+            primary?: string;
+            accent?: string;
+            success?: string;
+            info?: string;
+            warning?: string;
+            critical?: string;
+        };
+        radii: {
+            default: string;
+            rounded: string;
+        };
+        shadows: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        space: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            outlineWidth: string;
+        };
+        zIndices: {
+            floatingElements: number;
+        };
+    };
+    themeMap: import("@stitches/react/types/config").DefaultThemeMap;
+    utils: {};
+}, createTheme: <Argument0 extends string | ({
+    fonts?: {
+        default?: string | number | boolean;
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    fontSizes?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    fontWeights?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    lineHeights?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    letterSpacings?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    colors?: {
+        neutral?: string | number | boolean;
+        neutralA?: string | number | boolean;
+        primary?: string | number | boolean;
+        accent?: string | number | boolean;
+        success?: string | number | boolean;
+        info?: string | number | boolean;
+        warning?: string | number | boolean;
+        critical?: string | number | boolean;
+    };
+    radii?: {
+        default?: string | number | boolean;
+        rounded?: string | number | boolean;
+    };
+    shadows?: {
+        small?: string | number | boolean;
+        medium?: string | number | boolean;
+        large?: string | number | boolean;
+    };
+    space?: {
+        xs?: string | number | boolean;
+        sm?: string | number | boolean;
+        md?: string | number | boolean;
+        lg?: string | number | boolean;
+        xl?: string | number | boolean;
+        xxl?: string | number | boolean;
+        outlineWidth?: string | number | boolean;
+    };
+    zIndices?: {
+        floatingElements?: string | number | boolean;
+    };
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+}), Argument1 extends string | ({
+    fonts?: {
+        default?: string | number | boolean;
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    fontSizes?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    fontWeights?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    lineHeights?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    letterSpacings?: {
+        caption?: string | number | boolean;
+        body?: string | number | boolean;
+        button?: string | number | boolean;
+        textInput?: string | number | boolean;
+        sectionSubtitle?: string | number | boolean;
+        sectionTitle?: string | number | boolean;
+        pageTitle?: string | number | boolean;
+        display100?: string | number | boolean;
+        display200?: string | number | boolean;
+        display300?: string | number | boolean;
+        display400?: string | number | boolean;
+        display500?: string | number | boolean;
+        display600?: string | number | boolean;
+        display700?: string | number | boolean;
+        display800?: string | number | boolean;
+        display900?: string | number | boolean;
+    };
+    colors?: {
+        neutral?: string | number | boolean;
+        neutralA?: string | number | boolean;
+        primary?: string | number | boolean;
+        accent?: string | number | boolean;
+        success?: string | number | boolean;
+        info?: string | number | boolean;
+        warning?: string | number | boolean;
+        critical?: string | number | boolean;
+    };
+    radii?: {
+        default?: string | number | boolean;
+        rounded?: string | number | boolean;
+    };
+    shadows?: {
+        small?: string | number | boolean;
+        medium?: string | number | boolean;
+        large?: string | number | boolean;
+    };
+    space?: {
+        xs?: string | number | boolean;
+        sm?: string | number | boolean;
+        md?: string | number | boolean;
+        lg?: string | number | boolean;
+        xl?: string | number | boolean;
+        xxl?: string | number | boolean;
+        outlineWidth?: string | number | boolean;
+    };
+    zIndices?: {
+        floatingElements?: string | number | boolean;
+    };
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1) => string & {
+    className: string;
+    selector: string;
+} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, "vitality"> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "vitality">);
+export declare const darkTheme: string & {
+    className: string;
+    selector: string;
+} & import("@stitches/react/types/stitches").ThemeTokens<{
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+}, "vitality">;
+declare type AVAILABLE_THEMES = {
+    light: typeof theme;
+    dark: typeof darkTheme;
+    [additionalThemes: string]: string;
+};
+export declare const AVAILABLE_THEMES: AVAILABLE_THEMES;
+export {};
+//# sourceMappingURL=stitches.config.d.ts.map