@ovotech/element-native 3.2.3 → 3.3.0-canary-8dfcb66-130

package/dist/providers/icons/index.d.ts

@@ -1,12 +1,22 @@
+export * from './Address';
+export * from './Advice';
+export * from './Archive';
 export * from './ArrowDown';
 export * from './ArrowLeft';
 export * from './ArrowRight';
 export * from './ArrowUp';
+export * from './Award';
+export * from './Battery';
+export * from './Cal';
+export * from './CalBook';
 export * from './CaretDown';
 export * from './CaretLeft';
 export * from './CaretRight';
 export * from './CaretUp';
+export * from './Chart';
+export * from './ChartFilled';
 export * from './Check';
+export * from './CheckCircle';
 export * from './ChevronDown';
 export * from './ChevronLeft';
 export * from './ChevronLeftSmall';
@@ -15,26 +25,59 @@ export * from './ChevronRight';
 export * from './ChevronRightSmall';
 export * from './ChevronRightSmallLast';
 export * from './ChevronUp';
+export * from './Circle';
+export * from './CloseCircle';
 export * from './Cross';
+export * from './Doc';
 export * from './Dollar';
 export * from './Download';
+export * from './Eco';
+export * from './EcoHome';
+export * from './Edit';
+export * from './ElectricCar';
+export * from './ElectricHome';
 export * from './Electricity';
+export * from './EnergyAdvice';
+export * from './Equals';
 export * from './Euro';
 export * from './Gas';
+export * from './GlobeAddress';
 export * from './Help';
 export * from './Hide';
 export * from './Home';
+export * from './HomeFilled';
+export * from './HydroPower';
 export * from './Info';
 export * from './Link';
 export * from './Logo';
+export * from './Mail';
+export * from './MailOpen';
+export * from './Menu';
+export * from './Message';
+export * from './MessageFilled';
 export * from './Minus';
+export * from './Mobile';
 export * from './NewWindow';
 export * from './PaymentCard';
+export * from './Phone';
 export * from './Plus';
 export * from './Pound';
+export * from './Pricing';
 export * from './Search';
+export * from './Security';
 export * from './Show';
-export * from './Chart';
-export * from './User';
+export * from './SmartHome';
+export * from './SmartMeter';
+export * from './Solar';
+export * from './Star';
+export * from './Sun';
+export * from './Trees';
 export * from './Tune';
-export * from './Circle';
+export * from './User';
+export * from './UserFilled';
+export * from './Wallet';
+export * from './WalletFilled';
+export * from './WarmHome';
+export * from './Warning';
+export * from './WebAddress';
+export * from './WindPower';

package/dist/providers/icons/index.js

@@ -14,15 +14,25 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Address"), exports);
+__exportStar(require("./Advice"), exports);
+__exportStar(require("./Archive"), exports);
 __exportStar(require("./ArrowDown"), exports);
 __exportStar(require("./ArrowLeft"), exports);
 __exportStar(require("./ArrowRight"), exports);
 __exportStar(require("./ArrowUp"), exports);
+__exportStar(require("./Award"), exports);
+__exportStar(require("./Battery"), exports);
+__exportStar(require("./Cal"), exports);
+__exportStar(require("./CalBook"), exports);
 __exportStar(require("./CaretDown"), exports);
 __exportStar(require("./CaretLeft"), exports);
 __exportStar(require("./CaretRight"), exports);
 __exportStar(require("./CaretUp"), exports);
+__exportStar(require("./Chart"), exports);
+__exportStar(require("./ChartFilled"), exports);
 __exportStar(require("./Check"), exports);
+__exportStar(require("./CheckCircle"), exports);
 __exportStar(require("./ChevronDown"), exports);
 __exportStar(require("./ChevronLeft"), exports);
 __exportStar(require("./ChevronLeftSmall"), exports);
@@ -31,26 +41,59 @@ __exportStar(require("./ChevronRight"), exports);
 __exportStar(require("./ChevronRightSmall"), exports);
 __exportStar(require("./ChevronRightSmallLast"), exports);
 __exportStar(require("./ChevronUp"), exports);
+__exportStar(require("./Circle"), exports);
+__exportStar(require("./CloseCircle"), exports);
 __exportStar(require("./Cross"), exports);
+__exportStar(require("./Doc"), exports);
 __exportStar(require("./Dollar"), exports);
 __exportStar(require("./Download"), exports);
+__exportStar(require("./Eco"), exports);
+__exportStar(require("./EcoHome"), exports);
+__exportStar(require("./Edit"), exports);
+__exportStar(require("./ElectricCar"), exports);
+__exportStar(require("./ElectricHome"), exports);
 __exportStar(require("./Electricity"), exports);
+__exportStar(require("./EnergyAdvice"), exports);
+__exportStar(require("./Equals"), exports);
 __exportStar(require("./Euro"), exports);
 __exportStar(require("./Gas"), exports);
+__exportStar(require("./GlobeAddress"), exports);
 __exportStar(require("./Help"), exports);
 __exportStar(require("./Hide"), exports);
 __exportStar(require("./Home"), exports);
