monica-alexandria 2.5.6 → 2.5.8

package/dist/index.es.js

@@ -946,7 +946,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         transition: color .5s;
     }
 `,Lr=r.div`
-    padding: var(--normalDist);
+    padding: var(--smallDist);
 
     h3{
         margin-bottom: 2rem;
@@ -1115,11 +1115,18 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     z-index: 500;
     height: 100vh;
     width: 100%;
-    background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
 `,Er=r.div`
     position: fixed;
-    right: 0;
+    top: 0;
+    left: 0;
     z-index: 501;
+    height: 100vh;
+    width: 100%;
+    background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
+`,Gr=r.div`
+    position: fixed;
+    right: 0;
+    z-index: 502;
     width: calc(60% + 8rem);
     min-width: 40rem;
     height: 100vh;
@@ -1134,11 +1141,11 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     @media ${lr.sm} {
         width: 100%;
     }
-`,Gr=r.div`
+`,Hr=r.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,Hr=r.div`
+`,Jr=r.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1153,4 +1160,4 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             display: none;
         }
     }
-`;export{Fr as AuthActions,Ir as AuthCap,jr as AuthCheck,zr as AuthContainer,Pr as AuthForm,Rr as AuthLogo,Nr as AuthSecondary,Tr as AuthWrapper,_ as BoxActions,Z as BoxContent,W as BoxGrid,X as BoxWrapper,Dr as Container,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Br as EditList,Ar as EditSelect,qr as EditTips,Mr as EditUploadAvatar,Yr as EditUploadCover,Or as EditWrapper,Q as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,p as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,T as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,N as GreyLinkButtonNormal,P as GreyLinkButtonSmall,G as InputAdd,C as InputGroup,H as InputIcon,Y as InputLarge,J as InputMandatory,O as InputNormal,E as InputSearch,F as InputSmall,B as LabelLarge,A as LabelNormal,q as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,c as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,hr as NavbarList,vr as NavbarLogo,pr as NavbarMobile,mr as NavbarText,$r as PageAlwaysVisible,xr as PageForty,yr as PageMobileHidden,ur as PagePaddings,kr as PageSamePaddings,fr as PageSixty,br as PageTopPaddings,Sr as Section,cr as SlideIn,Cr as Slider,Er as SliderContainer,Hr as SliderTitle,Gr as SliderWrapper,U as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,wr as Theme,V as TipValidator,w as WhitePlainButtonLarge,y as WhitePlainButtonNormal,$ as WhitePlainButtonSmall,Lr as Wrapper,dr as breakPoints,nr as breakSize,lr as device};
+`;export{Fr as AuthActions,Ir as AuthCap,jr as AuthCheck,zr as AuthContainer,Pr as AuthForm,Rr as AuthLogo,Nr as AuthSecondary,Tr as AuthWrapper,_ as BoxActions,Z as BoxContent,W as BoxGrid,X as BoxWrapper,Dr as Container,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Br as EditList,Ar as EditSelect,qr as EditTips,Mr as EditUploadAvatar,Yr as EditUploadCover,Or as EditWrapper,Q as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,p as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,T as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,N as GreyLinkButtonNormal,P as GreyLinkButtonSmall,G as InputAdd,C as InputGroup,H as InputIcon,Y as InputLarge,J as InputMandatory,O as InputNormal,E as InputSearch,F as InputSmall,B as LabelLarge,A as LabelNormal,q as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,c as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,hr as NavbarList,vr as NavbarLogo,pr as NavbarMobile,mr as NavbarText,$r as PageAlwaysVisible,xr as PageForty,yr as PageMobileHidden,ur as PagePaddings,kr as PageSamePaddings,fr as PageSixty,br as PageTopPaddings,Sr as Section,cr as SlideIn,Cr as Slider,Er as SliderBg,Gr as SliderContainer,Jr as SliderTitle,Hr as SliderWrapper,U as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,wr as Theme,V as TipValidator,w as WhitePlainButtonLarge,y as WhitePlainButtonNormal,$ as WhitePlainButtonSmall,Lr as Wrapper,dr as breakPoints,nr as breakSize,lr as device};

package/dist/index.js

@@ -449,7 +449,7 @@
             fill: var(--errorLight)
         }
     }
-`,N=e.default(o)`
+`,B=e.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);
@@ -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=e.default(i)`
+`,N=e.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);
@@ -500,7 +500,7 @@
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,R=e.default(o)`
+`,z=e.default(o)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -523,7 +523,7 @@
             fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
         }
     }
