@ovotech/element-native 4.1.9 → 4.2.0-canary-7a84545-291

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

@@ -101,6 +101,22 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
                 black: number;
             };
             fontSize: {
+                display0: {
+                    small: number;
+                    large: number;
+                };
+                display1: {
+                    small: number;
+                    large: number;
+                };
+                display2: {
+                    small: number;
+                    large: number;
+                };
+                display3: {
+                    small: number;
+                    large: number;
+                };
                 heading1: {
                     small: number;
                     large: number;
@@ -140,6 +156,22 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
                 extraCompressed: number;
             };
             lineHeight: {
+                display0: {
+                    small: number;
+                    large: number;
+                };
+                display1: {
+                    small: number;
+                    large: number;
+                };
+                display2: {
+                    small: number;
+                    large: number;
+                };
+                display3: {
+                    small: number;
+                    large: number;
+                };
                 heading1: {
                     small: number;
                     large: number;
@@ -391,6 +423,54 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
                     surfaceInverted: string;
                 };
             };
+            display0: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
+            display1: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
+            display2: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
+            display3: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
             heading1: {
                 fontFamily: string;
                 fontWeight: number;
@@ -590,6 +670,22 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -629,6 +725,22 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -880,6 +992,54 @@ export declare const StyledActionWrapper: import("styled-components").StyledComp
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;
@@ -1078,6 +1238,22 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -1117,6 +1293,22 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -1368,6 +1560,54 @@ export declare const StyledActionInner: import("styled-components").StyledCompon
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;
@@ -1566,6 +1806,22 @@ export declare const StyledActionText: import("styled-components").StyledCompone
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -1605,6 +1861,22 @@ export declare const StyledActionText: import("styled-components").StyledCompone
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -1856,6 +2128,54 @@ export declare const StyledActionText: import("styled-components").StyledCompone
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;
@@ -2055,6 +2375,22 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -2094,6 +2430,22 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -2345,6 +2697,54 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;
@@ -2540,6 +2940,22 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -2579,6 +2995,22 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -2830,6 +3262,54 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;
@@ -3027,6 +3507,22 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -3066,6 +3562,22 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -3317,6 +3829,54 @@ export declare const StyledLeftIcon: import("styled-components").StyledComponent
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;

package/dist/components/ActionList/styled.js

@@ -57,7 +57,7 @@ exports.StyledActionText = styled_native_1.default.Text(function (_a) {
 exports.StyledActionNodeWrapper = styled_native_1.default.View(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n"], ["\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n"])));
 exports.StyledRightIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
     var _b = _a.theme, core = _b.core, semantic = _b.semantic, inverted = _a.inverted;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    color: ", ";\n    margin-left: ", ";\n  "], ["\n    color: ", ";\n    margin-left: ", ";\n  "])), inverted ? semantic.inverted.message.base : semantic.message.base, (0, element_core_1.numToPx)(core.space[1]));
+    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    color: ", ";\n    margin-left: ", ";\n    margin-top: 2px; /* compensation for the line-height of the text */\n  "], ["\n    color: ", ";\n    margin-left: ", ";\n    margin-top: 2px; /* compensation for the line-height of the text */\n  "])), inverted ? semantic.inverted.message.base : semantic.message.base, (0, element_core_1.numToPx)(core.space[1]));
 });
 exports.StyledLeftIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
     var _b = _a.theme, core = _b.core, semantic = _b.semantic, inverted = _a.inverted;