@ttoss/ui 1.2.0 → 1.3.0

package/dist/esm/index.js

@@ -76,17 +76,14 @@ var defaultTheme = {
 };
 
 // src/theme/ThemeProvider.tsx
-var ThemeProvider = ({
-  children,
-  theme = {}
-}) => {
+var ThemeProvider = ({ children, theme = {} }) => {
   const mergedTheme = React2.useMemo(() => {
     if (typeof theme === "function") {
       return theme;
     }
     return merge(defaultTheme, theme);
   }, [theme]);
-  return /* @__PURE__ */ React2.createElement(ThemeUiProvider, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ThemeUiProvider, {
     theme: mergedTheme
   }, /* @__PURE__ */ React2.createElement(Global, {
     styles: {
@@ -94,7 +91,7 @@ var ThemeProvider = ({
         margin: 0
       }
     }
-  }), children);
+  }), children));
 };
 var ThemeProvider_default = ThemeProvider;
 

package/dist/index.d.ts

@@ -1,14 +1,17 @@
 import * as color from '@theme-ui/color';
 export { color };
 import * as _theme_ui_core from '@theme-ui/core';
-import { ThemeProviderProps } from '@theme-ui/core';
-export { Theme, ThemeProviderProps } from '@theme-ui/core';
+import { ThemeProviderProps as ThemeProviderProps$1 } from '@theme-ui/core';
+export { Theme } from '@theme-ui/core';
 export { Themed } from '@theme-ui/mdx';
 import * as React from 'react';
 import { ButtonProps } from '@theme-ui/components';
 export { Box, BoxProps, ButtonProps, Card, CardProps, Flex, FlexProps, Image, ImageProps, Input, InputProps, Link, LinkProps, Text, TextProps } from '@theme-ui/components';
 
-declare const ThemeProvider: React.FC<Partial<ThemeProviderProps>>;
+declare type ThemeProviderProps = ThemeProviderProps$1 & {
+    children?: React.ReactNode;
+};
+declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => JSX.Element;
 
 declare const useTheme: () => _theme_ui_core.ThemeUIContextValue;
 
@@ -21,4 +24,4 @@ declare type FormFieldProps = {
 };
 declare const FormField: ({ children, label, error }: FormFieldProps) => JSX.Element;
 
-export { Button, FormField, FormFieldProps, ThemeProvider, useTheme };
+export { Button, FormField, FormFieldProps, ThemeProvider, ThemeProviderProps, useTheme };

package/dist/index.js

@@ -116,17 +116,14 @@ var defaultTheme = {
 };
 
 // src/theme/ThemeProvider.tsx
-var ThemeProvider = ({
-  children,
-  theme = {}
-}) => {
+var ThemeProvider = ({ children, theme = {} }) => {
   const mergedTheme = React2.useMemo(() => {
     if (typeof theme === "function") {
       return theme;
     }
     return (0, import_core.merge)(defaultTheme, theme);
   }, [theme]);
-  return /* @__PURE__ */ React2.createElement(import_core.ThemeProvider, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(import_core.ThemeProvider, {
     theme: mergedTheme
   }, /* @__PURE__ */ React2.createElement(import_react.Global, {
     styles: {
@@ -134,7 +131,7 @@ var ThemeProvider = ({
         margin: 0
       }
     }
-  }), children);
+  }), children));
 };
 var ThemeProvider_default = ThemeProvider;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -43,8 +43,8 @@
     "react": ">=17.0.2"
   },
   "devDependencies": {
-    "@ttoss/config": "^1.2.0",
-    "@ttoss/test-utils": "^1.2.0"
+    "@ttoss/config": "^1.3.0",
+    "@ttoss/test-utils": "^1.3.0"
   },
-  "gitHead": "f86ec742bf1e8baec64c99ad5950835a6ff8b5c1"
+  "gitHead": "c709beaea1ad270f740d860e91b1a42641ebccda"
 }

package/src/components/FormField/FormField.spec.tsx

@@ -1,4 +1,4 @@
-import { customRender, screen } from '@ttoss/test-utils';
+import { render, screen } from '@ttoss/test-utils';
 
 import Input from '../Input/Input';
 
@@ -8,7 +8,7 @@ const label = 'Label';
 const value = 'Value';
 
 test('check if label is rendered on screen', () => {
-  customRender(
+  render(
     <FormField label={label}>
       <Input defaultValue={value} />
     </FormField>
@@ -18,7 +18,7 @@ test('check if label is rendered on screen', () => {
 });
 
 test('check if label is associated with input', () => {
-  customRender(
+  render(
     <FormField label={label}>
       <Input defaultValue={value} />
     </FormField>
@@ -30,7 +30,7 @@ test('check if label is associated with input', () => {
 test('check if renders a single error', () => {
   const error = 'Error';
 
-  customRender(
+  render(
     <FormField label={label} error={error}>
       <Input defaultValue={value} />
     </FormField>
@@ -42,7 +42,7 @@ test('check if renders a single error', () => {
 test('check if renders multiple errors', () => {
   const errors = ['Error1', 'Error2', 'Error3'];
 
-  customRender(
+  render(
     <FormField label={label} error={errors}>
       <Input defaultValue={value} />
     </FormField>

package/src/theme/ThemeProvider.tsx

@@ -1,19 +1,18 @@
 import { Global } from '@emotion/react';
 import {
   ThemeProvider as ThemeUiProvider,
-  ThemeProviderProps,
+  ThemeProviderProps as ThemeUiProviderProps,
   merge,
 } from '@theme-ui/core';
 import * as React from 'react';
 
 import { defaultTheme } from './defaultTheme';
 
-export type { ThemeProviderProps };
+export type ThemeProviderProps = ThemeUiProviderProps & {
+  children?: React.ReactNode;
+};
 
-const ThemeProvider: React.FC<Partial<ThemeProviderProps>> = ({
-  children,
-  theme = {},
-}) => {
+const ThemeProvider = ({ children, theme = {} }: ThemeProviderProps) => {
   const mergedTheme = React.useMemo(() => {
     if (typeof theme === 'function') {
       return theme;
@@ -23,16 +22,18 @@ const ThemeProvider: React.FC<Partial<ThemeProviderProps>> = ({
   }, [theme]);
 
   return (
-    <ThemeUiProvider theme={mergedTheme}>
-      <Global
-        styles={{
-          '*': {
-            margin: 0,
-          },
-        }}
-      />
-      {children}
-    </ThemeUiProvider>
+    <>
+      <ThemeUiProvider theme={mergedTheme}>
+        <Global
+          styles={{
+            '*': {
+              margin: 0,
+            },
+          }}
+        />
+        {children}
+      </ThemeUiProvider>
+    </>
   );
 };