@ovotech/element-native 3.8.1-canary-0c92e13-244 → 3.8.1

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

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { SpaceKey } from '@ovotech/element-core';
+import { FullWidthOptions } from '../../hooks';
 export declare const StyledActionList: import("react").ForwardRefExoticComponent<Pick<Omit<{
     [x: string]: any;
     [x: number]: any;
@@ -363,8 +365,6 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
                     surfaceFocused: string;
                     outlineFocused: string;
                     backgroundFocused: string;
-                    messageInverted: string;
-                    surfaceInverted: string;
                 };
                 secondary: {
                     message: string;
@@ -375,8 +375,6 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
                     surfaceFocused: string;
                     outlineFocused: string;
                     backgroundFocused: string;
-                    messageInverted: string;
-                    surfaceInverted: string;
                 };
                 destructive: {
                     message: string;
@@ -387,8 +385,6 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
                     surfaceFocused: string;
                     outlineFocused: string;
                     backgroundFocused: string;
-                    messageInverted: string;
-                    surfaceInverted: string;
                 };
             };
             heading1: {
@@ -492,7 +488,7 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<import("react-native").View>>;
+}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<import("react-native/types").View>>;
 export declare const StyledActionWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
     core: {
         color: {
@@ -852,8 +848,6 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -864,8 +858,6 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -876,8 +868,6 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1340,8 +1330,6 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1352,8 +1340,6 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1364,8 +1350,6 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1466,7 +1450,7 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
         };
     };
 }, {
-    fullWidth?: boolean | undefined;
+    fullWidth?: FullWidthOptions | undefined;
     inline?: boolean | undefined;
 }, never>;
 export declare const StyledActionText: import("styled-components").StyledComponent<typeof import("react-native").Text, {
@@ -1828,8 +1812,6 @@ export declare const StyledActionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1840,8 +1822,6 @@ export declare const StyledActionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1852,8 +1832,6 @@ export declare const StyledActionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1958,491 +1936,6 @@ export declare const StyledActionText: import("styled-components").StyledCompone
     inverted?: boolean | undefined;
     inList?: boolean | undefined;
 }, never>;
