monica-alexandria 2.4.0 → 2.5.2

package/dist/index.es.js

@@ -127,7 +127,7 @@ import r from"styled-components";const a=r.button`
     &:hover{
         background: var(--focusLight);
     }
-`,g=r(e)`
+`,m=r(e)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -149,7 +149,7 @@ import r from"styled-components";const a=r.button`
             fill: var(--focusLight);
         }
     }
-`,m=r(o)`
+`,g=r(o)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -589,18 +589,18 @@ import r from"styled-components";const a=r.button`
 `,F=r(j)`
     padding: var(--inputNormalPads);
     font-size: var(--inputNormalText);
-`,O=r(j)`
+`,X=r(j)`
     padding: var(--inputLargePads);
     font-size: var(--inputLargeText);
-`,Y=r.label`
+`,O=r.label`
     color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-`,M=r(Y)`
+`,Y=r(O)`
     font-size: var(--inputSmallText);
-`,q=r(Y)`
+`,M=r(O)`
     font-size: var(--inputNormalText);
-`,A=r(Y)`
+`,q=r(O)`
     font-size: var(--inputLargeText);
-`,B=r.div`
+`,A=r.div`
     position: relative;
     margin-top: 4rem;
 
@@ -631,7 +631,7 @@ import r from"styled-components";const a=r.button`
         transition-property: opacity, transform;
         transition-duration: .5s;
     }
-`,C=r.div`
+`,B=r.div`
     position: relative;
 
     ul{
@@ -654,7 +654,7 @@ import r from"styled-components";const a=r.button`
             }
         }
     }
-`,E=r(B)`
+`,C=r(A)`
     
     aside{
         display: block;
@@ -669,7 +669,7 @@ import r from"styled-components";const a=r.button`
             display: none;
         }
     }
-`,G=r.div`
+`,E=r.div`
     position: absolute;
     top: 1.2rem;
     right: 2rem;
@@ -678,7 +678,7 @@ import r from"styled-components";const a=r.button`
         height: var(--smallText);
         fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
     }
-`,H=r.div`
+`,G=r.div`
     position: absolute;
     top: 1.2rem;
     right: 2rem;
@@ -687,12 +687,12 @@ import r from"styled-components";const a=r.button`
         height: var(--smallText);
         fill: var(--error);
     }
-`,J=r.div`
+`,H=r.div`
     display: flex;
     align-items: center;
     gap: 1rem;
     margin: var(--tinyDist);
