@ttoss/ui 1.26.2 → 1.27.0

package/README.md

@@ -5,7 +5,7 @@
 ## Installation
 
 ```shell
-yarn add @ttoss/ui @emotion/react
+yarn add @ttoss/ui
 ```
 
 ## Quick start

package/dist/esm/index.js

@@ -106,21 +106,20 @@ var ThemeProvider = ({
     }
     return merge(DefaultTheme, theme);
   }, [theme]);
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsxs(ThemeUiProvider, {
-      theme: mergedTheme,
-      children: [
-        fonts.map((url) => {
-          return /* @__PURE__ */ jsx(Global, {
-            styles: css`
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ThemeUiProvider, { theme: mergedTheme, children: [
+    fonts.map((url) => {
+      return /* @__PURE__ */ jsx(
+        Global,
+        {
+          styles: css`
                 @import url('${url}');
               `
-          }, url);
-        }),
-        children
-      ]
-    })
-  });
+        },
+        url
+      );
+    }),
+    children
+  ] }) });
 };
 var ThemeProvider_default = ThemeProvider;
 
@@ -135,10 +134,13 @@ import { Box } from "theme-ui";
 import { Button as ButtonUi } from "theme-ui";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Button = (props) => {
-  return /* @__PURE__ */ jsx2(ButtonUi, {
-    ...props,
-    sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
-  });
+  return /* @__PURE__ */ jsx2(
+    ButtonUi,
+    {
+      ...props,
+      sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
+    }
+  );
 };
 
 // src/components/Card.tsx
@@ -189,14 +191,7 @@ import { Radio } from "theme-ui";
 import { Icon as IconUI } from "@iconify/react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var Icon = ({ icon, sx, iconProps, ...props }) => {
-  return /* @__PURE__ */ jsx3(Text, {
-    sx,
-    ...props,
-    children: /* @__PURE__ */ jsx3(IconUI, {
-      ...iconProps,
-      icon
-    })
-  });
+  return /* @__PURE__ */ jsx3(Text, { sx, ...props, children: /* @__PURE__ */ jsx3(IconUI, { ...iconProps, icon }) });
 };
 
 // src/components/Slider.tsx
@@ -232,11 +227,7 @@ var InfiniteLinearProgress = () => {
       clearInterval(timer);
     };
   }, []);
-  return /* @__PURE__ */ jsx4(Progress, {
-    max: MAX_PROGRESS,
-    value: progress,
-    role: "progressbar"
-  });
+  return /* @__PURE__ */ jsx4(Progress, { max: MAX_PROGRESS, value: progress, role: "progressbar" });
 };
 export {
   Box,

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
 import * as React from 'react';
 import { IconProps as IconProps$1 } from '@iconify/react';
 
-declare type ThemeProviderProps = {
+type ThemeProviderProps = {
     children?: React.ReactNode;
     theme?: Theme;
     /**
@@ -19,7 +19,7 @@ declare const useTheme: () => theme_ui.ThemeUIContextValue;
 
 declare const Button: (props: ButtonProps) => JSX.Element;
 
-declare type IconProps = TextProps & {
+type IconProps = TextProps & {
     icon: IconProps$1['icon'];
     iconProps?: Omit<IconProps$1, 'icon'>;
 };

package/dist/index.js

@@ -160,21 +160,20 @@ var ThemeProvider = ({
     }
     return (0, import_theme_ui.merge)(DefaultTheme, theme);
   }, [theme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_theme_ui.ThemeProvider, {
-      theme: mergedTheme,
-      children: [
-        fonts.map((url) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Global, {
-            styles: import_react.css`
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_theme_ui.ThemeProvider, { theme: mergedTheme, children: [
+    fonts.map((url) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react.Global,
+        {
+          styles: import_react.css`
                 @import url('${url}');
               `
-          }, url);
-        }),
-        children
-      ]
-    })
-  });
+        },
+        url
+      );
+    }),
+    children
+  ] }) });
 };
 var ThemeProvider_default = ThemeProvider;
 
@@ -189,10 +188,13 @@ var import_theme_ui3 = require("theme-ui");
 var import_theme_ui4 = require("theme-ui");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Button = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_ui4.Button, {
-    ...props,
-    sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_theme_ui4.Button,
+    {
+      ...props,
+      sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
+    }
+  );
 };
 
 // src/components/Card.tsx
@@ -241,14 +243,7 @@ var import_theme_ui18 = require("theme-ui");
 var import_react2 = require("@iconify/react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Icon = ({ icon, sx, iconProps, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_theme_ui15.Text, {
-    sx,
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.Icon, {
-      ...iconProps,
-      icon
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_theme_ui15.Text, { sx, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.Icon, { ...iconProps, icon }) });
 };
 
 // src/components/Slider.tsx
@@ -284,11 +279,7 @@ var InfiniteLinearProgress = () => {
       clearInterval(timer);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_theme_ui14.Progress, {
-    max: MAX_PROGRESS,
-    value: progress,
-    role: "progressbar"
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_theme_ui14.Progress, { max: MAX_PROGRESS, value: progress, role: "progressbar" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.26.2",
+  "version": "1.27.0",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -20,19 +20,18 @@
   },
   "typings": "dist/index.d.ts",
   "dependencies": {
+    "@emotion/react": "^11.10.5",
     "@iconify/react": "^4.0.1",
     "@theme-ui/match-media": "^0.15.4",
     "theme-ui": "^0.15.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11",
-    "react": ">=18.2.0"
+    "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@emotion/react": "^11.10.4",
-    "@ttoss/config": "^1.22.0",
-    "@ttoss/test-utils": "^1.18.2",
-    "@ttoss/theme": "^1.1.1",
+    "@ttoss/config": "^1.25.0",
+    "@ttoss/test-utils": "^1.18.3",
+    "@ttoss/theme": "^1.1.2",
     "@types/jest": "^29.2.4",
     "jest": "^29.3.1",
     "tsup": "^6.5.0"
@@ -45,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "00ce34857256c353cd910ad1bf8c7f2a5986a88f"
+  "gitHead": "9159bd57009f4fee620218bc1a0e7bbac28acccd"
 }