+__exportStar(require("./HomeFilled"), exports);
+__exportStar(require("./HydroPower"), exports);
 __exportStar(require("./Info"), exports);
 __exportStar(require("./Link"), exports);
 __exportStar(require("./Logo"), exports);
+__exportStar(require("./Mail"), exports);
+__exportStar(require("./MailOpen"), exports);
+__exportStar(require("./Menu"), exports);
+__exportStar(require("./Message"), exports);
+__exportStar(require("./MessageFilled"), exports);
 __exportStar(require("./Minus"), exports);
+__exportStar(require("./Mobile"), exports);
 __exportStar(require("./NewWindow"), exports);
 __exportStar(require("./PaymentCard"), exports);
+__exportStar(require("./Phone"), exports);
 __exportStar(require("./Plus"), exports);
 __exportStar(require("./Pound"), exports);
+__exportStar(require("./Pricing"), exports);
 __exportStar(require("./Search"), exports);
+__exportStar(require("./Security"), exports);
 __exportStar(require("./Show"), exports);
-__exportStar(require("./Chart"), exports);
-__exportStar(require("./User"), exports);
+__exportStar(require("./SmartHome"), exports);
+__exportStar(require("./SmartMeter"), exports);
+__exportStar(require("./Solar"), exports);
+__exportStar(require("./Star"), exports);
+__exportStar(require("./Sun"), exports);
+__exportStar(require("./Trees"), exports);
 __exportStar(require("./Tune"), exports);
-__exportStar(require("./Circle"), exports);
+__exportStar(require("./User"), exports);
+__exportStar(require("./UserFilled"), exports);
+__exportStar(require("./Wallet"), exports);
+__exportStar(require("./WalletFilled"), exports);
+__exportStar(require("./WarmHome"), exports);
+__exportStar(require("./Warning"), exports);
+__exportStar(require("./WebAddress"), exports);
+__exportStar(require("./WindPower"), exports);

package/dist/styled.native.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="styled-components-react-native" />
 /// <reference types="react" />
 import * as styledComponents from 'styled-components/native';
-declare const styled: styledComponents.ReactNativeStyledInterface<import("./theme/theme").Theme & {
+declare const styled: styledComponents.ReactNativeStyledInterface<{
     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", {
@@ -21,16 +21,16 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
         }> & {
             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;
         }>;
@@ -38,10 +38,10 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
     };
     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: {
@@ -72,7 +72,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             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: {
@@ -228,13 +228,13 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             };
         };
     };
-} & object>, css: import("styled-components").ThemedCssFunction<import("./theme/theme").Theme & {
+}>, css: import("styled-components").ThemedCssFunction<{
     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", {
@@ -248,16 +248,16 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
         }> & {
             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;
         }>;
@@ -265,10 +265,10 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
     };
     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: {
@@ -299,7 +299,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             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: {
@@ -455,13 +455,13 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             };
         };
     };
-} & object>, ThemeProvider: import("styled-components").ThemeProviderComponent<import("./theme/theme").Theme & {
+}>, ThemeProvider: import("styled-components").ThemeProviderComponent<{
     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", {
@@ -475,16 +475,16 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
         }> & {
             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;
         }>;
@@ -492,10 +492,10 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
     };
     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: {
@@ -526,7 +526,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             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: {
@@ -682,13 +682,13 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             };
         };
     };
-} & object, 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 | 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", {
@@ -702,16 +702,16 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
         }> & {
             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;
         }>;
@@ -719,10 +719,10 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
     };
     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: {
@@ -753,7 +753,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             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: {
@@ -909,13 +909,13 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             };
         };
     };
-} & object>, ThemeContext: import("react").Context<import("./theme/theme").Theme & {
+}>, ThemeContext: import("react").Context<{
     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", {
@@ -929,16 +929,16 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
         }> & {
             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;
         }>;
@@ -946,10 +946,10 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
     };
     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: {
@@ -980,7 +980,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             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: {
@@ -1136,13 +1136,13 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             };
         };
     };
-} & object>, useTheme: () => import("./theme/theme").Theme & {
+}>, useTheme: () => {
     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", {
@@ -1156,16 +1156,16 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
         }> & {
             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;
         }>;
@@ -1173,10 +1173,10 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
     };
     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: {
@@ -1207,7 +1207,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             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: {
@@ -1363,6 +1363,6 @@ declare const styled: styledComponents.ReactNativeStyledInterface<import("./them
             };
         };
     };
-} & object;
+};
 export { css, ThemeProvider, ThemeContext, useTheme };
 export default styled;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "3.2.3",
+  "version": "3.3.0-canary-8dfcb66-130",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -13,7 +13,7 @@
     "url": "@ovotech/element"
   },
   "dependencies": {
-    "@ovotech/element-core": "^2.0.1",
+    "@ovotech/element-core": "^2.0.1-canary-8dfcb66-130",
     "deepmerge": "^4.2.2",
     "lodash.groupby": "^4.6.0"
   },

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

@@ -1,14 +0,0 @@
-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

@@ -1,47 +0,0 @@
-"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

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

package/dist/components/SummaryList/index.js

@@ -1,6 +0,0 @@
-"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; } });