-`,K=r(J)`
+`,J=r(H)`
     
     svg{
         width: var(--smallIcon);
@@ -702,7 +702,7 @@ import r from"styled-components";const a=r.button`
     h6{
         color: var(--error);
     }
-`,Q=r(J)`
+`,K=r(H)`
     
     svg{
         width: var(--smallIcon);
@@ -712,7 +712,7 @@ import r from"styled-components";const a=r.button`
     h6{
         color: var(--success);
     }
-`,U=r(J)`
+`,Q=r(H)`
     
     svg{
         width: var(--smallIcon);
@@ -722,11 +722,11 @@ import r from"styled-components";const a=r.button`
     h6{
         color: var(--greyDark);
     }
-`,V=r.div`
+`,U=r.div`
     display: grid;
     grid-template-columns: repeat(${r=>r.columns}, 1fr);
     grid-gap: 2rem;
-`,W=r.div`
+`,V=r.div`
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -741,7 +741,7 @@ import r from"styled-components";const a=r.button`
     &:hover{
         box-shadow: ${r=>"dark"===r.theme?"var(--outShineFocus)":"var(--outShadowFocus)"};
     }
-`,X=r.div`
+`,W=r.div`
 
 `,Z=r.div`
     display: flex;
@@ -866,13 +866,13 @@ import r from"styled-components";const a=r.button`
     @media ${nr.md} {
         display: none;
     }
-`,gr=r.div`
+`,mr=r.div`
     justify-self: center;
 
     @media ${nr.sm} {
         justify-self: flex-end;
     }
-`,mr=r.div`
+`,gr=r.div`
     justify-self: flex-end;
     display: flex;
     align-items: center;
@@ -882,12 +882,21 @@ import r from"styled-components";const a=r.button`
         display: none;
     }
 `,hr=r.div`
-    padding: 7rem 4rem 2rem 4rem;
+    justify-self: flex-end;
+    display: none;
+    align-items: center;
+    gap: 1rem;
+
+    @media ${nr.sm} {
+        display: flex;
+    }
 `,pr=r.div`
-    padding-top: 2rem 4rem;
+    padding: 7rem 4rem 2rem 4rem;
 `,cr=r.div`
-    padding-top: 7rem;
+    padding-top: 2rem 4rem;
 `,ur=r.div`
+    padding-top: 7rem;
+`,kr=r.div`
     display: grid;
     grid-template-columns: calc(60% - 4rem) 40%;
     grid-gap: 4rem;
@@ -896,7 +905,7 @@ import r from"styled-components";const a=r.button`
     @media ${nr.md} {
         grid-template-columns: 1fr;
     }
-`,kr=r.div`
+`,br=r.div`
     display: grid;
     grid-template-columns: 40% calc(60% - 4rem);
     grid-gap: 4rem;
@@ -905,37 +914,49 @@ import r from"styled-components";const a=r.button`
     @media ${nr.md} {
         grid-template-columns: 1fr;
     }
-`,br=r.div`
-    width: 100%;
 `,fr=r.div`
     width: 100%;
+`,xr=r.div`
+    width: 100%;
 
     @media ${nr.md} {
         display: none;
     }
-`,xr=r.div`
+`,$r=r.div`
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     transition-property: background;
     transition-duration: .5s;
-`,$r=r.div`
+    height: 100%;
+    min-height: calc(100vh);
+    width: 100%;
+
+    html{
+        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
+    }
+
+    h1,h2,h3,h4,h5,h6,p{
+        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
+        transition: color .5s;
+    }
+`,yr=r.div`
     
     img{
         height: 4rem;
     }
-`,yr=r.div`
-    max-width: 45rem;
 `,wr=r.div`
     max-width: 45rem;
+`,Lr=r.div`
+    max-width: 45rem;
 
     h1{
         margin: var(--smallDist);
     }
-`,Lr=r.form`
+`,Dr=r.form`
     padding: var(--normalDist);
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     border-radius: var(--normalRadius);
     box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-`,Dr=r.div`
+`,Sr=r.div`
     display: flex;
     gap: 1rem;
     align-items: center;
@@ -947,7 +968,7 @@ import r from"styled-components";const a=r.button`
         gap: .5rem;
         align-items: center;
     }
-`,Sr=r.div`
+`,Rr=r.div`
     display: flex;
     align-items: flex-start;
     gap: 1rem;
@@ -955,17 +976,17 @@ import r from"styled-components";const a=r.button`
     input{
         margin-top: .3rem;
     }
-`,Rr=r.div`
+`,zr=r.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
     margin: 2rem 1rem;
-`,zr=r.div`
+`,Tr=r.div`
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 4rem;
-`,Tr=r.div`
+`,Pr=r.div`
     
     section{
 
@@ -973,7 +994,7 @@ import r from"styled-components";const a=r.button`
             margin-bottom: 2rem;
         }
     }
-`,Pr=r.div`
+`,Nr=r.div`
     
     picture{
         width: 100%;
@@ -994,7 +1015,7 @@ import r from"styled-components";const a=r.button`
         display: flex;
         gap: 1rem;
     }
-`,Nr=r.div`
+`,jr=r.div`
     display: grid;
     grid-template-columns: 20rem 1fr;
     grid-gap: 2rem;
@@ -1019,7 +1040,7 @@ import r from"styled-components";const a=r.button`
         flex-direction: column;
         gap: 1rem;
     }
-`,jr=r.ul`
+`,Ir=r.ul`
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     padding: var(--smallDist);
     border-radius: var(--smallRadius);
@@ -1044,7 +1065,7 @@ import r from"styled-components";const a=r.button`
     li{
         margin-top: .5rem;
     }
-`,Ir=r.div`
+`,Fr=r.div`
     display: grid;
     grid-template-columns: auto 1fr;
     align-items: flex-start;
@@ -1054,7 +1075,7 @@ import r from"styled-components";const a=r.button`
     form{
         margin-top: 4rem;
     }
