@ovotech/element-native 5.4.3 → 5.6.0

package/dist/components/Cards/ProgressBarCard/ProgressBarCard.styles.d.ts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-export declare const CardWithProgressBar: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, ...rest }: import("../../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
+export declare const CardWithProgressBar: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
     color: {
         neutral: {
             "20": string;
@@ -38,6 +38,7 @@ export declare const CardWithProgressBar: import("styled-components").StyledComp
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -80,6 +81,7 @@ export declare const CardWithProgressBar: import("styled-components").StyledComp
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -88,6 +90,7 @@ export declare const CardWithProgressBar: import("styled-components").StyledComp
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -576,7 +579,7 @@ export declare const CardWithProgressBar: import("styled-components").StyledComp
 }, {
     isSmall?: boolean;
 }, never>;
-export declare const HeadingContainer: import("styled-components").StyledComponent<typeof View, {
+export declare const MarkerContainer: import("styled-components").StyledComponent<typeof View, {
     color: {
         neutral: {
             "20": string;
@@ -615,6 +618,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -657,6 +661,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -665,6 +670,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1151,1735 +1157,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
         };
     };
 }, {}, never>;
-export declare const ValueBlockWrapper: import("styled-components").StyledComponent<typeof 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;
-            "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;
-            fixed: {
-                brand: string;
-                dark: string;
-                dim: string;
-                bold: string;
-                bright: string;
-                onBrand: string;
-                onBrandVariant: 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 ValueWrapper: import("styled-components").StyledComponent<typeof 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;
-            "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;
-            fixed: {
-                brand: string;
-                dark: string;
-                dim: string;
-                bold: string;
-                bright: string;
-                onBrand: string;
-                onBrandVariant: 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;
-        };
-    };
-}, {
-    isSmall?: boolean;
-    hasValue2?: boolean;
-}, never>;
-export declare const ValuesContainer: import("styled-components").StyledComponent<typeof 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;
-            "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;
-            fixed: {
-                brand: string;
-                dark: string;
-                dim: string;
-                bold: string;
-                bright: string;
-                onBrand: string;
-                onBrandVariant: 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 ValueTextContainer: import("styled-components").StyledComponent<typeof View, {
+export declare const ValueWrapper: import("styled-components").StyledComponent<typeof View, {
     color: {
         neutral: {
             "20": string;
@@ -2918,6 +1196,7 @@ export declare const ValueTextContainer: import("styled-components").StyledCompo
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2960,6 +1239,7 @@ export declare const ValueTextContainer: import("styled-components").StyledCompo
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2968,6 +1248,7 @@ export declare const ValueTextContainer: import("styled-components").StyledCompo
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -3453,12 +1734,11 @@ export declare const ValueTextContainer: import("styled-components").StyledCompo
             selectedTint: string;
         };
     };
-}, {}, never>;
-export declare const StyledP: import("styled-components").StyledComponent<(props: import("react-native").TextProps & {
-    inverted?: boolean;
-    ref?: React.Ref<import("react-native").Text>;
-    size?: "xl" | "lg" | "sm" | "md";
-}) => import("react/jsx-runtime").JSX.Element, {
+}, {
+    isSmall?: boolean;
+    hasValue2?: boolean;
+}, never>;
+export declare const ValueTextContainer: import("styled-components").StyledComponent<typeof View, {
     color: {
         neutral: {
             "20": string;
@@ -3497,6 +1777,7 @@ export declare const StyledP: import("styled-components").StyledComponent<(props
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -3539,6 +1820,7 @@ export declare const StyledP: import("styled-components").StyledComponent<(props
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -3547,6 +1829,7 @@ export declare const StyledP: import("styled-components").StyledComponent<(props
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4072,6 +2355,7 @@ export declare const ProgressBarWrapper: import("styled-components").StyledCompo
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4114,6 +2398,7 @@ export declare const ProgressBarWrapper: import("styled-components").StyledCompo
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4122,6 +2407,7 @@ export declare const ProgressBarWrapper: import("styled-components").StyledCompo
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4647,6 +2933,7 @@ export declare const ProgressBarContainer: import("styled-components").StyledCom
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4689,6 +2976,7 @@ export declare const ProgressBarContainer: import("styled-components").StyledCom
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4697,6 +2985,7 @@ export declare const ProgressBarContainer: import("styled-components").StyledCom
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -5222,6 +3511,7 @@ export declare const EPCBarMarkerLayer: import("styled-components").StyledCompon
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -5264,6 +3554,7 @@ export declare const EPCBarMarkerLayer: import("styled-components").StyledCompon
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -5272,6 +3563,7 @@ export declare const EPCBarMarkerLayer: import("styled-components").StyledCompon
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -5797,6 +4089,7 @@ export declare const EPCBarSegment: import("styled-components").StyledComponent<
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -5839,6 +4132,7 @@ export declare const EPCBarSegment: import("styled-components").StyledComponent<
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -5847,6 +4141,7 @@ export declare const EPCBarSegment: import("styled-components").StyledComponent<
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -6372,6 +4667,7 @@ export declare const ValueBarRemainder: import("styled-components").StyledCompon
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -6414,6 +4710,7 @@ export declare const ValueBarRemainder: import("styled-components").StyledCompon
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -6422,6 +4719,7 @@ export declare const ValueBarRemainder: import("styled-components").StyledCompon
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {