monica-alexandria 2.8.7 → 2.8.8

package/dist/index.es.js

@@ -317,7 +317,7 @@ import e from"react";import t from"styled-components";const a=t.button`
             padding: 1rem 0;
         }
     }
-`;const L=t.input`
+`;const k=t.input`
     width: 100%;
     border: none;
     background: ${e=>e.theme.background};
@@ -338,11 +338,11 @@ import e from"react";import t from"styled-components";const a=t.button`
         outline: 0;
         box-shadow: ${e=>e.theme.inFocus};
     }
-`,k=t.label`
+`,L=t.label`
     color: ${e=>e.theme.color};
-`,y=t(L)`
+`,y=t(k)`
     padding-top: 3rem;
-`,I=t(k)`
+`,I=t(L)`
     font-size: var(--smallText);
 `,$=t.div`
     position: relative;
@@ -422,19 +422,19 @@ import e from"react";import t from"styled-components";const a=t.button`
     @media ${A} {
         grid-template-columns: 1fr;
     }
-`,q=t.div`
-    padding: 0 4rem 2rem 13rem;
 `,S=t.div`
-    width: 100%;
+    padding: 0 4rem 2rem 13rem;
 `,F=t.div`
     width: 100%;
+`,q=t.div`
+    width: 100%;
 
     @media ${A} {
         display: none;
     }
-`,j=t.div`
-    padding-top: 8rem;
 `,D=t.div`
+    padding-top: 8rem;
+`,j=t.div`
     padding: 2rem 0;
 `,P=t.div`
     
@@ -447,11 +447,11 @@ import e from"react";import t from"styled-components";const a=t.button`
     }
 
     
-`,Q=t.div`
+`,O=t.div`
     padding-left: 4rem;
-`,X=t.div`
+`,Q=t.div`
     padding-right: 4rem;
-`,Y=t(R)`
+`,X=t(R)`
     padding: 0;
 
     aside{
@@ -502,14 +502,14 @@ import e from"react";import t from"styled-components";const a=t.button`
         flex-direction: column;
         gap: 4rem;
     }
-`,U=t.div`
+`,Y=t.div`
     padding: 10rem 1rem 2rem 1rem;
     text-align: center;
-`,W=t.div`
+`,U=t.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`,G=t.div`
+`,W=t.div`
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: flex-start;
@@ -530,7 +530,7 @@ import e from"react";import t from"styled-components";const a=t.button`
     @media ${H}{
         grid-template-columns: 1fr;
     }
-`,J=t.div`
+`,G={id:"light",background:"var(--white)",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)"},J={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},K=t.div`
     width: 100%;
     min-height: 100vh;
     background: ${e=>e.theme.background};
@@ -547,4 +547,4 @@ import e from"react";import t from"styled-components";const a=t.button`
         transition-property: background;
         transition-duration: .5s;
     }
-`;export{Z as CardButton,n as Cta_,o as Edit_,s as Focus_,d as Focus_Plain,$ as FormGroup,y as FormInput,I as FormLabel,z as Form_Input,v as Grey_,p as Grey_Link,c as IconSvg,w as Main_,b as Main_Plain,V as Page,S as PageAlwaysVisible,G as PageCards,F as PageDesktopOnly,j as PageDesktopPadding,R as PageForty,P as PageSingle,N as PageSingleHeader,X as PageSingleRight,Q as PageSingleleft,T as PageSixty,Y as PageSub,W as PageSubActions,U as PageSubTitle,D as PageTitle,q as PageTools,J as Theme,f as White_Plain};
+`;export{Z as CardButton,n as Cta_,o as Edit_,s as Focus_,d as Focus_Plain,$ as FormGroup,y as FormInput,I as FormLabel,z as Form_Input,v as Grey_,p as Grey_Link,c as IconSvg,w as Main_,b as Main_Plain,V as Page,F as PageAlwaysVisible,W as PageCards,q as PageDesktopOnly,D as PageDesktopPadding,R as PageForty,P as PageSingle,N as PageSingleHeader,Q as PageSingleRight,O as PageSingleleft,T as PageSixty,X as PageSub,U as PageSubActions,Y as PageSubTitle,j as PageTitle,S as PageTools,K as Theme,J as ThemeDark,G as ThemeLight,f as White_Plain};

package/dist/index.js

@@ -155,7 +155,7 @@
         background: var(--mainLight);
         border: 1px solid var(--mainLight);
     }
-`,f=r.default(n)`
+`,v=r.default(n)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -199,7 +199,7 @@
             fill: ${e=>e.theme.low};
         }
     }
