@ovotech/element-native 4.4.8 → 4.5.0

package/dist/styled.native.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="styled-components-react-native" />
-/// <reference types="react" />
 import * as styledComponents from 'styled-components/native';
 declare const styled: styledComponents.ReactNativeStyledInterface<{
     core: {
@@ -218,9 +216,9 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -234,22 +232,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -305,22 +303,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {
@@ -782,9 +780,9 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -798,22 +796,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -869,22 +867,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {
@@ -1346,9 +1344,9 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -1362,22 +1360,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -1433,22 +1431,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {
@@ -1910,9 +1908,9 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -1926,22 +1924,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -1997,22 +1995,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {
@@ -2474,9 +2472,9 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -2490,22 +2488,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -2561,22 +2559,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {
@@ -3038,9 +3036,9 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -3054,22 +3052,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -3125,22 +3123,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {

package/dist/styled.native.js

@@ -1,33 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.ThemeContext = exports.ThemeProvider = exports.css = void 0;
-var styledComponents = __importStar(require("styled-components/native"));
-var _a = styledComponents, styled = _a.default, css = _a.css, ThemeProvider = _a.ThemeProvider, ThemeContext = _a.ThemeContext, useTheme = _a.useTheme;
-exports.css = css;
-exports.ThemeProvider = ThemeProvider;
-exports.ThemeContext = ThemeContext;
-exports.useTheme = useTheme;
-exports.default = styled;
+import * as styledComponents from 'styled-components/native';
+const { default: styled, css, ThemeProvider, ThemeContext, useTheme, } = styledComponents;
+export { css, ThemeProvider, ThemeContext, useTheme };
+export default styled;

package/dist/theme/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("@ovotech/element-core"), exports);
+export * from '@ovotech/element-core';

package/dist/utils/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./utils"), exports);
+export * from './utils';

package/dist/utils/utils.d.ts

@@ -1,9 +1,9 @@
-import { Ref, ReactNode, ReactElement, ComponentType } from 'react';
+import { ComponentType, ReactNode, ReactElement, Ref, RefCallback, RefObject, ComponentProps } from 'react';
 import { ViewProps, View } from 'react-native';
 import { BreakpointNames, Breakpoints } from '../hooks';
-declare function mergeRefs<T>(ref1: undefined | Ref<T>, ref2: undefined | Ref<T>): (element: T) => void;
+declare function mergeRefs<T>(...refs: Array<RefObject<T> | Ref<T> | undefined>): RefCallback<T>;
 declare function getText(children: ReactNode): string;
-declare function styledComponentWithBreakpoints<T = ViewProps, C = View>(Component: ComponentType<T>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<Omit<T, BreakpointNames>> & import("react").RefAttributes<C>>;
+declare function styledComponentWithBreakpoints<T = ViewProps, C = View>(Component: ComponentType<T>): (props: Omit<T, BreakpointNames> & (C extends ComponentType<any> ? ComponentProps<C> : object)) => import("react/jsx-runtime").JSX.Element;
 declare function responsiveStyle(property: string, value: any, breakpoints: Breakpoints, formatter?: (v: any) => string): any;
 declare function getErrorMessage(id: string, errors: Array<{
     id: string;