-`,z=e.default(i)`
+`,R=e.default(i)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -946,29 +946,29 @@
         transition: color .5s;
     }
 `,Dr=e.default.div`
-    padding: var(--normalDist);
+    padding: var(--smallDist);
 
     h3{
         margin-bottom: 2rem;
     }
 `,Pr=e.default.div`
     
-`,Nr=e.default.div`
-    
 `,Br=e.default.div`
     
+`,Nr=e.default.div`
+    
     img{
         height: 4rem;
     }
 `,Tr=e.default.div`
     max-width: 45rem;
-`,Rr=e.default.div`
+`,zr=e.default.div`
     max-width: 45rem;
 
     h1{
         margin: var(--smallDist);
     }
-`,zr=e.default.form`
+`,Rr=e.default.form`
     padding: var(--normalDist);
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     border-radius: var(--normalRadius);
@@ -1115,11 +1115,18 @@
     z-index: 500;
     height: 100vh;
     width: 100%;
-    background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
 `,Ur=e.default.div`
     position: fixed;
-    right: 0;
+    top: 0;
+    left: 0;
     z-index: 501;
+    height: 100vh;
+    width: 100%;
+    background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
+`,Yr=e.default.div`
+    position: fixed;
+    right: 0;
+    z-index: 502;
     width: calc(60% + 8rem);
     min-width: 40rem;
     height: 100vh;
@@ -1134,11 +1141,11 @@
     @media ${vr.sm} {
         width: 100%;
     }
-`,Yr=e.default.div`
+`,_r=e.default.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,_r=e.default.div`
+`,qr=e.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1153,4 +1160,4 @@
             display: none;
         }
     }