-`,v=r.default.div`
+`,f=r.default.div`
     box-shadow: ${e=>e.theme.out};
     border-radius: var(--smallRadius);
     transition: box-shadow .5s;
@@ -224,7 +224,7 @@
         box-shadow: ${e=>e.theme.outFocus};
         transition: box-shadow .5s;
     }
-`,p=r.default(v)`
+`,p=r.default(f)`
     
     header{
         display: flex;
@@ -255,7 +255,7 @@
         align-items: center;
         justify-content: center;
     }
-`;r.default(v)`
+`;r.default(f)`
     cursor: pointer;
     
     header{
@@ -396,7 +396,7 @@
             display: none;
         }
     }
-`,Z=`(max-width: ${`${576}px`})`,y=`(max-width: ${`${768}px`})`,L=`(max-width: ${`${992}px`})`,k=`(max-width: ${`${1440}px`})`,I=r.default.div`
+`,Z=`(max-width: ${`${576}px`})`,y=`(max-width: ${`${768}px`})`,k=`(max-width: ${`${992}px`})`,L=`(max-width: ${`${1440}px`})`,I=r.default.div`
     padding-top: 6rem;
     position: relative;
 
@@ -410,7 +410,7 @@
     grid-gap: 4rem;
     padding: 0 4rem;
 
