@ovotech/element-native 3.2.3-canary-490fc38-128 → 3.2.3

package/dist/components/Notification/Notification.d.ts

@@ -2,13 +2,13 @@ import { ComponentProps, ReactNode } from 'react';
 import { View } from 'react-native';
 export declare type NotificationVariantName = 'error' | 'success' | 'info' | 'warning';
 declare type NotificationProps = Omit<ComponentProps<typeof Notification>, 'variant'>;
-export declare const NotificationContentBox: import("styled-components").StyledComponent<typeof import("react-native").View, {
+export declare const NotificationContentBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../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 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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", {
@@ -22,16 +22,16 @@ export declare const NotificationContentBox: import("styled-components").StyledC
         }> & {
             brand: Record<string, string>;
         };
-        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
+        fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
             native: string;
             web: string;
         }>;
         fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
-        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
@@ -39,10 +39,10 @@ export declare const NotificationContentBox: import("styled-components").StyledC
     };
     semantic: {
         surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
+        message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
         border: Record<"graphic" | "differentiated" | "functional", string>;
         focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"surface" | "border", string> & {
+        inverted: Record<"border" | "surface", string> & {
             message: Record<"base" | "link" | "secondary" | "branded", string>;
         };
         success: {
@@ -73,7 +73,7 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             message: string;
             messageOnEmphasis: string;
         };
-        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
+        data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
     };
     component: {
         heading1: {
@@ -229,14 +229,14 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             };
         };
     };
-}, {}, never>;
-export declare const NotificationTitleBox: import("styled-components").StyledComponent<typeof import("react-native").View, {
+} & object, {}, never>;
+export declare const NotificationTitleBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../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 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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", {
@@ -250,16 +250,16 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
         }> & {
             brand: Record<string, string>;
         };
-        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
+        fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
             native: string;
             web: string;
         }>;
         fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
-        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
@@ -267,10 +267,10 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
     };
     semantic: {
         surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
+        message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
         border: Record<"graphic" | "differentiated" | "functional", string>;
         focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"surface" | "border", string> & {
+        inverted: Record<"border" | "surface", string> & {
             message: Record<"base" | "link" | "secondary" | "branded", string>;
         };
         success: {
@@ -301,7 +301,7 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
             message: string;
             messageOnEmphasis: string;
         };
-        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
+        data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
     };
     component: {
         heading1: {
@@ -457,7 +457,7 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
             };
         };
     };
-}, {
+} & object, {
     variant: NotificationVariantName;
     noMargin?: boolean | undefined;
     dismissible: boolean;

package/dist/components/SelectField/Select.d.ts

@@ -11,13 +11,13 @@ export declare type SelectProps = {
     onSelected?(value: SelectOption): void;
     testID?: string;
 };
-declare const SelectOption: import("styled-components").StyledComponent<typeof import("react-native").TouchableOpacity, {
+declare const SelectOption: import("styled-components").StyledComponent<typeof import("react-native").TouchableOpacity, import("../../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 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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", {
@@ -31,16 +31,16 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
         }> & {
             brand: Record<string, string>;
         };
-        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
+        fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
             native: string;
             web: string;
         }>;
         fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
-        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
@@ -48,10 +48,10 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
     };
     semantic: {
         surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
+        message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
         border: Record<"graphic" | "differentiated" | "functional", string>;
         focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"surface" | "border", string> & {
+        inverted: Record<"border" | "surface", string> & {
             message: Record<"base" | "link" | "secondary" | "branded", string>;
         };
         success: {
@@ -82,7 +82,7 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
             message: string;
             messageOnEmphasis: string;
         };
-        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
+        data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
     };
     component: {
         heading1: {
@@ -238,7 +238,7 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
             };
         };
     };
-}, {
+} & object, {
     isLastOption: boolean;
 }, never>;
 export declare const Select: ({ options, defaultSelected, noOptionMessage, onSelected, hasError, testID, }: SelectProps) => JSX.Element;

package/dist/components/SkeletonLoading/Skeleton.d.ts

@@ -1,10 +1,10 @@
-export declare const Skeleton: import("styled-components").StyledComponent<typeof import("react-native").View, {
+export declare const Skeleton: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../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 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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", {
@@ -18,16 +18,16 @@ export declare const Skeleton: import("styled-components").StyledComponent<typeo
         }> & {
             brand: Record<string, string>;
         };
-        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
+        fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
             native: string;
             web: string;
         }>;
         fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
-        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+        lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
             small: string | number;
             large: string | number;
         }>;
@@ -35,10 +35,10 @@ export declare const Skeleton: import("styled-components").StyledComponent<typeo
     };
     semantic: {
         surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
+        message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
         border: Record<"graphic" | "differentiated" | "functional", string>;
         focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"surface" | "border", string> & {
+        inverted: Record<"border" | "surface", string> & {
             message: Record<"base" | "link" | "secondary" | "branded", string>;
         };
         success: {
@@ -69,7 +69,7 @@ export declare const Skeleton: import("styled-components").StyledComponent<typeo
             message: string;
             messageOnEmphasis: string;
         };
-        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
+        data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
     };
     component: {
         heading1: {
@@ -225,4 +225,4 @@ export declare const Skeleton: import("styled-components").StyledComponent<typeo
             };
         };
     };
