@ttoss/components 1.24.1 → 1.24.3

package/dist/esm/index.js

@@ -139,12 +139,11 @@ ReactModal.defaultStyles = {
   content: {}
 };
 var Modal = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { theme } = useTheme2();
   const padding = useResponsiveValue([
-    (_a = theme.space) == null ? void 0 : _a[2],
-    (_b = theme.space) == null ? void 0 : _b[3],
-    (_c = theme.space) == null ? void 0 : _c[4]
+    theme.space?.[2],
+    theme.space?.[3],
+    theme.space?.[4]
   ]) || 0;
   const style = {
     overlay: {
@@ -158,10 +157,10 @@ var Modal = (props) => {
       justifyContent: "center",
       alignItems: "center",
       padding,
-      ...(_d = props.style) == null ? void 0 : _d.overlay
+      ...props.style?.overlay
     },
     content: {
-      backgroundColor: ((_f = (_e = theme.rawColors) == null ? void 0 : _e.background) == null ? void 0 : _f.toString()) || "#fff",
+      backgroundColor: theme.rawColors?.background?.toString() || "#fff",
       padding,
       WebkitOverflowScrolling: "touch",
       overflow: "auto",
@@ -171,11 +170,11 @@ var Modal = (props) => {
       right: "0px",
       bottom: "0px",
       border: "2px solid",
-      borderColor: ((_h = (_g = theme.rawColors) == null ? void 0 : _g.muted) == null ? void 0 : _h.toString()) || "#fff",
+      borderColor: theme.rawColors?.muted?.toString() || "#fff",
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
-      ...(_i = props.style) == null ? void 0 : _i.content
+      ...props.style?.content
     }
   };
   return /* @__PURE__ */ jsx4(ReactModal, {
@@ -202,11 +201,11 @@ var ToastContainer = (props) => {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
-      "--toastify-color-info": (colors == null ? void 0 : colors.info) || "#3498db",
-      "--toastify-color-success": (colors == null ? void 0 : colors.success) || "#07bc0c",
+      "--toastify-color-info": colors?.info || "#3498db",
+      "--toastify-color-success": colors?.success || "#07bc0c",
       "--toastify-color-warning": "#f1c40f",
       "--toastify-color-error": "#e74c3c",
-      "--toastify-color-progress-light": `linear-gradient(to right, ${colors == null ? void 0 : colors.primary}, ${colors == null ? void 0 : colors.secondary})`,
+      "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
       "--toastify-font-family": fonts.body
     }),
     children: /* @__PURE__ */ jsx5(ReactToastifyToastContainer, {

package/dist/index.js

@@ -168,12 +168,11 @@ import_react_modal.default.defaultStyles = {
   content: {}
 };
 var Modal = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { theme } = (0, import_ui3.useTheme)();
   const padding = (0, import_ui3.useResponsiveValue)([
-    (_a = theme.space) == null ? void 0 : _a[2],
-    (_b = theme.space) == null ? void 0 : _b[3],
-    (_c = theme.space) == null ? void 0 : _c[4]
+    theme.space?.[2],
+    theme.space?.[3],
+    theme.space?.[4]
   ]) || 0;
   const style = {
     overlay: {
@@ -187,10 +186,10 @@ var Modal = (props) => {
       justifyContent: "center",
       alignItems: "center",
       padding,
-      ...(_d = props.style) == null ? void 0 : _d.overlay
+      ...props.style?.overlay
     },
     content: {
-      backgroundColor: ((_f = (_e = theme.rawColors) == null ? void 0 : _e.background) == null ? void 0 : _f.toString()) || "#fff",
+      backgroundColor: theme.rawColors?.background?.toString() || "#fff",
       padding,
       WebkitOverflowScrolling: "touch",
       overflow: "auto",
@@ -200,11 +199,11 @@ var Modal = (props) => {
       right: "0px",
       bottom: "0px",
       border: "2px solid",
-      borderColor: ((_h = (_g = theme.rawColors) == null ? void 0 : _g.muted) == null ? void 0 : _h.toString()) || "#fff",
+      borderColor: theme.rawColors?.muted?.toString() || "#fff",
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
-      ...(_i = props.style) == null ? void 0 : _i.content
+      ...props.style?.content
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_modal.default, {
@@ -228,11 +227,11 @@ var ToastContainer = (props) => {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
-      "--toastify-color-info": (colors == null ? void 0 : colors.info) || "#3498db",
-      "--toastify-color-success": (colors == null ? void 0 : colors.success) || "#07bc0c",
+      "--toastify-color-info": colors?.info || "#3498db",
+      "--toastify-color-success": colors?.success || "#07bc0c",
       "--toastify-color-warning": "#f1c40f",
       "--toastify-color-error": "#e74c3c",
-      "--toastify-color-progress-light": `linear-gradient(to right, ${colors == null ? void 0 : colors.primary}, ${colors == null ? void 0 : colors.secondary})`,
+      "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
       "--toastify-font-family": fonts.body
     }),
     children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_toastify.ToastContainer, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.24.1",
+  "version": "1.24.3",
   "description": "React components.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -32,9 +32,9 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/config": "^1.22.0",
-    "@ttoss/test-utils": "^1.18.2",
-    "@ttoss/ui": "^1.26.1",
+    "@ttoss/config": "^1.25.0",
+    "@ttoss/test-utils": "^1.18.3",
+    "@ttoss/ui": "^1.26.3",
     "@types/jest": "^29.2.4",
     "jest": "^29.3.1"
   },
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cc3a87107b90fd346c908783beb6481f883e3f1a"
+  "gitHead": "88b98945c469cdfdece6b12ce41243403ad2c242"
 }