@ovotech/element-native 5.5.0 → 5.6.0

package/dist/components/ActionList/styled.d.ts

@@ -42,6 +42,7 @@ export declare const StyledActionList: (props: Omit<{
                 "30": string;
                 "40": string;
                 "50": string;
+                "55": string;
                 "56": string;
                 "60": string;
                 "70": string;
@@ -84,6 +85,7 @@ export declare const StyledActionList: (props: Omit<{
                 onBrandVariant: string;
                 aiGradientFrom: string;
                 aiGradientTo: string;
+                accessible: string;
                 fixed: {
                     brand: string;
                     dark: string;
@@ -92,6 +94,7 @@ export declare const StyledActionList: (props: Omit<{
                     bright: string;
                     onBrand: string;
                     onBrandVariant: string;
+                    accessible: string;
                 };
             };
             outline: {
@@ -621,6 +624,7 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -663,6 +667,7 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -671,6 +676,7 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1156,13 +1162,7 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
             selectedTint: string;
         };
     };
-}, {
-    hasBorder?: boolean;
-    inverted?: boolean;
-    inList?: boolean;
-    hint?: string;
-    badgeText?: string;
-}, never>;
+}, {}, never>;
 export declare const StyledActionInner: import("styled-components").StyledComponent<typeof import("react-native").View, {
     color: {
         neutral: {
@@ -1202,6 +1202,7 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1244,6 +1245,7 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1252,6 +1254,7 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1780,6 +1783,7 @@ export declare const StyledActionText: import("styled-components").StyledCompone
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1822,6 +1826,7 @@ export declare const StyledActionText: import("styled-components").StyledCompone
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1830,6 +1835,7 @@ export declare const StyledActionText: import("styled-components").StyledCompone
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2358,6 +2364,7 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2400,6 +2407,7 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2408,6 +2416,7 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2933,6 +2942,7 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2975,6 +2985,7 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2983,6 +2994,7 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -3510,6 +3522,7 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -3552,6 +3565,7 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -3560,6 +3574,7 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4087,6 +4102,7 @@ export declare const StyledTextWrapper: import("styled-components").StyledCompon
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4129,6 +4145,7 @@ export declare const StyledTextWrapper: import("styled-components").StyledCompon
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4137,6 +4154,7 @@ export declare const StyledTextWrapper: import("styled-components").StyledCompon
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4667,6 +4685,7 @@ export declare const StyledHintText: import("styled-components").StyledComponent
                 "30": string;
                 "40": string;
                 "50": string;
+                "55": string;
                 "56": string;
                 "60": string;
                 "70": string;
@@ -4709,6 +4728,7 @@ export declare const StyledHintText: import("styled-components").StyledComponent
                 onBrandVariant: string;
                 aiGradientFrom: string;
                 aiGradientTo: string;
+                accessible: string;
                 fixed: {
                     brand: string;
                     dark: string;
@@ -4717,6 +4737,7 @@ export declare const StyledHintText: import("styled-components").StyledComponent
                     bright: string;
                     onBrand: string;
                     onBrandVariant: string;
+                    accessible: string;
                 };
             };
             outline: {
@@ -5245,6 +5266,7 @@ export declare const StyledHintText: import("styled-components").StyledComponent
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -5287,6 +5309,7 @@ export declare const StyledHintText: import("styled-components").StyledComponent
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -5295,6 +5318,7 @@ export declare const StyledHintText: import("styled-components").StyledComponent
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -5783,3 +5807,1159 @@ export declare const StyledHintText: import("styled-components").StyledComponent
 }, {
     inverted?: boolean;
 }, never>;
+export declare const GraphicContainer: import("styled-components").StyledComponent<typeof import("react-native").View, {
+    color: {
+        neutral: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            white: string;
+            black: string;
+        };
+        red: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+        };
+        orange: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        yellow: {
+            "70": string;
+            "80": string;
+        };
+        green: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "55": string;
+            "56": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+        blue: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        alert: {
+            success: string;
+            successTint: string;
+            warning: string;
+            warningTint: string;
+            error: string;
+            errorTint: string;
+            info: string;
+            infoTint: string;
+            neutral: string;
+            neutralTint: string;
+            border: string;
+        };
+        input: {
+            borderDim: string;
+        };
+        brand: {
+            brand: string;
+            dark: string;
+            dim: string;
+            bold: string;
+            bright: string;
+            gradientFrom: string;
+            gradientTo: string;
+            onBrand: string;
+            onBrandVariant: string;
+            aiGradientFrom: string;
+            aiGradientTo: string;
+            accessible: string;
+            fixed: {
+                brand: string;
+                dark: string;
+                dim: string;
+                bold: string;
+                bright: string;
+                onBrand: string;
+                onBrandVariant: string;
+                accessible: string;
+            };
+        };
+        outline: {
+            outer: string;
+            inner: string;
+        };
+        surface: {
+            surface: string;
+            bright: string;
+            dim: string;
+            onSurface: string;
+            onSurfaceVariant: string;
+            border: string;
+            borderDim: string;
+            link: string;
+            electricity: string;
+            gas: string;
+            fadeFrom: string;
+            fadeTo: string;
+            fixed: {
+                onSurface: string;
+                bright: string;
+            };
+        };
+    };
+    transition: {
+        duration: {
+            fast: number;
+            medium: number;
+            slow: number;
+        };
+    };
+    unit: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "200": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+    };
+    border: {
+        radius: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            "2xl": number;
+            "3xl": number;
+        };
+        width: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    breakpoint: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    native: {
+        font: {
+            family: {
+                black: string;
+                book: string;
+                bold: string;
+            };
+        };
+    };
+    web: {
+        font: {
+            family: string;
+        };
+    };
+    font: {
+        letterSpacing: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        lineHeight: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        paragraphSpace: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        size: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        weight: {
+            book: number;
+            bold: number;
+            black: number;
+        };
+    };
+    mediaQuery: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    customMediaQuery: {
+        "xsmall-and-up": number;
+        "small-and-up": number;
+        "medium-and-up": number;
+        "large-and-up": number;
+    };
+    opacity: {
+        solid: number;
+        translucent: number;
+        transparent: number;
+    };
+    space: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "150": number;
+        "200": number;
+        "250": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+        base: number;
+    };
+    button: {
+        color: {
+            focus: {
+                blue: string;
+                white: string;
+            };
+        };
+        surface: {
+            color: {
+                fg: string;
+                bg: string;
+                bgVariant: string;
+                bgHover: string;
+                fgInverted: string;
+                bgInverted: string;
+                bgInvertedHover: string;
+            };
+        };
+        destructive: {
+            color: {
+                fg: string;
+                bg: string;
+                bgHover: string;
+            };
+        };
+    };
+    input: {
+        color: {
+            label: string;
+            border: string;
+            borderError: string;
+            hint: string;
+            selected: string;
+            selectedTint: string;
+        };
+    };
+}, {}, never>;
+export declare const InfoRowWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
+    color: {
+        neutral: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            white: string;
+            black: string;
+        };
+        red: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+        };
+        orange: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        yellow: {
+            "70": string;
+            "80": string;
+        };
+        green: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "55": string;
+            "56": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+        blue: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        alert: {
+            success: string;
+            successTint: string;
+            warning: string;
+            warningTint: string;
+            error: string;
+            errorTint: string;
+            info: string;
+            infoTint: string;
+            neutral: string;
+            neutralTint: string;
+            border: string;
+        };
+        input: {
+            borderDim: string;
+        };
+        brand: {
+            brand: string;
+            dark: string;
+            dim: string;
+            bold: string;
+            bright: string;
+            gradientFrom: string;
+            gradientTo: string;
+            onBrand: string;
+            onBrandVariant: string;
+            aiGradientFrom: string;
+            aiGradientTo: string;
+            accessible: string;
+            fixed: {
+                brand: string;
+                dark: string;
+                dim: string;
+                bold: string;
+                bright: string;
+                onBrand: string;
+                onBrandVariant: string;
+                accessible: string;
+            };
+        };
+        outline: {
+            outer: string;
+            inner: string;
+        };
+        surface: {
+            surface: string;
+            bright: string;
+            dim: string;
+            onSurface: string;
+            onSurfaceVariant: string;
+            border: string;
+            borderDim: string;
+            link: string;
+            electricity: string;
+            gas: string;
+            fadeFrom: string;
+            fadeTo: string;
+            fixed: {
+                onSurface: string;
+                bright: string;
+            };
+        };
+    };
+    transition: {
+        duration: {
+            fast: number;
+            medium: number;
+            slow: number;
+        };
+    };
+    unit: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "200": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+    };
+    border: {
+        radius: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            "2xl": number;
+            "3xl": number;
+        };
+        width: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    breakpoint: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    native: {
+        font: {
+            family: {
+                black: string;
+                book: string;
+                bold: string;
+            };
+        };
+    };
+    web: {
+        font: {
+            family: string;
+        };
+    };
+    font: {
+        letterSpacing: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        lineHeight: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        paragraphSpace: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        size: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        weight: {
+            book: number;
+            bold: number;
+            black: number;
+        };
+    };
+    mediaQuery: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    customMediaQuery: {
+        "xsmall-and-up": number;
+        "small-and-up": number;
+        "medium-and-up": number;
+        "large-and-up": number;
+    };
+    opacity: {
+        solid: number;
+        translucent: number;
+        transparent: number;
+    };
+    space: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "150": number;
+        "200": number;
+        "250": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+        base: number;
+    };
+    button: {
+        color: {
+            focus: {
+                blue: string;
+                white: string;
+            };
+        };
+        surface: {
+            color: {
+                fg: string;
+                bg: string;
+                bgVariant: string;
+                bgHover: string;
+                fgInverted: string;
+                bgInverted: string;
+                bgInvertedHover: string;
+            };
+        };
+        destructive: {
+            color: {
+                fg: string;
+                bg: string;
+                bgHover: string;
+            };
+        };
+    };
+    input: {
+        color: {
+            label: string;
+            border: string;
+            borderError: string;
+            hint: string;
+            selected: string;
+            selectedTint: string;
+        };
+    };
+}, {}, never>;