monica-alexandria 2.5.4 → 2.5.5

package/dist/index.es.js

@@ -1115,7 +1115,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     height: 100vh;
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
-    animation: ${cr} .5s linear;
+    animation: ${cr} .2s linear;
 
     @media ${lr.md} {
         width: calc(80% + 8rem);

package/dist/index.js

@@ -1115,7 +1115,7 @@
     height: 100vh;
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
-    animation: ${fr} .5s linear;
+    animation: ${fr} .2s linear;
 
     @media ${vr.md} {
         width: calc(80% + 8rem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "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/components/slider/Slider.jsx

@@ -20,7 +20,7 @@ const SliderContainer = styled.div`
     height: 100vh;
     background: ${props => props.theme === 'dark' ? "var(--dark)" : "var(--white)"};
     box-shadow: ${props => props.theme === 'dark' ? "var(--sliderShine)" : "var(--sliderShadow)"};
-    animation: ${SlideIn} .5s linear;
+    animation: ${SlideIn} .2s linear;
 
     @media ${device.md} {
         width: calc(80% + 8rem);