-`,Fr=r.div`
+`,Xr=r.div`
     padding: var(--smallDist);
 
     ul{
@@ -1078,6 +1099,27 @@ import r from"styled-components";const a=r.button`
     height: 100vh;
     width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
+
+    .slider{
+        
+        &-enter{
+            transform: translateX(-110%);
+
+            &-active{
+                transform: translateX(0);
+                transition: all .5s ease;
+            }
+        }
+
+        &-exit{
+            
+            &-active{
+                transform: translateX(-110%);
+                transition: all .5s ease;
+            }
+        }
+    }
+
 `,Yr=r.div`
     position: fixed;
     right: 0;
@@ -1114,4 +1156,4 @@ import r from"styled-components";const a=r.button`
             display: none;
         }
     }
-`;export{zr as AuthActions,Rr as AuthCap,Sr as AuthCheck,yr as AuthContainer,Lr as AuthForm,$r as AuthLogo,Dr as AuthSecondary,wr as AuthWrapper,Z as BoxActions,X as BoxContent,V as BoxGrid,W as BoxWrapper,n as CtaButtonLarge,d as CtaButtonNormal,t as CtaButtonSmall,D as DeleteButtonLarge,L as DeleteButtonNormal,w as DeleteButtonSmall,Fr as EditList,Ir as EditSelect,jr as EditTips,Nr as EditUploadAvatar,Pr as EditUploadCover,Tr as EditWrapper,K as ErrorValidator,v as FocusButtonLarge,s as FocusButtonNormal,l as FocusButtonSmall,h as FocusPlainButtonLarge,m as FocusPlainButtonNormal,g as FocusPlainButtonSmall,z as GreyButtonLarge,R as GreyButtonNormal,S as GreyButtonSmall,rr as GreyDropdownNormal,N as GreyLinkButtonLarge,P as GreyLinkButtonNormal,T as GreyLinkButtonSmall,E as InputAdd,B as InputGroup,G as InputIcon,O as InputLarge,H as InputMandatory,F as InputNormal,C as InputSearch,I as InputSmall,A as LabelLarge,q as LabelNormal,M as LabelSmall,u as MainButtonLarge,c as MainButtonNormal,p as MainButtonSmall,f as MainPlainButtonLarge,b as MainPlainButtonNormal,k as MainPlainButtonSmall,lr as Navbar,gr as NavbarCta,mr as NavbarList,sr as NavbarLogo,vr as NavbarText,br as PageAlwaysVisible,kr as PageForty,fr as PageMobileHidden,hr as PagePaddings,pr as PageSamePaddings,ur as PageSixty,cr as PageTopPaddings,Or as Slider,Yr as SliderContainer,qr as SliderTitle,Mr as SliderWrapper,Q as SuccessValidator,ir as TextareaLarge,or as TextareaNormal,er as TextareaSmall,xr as Theme,U as TipValidator,y as WhitePlainButtonLarge,$ as WhitePlainButtonNormal,x as WhitePlainButtonSmall,tr as breakPoints,dr as breakSize,nr as device};
+`;export{Tr as AuthActions,zr as AuthCap,Rr as AuthCheck,wr as AuthContainer,Dr as AuthForm,yr as AuthLogo,Sr as AuthSecondary,Lr as AuthWrapper,Z as BoxActions,W as BoxContent,U as BoxGrid,V as BoxWrapper,n as CtaButtonLarge,d as CtaButtonNormal,t as CtaButtonSmall,D as DeleteButtonLarge,L as DeleteButtonNormal,w as DeleteButtonSmall,Xr as EditList,Fr as EditSelect,Ir as EditTips,jr as EditUploadAvatar,Nr as EditUploadCover,Pr as EditWrapper,J as ErrorValidator,v as FocusButtonLarge,s as FocusButtonNormal,l as FocusButtonSmall,h as FocusPlainButtonLarge,g as FocusPlainButtonNormal,m as FocusPlainButtonSmall,z as GreyButtonLarge,R as GreyButtonNormal,S as GreyButtonSmall,rr as GreyDropdownNormal,N as GreyLinkButtonLarge,P as GreyLinkButtonNormal,T as GreyLinkButtonSmall,C as InputAdd,A as InputGroup,E as InputIcon,X as InputLarge,G as InputMandatory,F as InputNormal,B as InputSearch,I as InputSmall,q as LabelLarge,M as LabelNormal,Y as LabelSmall,u as MainButtonLarge,c as MainButtonNormal,p as MainButtonSmall,f as MainPlainButtonLarge,b as MainPlainButtonNormal,k as MainPlainButtonSmall,lr as Navbar,mr as NavbarCta,gr as NavbarList,sr as NavbarLogo,hr as NavbarMobile,vr as NavbarText,fr as PageAlwaysVisible,br as PageForty,xr as PageMobileHidden,pr as PagePaddings,cr as PageSamePaddings,kr as PageSixty,ur as PageTopPaddings,Or as Slider,Yr as SliderContainer,qr as SliderTitle,Mr as SliderWrapper,K as SuccessValidator,ir as TextareaLarge,or as TextareaNormal,er as TextareaSmall,$r as Theme,Q as TipValidator,y as WhitePlainButtonLarge,$ as WhitePlainButtonNormal,x as WhitePlainButtonSmall,tr as breakPoints,dr as breakSize,nr as device};

