@sinco/react 1.1.2-rc.75 → 1.1.2-rc.77

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,6 +13604,8 @@ var PageHeader = function PageHeader(_ref2) {
   }, actions)));
 };
 
+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,
     _ref$variant = _ref.variant,
@@ -13636,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: '../assets/spinner.mp4',
-    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.75",
+  "version": "1.1.2-rc.77",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",