@sinco/react 1.1.2-rc.76 → 1.1.2-rc.78

package/index.esm.css

@@ -0,0 +1,33 @@
+#react-module_path1__lkcOa {
+  animation: react-module_spin__OwXny 3s linear infinite;
+}
+
+#react-module_path2__2EGp6 {
+  animation: react-module_spin__OwXny 3s linear infinite 0.2s;
+}
+
+#react-module_path3__ten1m {
+  animation: react-module_spin__OwXny 3s linear infinite 0.7s;
+}
+
+#react-module_path4__Hbv4b {
+  animation: react-module_spin__OwXny 3s linear infinite 1.2s;
+}
+
+@keyframes react-module_spin__OwXny {
+  0% {
+    opacity: 1;
+  }
+  25% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/index.esm.js

@@ -10706,7 +10706,7 @@ function useModal(parameters) {
 }
 
 const _excluded$8 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-const styles = {
+const styles$1 = {
   entering: {
     opacity: 1
   },
@@ -10815,7 +10815,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
         style: _extends({
           opacity: 0,
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, styles[state], style, children.props.style),
+        }, styles$1[state], style, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -13604,7 +13604,7 @@ var PageHeader = function PageHeader(_ref2) {
   }, actions)));
 };
 
-var spinnerSinco = "data:image/svg+xml,%3Csvg%20width%3D%2291%22%20height%3D%2260%22%20viewBox%3D%220%200%2091%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.8395%2059.9966L34.0333%2041.8759L23.6316%2019.7821L0.100342%2019.845L16.8395%2059.9966Z%22%20fill%3D%22%230C4271%22%2F%3E%3Cpath%20d%3D%22M0%2018.1417H54.2501L69.5867%200L13.9796%200.160958L0%2018.1417Z%22%20fill%3D%22%233872A9%22%2F%3E%3Cpath%20d%3D%22M90.177%2041.0402L71.8396%200.0457764L55.4082%2019.2962L65.6909%2041.0332L90.177%2041.0402Z%22%20fill%3D%22%232063A0%22%2F%3E%3Cpath%20d%3D%22M35.4515%2042.6838L19.1216%2059.9965L76.425%2060L90.1772%2042.6838H35.4515Z%22%20fill%3D%22%234E91C3%22%2F%3E%3C%2Fsvg%3E";
+var styles = {"path1":"react-module_path1__lkcOa","spin":"react-module_spin__OwXny","path2":"react-module_path2__2EGp6","path3":"react-module_path3__ten1m","path4":"react-module_path4__Hbv4b"};
 
 var ProgressSinco = function ProgressSinco(_ref) {
   var time = _ref.time,
@@ -13638,13 +13638,35 @@ var ProgressSinco = function ProgressSinco(_ref) {
     justifyContent: 'center',
     alignItems: 'center'
   }, React__default.createElement(Stack$1, {
-    width: 300,
+    width: 60,
     height: 60,
     justifyContent: 'center'
-  }, React__default.createElement("img", {
-    src: spinnerSinco,
-    alt: "logo"
-  })), React__default.createElement(Typography$1, {
+  }, React__default.createElement("svg", {
+    width: "60",
+    height: "60",
+    viewBox: "0 0 100 100"
+  }, React__default.createElement("symbol", {
+    id: "spinner",
+    viewBox: "0 0 91 60"
+  }, React__default.createElement("path", {
+    id: styles.path1,
+    d: "M16.8395 59.9966L34.0333 41.8759L23.6316 19.7821L0.100342 19.845L16.8395 59.9966Z",
+    fill: "#0C4271"
+  }), React__default.createElement("path", {
+    id: styles.path2,
+    d: "M0 18.1417H54.2501L69.5867 0L13.9796 0.160958L0 18.1417Z",
+    fill: "#3872A9"
+  }), React__default.createElement("path", {
+    id: styles.path3,
+    d: "M90.177 41.0402L71.8396 0.0457764L55.4082 19.2962L65.6909 41.0332L90.177 41.0402Z",
+    fill: "#2063A0"
+  }), React__default.createElement("path", {
+    id: styles.path4,
+    d: "M35.4515 42.6838L19.1216 59.9965L76.425 60L90.1772 42.6838H35.4515Z",
+    fill: "#4E91C3"
+  })), React__default.createElement("use", {
+    xlinkHref: "#spinner"
+  }))), React__default.createElement(Typography$1, {
     variant: "body2",
     color: 'text.secondary'
   }, "Progresando..."), React__default.createElement(LinearProgress$1, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.2-rc.76",
+  "version": "1.1.2-rc.78",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",