package/dist/index.js

@@ -466,7 +466,7 @@
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,B=a.default(o)`
+`,N=a.default(o)`
     background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border-radius: var(--normalRadius);
@@ -483,7 +483,7 @@
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,N=a.default(i)`
+`,B=a.default(i)`
     background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border-radius: var(--normalRadius);
@@ -586,19 +586,19 @@
 `,F=a.default(I)`
     padding: var(--inputSmallPads);
     font-size: var(--inputSmallText);
-`,A=a.default(I)`
+`,j=a.default(I)`
     padding: var(--inputNormalPads);
     font-size: var(--inputNormalText);
-`,j=a.default(I)`
+`,A=a.default(I)`
     padding: var(--inputLargePads);
     font-size: var(--inputLargeText);
-`,C=a.default.label`
+`,M=a.default.label`
     color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-`,M=a.default(C)`
+`,C=a.default(M)`
     font-size: var(--inputSmallText);
-`,G=a.default(C)`
+`,G=a.default(M)`
     font-size: var(--inputNormalText);
-`,E=a.default(C)`
+`,E=a.default(M)`
     font-size: var(--inputLargeText);
 `,W=a.default.div`
     position: relative;
@@ -669,7 +669,7 @@
             display: none;
         }
     }
-`,U=a.default.div`
+`,X=a.default.div`
     position: absolute;
     top: 1.2rem;
     right: 2rem;
@@ -678,7 +678,7 @@
         height: var(--smallText);
         fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
     }
-`,Y=a.default.div`
+`,U=a.default.div`
     position: absolute;
     top: 1.2rem;
     right: 2rem;
@@ -687,12 +687,12 @@
         height: var(--smallText);
         fill: var(--error);
     }
-`,_=a.default.div`
+`,Y=a.default.div`
     display: flex;
     align-items: center;
     gap: 1rem;
     margin: var(--tinyDist);
