monica-alexandria 2.5.0 → 2.5.1

package/dist/index.es.js

@@ -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,15 +914,15 @@ 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;
@@ -929,25 +938,25 @@ import r from"styled-components";const a=r.button`
         color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
         transition: color .5s;
     }
-`,$r=r.div`
+`,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;
@@ -959,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;
@@ -967,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{
 
@@ -985,7 +994,7 @@ import r from"styled-components";const a=r.button`
             margin-bottom: 2rem;
         }
     }
-`,Pr=r.div`
+`,Nr=r.div`
     
     picture{
         width: 100%;
@@ -1006,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;
@@ -1031,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);
@@ -1056,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;
@@ -1066,7 +1075,7 @@ import r from"styled-components";const a=r.button`
     form{
         margin-top: 4rem;
     }
-`,Fr=r.div`
+`,Or=r.div`
     padding: var(--smallDist);
 
     ul{
@@ -1082,7 +1091,7 @@ import r from"styled-components";const a=r.button`
             }
         }
     }
-`,Or=r.div`
+`,Yr=r.div`
     position: fixed;
     top: 0;
     left: 0;
@@ -1090,7 +1099,7 @@ import r from"styled-components";const a=r.button`
     height: 100vh;
     width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Yr=r.div`
+`,Mr=r.div`
     position: fixed;
     right: 0;
     z-index: 501;
@@ -1107,11 +1116,11 @@ import r from"styled-components";const a=r.button`
     @media ${nr.sm} {
         width: 100%;
     }
-`,Mr=r.div`
+`,qr=r.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,qr=r.div`
+`,Ar=r.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1126,4 +1135,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,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,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,mr as NavbarCta,gr 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,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,Or as EditList,Fr as EditSelect,Ir as EditTips,jr as EditUploadAvatar,Nr as EditUploadCover,Pr as EditWrapper,K 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,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,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,Yr as Slider,Mr as SliderContainer,Ar as SliderTitle,qr as SliderWrapper,Q as SuccessValidator,ir as TextareaLarge,or as TextareaNormal,er as TextareaSmall,$r as Theme,U 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;
@@ -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,15 +914,15 @@
     @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;
@@ -929,25 +938,25 @@
         color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
         transition: color .5s;
     }
-`,wr=a.default.div`
+`,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;
@@ -967,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{
 
@@ -985,7 +994,7 @@
             margin-bottom: 2rem;
         }
     }
-`,zr=a.default.div`
+`,Ir=a.default.div`
     
     picture{
         width: 100%;
@@ -1006,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;
@@ -1031,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);
@@ -1066,7 +1075,7 @@
     form{
         margin-top: 4rem;
     }
-`,jr=a.default.div`
+`,Mr=a.default.div`
     padding: var(--smallDist);
 
     ul{
@@ -1090,7 +1099,7 @@
     height: 100vh;
     width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Mr=a.default.div`
+`,Gr=a.default.div`
     position: fixed;
     right: 0;
     z-index: 501;
@@ -1107,11 +1116,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;
@@ -1126,4 +1135,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=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=Mr,exports.EditSelect=Ar,exports.EditTips=jr,exports.EditUploadAvatar=Fr,exports.EditUploadCover=Ir,exports.EditWrapper=zr,exports.ErrorValidator=q,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=U,exports.InputLarge=A,exports.InputMandatory=Y,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=H,exports.TextareaLarge=dr,exports.TextareaNormal=ir,exports.TextareaSmall=or,exports.Theme=wr,exports.TipValidator=J,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.5.0",
+  "version": "2.5.1",
   "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/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
 }