monica-alexandria 3.8.21 → 3.8.22

package/dist/index.es.js

@@ -1255,7 +1255,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     background: ${e=>e.theme.mid};
     overflow: hidden;
 `,vn=i.div`
-    background: ${e=>e.step===e.steps.length-1&&e.startToFinish||e.step<e.currentStep?"var(--main)":e.step===e.currentStep?"linear-gradient( to right, var(--main), transparent)":"transparent"};
+    background: ${e=>e.currentStep===e.steps.length&&e.startToFinish||e.step<e.currentStep?"var(--main)":e.step===e.currentStep?"linear-gradient( to right, var(--main), transparent)":"transparent"};
     height: 100%;
     width: 100%;
 `,yn=t=>e.createElement(pn,{steps:t.steps},t.steps.map((n=>e.createElement(vn,{startToFinish:t.startToFinish,steps:t.steps,step:n,currentStep:t.currentStep})))),_n=i.div`

package/dist/index.js

@@ -1255,7 +1255,7 @@
     background: ${e=>e.theme.mid};
     overflow: hidden;
 `,Kt=o.default.div`
-    background: ${e=>e.step===e.steps.length-1&&e.startToFinish||e.step<e.currentStep?"var(--main)":e.step===e.currentStep?"linear-gradient( to right, var(--main), transparent)":"transparent"};
+    background: ${e=>e.currentStep===e.steps.length&&e.startToFinish||e.step<e.currentStep?"var(--main)":e.step===e.currentStep?"linear-gradient( to right, var(--main), transparent)":"transparent"};
     height: 100%;
     width: 100%;
 `,Ut=e=>a.default.createElement(qt,{steps:e.steps},e.steps.map((t=>a.default.createElement(Kt,{startToFinish:e.startToFinish,steps:e.steps,step:t,currentStep:e.currentStep})))),Jt=o.default.div`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.8.21",
+  "version": "3.8.22",
   "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/export/components/steps/Steps_Header.js

@@ -14,7 +14,7 @@ const StepsHeader = styled.div`
 
 const SingleStep = styled.div`
     background: ${p => 
-                    p.step === (p.steps.length - 1) && p.startToFinish ? 
+                    (p.currentStep === p.steps.length ) && p.startToFinish ? 
                       'var(--main)' 
                     : p.step < p.currentStep ? 
                       'var(--main)'