@ovotech/element-native 3.2.3 → 3.3.0-canary-876541b-129

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

@@ -5,13 +5,13 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: (import("../../theme/theme").Theme & {
+    theme?: {
         core: {
             radius: Record<"small" | "medium" | "large" | "max", string>;
             borderWidth: Record<"small" | "medium" | "large", string>;
             breakpoint: Record<"small" | "medium" | "large", string | number>;
             mediaQuery: Record<"small" | "medium" | "large", string>;
-            space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+            space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
             transition: Record<"medium" | "slow" | "fast", string>;
             opacity: Record<"solid" | "transparent" | "translucent", string | number>;
             color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -25,16 +25,16 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
             }> & {
                 brand: Record<string, string>;
             };
-            fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+            fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
                 native: string;
                 web: string;
             }>;
             fontWeight: Record<"bold" | "book" | "black", string | number>;
-            fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
-            lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
@@ -42,10 +42,10 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
         };
         semantic: {
             surface: Record<"base" | "cutout" | "elevated", string>;
-            message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+            message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
             border: Record<"graphic" | "differentiated" | "functional", string>;
             focus: Record<"surface" | "outline" | "hover", string>;
-            inverted: Record<"border" | "surface", string> & {
+            inverted: Record<"surface" | "border", string> & {
                 message: Record<"base" | "link" | "secondary" | "branded", string>;
             };
             success: {
@@ -76,7 +76,7 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 message: string;
                 messageOnEmphasis: string;
             };
-            data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+            data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
         };
         component: {
             heading1: {
@@ -232,7 +232,7 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    } | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/ErrorText/ErrorText.d.ts

@@ -5,13 +5,13 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: (import("../../theme/theme").Theme & {
+    theme?: {
         core: {
             radius: Record<"small" | "medium" | "large" | "max", string>;
             borderWidth: Record<"small" | "medium" | "large", string>;
             breakpoint: Record<"small" | "medium" | "large", string | number>;
             mediaQuery: Record<"small" | "medium" | "large", string>;
-            space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+            space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
             transition: Record<"medium" | "slow" | "fast", string>;
             opacity: Record<"solid" | "transparent" | "translucent", string | number>;
             color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -25,16 +25,16 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
             }> & {
                 brand: Record<string, string>;
             };
-            fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+            fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
                 native: string;
                 web: string;
             }>;
             fontWeight: Record<"bold" | "book" | "black", string | number>;
-            fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
-            lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
@@ -42,10 +42,10 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
         };
         semantic: {
             surface: Record<"base" | "cutout" | "elevated", string>;
-            message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+            message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
             border: Record<"graphic" | "differentiated" | "functional", string>;
             focus: Record<"surface" | "outline" | "hover", string>;
-            inverted: Record<"border" | "surface", string> & {
+            inverted: Record<"surface" | "border", string> & {
                 message: Record<"base" | "link" | "secondary" | "branded", string>;
             };
             success: {
@@ -76,7 +76,7 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 message: string;
                 messageOnEmphasis: string;
             };
-            data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+            data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
         };
         component: {
             heading1: {
@@ -232,7 +232,7 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    } | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/Field/Field.js

@@ -26,7 +26,6 @@ exports.Field = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_native_1 = require("react-native");
-var styled_native_1 = require("../../styled.native");
 var utils_1 = require("../../utils");
 var ErrorText_1 = require("../ErrorText");
 var FormGroup_1 = require("../FormGroup");
@@ -36,7 +35,6 @@ var Stack_1 = require("../Stack");
 var Stretch_1 = require("../Stretch");
 exports.Field = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, label = _a.label, _b = _a.optional, optional = _b === void 0 ? false : _b, hint = _a.hint, error = _a.error, _c = _a.fullWidth, fullWidth = _c === void 0 ? 'small' : _c, _d = _a.characters, characters = _d === void 0 ? 25 : _d, _e = _a.affixWidth, affixWidth = _e === void 0 ? 0 : _e, rest = __rest(_a, ["children", "label", "optional", "hint", "error", "fullWidth", "characters", "affixWidth"]);
-    var field = (0, react_1.useContext)(styled_native_1.ThemeContext).field;
     var hasError = !!error;
     var inputRef = (0, react_1.createRef)();
     var labelText = optional ? "".concat(label, " (optional)") : label;
@@ -55,7 +53,7 @@ exports.Field = (0, react_1.forwardRef)(function (_a, ref) {
                                 inputRef.current.focus();
                             }
                         }
-                    } }, { children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }) })), (0, jsx_runtime_1.jsx)(Stretch_1.Stretch, __assign({ defaultWidth: "".concat(Math.ceil(characters * 0.8 * parseInt(field.fontSize[0])) + affixWidth, "px"), fullWidth: fullWidth }, { children: react_1.Children.map(children, function (child) {
+                    } }, { children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }) })), (0, jsx_runtime_1.jsx)(Stretch_1.Stretch, __assign({ defaultWidth: "".concat(Math.ceil(characters * 0.8 * 16) + affixWidth, "px"), fullWidth: fullWidth }, { children: react_1.Children.map(children, function (child) {
                         return (0, react_1.isValidElement)(child)
                             ? (0, react_1.cloneElement)(child, __assign({ invalid: hasError || undefined, ref: (0, utils_1.mergeRefs)(inputRef, ref), accessibilityLabel: accessibilityLabel }, rest))
                             : child;

package/dist/components/Grid/Col.d.ts

@@ -4,13 +4,13 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: (import("../../theme/theme").Theme & {
+    theme?: {
         core: {
             radius: Record<"small" | "medium" | "large" | "max", string>;
             borderWidth: Record<"small" | "medium" | "large", string>;
             breakpoint: Record<"small" | "medium" | "large", string | number>;
             mediaQuery: Record<"small" | "medium" | "large", string>;
-            space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+            space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
             transition: Record<"medium" | "slow" | "fast", string>;
             opacity: Record<"solid" | "transparent" | "translucent", string | number>;
             color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -24,16 +24,16 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
             }> & {
                 brand: Record<string, string>;
             };
-            fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+            fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
                 native: string;
                 web: string;
             }>;
             fontWeight: Record<"bold" | "book" | "black", string | number>;
-            fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
-            lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
@@ -41,10 +41,10 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
         };
         semantic: {
             surface: Record<"base" | "cutout" | "elevated", string>;
-            message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+            message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
             border: Record<"graphic" | "differentiated" | "functional", string>;
             focus: Record<"surface" | "outline" | "hover", string>;
-            inverted: Record<"border" | "surface", string> & {
+            inverted: Record<"surface" | "border", string> & {
                 message: Record<"base" | "link" | "secondary" | "branded", string>;
             };
             success: {
@@ -75,7 +75,7 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 message: string;
                 messageOnEmphasis: string;
             };
-            data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+            data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
         };
         component: {
             heading1: {
@@ -231,7 +231,7 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    } | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/Grid/Row.d.ts

@@ -1,12 +1,12 @@
 import { ComponentProps } from 'react';
 import { Breakpoints } from '../../hooks';
-declare const StyledRow: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
+declare const StyledRow: import("styled-components").StyledComponent<typeof import("react-native").View, {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -20,16 +20,16 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
         }> & {
             brand: Record<string, string>;
         };
-        fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
             native: string;
             web: string;
         }>;
         fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
             small: string | number;
             large: string | number;
         }>;
-        lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
             small: string | number;
             large: string | number;
         }>;
@@ -37,10 +37,10 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
     };
     semantic: {
         surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
         border: Record<"graphic" | "differentiated" | "functional", string>;
         focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"border" | "surface", string> & {
+        inverted: Record<"surface" | "border", string> & {
             message: Record<"base" | "link" | "secondary" | "branded", string>;
         };
         success: {
@@ -71,7 +71,7 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
             message: string;
             messageOnEmphasis: string;
         };
-        data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
     };
     component: {
         heading1: {
@@ -227,7 +227,7 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
             };
         };
     };
-} & object, {
+}, {
     isNested?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;

package/dist/components/HintText/HintText.d.ts

@@ -5,13 +5,13 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: (import("../../theme/theme").Theme & {
+    theme?: {
         core: {
             radius: Record<"small" | "medium" | "large" | "max", string>;
             borderWidth: Record<"small" | "medium" | "large", string>;
             breakpoint: Record<"small" | "medium" | "large", string | number>;
             mediaQuery: Record<"small" | "medium" | "large", string>;
-            space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+            space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
             transition: Record<"medium" | "slow" | "fast", string>;
             opacity: Record<"solid" | "transparent" | "translucent", string | number>;
             color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -25,16 +25,16 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
             }> & {
                 brand: Record<string, string>;
             };
-            fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+            fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
                 native: string;
                 web: string;
             }>;
             fontWeight: Record<"bold" | "book" | "black", string | number>;
-            fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
-            lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
@@ -42,10 +42,10 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
         };
         semantic: {
             surface: Record<"base" | "cutout" | "elevated", string>;
-            message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+            message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
             border: Record<"graphic" | "differentiated" | "functional", string>;
             focus: Record<"surface" | "outline" | "hover", string>;
-            inverted: Record<"border" | "surface", string> & {
+            inverted: Record<"surface" | "border", string> & {
                 message: Record<"base" | "link" | "secondary" | "branded", string>;
             };
             success: {
@@ -76,7 +76,7 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 message: string;
                 messageOnEmphasis: string;
             };
-            data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+            data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
         };
         component: {
             heading1: {
@@ -232,7 +232,7 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    } | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/Input/PasswordInput.styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const StyledPressable: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-native/types").PressableProps & import("react").RefAttributes<import("react-native/types").View>>, import("../../theme/theme").Theme & {
+export declare const StyledPressable: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-native/types").PressableProps & import("react").RefAttributes<import("react-native/types").View>>, {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -19,16 +19,16 @@ export declare const StyledPressable: import("styled-components").StyledComponen
         }> & {
             brand: Record<string, string>;
         };
-        fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
             native: string;
             web: string;
         }>;
         fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
             small: string | number;
             large: string | number;
         }>;
-        lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
             small: string | number;
             large: string | number;
         }>;
@@ -36,10 +36,10 @@ export declare const StyledPressable: import("styled-components").StyledComponen
     };
     semantic: {
         surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
         border: Record<"graphic" | "differentiated" | "functional", string>;
         focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"border" | "surface", string> & {
+        inverted: Record<"surface" | "border", string> & {
             message: Record<"base" | "link" | "secondary" | "branded", string>;
         };
         success: {
@@ -70,7 +70,7 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             message: string;
             messageOnEmphasis: string;
         };
-        data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
     };
     component: {
         heading1: {
@@ -226,6 +226,6 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             };
         };
     };
-} & object, {
+}, {
     focused: boolean;
 }, never>;

package/dist/components/LabelText/LabelText.d.ts

@@ -5,13 +5,13 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: (import("../../theme/theme").Theme & {
+    theme?: {
         core: {
             radius: Record<"small" | "medium" | "large" | "max", string>;
             borderWidth: Record<"small" | "medium" | "large", string>;
             breakpoint: Record<"small" | "medium" | "large", string | number>;
             mediaQuery: Record<"small" | "medium" | "large", string>;
-            space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15, string>;
+            space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
             transition: Record<"medium" | "slow" | "fast", string>;
             opacity: Record<"solid" | "transparent" | "translucent", string | number>;
             color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -25,16 +25,16 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
             }> & {
                 brand: Record<string, string>;
             };
-            fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
+            fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
                 native: string;
                 web: string;
             }>;
             fontWeight: Record<"bold" | "book" | "black", string | number>;
-            fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
-            lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
+            lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
                 small: string | number;
                 large: string | number;
             }>;
@@ -42,10 +42,10 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
         };
         semantic: {
             surface: Record<"base" | "cutout" | "elevated", string>;
-            message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
+            message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
             border: Record<"graphic" | "differentiated" | "functional", string>;
             focus: Record<"surface" | "outline" | "hover", string>;
-            inverted: Record<"border" | "surface", string> & {
+            inverted: Record<"surface" | "border", string> & {
                 message: Record<"base" | "link" | "secondary" | "branded", string>;
             };
             success: {
@@ -76,7 +76,7 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 message: string;
                 messageOnEmphasis: string;
             };
-            data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
+            data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
         };
         component: {
             heading1: {
@@ -232,7 +232,7 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    } | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;