-    @media ${L} {
+    @media ${k} {
         grid-template-columns: 1fr;
     }
 `,z=r.default.div`
@@ -419,7 +419,7 @@
     grid-gap: 4rem;
     padding: 0 4rem;
 
-    @media ${L} {
+    @media ${k} {
         grid-template-columns: 1fr;
     }
 `,H=r.default.div`
@@ -429,16 +429,16 @@
 `,A=r.default.div`
     width: 100%;
 
-    @media ${L} {
+    @media ${k} {
         display: none;
     }
 `,B=r.default.div`
     padding-top: 8rem;
-`,P=r.default.div`
-    padding: 2rem 0;
 `,T=r.default.div`
+    padding: 2rem 0;
+`,P=r.default.div`
     
-`,V=r.default.div`
+`,S=r.default.div`
     position: relative;
 
     header{
@@ -447,9 +447,9 @@
     }
 
     
-`,R=r.default.div`
+`,V=r.default.div`
     padding-left: 4rem;
-`,S=r.default.div`
+`,R=r.default.div`
     padding-right: 4rem;
 `,F=r.default($)`
     padding: 0;
@@ -505,21 +505,21 @@
 `,q=r.default.div`
     padding: 10rem 1rem 2rem 1rem;
     text-align: center;
-`,_=r.default.div`
+`,D=r.default.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`,j=r.default.div`
+`,_=r.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: flex-start;
     grid-gap: 2rem;
 
-    @media ${k}{
+    @media ${L}{
         grid-template-columns: 1fr 1fr;
     }
 
-    @media ${L}{
+    @media ${k}{
         grid-template-columns: 1fr 1fr 1fr;
     }
 
@@ -530,7 +530,7 @@
     @media ${Z}{
         grid-template-columns: 1fr;
     }
-`,D=r.default.div`
+`,j=r.default.div`
     width: 100%;
     min-height: 100vh;
     background: ${e=>e.theme.background};
@@ -547,4 +547,4 @@
         transition-property: background;
         transition-duration: .5s;
     }
-`;exports.CardButton=p,exports.Cta_=e=>l.default.createElement(c,{size:e.size,onClick:e.onClick},l.default.createElement("span",null,e.buttonText)),exports.Edit_=e=>l.default.createElement(d,{size:"normal",onClick:e.onClick},l.default.createElement(o,{Icon:e.buttonIcon})),exports.Focus_=e=>l.default.createElement(i,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Focus_Plain=e=>l.default.createElement(s,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.FormGroup=M,exports.FormInput=E,exports.FormLabel=b,exports.Form_Input=e=>l.default.createElement(M,null,l.default.createElement(E,{placeholder:e.placeholder}),l.default.createElement(b,null,e.placeholder)),exports.Grey_=e=>l.default.createElement(u,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Grey_Link=e=>l.default.createElement(m,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.IconSvg=o,exports.Main_=e=>l.default.createElement(h,{className:e.className,size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Main_Plain=e=>l.default.createElement(f,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Page=I,exports.PageAlwaysVisible=C,exports.PageCards=j,exports.PageDesktopOnly=A,exports.PageDesktopPadding=B,exports.PageForty=$,exports.PageSingle=T,exports.PageSingleHeader=V,exports.PageSingleRight=S,exports.PageSingleleft=R,exports.PageSixty=z,exports.PageSub=F,exports.PageSubActions=_,exports.PageSubTitle=q,exports.PageTitle=P,exports.PageTools=H,exports.Theme=D,exports.White_Plain=e=>l.default.createElement(g,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null);
+`;exports.CardButton=p,exports.Cta_=e=>l.default.createElement(c,{size:e.size,onClick:e.onClick},l.default.createElement("span",null,e.buttonText)),exports.Edit_=e=>l.default.createElement(d,{size:"normal",onClick:e.onClick},l.default.createElement(o,{Icon:e.buttonIcon})),exports.Focus_=e=>l.default.createElement(i,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Focus_Plain=e=>l.default.createElement(s,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.FormGroup=M,exports.FormInput=E,exports.FormLabel=b,exports.Form_Input=e=>l.default.createElement(M,null,l.default.createElement(E,{placeholder:e.placeholder}),l.default.createElement(b,null,e.placeholder)),exports.Grey_=e=>l.default.createElement(u,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Grey_Link=e=>l.default.createElement(m,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.IconSvg=o,exports.Main_=e=>l.default.createElement(h,{className:e.className,size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Main_Plain=e=>l.default.createElement(v,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null),exports.Page=I,exports.PageAlwaysVisible=C,exports.PageCards=_,exports.PageDesktopOnly=A,exports.PageDesktopPadding=B,exports.PageForty=$,exports.PageSingle=P,exports.PageSingleHeader=S,exports.PageSingleRight=R,exports.PageSingleleft=V,exports.PageSixty=z,exports.PageSub=F,exports.PageSubActions=D,exports.PageSubTitle=q,exports.PageTitle=T,exports.PageTools=H,exports.Theme=j,exports.ThemeDark={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},exports.ThemeLight={id:"light",background:"var(--white)",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)"},exports.White_Plain=e=>l.default.createElement(g,{size:e.size,onClick:e.onClick},e.buttonIconLeft?l.default.createElement(o,{Icon:e.buttonIconLeft}):null,e.buttonText?l.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?l.default.createElement(o,{Icon:e.buttonIconRight}):null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "2.8.7",
+  "version": "2.8.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/export/styles/Theme.js

@@ -1,5 +1,33 @@
 import styled from "styled-components";
 
+export const ThemeLight = {
+    id: 'light',
+    background: 'var(--white)',
+    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)'
+}
+
+export const ThemeDark = {
+    id: 'dark',
+    background: 'var(--dark)',
+    color: 'var(--blanc)',
+    low: 'var(--gloomDark)',
+    mid: 'var(--gloom)',
+    high: 'var(--gloomLight)',
+    overlay: 'var(--blancOverlay)',
+    in: 'var(--insetShine)',
+    inFocus: 'var(--insetShineFocus)',
+    out: 'var(--outShine)',
+    outFocus: 'var(--outShineFocus)'
+}
+
 export const Theme = styled.div`
     width: 100%;
     min-height: 100vh;