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 +17 -5
- package/dist/index.js +12 -0
- package/package.json +1 -1
- package/src/components/layout/Theme.jsx +12 -0
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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,
|
|
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.
|
|
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 {
|