-export declare const StyledActionNodeWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
-    core: {
-        color: {
-            brand: {
-                midnight: string;
-                midnightTint: string;
-                forest: string;
-                forestTint: string;
-                ovo: string;
-                ovoTint: string;
-                leaf: string;
-                leafTint: string;
-                energised: string;
-                energisedTint: string;
-                offwhite: string;
-                white: string;
-                black: string;
-            };
-            neutral: {
-                darkest: string;
-                darker: string;
-                dark: string;
-                base: string;
-                light: string;
-                lighter: string;
-                lightest: string;
-            };
-            red: {
-                darkest: string;
-                darker: string;
-                dark: string;
-                base: string;
-                light: string;
-                lighter: string;
-                lightest: string;
-            };
-            orange: {
-                darkest: string;
-                darker: string;
-                dark: string;
-                base: string;
-                light: string;
-                lighter: string;
-                lightest: string;
-            };
-            yellow: {
-                darkest: string;
-                darker: string;
-                dark: string;
-                base: string;
-                light: string;
-                lighter: string;
-                lightest: string;
-            };
-            green: {
-                darkest: string;
-                darker: string;
-                dark: string;
-                base: string;
-                light: string;
-                lighter: string;
-                lightest: string;
-            };
-            blue: {
-                darkest: string;
-                darker: string;
-                dark: string;
-                base: string;
-                light: string;
-                lighter: string;
-                lightest: string;
-            };
-        };
-        fontFamily: {
-            mono: {
-                native: string;
-                web: string;
-            };
-            heading: {
-                native: string;
-                web: string;
-            };
-            body: {
-                native: string;
-                web: string;
-            };
-            bodyBold: {
-                native: string;
-                web: string;
-            };
-        };
-        fontWeight: {
-            book: number;
-            bold: number;
-            black: number;
-        };
-        fontSize: {
-            heading1: {
-                small: number;
-                large: number;
-            };
-            heading2: {
-                small: number;
-                large: number;
-            };
-            heading3: {
-                small: number;
-                large: number;
-            };
-            heading4: {
-                small: number;
-                large: number;
-            };
-            lead: {
-                small: number;
-                large: number;
-            };
-            body: {
-                small: number;
-                large: number;
-            };
-            small: {
-                small: number;
-                large: number;
-            };
-            label: {
-                small: number;
-                large: number;
-            };
-        };
-        letterSpacing: {
-            base: number;
-            compressed: number;
-            extraCompressed: number;
-        };
-        lineHeight: {
-            heading1: {
-                small: number;
-                large: number;
-            };
-            heading2: {
-                small: number;
-                large: number;
-            };
-            heading3: {
-                small: number;
-                large: number;
-            };
-            heading4: {
-                small: number;
-                large: number;
-            };
-            lead: {
-                small: number;
-                large: number;
-            };
-            body: {
-                small: number;
-                large: number;
-            };
-            small: {
-                small: number;
-                large: number;
-            };
-            label: {
-                small: number;
-                large: number;
-            };
-        };
-        borderWidth: {
-            small: number;
-            medium: number;
-            large: number;
-        };
-        breakpoint: {
-            small: number;
-            medium: number;
-            large: number;
-        };
-        mediaQuery: {
-            small: number;
-            medium: number;
-            large: number;
-        };
-        customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
-        };
-        opacity: {
-            solid: number;
-            translucent: number;
-            transparent: number;
-        };
-        radius: {
-            small: number;
-            medium: number;
-            large: number;
-            max: number;
-        };
-        space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
-        };
-        transition: {
-            slow: number;
-            medium: number;
-            fast: number;
-        };
-    };
-    semantic: {
-        border: {
-            graphic: string;
-            differentiated: string;
-            functional: string;
-        };
-        branded: {
-            surface: string;
-            message: string;
-            heading: string;
-        };
-        neutral: {
-            surface: string;
-            message: string;
-            surfaceEmphasis: string;
-            messageOnEmphasis: string;
-            border: string;
-        };
-        success: {
-            surface: string;
-            message: string;
-            surfaceEmphasis: string;
-            messageOnEmphasis: string;
-            border: string;
-        };
-        warning: {
-            surface: string;
-            message: string;
-            surfaceEmphasis: string;
-            messageOnEmphasis: string;
-            border: string;
-        };
-        error: {
-            surface: string;
-            message: string;
-            surfaceEmphasis: string;
-            messageOnEmphasis: string;
-            border: string;
-        };
-        info: {
-            surface: string;
-            message: string;
-            surfaceEmphasis: string;
-            messageOnEmphasis: string;
-            border: string;
-        };
-        data: {
-            branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
-            };
-            electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
-            };
-            gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
-            };
-        };
-        focus: {
-            outline: string;
-            hover: string;
-            surface: string;
-        };
-        inverted: {
-            surface: string;
-            surfaceAlt: string;
-            border: string;
-            borderAlt: string;
-            message: {
-                branded: string;
-                base: string;
-                secondary: string;
-                link: string;
-            };
-        };
-        message: {
-            base: string;
-            secondary: string;
-            link: string;
-            error: string;
-            branded: string;
-        };
-        surface: {
-            base: string;
-            cutout: string;
-            elevated: string;
-        };
-    };
-    component: {
-        badge: {
-            variants: {
-                neutral: {
-                    background: string;
-                    foreground: string;
-                };
-                red: {
-                    background: string;
-                    foreground: string;
-                };
-                orange: {
-                    background: string;
-                    foreground: string;
-                };
-                yellow: {
-                    background: string;
-                    foreground: string;
-                };
-                green: {
-                    background: string;
-                    foreground: string;
-                };
-                blue: {
-                    background: string;
-                    foreground: string;
-                };
-            };
-        };
-        cta: {
-            primary: {
-                message: string;
-                surface: string;
-                messageHover: string;
-                surfaceHover: string;
-                messageFocused: string;
-                surfaceFocused: string;
-                outlineFocused: string;
-                backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
-            };
-            secondary: {
-                message: string;
-                surface: string;
-                messageHover: string;
-                surfaceHover: string;
-                messageFocused: string;
-                surfaceFocused: string;
-                outlineFocused: string;
-                backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
-            };
-            destructive: {
-                message: string;
-                surface: string;
-                messageHover: string;
-                surfaceHover: string;
-                messageFocused: string;
-                surfaceFocused: string;
-                outlineFocused: string;
-                backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
-            };
-        };
-        heading1: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        heading2: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        heading3: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        heading4: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        lead: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        body: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        small: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-        label: {
-            fontFamily: string;
-            fontWeight: number;
-            lineHeight: {
-                small: number;
-                large: number;
-            };
-            fontSize: {
-                small: number;
-                large: number;
-            };
-        };
-    };
-}, {}, never>;
 export declare const StyledRightIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => JSX.Element | null, {
     core: {
         color: {
@@ -2802,8 +2295,6 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -2814,8 +2305,6 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -2826,8 +2315,6 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -2929,6 +2416,7 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
     };
 }, {
     inverted?: boolean | undefined;
+    marginTop: SpaceKey;
 }, never>;
 export declare const StyledLeftIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => JSX.Element | null, {
     core: {
@@ -3289,8 +2777,6 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -3301,8 +2787,6 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -3313,8 +2797,6 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {