monica-alexandria 2.5.10 → 2.7.0

package/dist/index.es.js

@@ -171,7 +171,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: var(--focusLight);
         }
     }
-`,p=r(t)`
+`,c=r(t)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -193,7 +193,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: var(--focusLight);
         }
     }
-`,c=r(o)`
+`,p=r(o)`
     background: var(--main);
     border-radius: var(--normalRadius);
     border: 1px solid var(--main);
@@ -308,7 +308,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: var(--mainLight);
         }
     }
-`,$=r(o)`
+`,y=r(o)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -330,7 +330,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         }
     }
-`,y=r(i)`
+`,$=r(i)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -483,7 +483,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,T=r(t)`
+`,N=r(t)`
     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 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,P=r(o)`
+`,T=r(o)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -523,7 +523,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
         }
     }
-`,N=r(i)`
+`,P=r(i)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -569,7 +569,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
         }
     }
-`,I=r.input`
+`,F=r.input`
     width: 100%;
     border: none;
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
@@ -583,24 +583,24 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         outline: 0;
         box-shadow: ${r=>"dark"===r.theme?"var(--insetShineFocus)":"var(--insetShadowFocus)"};
     }
-`,F=r(I)`
+`,I=r(F)`
     padding: var(--inputSmallPads);
     font-size: var(--inputSmallText);
-`,O=r(I)`
+`,M=r(F)`
     padding: var(--inputNormalPads);
     font-size: var(--inputNormalText);
-`,Y=r(I)`
+`,X=r(F)`
     padding: var(--inputLargePads);
     font-size: var(--inputLargeText);
-`,M=r.label`
+`,O=r.label`
     color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-`,q=r(M)`
+`,Y=r(O)`
     font-size: var(--inputSmallText);
-`,A=r(M)`
+`,q=r(O)`
     font-size: var(--inputNormalText);
-`,B=r(M)`
+`,A=r(O)`
     font-size: var(--inputLargeText);
-`,C=r.div`
+`,B=r.div`
     position: relative;
     margin-top: 4rem;
 
@@ -631,7 +631,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         transition-property: opacity, transform;
         transition-duration: .5s;
     }
-`,E=r.div`
+`,C=r.div`
     position: relative;
 
     ul{
@@ -654,7 +654,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             }
         }
     }
-`,G=r(C)`
+`,E=r(B)`
     
     aside{
         display: block;
@@ -669,7 +669,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             display: none;
         }
     }
-`,H=r.div`
+`,G=r.div`
     position: absolute;
     top: 1.2rem;
     right: 2rem;
@@ -678,7 +678,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         height: var(--smallText);
         fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
     }
-`,J=r.div`
+`,H=r.div`
     position: absolute;
     top: 1.2rem;
     right: 2rem;
@@ -687,12 +687,12 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         height: var(--smallText);
         fill: var(--error);
     }
-`,K=r.div`
+`,J=r.div`
     display: flex;
     align-items: center;
     gap: 1rem;
     margin: var(--tinyDist);
-`,Q=r(K)`
+`,K=r(J)`
     
     svg{
         width: var(--smallIcon);
@@ -702,7 +702,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     h6{
         color: var(--error);
     }
-`,U=r(K)`
+`,Q=r(J)`
     
     svg{
         width: var(--smallIcon);
@@ -712,7 +712,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     h6{
         color: var(--success);
     }
-`,V=r(K)`
+`,U=r(J)`
     
     svg{
         width: var(--smallIcon);
@@ -722,11 +722,11 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     h6{
         color: var(--greyDark);
     }
-`,W=r.div`
+`,V=r.div`
     display: grid;
     grid-template-columns: repeat(${r=>r.columns}, 1fr);
     grid-gap: 2rem;
-`,X=r.div`
+`,W=r.div`
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -820,7 +820,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     display: grid;
     align-items: center;
     grid-gap: 1rem;
-    grid-template-columns: auto 1fr auto;
+    grid-template-columns: 1fr 1fr 1fr;
     position: fixed;
     top: 0;
     left: 0;
@@ -860,6 +860,8 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         color: var(--focus) !important;
         font-size: 1.2rem;
         font-family: "fontMedium", sans-serif;
+        line-height: .5;
+        margin-left: .2rem;
         font-weight: 600;
     }
 
@@ -877,33 +879,172 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     display: flex;
     align-items: center;
     gap: 1rem;
+    position: relative;
+`,cr=r.div`
+    display: flex;
+    align-items: center;
+    gap: 1rem;
 
     @media ${lr.sm} {
         display: none;
     }
 `,pr=r.div`
-    justify-self: flex-end;
-    display: none;
+    position: absolute;
+    top: 6rem;
+    right: 4rem;
+    width: 30rem;
+    background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+    box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
+    border-radius: var(--normalRadius);
+    overflow: hidden;
+    transition: height .5s ease;
+    max-height: calc(100vh - 6rem);
+    
+
+    .Menu{
+        width: 100%;
+        border-radius: var(--normalRadius);
+        overflow: hidden;
+    }
+
+    .Menu-main-enter{
+        position: absolute;
+        transform: translateX(-110%);
+    }
+
+    .Menu-main-enter-active{
+        transform: translateX(0%);
+        transition: all .5s ease;
+    }
+
+    .Menu-main-exit{
+        position: absolute;
+    }
+
+    .Menu-main-exit-active{
+        transform: translateX(-110%);
+        transition: all .4s ease;
+    }
+
+
+    .Menu-secondary-enter{
+        transform: translateX(110%);
+    }
+
+    .Menu-secondary-enter-active{
+        transform: translateX(0%);
+        transition: all .4s ease;
+    }
+
+    .Menu-secondary-exit{
+        
+    }
+
+    .Menu-secondary-exit-active{
+        transform: translateX(110%);
+        transition: all .4s ease;
+    }
+`,ur=r.div`
+
+`,kr=r.div`
+    display: flex;
     align-items: center;
     gap: 1rem;
+    padding: var(--buttonNormalPads);
+    transition: background .5s;
+    cursor: pointer;
 
-    @media ${lr.sm} {
+    picture{
+        height: 3rem;
+        width: 3rem;
+        border-radius: 50%;
+        overflow: hidden;
         display: flex;
+        align-items: center;
+        justify-content: center;
+        
+        svg{
+            width: var(--buttonNormalIcon);
+            color: ${r=>"dark"===r.theme?"var(--gloom)":"var(--black)"};
+        }
+
+        img{
+            height: 100%;
+            width: 100%;
+            object-fit: cover;
+        }
+    }
+
+    &:hover{
+        background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     }
-`,cr=a`
+`,br=r.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    cursor: pointer;
+    padding: var(--buttonNormalPads);
+    transition: background .5s;
+
+    main{
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        
+        picture{
+            height: 3rem;
+            width: 3rem;
+            border-radius: 50%;
+            background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
+            overflow: hidden;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            
+            svg{
+                width: var(--buttonNormalIcon);
+                color: ${r=>"dark"===r.theme?"var(--gloom)":"var(--black)"};
+            }
+
+            img{
+                height: 100%;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
+    }
+
+    aside{
+        svg{
+            height: var(--buttonNormalIcon);
+            color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
+        }
+    }
+
+    &:hover{
+        background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+    }
+`,fr=r(br)`
+    display: none;
+
+    @media ${lr.md} {
+        display: flex;
+    }
+`,xr=a`
     0% { 
         transform: translate(110%); 
     }
     100% { 
         transform: translate(0); 
     }
-`,ur=r.div`
+`,yr=r.div`
     padding: 7rem 4rem 2rem 4rem;
-`,kr=r.div`
+`,$r=r.div`
     padding-top: 2rem 4rem;
-`,br=r.div`
+`,wr=r.div`
     padding-top: 7rem;
-`,fr=r.div`
+`,Lr=r.div`
     display: grid;
     grid-template-columns: calc(60% - 4rem) 40%;
     grid-gap: 4rem;
@@ -912,7 +1053,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     @media ${lr.md} {
         grid-template-columns: 1fr;
     }
-`,xr=r.div`
+`,Dr=r.div`
     display: grid;
     grid-template-columns: 40% calc(60% - 4rem);
     grid-gap: 4rem;
@@ -921,59 +1062,51 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     @media ${lr.md} {
         grid-template-columns: 1fr;
     }
-`,$r=r.div`
+`,Sr=r.div`
     width: 100%;
-`,yr=r.div`
+`,Rr=r.div`
     width: 100%;
 
     @media ${lr.md} {
         display: none;
     }
-`,wr=r.div`
-    background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    transition-property: background;
-    transition-duration: .5s;
-    height: 100%;
-    min-height: calc(100vh);
+`,zr={id:"light",background:"var(--light)",color:"var(--black)",low:"var(--greyLight)",mid:"var(--grey)",high:"var(--greyDark)",overlay:"var(--blackOverlay)",in:"var(--insetShadow)",inFocus:"var(--insetShadowFocus)",out:"var(--outShadow)",outFocus:"var(--outShadowFocus)"},Nr={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomLight)",mid:"var(--gloom)",high:"var(--gloomDark)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},Tr=r.div`
+    min-height: 100vh;
     width: 100%;
-
-    html{
-        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    }
+    background: ${r=>r.theme.background};
 
     h1,h2,h3,h4,h5,h6,p{
-        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-        transition: color .5s;
+        color: ${r=>r.theme.color};
     }
-`,Lr=r.div`
+`,Pr=r.div`
     padding: var(--smallDist);
 
     h4{
         margin-bottom: 2rem;
     }
-`,Dr=r.div`
+`,jr=r.div`
     
-`,Sr=r.div`
+`,Fr=r.div`
     
-`,Rr=r.div`
+`,Ir=r.div`
     
     img{
         height: 4rem;
     }
-`,zr=r.div`
+`,Mr=r.div`
     max-width: 45rem;
-`,Tr=r.div`
+`,Xr=r.div`
     max-width: 45rem;
 
     h1{
         margin: var(--smallDist);
     }
-`,Pr=r.form`
+`,Or=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)"};
-`,Nr=r.div`
+`,Yr=r.div`
     display: flex;
     gap: 1rem;
     align-items: center;
@@ -985,7 +1118,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         gap: .5rem;
         align-items: center;
     }
-`,jr=r.div`
+`,qr=r.div`
     display: flex;
     align-items: flex-start;
     gap: 1rem;
@@ -993,17 +1126,18 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     input{
         margin-top: .3rem;
     }
-`,Ir=r.div`
+`,Ar=r.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
     margin: 2rem 1rem;
-`,Fr=r.div`
+`,Br=r.div`
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 4rem;
-`,Or=r.div`
+`,Cr=r.div`
+    margin-bottom: 4rem;
     
     section{
 
@@ -1011,7 +1145,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             margin-bottom: 2rem;
         }
     }
-`,Yr=r.div`
+`,Er=r.div`
     
     picture{
         width: 100%;
@@ -1032,7 +1166,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         display: flex;
         gap: 1rem;
     }
-`,Mr=r.div`
+`,Gr=r.div`
     display: grid;
     grid-template-columns: 20rem 1fr;
     grid-gap: 2rem;
@@ -1057,7 +1191,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         flex-direction: column;
         gap: 1rem;
     }
