@ttoss/components 1.21.0 → 1.21.1

package/dist/esm/index.js

@@ -172,15 +172,19 @@ var Modal = (props) => {
 Modal.setAppElement = ReactModal.setAppElement;
 
 // src/components/Toast/Toast.tsx
+import * as React4 from "react";
 import { Box as Box2 } from "@ttoss/ui";
 import {
   ToastContainer as ReactToastifyToastContainer,
   ToastContainerProps,
   toast
 } from "react-toastify";
-import "react-toastify/dist/ReactToastify.min.css";
+import { injectStyle } from "react-toastify/dist/inject-style";
 var ToastContainer = (props) => {
-  return /* @__PURE__ */ React.createElement(Box2, {
+  React4.useEffect(() => {
+    injectStyle();
+  }, []);
+  return /* @__PURE__ */ React4.createElement(Box2, {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
@@ -191,7 +195,7 @@ var ToastContainer = (props) => {
       "--toastify-color-progress-light": `linear-gradient(to right, ${colors == null ? void 0 : colors.primary}, ${colors == null ? void 0 : colors.secondary})`,
       "--toastify-font-family": fonts.body
     })
-  }, /* @__PURE__ */ React.createElement(ReactToastifyToastContainer, {
+  }, /* @__PURE__ */ React4.createElement(ReactToastifyToastContainer, {
     ...props
   }));
 };

package/dist/index.js

@@ -198,11 +198,15 @@ var Modal = (props) => {
 Modal.setAppElement = import_react_modal.default.setAppElement;
 
 // src/components/Toast/Toast.tsx
+var React4 = __toESM(require("react"));
 var import_ui4 = require("@ttoss/ui");
 var import_react_toastify = require("react-toastify");
-var import_ReactToastify_min = require("react-toastify/dist/ReactToastify.min.css");
+var import_inject_style = require("react-toastify/dist/inject-style");
 var ToastContainer = (props) => {
-  return /* @__PURE__ */ React.createElement(import_ui4.Box, {
+  React4.useEffect(() => {
+    (0, import_inject_style.injectStyle)();
+  }, []);
+  return /* @__PURE__ */ React4.createElement(import_ui4.Box, {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
@@ -213,7 +217,7 @@ var ToastContainer = (props) => {
       "--toastify-color-progress-light": `linear-gradient(to right, ${colors == null ? void 0 : colors.primary}, ${colors == null ? void 0 : colors.secondary})`,
       "--toastify-font-family": fonts.body
     })
-  }, /* @__PURE__ */ React.createElement(import_react_toastify.ToastContainer, {
+  }, /* @__PURE__ */ React4.createElement(import_react_toastify.ToastContainer, {
     ...props
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.21.0",
+  "version": "1.21.1",
   "description": "React components.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -49,5 +49,5 @@
     "@types/jest": "^28.1.5",
     "jest": "^28.1.3"
   },
-  "gitHead": "bea31ace95128d57607156807e402a793b0c46e4"
+  "gitHead": "db9d943fedab3b0e2fab1752e9436130fdb351fa"
 }

package/src/components/Toast/Toast.tsx

@@ -1,14 +1,19 @@
+import * as React from 'react';
 import { Box } from '@ttoss/ui';
 import {
   ToastContainer as ReactToastifyToastContainer,
   ToastContainerProps,
   toast,
 } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.min.css';
+import { injectStyle } from 'react-toastify/dist/inject-style';
 
 export { toast, ToastContainerProps };
 
 export const ToastContainer = (props: ToastContainerProps) => {
+  React.useEffect(() => {
+    injectStyle();
+  }, []);
+
   return (
     <Box
       sx={({ colors, fonts }) => ({