-}, {}, never>;
+} & object, {}, never>;

package/dist/components/Stack/Stack.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '@ovotech/element-core';
 import { ReactNode } from 'react';
 import { ViewProps } from 'react-native';
-declare type SpaceKey = keyof Theme['core']['space'];
+import { Theme } from '../../theme';
+declare type SpaceKey = keyof Theme['space'];
 declare type Props = ViewProps & {
     spaceBetween: SpaceKey | SpaceKey[];
     children: ReactNode;

package/dist/components/SubLabelText/SubLabelText.d.ts

@@ -5,13 +5,13 @@ declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: {
+    theme?: (import("../../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 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+            space: Record<0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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 SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
             }> & {
                 brand: Record<string, string>;
             };
-            fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
+            fontFamily: Record<"heading" | "body" | "mono" | "bodyBold", {
                 native: string;
                 web: string;
             }>;
             fontWeight: Record<"bold" | "book" | "black", string | number>;
-            fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+            fontSize: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
                 small: string | number;
                 large: string | number;
             }>;
-            lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
+            lineHeight: Record<"small" | "body" | "label" | "lead" | "heading1" | "heading2" | "heading3" | "heading4", {
                 small: string | number;
                 large: string | number;
             }>;
@@ -42,10 +42,10 @@ declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
         };
         semantic: {
             surface: Record<"base" | "cutout" | "elevated", string>;
-            message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
+            message: Record<"base" | "link" | "error" | "secondary" | "branded", string>;
             border: Record<"graphic" | "differentiated" | "functional", string>;
             focus: Record<"surface" | "outline" | "hover", string>;
-            inverted: Record<"surface" | "border", string> & {
+            inverted: Record<"border" | "surface", string> & {
                 message: Record<"base" | "link" | "secondary" | "branded", string>;
             };
             success: {
@@ -76,7 +76,7 @@ declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
                 message: string;
                 messageOnEmphasis: string;
             };
-            data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
+            data: Record<"gas" | "branded" | "electric", Record<2 | 1 | 3 | 4, string>>;
         };
         component: {
             heading1: {
@@ -232,7 +232,7 @@ declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
                 };
             };
         };
-    } | undefined;
+    } & object) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/SummaryList/SummaryList.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Dd, Dl } from '../List';
+declare type SummaryListProps = ComponentProps<typeof Dl>;
+/**
+ * @deprecated This component has been deprecated and will be removed in a future release.
+ * Please use the Description List (List/Dl) component instead.
+ * */
+declare const SummaryList: ({ children, ...rest }: SummaryListProps) => JSX.Element;
+declare type SummaryItemProps = ComponentProps<typeof Dd> & {
+    label: ReactNode;
+    index?: number;
+};
+declare const SummaryItem: ({ label, children, index, ...rest }: SummaryItemProps) => JSX.Element;
+export { SummaryList, SummaryItem };

package/dist/components/SummaryList/SummaryList.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryItem = exports.SummaryList = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var List_1 = require("../List");
+/**
+ * @deprecated This component has been deprecated and will be removed in a future release.
+ * Please use the Description List (List/Dl) component instead.
+ * */
+var SummaryList = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    console.warn('SummaryList component has been deprecated and will be removed in a future release. Please use the DescriptionList component instead.');
+    return ((0, jsx_runtime_1.jsx)(List_1.Dl, __assign({}, rest, { children: react_1.Children.map(children, function (child, index) {
+            return (0, react_1.cloneElement)(child, {
+                index: index,
+            });
+        }) })));
+};
+exports.SummaryList = SummaryList;
+var SummaryItem = function (_a) {
+    var label = _a.label, children = _a.children, index = _a.index, rest = __rest(_a, ["label", "children", "index"]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.Dt, __assign({ style: index === 0 ? { marginTop: 0 } : undefined }, { children: label })), (0, jsx_runtime_1.jsx)(List_1.Dd, __assign({}, rest, { children: children }))] }));
+};
+exports.SummaryItem = SummaryItem;

package/dist/components/SummaryList/index.d.ts

@@ -0,0 +1 @@
+export { SummaryList, SummaryItem } from './SummaryList';

package/dist/components/SummaryList/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryItem = exports.SummaryList = void 0;
+var SummaryList_1 = require("./SummaryList");
+Object.defineProperty(exports, "SummaryList", { enumerable: true, get: function () { return SummaryList_1.SummaryList; } });
+Object.defineProperty(exports, "SummaryItem", { enumerable: true, get: function () { return SummaryList_1.SummaryItem; } });