-`,qr=r.ul`
+`,Hr=r.ul`
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     padding: var(--smallDist);
     border-radius: var(--smallRadius);
@@ -1082,7 +1216,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     li{
         margin-top: .5rem;
     }
-`,Ar=r.div`
+`,Jr=r.div`
     display: grid;
     grid-template-columns: auto 1fr;
     align-items: flex-start;
@@ -1092,7 +1226,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     form{
         margin-top: 4rem;
     }
-`,Br=r.div`
+`,Kr=r.div`
     padding: var(--smallDist);
 
     ul{
@@ -1108,14 +1242,14 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             }
         }
     }
-`,Cr=r.div`
+`,Qr=r.div`
     position: fixed;
     top: 0;
     left: 0;
     z-index: 500;
     height: 100vh;
     width: 100%;
-`,Er=r.div`
+`,Ur=r.div`
     position: fixed;
     top: 0;
     left: 0;
@@ -1123,7 +1257,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     height: 100vh;
     width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Gr=r.div`
+`,Vr=r.div`
     position: fixed;
     right: 0;
     z-index: 502;
@@ -1132,7 +1266,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} .2s linear;
+    animation: ${xr} .2s linear;
 
     @media ${lr.md} {
         width: calc(80% + 8rem);
@@ -1141,11 +1275,11 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     @media ${lr.sm} {
         width: 100%;
     }
-`,Hr=r.div`
+`,Wr=r.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,Jr=r.div`
+`,Zr=r.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1160,4 +1294,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 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};
+`;export{Br as AuthActions,Ar as AuthCap,qr as AuthCheck,Mr as AuthContainer,Or as AuthForm,Ir as AuthLogo,Yr as AuthSecondary,Xr as AuthWrapper,_ as BoxActions,Z as BoxContent,V as BoxGrid,W as BoxWrapper,jr as Container,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Kr as EditList,Jr as EditSelect,Hr as EditTips,Gr as EditUploadAvatar,Er as EditUploadCover,Cr as EditWrapper,K as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,c as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,N as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,P as GreyLinkButtonNormal,T as GreyLinkButtonSmall,E as InputAdd,B as InputGroup,G as InputIcon,X as InputLarge,H as InputMandatory,M as InputNormal,C as InputSearch,I as InputSmall,A as LabelLarge,q as LabelNormal,Y as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,p as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,pr as NavbarHam,ur as NavbarHamList,br as NavbarHamListItem,fr as NavbarHamMobileItem,kr as NavbarHamTitle,cr as NavbarList,vr as NavbarLogo,hr as NavbarRight,mr as NavbarText,Sr as PageAlwaysVisible,Dr as PageForty,Rr as PageMobileHidden,yr as PagePaddings,$r as PageSamePaddings,Lr as PageSixty,wr as PageTopPaddings,Fr as Section,xr as SlideIn,Qr as Slider,Ur as SliderBg,Vr as SliderContainer,Zr as SliderTitle,Wr as SliderWrapper,Q as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,Tr as Theme,Nr as ThemeDark,zr as ThemeLight,U as TipValidator,w as WhitePlainButtonLarge,$ as WhitePlainButtonNormal,y as WhitePlainButtonSmall,Pr as Wrapper,dr as breakPoints,nr as breakSize,lr as device};