sapo-components-ui-rn 1.0.0

package/dist/styles/themes/tokens.d.ts

@@ -0,0 +1,830 @@
+import type { Font } from "../../types";
+export declare const typescale: {
+    displayLarge: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    displayMedium: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    displaySmall: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    headlineLarge: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    headlineMedium: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    headlineSmall: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    titleLarge: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    titleMedium: {
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    titleSmall: {
+        letterSpacing: number;
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    labelLarge: {
+        letterSpacing: number;
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    labelMedium: {
+        letterSpacing: number;
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    labelSmall: {
+        letterSpacing: number;
+        lineHeight: number;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+    bodyLarge: {
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        fontFamily: string;
+        lineHeight: number;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    bodyMedium: {
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        fontFamily: string;
+        letterSpacing: number;
+        lineHeight: number;
+        fontSize: number;
+    };
+    bodySmall: {
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        fontFamily: string;
+        letterSpacing: number;
+        lineHeight: number;
+        fontSize: number;
+    };
+    default: {
+        fontFamily: string;
+        letterSpacing: number;
+        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+    };
+};
+export declare const tokens: {
+    md: {
+        ref: {
+            palette: {
+                dark: {
+                    colors: {
+                        primary: string;
+                        background: string;
+                        card: string;
+                        text: string;
+                        border: string;
+                        gray: string;
+                        backgroundLight: string;
+                        backgroundPrimary: string;
+                        backgroundSecondary: string;
+                        borderBrandDefault: string;
+                        borderCriticalDefault: string;
+                        borderCriticalHover: string;
+                        borderCriticalPressed: string;
+                        borderErrorDefault: string;
+                        borderInfoDefault: string;
+                        borderPrimaryDefault: string;
+                        borderPrimaryDisabled: string;
+                        borderPrimaryHovered: string;
+                        borderPrimaryInverseDefault: string;
+                        borderPrimaryPressed: string;
+                        borderSuccessDefault: string;
+                        borderWarningDefault: string;
+                        iconBrandDefault: string;
+                        iconCriticalDefault: string;
+                        iconErrorDefault: string;
+                        iconInfoDefault: string;
+                        iconPrimaryDefault: string;
+                        iconPrimaryHover: string;
+                        iconPrimaryDisabled: string;
+                        iconPrimaryInverseDefault: string;
+                        iconPrimaryInverseHover: string;
+                        iconPrimaryInversePressed: string;
+                        iconPrimaryPressed: string;
+                        iconSuccessDefault: string;
+                        iconWarningDefault: string;
+                        surfaceBrandDefault: string;
+                        surfaceBrandDisabled: string;
+                        surfaceBrandHover: string;
+                        surfaceBrandInverseDefault: string;
+                        surfaceBrandInverseHover: string;
+                        surfaceBrandInversePressed: string;
+                        surfaceBrandPressed: string;
+                        surfaceCriticalDefault: string;
+                        surfaceCriticalDisabled: string;
+                        surfaceCriticalHover: string;
+                        surfaceCriticalInverseDefault: string;
+                        surfaceCriticalInverseHover: string;
+                        surfaceCriticalInversePressed: string;
+                        surfaceCriticalPressed: string;
+                        surfaceErrorDefault: string;
+                        surfaceErrorDisabled: string;
+                        surfaceErrorHover: string;
+                        surfaceErrorInverseDefault: string;
+                        surfaceErrorInverseHover: string;
+                        surfaceErrorInversePressed: string;
+                        surfaceErrorPressed: string;
+                        surfaceInfoDefault: string;
+                        surfaceInfoDisabled: string;
+                        surfaceInfoHover: string;
+                        surfaceInfoInverseDefault: string;
+                        surfaceInfoInverseHover: string;
+                        surfaceInfoInversePressed: string;
+                        surfaceInfoPressed: string;
+                        surfacePrimaryDefault: string;
+                        surfacePrimaryDisabled: string;
+                        surfacePrimaryHover: string;
+                        surfacePrimaryInverseDefault: string;
+                        surfacePrimaryInverseHover: string;
+                        surfacePrimaryInversePressed: string;
+                        surfacePrimaryPressed: string;
+                        surfaceSecondaryDefault: string;
+                        surfaceSecondaryDisabled: string;
+                        surfaceSecondaryHover: string;
+                        surfaceSecondaryPressed: string;
+                        surfaceSuccessDefault: string;
+                        surfaceSuccessDisabled: string;
+                        surfaceSuccessHover: string;
+                        surfaceSuccessInverseDefault: string;
+                        surfaceSuccessInverseHover: string;
+                        surfaceSuccessInversePressed: string;
+                        surfaceSuccessPressed: string;
+                        surfaceWarningDefault: string;
+                        surfaceWarningDisabled: string;
+                        surfaceWarningHover: string;
+                        surfaceWarningInverseDefault: string;
+                        surfaceWarningInverseHover: string;
+                        surfaceWarningInversePressed: string;
+                        surfaceWarningPressed: string;
+                        textDefault: string;
+                        textDisabled: string;
+                        textPlaceholder: string;
+                        textSecondary: string;
+                        textBrandDefault: string;
+                        textBrandDisabled: string;
+                        textBrandHovered: string;
+                        textBrandPressed: string;
+                        textCriticalDefault: string;
+                        textCriticalDisabled: string;
+                        textCriticalHovered: string;
+                        textCriticalPressed: string;
+                        textErrorDefault: string;
+                        textErrorDisabled: string;
+                        textErrorHovered: string;
+                        textErrorPressed: string;
+                        textInfoDefault: string;
+                        textInfoDisabled: string;
+                        textInfoHovered: string;
+                        textInfoPressed: string;
+                        textLinkDefault: string;
+                        textLinkDisabled: string;
+                        textLinkHovered: string;
+                        textLinkPressed: string;
+                        textLinkVisitedDefault: string;
+                        textLinkVisitedDisabled: string;
+                        textLinkVisitedHovered: string;
+                        textLinkVisitedPressed: string;
+                        textOnFillDefault: string;
+                        textOnFillDisabled: string;
+                        textOnFillHovered: string;
+                        textOnFillPressed: string;
+                        textSuccessDefault: string;
+                        textSuccessDisabled: string;
+                        textSuccessHovered: string;
+                        textSuccessPressed: string;
+                        textWarningDefault: string;
+                        textWarningDisabled: string;
+                        textWarningHovered: string;
+                        textWarningPressed: string;
+                        selectBackgroundDisabled: string;
+                        selectIconDisabled: string;
+                    };
+                };
+                light: {
+                    colors: {
+                        primary: string;
+                        background: string;
+                        card: string;
+                        text: string;
+                        border: string;
+                        gray: string;
+                        backgroundLight: string;
+                        backgroundPrimary: string;
+                        backgroundSecondary: string;
+                        borderBrandDefault: string;
+                        borderCriticalDefault: string;
+                        borderCriticalHover: string;
+                        borderCriticalPressed: string;
+                        borderErrorDefault: string;
+                        borderInfoDefault: string;
+                        borderPrimaryDefault: string;
+                        borderPrimaryDisabled: string;
+                        borderPrimaryHovered: string;
+                        borderPrimaryInverseDefault: string;
+                        borderPrimaryPressed: string;
+                        borderSuccessDefault: string;
+                        borderWarningDefault: string;
+                        iconBrandDefault: string;
+                        iconCriticalDefault: string;
+                        iconErrorDefault: string;
+                        iconInfoDefault: string;
+                        iconPrimaryDefault: string;
+                        iconPrimaryHover: string;
+                        iconPrimaryDisabled: string;
+                        iconPrimaryInverseDefault: string;
+                        iconPrimaryInverseHover: string;
+                        iconPrimaryInversePressed: string;
+                        iconPrimaryPressed: string;
+                        iconSuccessDefault: string;
+                        iconWarningDefault: string;
+                        surfaceBrandDefault: string;
+                        surfaceBrandDisabled: string;
+                        surfaceBrandHover: string;
+                        surfaceBrandInverseDefault: string;
+                        surfaceBrandInverseHover: string;
+                        surfaceBrandInversePressed: string;
+                        surfaceBrandPressed: string;
+                        surfaceCriticalDefault: string;
+                        surfaceCriticalDisabled: string;
+                        surfaceCriticalHover: string;
+                        surfaceCriticalInverseDefault: string;
+                        surfaceCriticalInverseHover: string;
+                        surfaceCriticalInversePressed: string;
+                        surfaceCriticalPressed: string;
+                        surfaceErrorDefault: string;
+                        surfaceErrorDisabled: string;
+                        surfaceErrorHover: string;
+                        surfaceErrorInverseDefault: string;
+                        surfaceErrorInverseHover: string;
+                        surfaceErrorInversePressed: string;
+                        surfaceErrorPressed: string;
+                        surfaceInfoDefault: string;
+                        surfaceInfoDisabled: string;
+                        surfaceInfoHover: string;
+                        surfaceInfoInverseDefault: string;
+                        surfaceInfoInverseHover: string;
+                        surfaceInfoInversePressed: string;
+                        surfaceInfoPressed: string;
+                        surfacePrimaryDefault: string;
+                        surfacePrimaryDisabled: string;
+                        surfacePrimaryHover: string;
+                        surfacePrimaryInverseDefault: string;
+                        surfacePrimaryInverseHover: string;
+                        surfacePrimaryInversePressed: string;
+                        surfacePrimaryPressed: string;
+                        surfaceSecondaryDefault: string;
+                        surfaceSecondaryDisabled: string;
+                        surfaceSecondaryHover: string;
+                        surfaceSecondaryPressed: string;
+                        surfaceSuccessDefault: string;
+                        surfaceSuccessDisabled: string;
+                        surfaceSuccessHover: string;
+                        surfaceSuccessInverseDefault: string;
+                        surfaceSuccessInverseHover: string;
+                        surfaceSuccessInversePressed: string;
+                        surfaceSuccessPressed: string;
+                        surfaceWarningDefault: string;
+                        surfaceWarningDisabled: string;
+                        surfaceWarningHover: string;
+                        surfaceWarningInverseDefault: string;
+                        surfaceWarningInverseHover: string;
+                        surfaceWarningInversePressed: string;
+                        surfaceWarningPressed: string;
+                        textDefault: string;
+                        textDisabled: string;
+                        textPlaceholder: string;
+                        textSecondary: string;
+                        textBrandDefault: string;
+                        textBrandDisabled: string;
+                        textBrandHovered: string;
+                        textBrandPressed: string;
+                        textCriticalDefault: string;
+                        textCriticalDisabled: string;
+                        textCriticalHovered: string;
+                        textCriticalPressed: string;
+                        textErrorDefault: string;
+                        textErrorDisabled: string;
+                        textErrorHovered: string;
+                        textErrorPressed: string;
+                        textInfoDefault: string;
+                        textInfoDisabled: string;
+                        textInfoHovered: string;
+                        textInfoPressed: string;
+                        textLinkDefault: string;
+                        textLinkDisabled: string;
+                        textLinkHovered: string;
+                        textLinkPressed: string;
+                        textLinkVisitedDefault: string;
+                        textLinkVisitedDisabled: string;
+                        textLinkVisitedHovered: string;
+                        textLinkVisitedPressed: string;
+                        textOnFillDefault: string;
+                        textOnFillDisabled: string;
+                        textOnFillHovered: string;
+                        textOnFillPressed: string;
+                        textSuccessDefault: string;
+                        textSuccessDisabled: string;
+                        textSuccessHovered: string;
+                        textSuccessPressed: string;
+                        textWarningDefault: string;
+                        textWarningDisabled: string;
+                        textWarningHovered: string;
+                        textWarningPressed: string;
+                        selectBackgroundDisabled: string;
+                        selectIconDisabled: string;
+                    };
+                };
+            };
+            typeface: {
+                brandRegular: string;
+                weightRegular: Font["fontWeight"];
+                plainMedium: string;
+                weightMedium: Font["fontWeight"];
+            };
+            opacity: {
+                level1: number;
+                level2: number;
+                level3: number;
+                level4: number;
+            };
+        };
+        sys: {
+            typescale: {
+                displayLarge: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                displayMedium: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                displaySmall: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                headlineLarge: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                headlineMedium: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                headlineSmall: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                titleLarge: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                titleMedium: {
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                titleSmall: {
+                    letterSpacing: number;
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                labelLarge: {
+                    letterSpacing: number;
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                labelMedium: {
+                    letterSpacing: number;
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                labelSmall: {
+                    letterSpacing: number;
+                    lineHeight: number;
+                    fontSize: number;
+                    fontFamily: string;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+                bodyLarge: {
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                    fontFamily: string;
+                    lineHeight: number;
+                    fontSize: number;
+                    letterSpacing: number;
+                };
+                bodyMedium: {
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    lineHeight: number;
+                    fontSize: number;
+                };
+                bodySmall: {
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                    fontFamily: string;
+                    letterSpacing: number;
+                    lineHeight: number;
+                    fontSize: number;
+                };
+                default: {
+                    fontFamily: string;
+                    letterSpacing: number;
+                    fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+                };
+            };
+        };
+    };
+};
+export declare const ThemeColors: {
+    dark: {
+        colors: {
+            primary: string;
+            background: string;
+            card: string;
+            text: string;
+            border: string;
+            gray: string;
+            backgroundLight: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            borderBrandDefault: string;
+            borderCriticalDefault: string;
+            borderCriticalHover: string;
+            borderCriticalPressed: string;
+            borderErrorDefault: string;
+            borderInfoDefault: string;
+            borderPrimaryDefault: string;
+            borderPrimaryDisabled: string;
+            borderPrimaryHovered: string;
+            borderPrimaryInverseDefault: string;
+            borderPrimaryPressed: string;
+            borderSuccessDefault: string;
+            borderWarningDefault: string;
+            iconBrandDefault: string;
+            iconCriticalDefault: string;
+            iconErrorDefault: string;
+            iconInfoDefault: string;
+            iconPrimaryDefault: string;
+            iconPrimaryHover: string;
+            iconPrimaryDisabled: string;
+            iconPrimaryInverseDefault: string;
+            iconPrimaryInverseHover: string;
+            iconPrimaryInversePressed: string;
+            iconPrimaryPressed: string;
+            iconSuccessDefault: string;
+            iconWarningDefault: string;
+            surfaceBrandDefault: string;
+            surfaceBrandDisabled: string;
+            surfaceBrandHover: string;
+            surfaceBrandInverseDefault: string;
+            surfaceBrandInverseHover: string;
+            surfaceBrandInversePressed: string;
+            surfaceBrandPressed: string;
+            surfaceCriticalDefault: string;
+            surfaceCriticalDisabled: string;
+            surfaceCriticalHover: string;
+            surfaceCriticalInverseDefault: string;
+            surfaceCriticalInverseHover: string;
+            surfaceCriticalInversePressed: string;
+            surfaceCriticalPressed: string;
+            surfaceErrorDefault: string;
+            surfaceErrorDisabled: string;
+            surfaceErrorHover: string;
+            surfaceErrorInverseDefault: string;
+            surfaceErrorInverseHover: string;
+            surfaceErrorInversePressed: string;
+            surfaceErrorPressed: string;
+            surfaceInfoDefault: string;
+            surfaceInfoDisabled: string;
+            surfaceInfoHover: string;
+            surfaceInfoInverseDefault: string;
+            surfaceInfoInverseHover: string;
+            surfaceInfoInversePressed: string;
+            surfaceInfoPressed: string;
+            surfacePrimaryDefault: string;
+            surfacePrimaryDisabled: string;
+            surfacePrimaryHover: string;
+            surfacePrimaryInverseDefault: string;
+            surfacePrimaryInverseHover: string;
+            surfacePrimaryInversePressed: string;
+            surfacePrimaryPressed: string;
+            surfaceSecondaryDefault: string;
+            surfaceSecondaryDisabled: string;
+            surfaceSecondaryHover: string;
+            surfaceSecondaryPressed: string;
+            surfaceSuccessDefault: string;
+            surfaceSuccessDisabled: string;
+            surfaceSuccessHover: string;
+            surfaceSuccessInverseDefault: string;
+            surfaceSuccessInverseHover: string;
+            surfaceSuccessInversePressed: string;
+            surfaceSuccessPressed: string;
+            surfaceWarningDefault: string;
+            surfaceWarningDisabled: string;
+            surfaceWarningHover: string;
+            surfaceWarningInverseDefault: string;
+            surfaceWarningInverseHover: string;
+            surfaceWarningInversePressed: string;
+            surfaceWarningPressed: string;
+            textDefault: string;
+            textDisabled: string;
+            textPlaceholder: string;
+            textSecondary: string;
+            textBrandDefault: string;
+            textBrandDisabled: string;
+            textBrandHovered: string;
+            textBrandPressed: string;
+            textCriticalDefault: string;
+            textCriticalDisabled: string;
+            textCriticalHovered: string;
+            textCriticalPressed: string;
+            textErrorDefault: string;
+            textErrorDisabled: string;
+            textErrorHovered: string;
+            textErrorPressed: string;
+            textInfoDefault: string;
+            textInfoDisabled: string;
+            textInfoHovered: string;
+            textInfoPressed: string;
+            textLinkDefault: string;
+            textLinkDisabled: string;
+            textLinkHovered: string;
+            textLinkPressed: string;
+            textLinkVisitedDefault: string;
+            textLinkVisitedDisabled: string;
+            textLinkVisitedHovered: string;
+            textLinkVisitedPressed: string;
+            textOnFillDefault: string;
+            textOnFillDisabled: string;
+            textOnFillHovered: string;
+            textOnFillPressed: string;
+            textSuccessDefault: string;
+            textSuccessDisabled: string;
+            textSuccessHovered: string;
+            textSuccessPressed: string;
+            textWarningDefault: string;
+            textWarningDisabled: string;
+            textWarningHovered: string;
+            textWarningPressed: string;
+            selectBackgroundDisabled: string;
+            selectIconDisabled: string;
+        };
+    };
+    light: {
+        colors: {
+            primary: string;
+            background: string;
+            card: string;
+            text: string;
+            border: string;
+            gray: string;
+            backgroundLight: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            borderBrandDefault: string;
+            borderCriticalDefault: string;
+            borderCriticalHover: string;
+            borderCriticalPressed: string;
+            borderErrorDefault: string;
+            borderInfoDefault: string;
+            borderPrimaryDefault: string;
+            borderPrimaryDisabled: string;
+            borderPrimaryHovered: string;
+            borderPrimaryInverseDefault: string;
+            borderPrimaryPressed: string;
+            borderSuccessDefault: string;
+            borderWarningDefault: string;
+            iconBrandDefault: string;
+            iconCriticalDefault: string;
+            iconErrorDefault: string;
+            iconInfoDefault: string;
+            iconPrimaryDefault: string;
+            iconPrimaryHover: string;
+            iconPrimaryDisabled: string;
+            iconPrimaryInverseDefault: string;
+            iconPrimaryInverseHover: string;
+            iconPrimaryInversePressed: string;
+            iconPrimaryPressed: string;
+            iconSuccessDefault: string;
+            iconWarningDefault: string;
+            surfaceBrandDefault: string;
+            surfaceBrandDisabled: string;
+            surfaceBrandHover: string;
+            surfaceBrandInverseDefault: string;
+            surfaceBrandInverseHover: string;
+            surfaceBrandInversePressed: string;
+            surfaceBrandPressed: string;
+            surfaceCriticalDefault: string;
+            surfaceCriticalDisabled: string;
+            surfaceCriticalHover: string;
+            surfaceCriticalInverseDefault: string;
+            surfaceCriticalInverseHover: string;
+            surfaceCriticalInversePressed: string;
+            surfaceCriticalPressed: string;
+            surfaceErrorDefault: string;
+            surfaceErrorDisabled: string;
+            surfaceErrorHover: string;
+            surfaceErrorInverseDefault: string;
+            surfaceErrorInverseHover: string;
+            surfaceErrorInversePressed: string;
+            surfaceErrorPressed: string;
+            surfaceInfoDefault: string;
+            surfaceInfoDisabled: string;
+            surfaceInfoHover: string;
+            surfaceInfoInverseDefault: string;
+            surfaceInfoInverseHover: string;
+            surfaceInfoInversePressed: string;
+            surfaceInfoPressed: string;
+            surfacePrimaryDefault: string;
+            surfacePrimaryDisabled: string;
+            surfacePrimaryHover: string;
+            surfacePrimaryInverseDefault: string;
+            surfacePrimaryInverseHover: string;
+            surfacePrimaryInversePressed: string;
+            surfacePrimaryPressed: string;
+            surfaceSecondaryDefault: string;
+            surfaceSecondaryDisabled: string;
+            surfaceSecondaryHover: string;
+            surfaceSecondaryPressed: string;
+            surfaceSuccessDefault: string;
+            surfaceSuccessDisabled: string;
+            surfaceSuccessHover: string;
+            surfaceSuccessInverseDefault: string;
+            surfaceSuccessInverseHover: string;
+            surfaceSuccessInversePressed: string;
+            surfaceSuccessPressed: string;
+            surfaceWarningDefault: string;
+            surfaceWarningDisabled: string;
+            surfaceWarningHover: string;
+            surfaceWarningInverseDefault: string;
+            surfaceWarningInverseHover: string;
+            surfaceWarningInversePressed: string;
+            surfaceWarningPressed: string;
+            textDefault: string;
+            textDisabled: string;
+            textPlaceholder: string;
+            textSecondary: string;
+            textBrandDefault: string;
+            textBrandDisabled: string;
+            textBrandHovered: string;
+            textBrandPressed: string;
+            textCriticalDefault: string;
+            textCriticalDisabled: string;
+            textCriticalHovered: string;
+            textCriticalPressed: string;
+            textErrorDefault: string;
+            textErrorDisabled: string;
+            textErrorHovered: string;
+            textErrorPressed: string;
+            textInfoDefault: string;
+            textInfoDisabled: string;
+            textInfoHovered: string;
+            textInfoPressed: string;
+            textLinkDefault: string;
+            textLinkDisabled: string;
+            textLinkHovered: string;
+            textLinkPressed: string;
+            textLinkVisitedDefault: string;
+            textLinkVisitedDisabled: string;
+            textLinkVisitedHovered: string;
+            textLinkVisitedPressed: string;
+            textOnFillDefault: string;
+            textOnFillDisabled: string;
+            textOnFillHovered: string;
+            textOnFillPressed: string;
+            textSuccessDefault: string;
+            textSuccessDisabled: string;
+            textSuccessHovered: string;
+            textSuccessPressed: string;
+            textWarningDefault: string;
+            textWarningDisabled: string;
+            textWarningHovered: string;
+            textWarningPressed: string;
+            selectBackgroundDisabled: string;
+            selectIconDisabled: string;
+        };
+    };
+};
+export declare const CONSTANTS: {
+    DEVICE_HEIGHT: number;
+    DEVICE_WIDTH: number;
+    HEADER_HEIGHT: number;
+    BUTTON_HEIGHT: number;
+    BUTTON_HEIGHT_SMALL: number;
+    RADIO_BUTTON_HEIGHT: number;
+    SPACE_0: number;
+    SPACE_2: number;
+    SPACE_4: number;
+    SPACE_6: number;
+    SPACE_8: number;
+    SPACE_12: number;
+    SPACE_16: number;
+    SPACE_20: number;
+    SPACE_24: number;
+    SPACE_28: number;
+    SPACE_32: number;
+    SPACE_36: number;
+    SPACE_40: number;
+    SPACE_48: number;
+    SPACE_64: number;
+    SPACE_80: number;
+    SPACE_96: number;
+    SPACE_112: number;
+    SPACE_128: number;
+    SPACE_BUTTON_GAP: number;
+    SPACE_CARD_PADDING: number;
+    SPACE_CARD_GAP: number;
+    BORDER_RADIUS_6: number;
+    BORDER_RADIUS_8: number;
+    BORDER_RADIUS_12: number;
+    BORDER_RADIUS_ROUNDED: number;
+    BORDER_WIDTH_05: number;
+    BORDER_WIDTH_1: number;
+    BORDER_WIDTH_2: number;
+    BORDER_WIDTH_4: number;
+    FONT_WEIGHT_LIGHT: string;
+    FONT_WEIGHT_REGULAR: string;
+    FONT_WEIGHT_MEDIUM: string;
+    FONT_WEIGHT_SEMIBOLD: string;
+    FONT_WEIGHT_BOLD: string;
+    FONT_WEIGHT_EXTRABOLD: string;
+    FONT_WEIGHT_BLACK: string;
+};