monica-alexandria 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -127,7 +127,7 @@ import r from"styled-components";const a=r.button`
127
127
  &:hover{
128
128
  background: var(--focusLight);
129
129
  }
130
- `,g=r(e)`
130
+ `,m=r(e)`
131
131
  background: transparent;
132
132
  border: 1px solid transparent;
133
133
 
@@ -149,7 +149,7 @@ import r from"styled-components";const a=r.button`
149
149
  fill: var(--focusLight);
150
150
  }
151
151
  }
152
- `,m=r(o)`
152
+ `,g=r(o)`
153
153
  background: transparent;
154
154
  border: 1px solid transparent;
155
155
 
@@ -866,13 +866,13 @@ import r from"styled-components";const a=r.button`
866
866
  @media ${nr.md} {
867
867
  display: none;
868
868
  }
869
- `,gr=r.div`
869
+ `,mr=r.div`
870
870
  justify-self: center;
871
871
 
872
872
  @media ${nr.sm} {
873
873
  justify-self: flex-end;
874
874
  }
875
- `,mr=r.div`
875
+ `,gr=r.div`
876
876
  justify-self: flex-end;
877
877
  display: flex;
878
878
  align-items: center;
@@ -917,6 +917,18 @@ import r from"styled-components";const a=r.button`
917
917
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
918
918
  transition-property: background;
919
919
  transition-duration: .5s;
920
+ height: 100%;
921
+ min-height: calc(100vh);
922
+ width: 100%;
923
+
924
+ html{
925
+ color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
926
+ }
927
+
928
+ h1,h2,h3,h4,h5,h6,p{
929
+ color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
930
+ transition: color .5s;
931
+ }
920
932
  `,$r=r.div`
921
933
 
922
934
  img{
@@ -1114,4 +1126,4 @@ import r from"styled-components";const a=r.button`
1114
1126
  display: none;
1115
1127
  }
1116
1128
  }
1117
- `;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};
1129
+ `;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};
package/dist/index.js CHANGED
@@ -917,6 +917,18 @@
917
917
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
918
918
  transition-property: background;
919
919
  transition-duration: .5s;
920
+ height: 100%;
921
+ min-height: calc(100vh);
922
+ width: 100%;
923
+
924
+ html{
925
+ color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
926
+ }
927
+
928
+ h1,h2,h3,h4,h5,h6,p{
929
+ color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
930
+ transition: color .5s;
931
+ }
920
932
  `,wr=a.default.div`
921
933
 
922
934
  img{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "monica-alexandria",
3
- "version": "2.4.0",
3
+ "version": "2.5.0",
4
4
  "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -4,6 +4,18 @@ const Theme = styled.div`
4
4
  background: ${props => props.theme === 'dark' ? 'var(--dark)' : 'var(--white)'};
5
5
  transition-property: background;
6
6
  transition-duration: .5s;
7
+ height: 100%;
8
+ min-height: calc(100vh);
9
+ width: 100%;
10
+
11
+ html{
12
+ color: ${props => props.theme === 'dark' ? "var(--blanc)" : "var(--black)"};
13
+ }
14
+
15
+ h1,h2,h3,h4,h5,h6,p{
16
+ color: ${props => props.theme === 'dark' ? "var(--blanc)" : "var(--black)"};
17
+ transition: color .5s;
18
+ }
7
19
  `
8
20
 
9
21
  export {