@ovotech/element-native 2.1.0 → 2.2.0-canary-ea79e4d-74

package/dist/theme/theme.d.ts

@@ -1,7 +1,3 @@
-import { BadgeVariantName, BadgeVariant } from '../components/Badge/Badge';
-import { CTAVariantName, CTAVariant } from '../components/CTAButton/CTAButton';
-import { NotificationVariant, NotificationVariantName } from '../components/Notification/Notification';
-import { IconName } from '../providers';
 declare type Shadow = {
     color: string;
     offset: string;
@@ -24,32 +20,8 @@ export declare type Theme = {
     radii: Record<'small' | 'medium' | 'large', string>;
     shadows: Record<'standard', Shadow>;
     borderWidths: Record<'standard' | 'heavy' | 'heavier', string>;
-    fontWeights: Record<'normal' | 'bold' | 'semiBold' | 'heading', number>;
-    badge: {
-        fontWeight: number;
-        fontFamily: string;
-        lineHeight: number;
-        paddingHorizontal: string;
-        borderRadius: string;
-        fontSize: string[];
-        variants: Record<BadgeVariantName, BadgeVariant>;
-    };
-    cta: {
-        fontSize: string[];
-        fontWeight: number;
-        fontFamily: string;
-        lineHeight: number;
-        paddingVertical: string;
-        paddingHorizontal: string;
-        borderRadius: number | string;
-        borderWidth: string;
-        iconGap: string;
-        minHeight: string;
-        variants: Record<CTAVariantName, CTAVariant>;
-    };
     text: {
         fontFamily: string;
-        fontWeight: number;
         lineHeight: number;
         color: string;
         p: {
@@ -63,7 +35,6 @@ export declare type Theme = {
             lineHeight: string[];
         };
         strong: {
-            fontWeight: number;
             fontFamily: string;
         };
     };
@@ -79,7 +50,6 @@ export declare type Theme = {
             bulletWidth: string;
         };
         descriptionTerm: {
-            fontWeight: number | string;
             fontFamily: string;
             color: string;
             marginTop: string[];
@@ -87,55 +57,35 @@ export declare type Theme = {
         };
     };
     textLink: {
+        fontFamily: string;
         color: string;
-        fontWeight: number;
     };
     heading: {
         fontFamily: string;
-        fontWeight: number;
         color: string;
         heading1: {
             fontSize: string[];
             lineHeight: string[];
             marginTop: string[];
             marginBottom: string[];
-            fontWeight?: number;
         };
         heading2: {
             fontSize: string[];
             lineHeight: string[];
             marginTop: string[];
             marginBottom: string[];
-            fontWeight?: number;
         };
         heading3: {
             fontSize: string[];
             lineHeight: string[];
             marginTop: string[];
             marginBottom: string[];
-            fontWeight?: number;
         };
         heading4: {
             fontSize: string[];
             lineHeight: string[];
             marginTop: string[];
             marginBottom: string[];
-            fontWeight?: number;
-        };
-    };
-    notification: {
-        borderRadius: string;
-        borderWidth: string;
-        borderColor: string;
-        background: string;
-        paddingX: string[];
-        paddingY: string[];
-        variants: Record<NotificationVariantName, NotificationVariant>;
-        dismiss: {
-            icon: IconName;
-            size: string;
-            color: string;
-            touchSize: string;
         };
     };
     radio: {
@@ -170,7 +120,6 @@ export declare type Theme = {
         fontSize: string[];
         color: string;
         lineHeight: number;
-        fontWeight: number;
         height: string;
         borderColor: string;
         borderWidth: string;
@@ -197,21 +146,17 @@ export declare type Theme = {
         dateWidth: string;
         gap: string;
         error: {
-            fontWeight: number;
             fontFamily: string;
             color: string;
         };
         hint: {
-            fontWeight: number;
             color: string;
         };
         label: {
-            fontWeight: number;
             fontFamily: string;
             color: string;
         };
         subLabel: {
-            fontWeight: number;
             color: string;
         };
         legend: {
@@ -236,35 +181,6 @@ export declare type Theme = {
         maxWidth: string;
         gutter: string[];
     };
-    dataTable: {
-        borderWidth: string;
-        borderRadius: string;
-        borderColor: string;
-        responsivePadding: {
-            vertical: [string, string];
-            horizontal: [string, string];
-        };
-        tableHeader: {
-            color: string;
-            backgroundColor: string;
-            borderWidth: string;
-            borderColor: string;
-            fontWeight: number;
-            fontFamily: string;
-        };
-        tableCaption: {
-            color: string;
-            fontWeight: number;
-            fontFamily: string;
-        };
-        tableCell: {
-            color: string;
-        };
-        tableRow: {
-            backgroundColor: string;
-            stripeColor: string;
-        };
-    };
     accordion: {
         header: {
             color: string;
@@ -273,30 +189,5 @@ export declare type Theme = {
             paddingVertical: string[];
         };
     };
-    tabs: {
-        tab: {
-            fontSize: string[];
-            fontWeight: number;
-            fontFamily: string;
-            lineHeight: number;
-            borderTopWidth: string;
-            borderBottomWidth: string;
-            borderColor: string;
-            paddingVertical: string[];
-            paddingHorizontal: string[];
-            active: {
-                backgroundColor: string;
-                foregroundColor: string;
-                borderColor: string;
-            };
-            inactive: {
-                backgroundColor: string;
-                foregroundColor: string;
-            };
-            hover: {
-                foregroundColor: string;
-            };
-        };
-    };
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "2.1.0",
+  "version": "2.2.0-canary-ea79e4d-74",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -12,6 +12,10 @@
     "type": "git",
     "url": "@ovotech/element"
   },
+  "dependencies": {
+    "@ovotech/element-core": "^1.1.0",
+    "deepmerge": "^4.2.2"
+  },
   "devDependencies": {
     "@babel/core": "^7.11.5",
     "@testing-library/dom": "^8.20.0",
@@ -20,6 +24,7 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^28.1.1",
     "@types/react": "18.0.24",
+    "@types/react-is": "^18.2.0",
     "@types/react-native": "^0.72.0",
     "@types/react-router-dom": "^5.1.5",
     "@types/styled-components": "^5.1.3",
@@ -31,7 +36,7 @@
     "metro-react-native-babel-preset": "^0.76.0",
     "react": "18.2.0",
     "react-is": "^16.13.0",
-    "react-native": "0.71.8",
+    "react-native": "0.72.3",
     "react-native-reanimated": "^2.10.0",
     "react-native-svg": "9.2.4",
     "react-router-dom": "^5.1.2",
@@ -43,14 +48,12 @@
   },
   "peerDependencies": {
     "react": "^16.9.0 || ^17.0.0",
-    "react-native": "^0.63.3 || ^0.71.0",
+    "react-native": "^0.63.3 || ^0.71.0 || ^0.72.0",
     "react-native-reanimated": "^2.10.0",
     "react-native-svg": "^13.5.0",
     "styled-components": "^5.1.3"
   },
-  "dependencies": {
-    "deepmerge": "^4.2.2"
-  },
+  "sideEffects": false,
   "scripts": {
     "build": "tsc && tsc --module ES6 --outDir dist/esm --declaration false",
     "quickbuild": "tsc --module ES6 --outDir dist/esm --declaration false",