-`,q=a.default(_)`
+`,_=a.default(Y)`
     
     svg{
         width: var(--smallIcon);
@@ -702,7 +702,7 @@
     h6{
         color: var(--error);
     }
-`,H=a.default(_)`
+`,q=a.default(Y)`
     
     svg{
         width: var(--smallIcon);
@@ -712,7 +712,7 @@
     h6{
         color: var(--success);
     }
-`,J=a.default(_)`
+`,H=a.default(Y)`
     
     svg{
         width: var(--smallIcon);
@@ -722,11 +722,11 @@
     h6{
         color: var(--greyDark);
     }
-`,K=a.default.div`
+`,J=a.default.div`
     display: grid;
     grid-template-columns: repeat(${r=>r.columns}, 1fr);
     grid-gap: 2rem;
-`,Q=a.default.div`
+`,K=a.default.div`
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -741,7 +741,7 @@
     &:hover{
         box-shadow: ${r=>"dark"===r.theme?"var(--outShineFocus)":"var(--outShadowFocus)"};
     }
-`,X=a.default.div`
+`,Q=a.default.div`
 
 `,Z=a.default.div`
     display: flex;
@@ -882,12 +882,21 @@
         display: none;
     }
 `,hr=a.default.div`
-    padding: 7rem 4rem 2rem 4rem;
+    justify-self: flex-end;
+    display: none;
+    align-items: center;
+    gap: 1rem;
+
+    @media ${sr.sm} {
+        display: flex;
+    }
 `,cr=a.default.div`
-    padding-top: 2rem 4rem;
+    padding: 7rem 4rem 2rem 4rem;
 `,fr=a.default.div`
-    padding-top: 7rem;
+    padding-top: 2rem 4rem;
 `,kr=a.default.div`
+    padding-top: 7rem;
+`,xr=a.default.div`
     display: grid;
     grid-template-columns: calc(60% - 4rem) 40%;
     grid-gap: 4rem;
@@ -896,7 +905,7 @@
     @media ${sr.md} {
         grid-template-columns: 1fr;
     }
-`,xr=a.default.div`
+`,br=a.default.div`
     display: grid;
     grid-template-columns: 40% calc(60% - 4rem);
     grid-gap: 4rem;
@@ -905,37 +914,49 @@
     @media ${sr.md} {
         grid-template-columns: 1fr;
     }
-`,br=a.default.div`
-    width: 100%;
 `,yr=a.default.div`
     width: 100%;
+`,$r=a.default.div`
+    width: 100%;
 
     @media ${sr.md} {
         display: none;
     }
-`,$r=a.default.div`
+`,wr=a.default.div`
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     transition-property: background;
     transition-duration: .5s;
-`,wr=a.default.div`
+    height: 100%;
+    min-height: calc(100vh);
+    width: 100%;
+
+    html{
+        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
+    }
+
+    h1,h2,h3,h4,h5,h6,p{
+        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
+        transition: color .5s;
+    }
+`,Lr=a.default.div`
     
     img{
         height: 4rem;
     }
-`,Lr=a.default.div`
-    max-width: 45rem;
 `,Sr=a.default.div`
     max-width: 45rem;
+`,Dr=a.default.div`
+    max-width: 45rem;
 
     h1{
         margin: var(--smallDist);
     }
-`,Dr=a.default.form`
+`,Pr=a.default.form`
     padding: var(--normalDist);
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     border-radius: var(--normalRadius);
     box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-`,Pr=a.default.div`
+`,Nr=a.default.div`
     display: flex;
     gap: 1rem;
     align-items: center;
@@ -955,17 +976,17 @@
     input{
         margin-top: .3rem;
     }
-`,Nr=a.default.div`
+`,Tr=a.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
     margin: 2rem 1rem;
-`,Tr=a.default.div`
+`,Rr=a.default.div`
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 4rem;
-`,Rr=a.default.div`
+`,zr=a.default.div`
     
     section{
 
@@ -973,7 +994,7 @@
             margin-bottom: 2rem;
         }
     }
-`,zr=a.default.div`
+`,Ir=a.default.div`
     
     picture{
         width: 100%;
@@ -994,7 +1015,7 @@
         display: flex;
         gap: 1rem;
     }
-`,Ir=a.default.div`
+`,Fr=a.default.div`
     display: grid;
     grid-template-columns: 20rem 1fr;
     grid-gap: 2rem;
@@ -1019,7 +1040,7 @@
         flex-direction: column;
         gap: 1rem;
     }
-`,Fr=a.default.ul`
+`,jr=a.default.ul`
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     padding: var(--smallDist);
     border-radius: var(--smallRadius);
@@ -1054,7 +1075,7 @@
     form{
         margin-top: 4rem;
     }
-`,jr=a.default.div`
+`,Mr=a.default.div`
     padding: var(--smallDist);
 
     ul{
@@ -1078,7 +1099,28 @@
     height: 100vh;
     width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Mr=a.default.div`
+
+    .slider{
+        
+        &-enter{
+            transform: translateX(-110%);
+
+            &-active{
+                transform: translateX(0);
+                transition: all .5s ease;
+            }
+        }
+
+        &-exit{
+            
+            &-active{
+                transform: translateX(-110%);
+                transition: all .5s ease;
+            }
+        }
+    }
+
+`,Gr=a.default.div`
     position: fixed;
     right: 0;
     z-index: 501;
@@ -1095,11 +1137,11 @@
     @media ${sr.sm} {
         width: 100%;
     }
-`,Gr=a.default.div`
+`,Er=a.default.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,Er=a.default.div`
+`,Wr=a.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1114,4 +1156,4 @@
             display: none;
         }
     }
-`;exports.AuthActions=Tr,exports.AuthCap=Nr,exports.AuthCheck=Br,exports.AuthContainer=Lr,exports.AuthForm=Dr,exports.AuthLogo=wr,exports.AuthSecondary=Pr,exports.AuthWrapper=Sr,exports.BoxActions=Z,exports.BoxContent=X,exports.BoxGrid=K,exports.BoxWrapper=Q,exports.CtaButtonLarge=n,exports.CtaButtonNormal=l,exports.CtaButtonSmall=d,exports.DeleteButtonLarge=D,exports.DeleteButtonNormal=S,exports.DeleteButtonSmall=L,exports.EditList=jr,exports.EditSelect=Ar,exports.EditTips=Fr,exports.EditUploadAvatar=Ir,exports.EditUploadCover=zr,exports.EditWrapper=Rr,exports.ErrorValidator=q,exports.FocusButtonLarge=m,exports.FocusButtonNormal=v,exports.FocusButtonSmall=s,exports.FocusPlainButtonLarge=u,exports.FocusPlainButtonNormal=p,exports.FocusPlainButtonSmall=g,exports.GreyButtonLarge=N,exports.GreyButtonNormal=B,exports.GreyButtonSmall=P,exports.GreyDropdownNormal=er,exports.GreyLinkButtonLarge=z,exports.GreyLinkButtonNormal=R,exports.GreyLinkButtonSmall=T,exports.InputAdd=O,exports.InputGroup=W,exports.InputIcon=U,exports.InputLarge=j,exports.InputMandatory=Y,exports.InputNormal=A,exports.InputSearch=V,exports.InputSmall=F,exports.LabelLarge=E,exports.LabelNormal=G,exports.LabelSmall=M,exports.MainButtonLarge=f,exports.MainButtonNormal=c,exports.MainButtonSmall=h,exports.MainPlainButtonLarge=b,exports.MainPlainButtonNormal=x,exports.MainPlainButtonSmall=k,exports.Navbar=vr,exports.NavbarCta=pr,exports.NavbarList=ur,exports.NavbarLogo=mr,exports.NavbarText=gr,exports.PageAlwaysVisible=br,exports.PageForty=xr,exports.PageMobileHidden=yr,exports.PagePaddings=hr,exports.PageSamePaddings=cr,exports.PageSixty=kr,exports.PageTopPaddings=fr,exports.Slider=Cr,exports.SliderContainer=Mr,exports.SliderTitle=Er,exports.SliderWrapper=Gr,exports.SuccessValidator=H,exports.TextareaLarge=dr,exports.TextareaNormal=ir,exports.TextareaSmall=or,exports.Theme=$r,exports.TipValidator=J,exports.WhitePlainButtonLarge=w,exports.WhitePlainButtonNormal=$,exports.WhitePlainButtonSmall=y,exports.breakPoints=lr,exports.breakSize=nr,exports.device=sr;
+`;exports.AuthActions=Rr,exports.AuthCap=Tr,exports.AuthCheck=Br,exports.AuthContainer=Sr,exports.AuthForm=Pr,exports.AuthLogo=Lr,exports.AuthSecondary=Nr,exports.AuthWrapper=Dr,exports.BoxActions=Z,exports.BoxContent=Q,exports.BoxGrid=J,exports.BoxWrapper=K,exports.CtaButtonLarge=n,exports.CtaButtonNormal=l,exports.CtaButtonSmall=d,exports.DeleteButtonLarge=D,exports.DeleteButtonNormal=S,exports.DeleteButtonSmall=L,exports.EditList=Mr,exports.EditSelect=Ar,exports.EditTips=jr,exports.EditUploadAvatar=Fr,exports.EditUploadCover=Ir,exports.EditWrapper=zr,exports.ErrorValidator=_,exports.FocusButtonLarge=m,exports.FocusButtonNormal=v,exports.FocusButtonSmall=s,exports.FocusPlainButtonLarge=u,exports.FocusPlainButtonNormal=p,exports.FocusPlainButtonSmall=g,exports.GreyButtonLarge=B,exports.GreyButtonNormal=N,exports.GreyButtonSmall=P,exports.GreyDropdownNormal=er,exports.GreyLinkButtonLarge=z,exports.GreyLinkButtonNormal=R,exports.GreyLinkButtonSmall=T,exports.InputAdd=O,exports.InputGroup=W,exports.InputIcon=X,exports.InputLarge=A,exports.InputMandatory=U,exports.InputNormal=j,exports.InputSearch=V,exports.InputSmall=F,exports.LabelLarge=E,exports.LabelNormal=G,exports.LabelSmall=C,exports.MainButtonLarge=f,exports.MainButtonNormal=c,exports.MainButtonSmall=h,exports.MainPlainButtonLarge=b,exports.MainPlainButtonNormal=x,exports.MainPlainButtonSmall=k,exports.Navbar=vr,exports.NavbarCta=pr,exports.NavbarList=ur,exports.NavbarLogo=mr,exports.NavbarMobile=hr,exports.NavbarText=gr,exports.PageAlwaysVisible=yr,exports.PageForty=br,exports.PageMobileHidden=$r,exports.PagePaddings=cr,exports.PageSamePaddings=fr,exports.PageSixty=xr,exports.PageTopPaddings=kr,exports.Slider=Cr,exports.SliderContainer=Gr,exports.SliderTitle=Wr,exports.SliderWrapper=Er,exports.SuccessValidator=q,exports.TextareaLarge=dr,exports.TextareaNormal=ir,exports.TextareaSmall=or,exports.Theme=wr,exports.TipValidator=H,exports.WhitePlainButtonLarge=w,exports.WhitePlainButtonNormal=$,exports.WhitePlainButtonSmall=y,exports.breakPoints=lr,exports.breakSize=nr,exports.device=sr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "2.4.0",
+  "version": "2.5.2",
   "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/layout/Theme.jsx

@@ -4,6 +4,18 @@ const Theme = styled.div`
     background: ${props => props.theme === 'dark' ? 'var(--dark)' : 'var(--white)'};
     transition-property: background;
     transition-duration: .5s;
+    height: 100%;
+    min-height: calc(100vh);
+    width: 100%;
+
+    html{
+        color: ${props => props.theme === 'dark' ? "var(--blanc)" : "var(--black)"};
+    }
+
+    h1,h2,h3,h4,h5,h6,p{
+        color: ${props => props.theme === 'dark' ? "var(--blanc)" : "var(--black)"};
+        transition: color .5s;
+    }
 `
 
 export {

package/src/components/navbar/Navbar.jsx

@@ -77,10 +77,22 @@ const NavbarList = styled.div`
     }
 `
 
+const NavbarMobile = styled.div`
+    justify-self: flex-end;
+    display: none;
+    align-items: center;
+    gap: 1rem;
+
+    @media ${device.sm} {
+        display: flex;
+    }
+`
+
 export{
     Navbar,
     NavbarLogo,
     NavbarText,
     NavbarCta,
-    NavbarList
+    NavbarList,
+    NavbarMobile
 }

package/src/components/slider/Slider.jsx

@@ -9,6 +9,27 @@ const Slider = styled.div`
     height: 100vh;
     width: 100%;
     background: ${props => props.theme === 'dark' ? "var(--blancOverlay)" : "var(--blackOverlay)"};
+
+    .slider{
+        
+        &-enter{
+            transform: translateX(-110%);
+
+            &-active{
+                transform: translateX(0);
+                transition: all .5s ease;
+            }
+        }
+
+        &-exit{
+            
+            &-active{
+                transform: translateX(-110%);
+                transition: all .5s ease;
+            }
+        }
+    }
+
 `
 
 const SliderContainer = styled.div`