-`;exports.AuthActions=Ar,exports.AuthCap=jr,exports.AuthCheck=Fr,exports.AuthContainer=Tr,exports.AuthForm=zr,exports.AuthLogo=Br,exports.AuthSecondary=Ir,exports.AuthWrapper=Rr,exports.BoxActions=rr,exports.BoxContent=Z,exports.BoxGrid=Q,exports.BoxWrapper=X,exports.Container=Pr,exports.CtaButtonLarge=s,exports.CtaButtonNormal=n,exports.CtaButtonSmall=l,exports.DeleteButtonLarge=P,exports.DeleteButtonNormal=D,exports.DeleteButtonSmall=S,exports.EditList=Vr,exports.EditSelect=Er,exports.EditTips=Wr,exports.EditUploadAvatar=Gr,exports.EditUploadCover=Mr,exports.EditWrapper=Cr,exports.ErrorValidator=H,exports.FocusButtonLarge=g,exports.FocusButtonNormal=m,exports.FocusButtonSmall=v,exports.FocusPlainButtonLarge=h,exports.FocusPlainButtonNormal=u,exports.FocusPlainButtonSmall=p,exports.GreyButtonLarge=T,exports.GreyButtonNormal=B,exports.GreyButtonSmall=N,exports.GreyDropdownNormal=tr,exports.GreyLinkButtonLarge=I,exports.GreyLinkButtonNormal=z,exports.GreyLinkButtonSmall=R,exports.InputAdd=U,exports.InputGroup=V,exports.InputIcon=Y,exports.InputLarge=C,exports.InputMandatory=_,exports.InputNormal=A,exports.InputSearch=O,exports.InputSmall=j,exports.LabelLarge=E,exports.LabelNormal=W,exports.LabelSmall=G,exports.MainButtonLarge=k,exports.MainButtonNormal=f,exports.MainButtonSmall=c,exports.MainPlainButtonLarge=y,exports.MainPlainButtonNormal=b,exports.MainPlainButtonSmall=x,exports.Navbar=mr,exports.NavbarCta=ur,exports.NavbarList=hr,exports.NavbarLogo=gr,exports.NavbarMobile=cr,exports.NavbarText=pr,exports.PageAlwaysVisible=wr,exports.PageForty=$r,exports.PageMobileHidden=Lr,exports.PagePaddings=kr,exports.PageSamePaddings=xr,exports.PageSixty=yr,exports.PageTopPaddings=br,exports.Section=Nr,exports.SlideIn=fr,exports.Slider=Or,exports.SliderContainer=Ur,exports.SliderTitle=_r,exports.SliderWrapper=Yr,exports.SuccessValidator=J,exports.TextareaLarge=lr,exports.TextareaNormal=dr,exports.TextareaSmall=ir,exports.Theme=Sr,exports.TipValidator=K,exports.WhitePlainButtonLarge=L,exports.WhitePlainButtonNormal=w,exports.WhitePlainButtonSmall=$,exports.Wrapper=Dr,exports.breakPoints=nr,exports.breakSize=sr,exports.device=vr;
+`;exports.AuthActions=Ar,exports.AuthCap=jr,exports.AuthCheck=Fr,exports.AuthContainer=Tr,exports.AuthForm=Rr,exports.AuthLogo=Nr,exports.AuthSecondary=Ir,exports.AuthWrapper=zr,exports.BoxActions=rr,exports.BoxContent=Z,exports.BoxGrid=Q,exports.BoxWrapper=X,exports.Container=Pr,exports.CtaButtonLarge=s,exports.CtaButtonNormal=n,exports.CtaButtonSmall=l,exports.DeleteButtonLarge=P,exports.DeleteButtonNormal=D,exports.DeleteButtonSmall=S,exports.EditList=Vr,exports.EditSelect=Er,exports.EditTips=Wr,exports.EditUploadAvatar=Gr,exports.EditUploadCover=Mr,exports.EditWrapper=Cr,exports.ErrorValidator=H,exports.FocusButtonLarge=g,exports.FocusButtonNormal=m,exports.FocusButtonSmall=v,exports.FocusPlainButtonLarge=h,exports.FocusPlainButtonNormal=u,exports.FocusPlainButtonSmall=p,exports.GreyButtonLarge=T,exports.GreyButtonNormal=N,exports.GreyButtonSmall=B,exports.GreyDropdownNormal=tr,exports.GreyLinkButtonLarge=I,exports.GreyLinkButtonNormal=R,exports.GreyLinkButtonSmall=z,exports.InputAdd=U,exports.InputGroup=V,exports.InputIcon=Y,exports.InputLarge=C,exports.InputMandatory=_,exports.InputNormal=A,exports.InputSearch=O,exports.InputSmall=j,exports.LabelLarge=E,exports.LabelNormal=W,exports.LabelSmall=G,exports.MainButtonLarge=k,exports.MainButtonNormal=f,exports.MainButtonSmall=c,exports.MainPlainButtonLarge=y,exports.MainPlainButtonNormal=b,exports.MainPlainButtonSmall=x,exports.Navbar=mr,exports.NavbarCta=ur,exports.NavbarList=hr,exports.NavbarLogo=gr,exports.NavbarMobile=cr,exports.NavbarText=pr,exports.PageAlwaysVisible=wr,exports.PageForty=$r,exports.PageMobileHidden=Lr,exports.PagePaddings=kr,exports.PageSamePaddings=xr,exports.PageSixty=yr,exports.PageTopPaddings=br,exports.Section=Br,exports.SlideIn=fr,exports.Slider=Or,exports.SliderBg=Ur,exports.SliderContainer=Yr,exports.SliderTitle=qr,exports.SliderWrapper=_r,exports.SuccessValidator=J,exports.TextareaLarge=lr,exports.TextareaNormal=dr,exports.TextareaSmall=ir,exports.Theme=Sr,exports.TipValidator=K,exports.WhitePlainButtonLarge=L,exports.WhitePlainButtonNormal=w,exports.WhitePlainButtonSmall=$,exports.Wrapper=Dr,exports.breakPoints=nr,exports.breakSize=sr,exports.device=vr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "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/Blocks.jsx

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 const Wrapper = styled.div`
-    padding: var(--normalDist);
+    padding: var(--smallDist);
 
     h3{
         margin-bottom: 2rem;

package/src/components/slider/Slider.jsx

@@ -8,13 +8,22 @@ const Slider = styled.div`
     z-index: 500;
     height: 100vh;
     width: 100%;
+`
+
+const SliderBg = styled.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 501;
+    height: 100vh;
+    width: 100%;
     background: ${props => props.theme === 'dark' ? "var(--blancOverlay)" : "var(--blackOverlay)"};
 `
 
 const SliderContainer = styled.div`
     position: fixed;
     right: 0;
-    z-index: 501;
+    z-index: 502;
     width: calc(60% + 8rem);
     min-width: 40rem;
     height: 100vh;
@@ -56,6 +65,7 @@ const SliderTitle = styled.div`
 
 export {
     Slider,
+    SliderBg,
     SliderContainer,
     SliderWrapper,
     SliderTitle