monica-alexandria 2.8.1 → 2.8.2

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.
Files changed (4) hide show
  1. package/dist/index.es.js +167 -16
  2. package/dist/index.js +170 -19
  3. package/package.json +1 -1
  4. package/src/export/index.js +2 -1
package/dist/index.es.js CHANGED
@@ -36,7 +36,7 @@ import e from"react";import t from"styled-components";const r=t.button`
36
36
  &:hover{
37
37
  background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
38
38
  }
39
- `,o=t=>e.createElement(n,{size:t.size,onClick:t.onClick},e.createElement("span",null,t.buttonText));function a(e){return e.Icon,React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 323.35 324.14"},React.createElement("g",{"data-name":"Layer 2"},React.createElement("g",{"data-name":"Layer 1"},React.createElement("path",{d:"M85.67 167.78c11.46-11.7 23.12-23.58 34.76-35.49 4.15-4.24 8.62-6.81 14.46-3.06 7 4.48 7.53 11.3.83 18-11.81 11.79-23.93 23.25-35.57 34.51l41.29 40.78c10.92-11 22.55-22.85 34.39-34.51 6.9-6.79 13.45-6.6 18.13.14 4.27 6.17 1.3 10.86-3.19 15.27-11.65 11.46-23.28 23-34.76 34.29 10.11 14.86 10.11 14.86-1.91 26.87q-4.71 4.71-9.42 9.41c-25.59 25.45-53.14 30-85.84 14.09-.89-.43-1.87-.67-4.17-1.48l-35 37.55L0 304.52l35.46-33.29c-3.5-14.79-7.62-26.43-8.76-38.35-1.91-20.16 6-37.35 20.26-51.6q6.16-6.15 12.31-12.32c11.86-11.85 11.86-11.85 26.4-1.18ZM267.71 38l35.77-38 19.87 20.11c-10.19 9.76-20.6 20-31.39 29.9-4.65 4.25-5.74 7.49-2.6 13.79 13.3 26.62 8.35 56.13-12.18 77.6-6.14 6.42-12.55 12.57-18.82 18.86-5.35 5.37-10.6 5.33-16 0-26.31-26.34-52.82-52.48-78.73-79.19-2.67-2.75-4.2-11-2.29-13.11 15.4-16.71 29.81-35.06 54.26-39.72 18.32-3.54 35.18.11 52.11 9.76Z"}))))}const l=t(r)`
39
+ `,o=t=>e.createElement(n,{size:t.size,onClick:t.onClick},e.createElement("span",null,t.buttonText));function a(e){return e.Icon,React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 323.35 324.14"},React.createElement("g",{"data-name":"Layer 2"},React.createElement("g",{"data-name":"Layer 1"},React.createElement("path",{d:"M85.67 167.78c11.46-11.7 23.12-23.58 34.76-35.49 4.15-4.24 8.62-6.81 14.46-3.06 7 4.48 7.53 11.3.83 18-11.81 11.79-23.93 23.25-35.57 34.51l41.29 40.78c10.92-11 22.55-22.85 34.39-34.51 6.9-6.79 13.45-6.6 18.13.14 4.27 6.17 1.3 10.86-3.19 15.27-11.65 11.46-23.28 23-34.76 34.29 10.11 14.86 10.11 14.86-1.91 26.87q-4.71 4.71-9.42 9.41c-25.59 25.45-53.14 30-85.84 14.09-.89-.43-1.87-.67-4.17-1.48l-35 37.55L0 304.52l35.46-33.29c-3.5-14.79-7.62-26.43-8.76-38.35-1.91-20.16 6-37.35 20.26-51.6q6.16-6.15 12.31-12.32c11.86-11.85 11.86-11.85 26.4-1.18ZM267.71 38l35.77-38 19.87 20.11c-10.19 9.76-20.6 20-31.39 29.9-4.65 4.25-5.74 7.49-2.6 13.79 13.3 26.62 8.35 56.13-12.18 77.6-6.14 6.42-12.55 12.57-18.82 18.86-5.35 5.37-10.6 5.33-16 0-26.31-26.34-52.82-52.48-78.73-79.19-2.67-2.75-4.2-11-2.29-13.11 15.4-16.71 29.81-35.06 54.26-39.72 18.32-3.54 35.18.11 52.11 9.76Z"}))))}const i=t(r)`
40
40
  background: ${e=>e.theme.background};
41
41
  border: 1px solid var(--main);
42
42
  border-radius: var(--normalRadius);
@@ -60,7 +60,7 @@ import e from"react";import t from"styled-components";const r=t.button`
60
60
  color: var(--mainLight);
61
61
  }
62
62
  }
63
- `,i=t=>e.createElement(l,{size:"normal",onClick:t.onClick},e.createElement(a,{Icon:t.buttonIcon})),c=t(r)`
63
+ `,l=t=>e.createElement(i,{size:"normal",onClick:t.onClick},e.createElement(a,{Icon:t.buttonIcon})),d=t(r)`
64
64
  background: var(--focus);
65
65
  border-radius: var(--normalRadius);
66
66
  border: 1px solid var(--focus);
@@ -76,7 +76,7 @@ import e from"react";import t from"styled-components";const r=t.button`
76
76
  &:hover{
77
77
  background: var(--focusLight);
78
78
  }
79
- `,s=t=>e.createElement(c,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),d=t(r)`
79
+ `,c=t=>e.createElement(d,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),s=t(r)`
80
80
  background: transparent;
81
81
  border: 1px solid transparent;
82
82
 
@@ -98,7 +98,7 @@ import e from"react";import t from"styled-components";const r=t.button`
98
98
  fill: var(--focusLight);
99
99
  }
100
100
  }
101
- `,u=t=>e.createElement(d,{size:t.size,onClick:t.onClick,onFocus:t.onFocus},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),m=t(r)`
101
+ `,m=t=>e.createElement(s,{size:t.size,onClick:t.onClick,onFocus:t.onFocus},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),u=t(r)`
102
102
  background: ${e=>"dark"===e.theme?"var(--gloom)":"var(--grey)"};
103
103
  border: 1px solid ${e=>"dark"===e.theme?"var(--gloom)":"var(--grey)"};
104
104
  border-radius: var(--normalRadius);
@@ -115,7 +115,7 @@ import e from"react";import t from"styled-components";const r=t.button`
115
115
  background: ${e=>"dark"===e.theme?"var(--gloomDark)":"var(--greyLight)"};
116
116
  border: 1px solid ${e=>"dark"===e.theme?"var(--gloomDark)":"var(--greyLight)"};
117
117
  }
118
- `,h=t=>e.createElement(m,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),g=t(r)`
118
+ `,g=t=>e.createElement(u,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),p=t(r)`
119
119
  background: transparent;
120
120
  border: 1px solid transparent;
121
121
 
@@ -138,7 +138,7 @@ import e from"react";import t from"styled-components";const r=t.button`
138
138
  fill: ${e=>e.theme.low};
139
139
  }
140
140
  }
141
- `,b=t=>e.createElement(g,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),p=t(r)`
141
+ `,h=t=>e.createElement(p,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),v=t(r)`
142
142
  background: var(--main);
143
143
  border-radius: var(--normalRadius);
144
144
  border: 1px solid var(--main);
@@ -155,7 +155,7 @@ import e from"react";import t from"styled-components";const r=t.button`
155
155
  background: var(--mainLight);
156
156
  border: 1px solid var(--mainLight);
157
157
  }
158
- `,v=t=>e.createElement(p,{className:t.className,size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),f=t(r)`
158
+ `,b=t=>e.createElement(v,{className:t.className,size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),f=t(r)`
159
159
  background: transparent;
160
160
  border: 1px solid transparent;
161
161
 
@@ -177,7 +177,7 @@ import e from"react";import t from"styled-components";const r=t.button`
177
177
  fill: var(--mainLight);
178
178
  }
179
179
  }
180
- `,k=t=>e.createElement(f,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),I=t(r)`
180
+ `,k=t=>e.createElement(f,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),x=t(r)`
181
181
  background: transparent;
182
182
  border: 1px solid transparent;
183
183
 
@@ -199,7 +199,7 @@ import e from"react";import t from"styled-components";const r=t.button`
199
199
  fill: ${e=>e.theme.low};
200
200
  }
201
201
  }
202
- `,x=t=>e.createElement(I,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),E=t.div`
202
+ `,w=t=>e.createElement(x,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),I=t.div`
203
203
  box-shadow: ${e=>e.theme.out};
204
204
  border-radius: var(--smallRadius);
205
205
  transition: box-shadow .5s;
@@ -224,7 +224,7 @@ import e from"react";import t from"styled-components";const r=t.button`
224
224
  box-shadow: ${e=>e.theme.outFocus};
225
225
  transition: box-shadow .5s;
226
226
  }
227
- `,w=t(E)`
227
+ `,y=t(I)`
228
228
 
229
229
  header{
230
230
  display: flex;
@@ -255,7 +255,7 @@ import e from"react";import t from"styled-components";const r=t.button`
255
255
  align-items: center;
256
256
  justify-content: center;
257
257
  }
258
- `;t(E)`
258
+ `;t(I)`
259
259
  cursor: pointer;
260
260
 
261
261
  header{
@@ -317,7 +317,7 @@ import e from"react";import t from"styled-components";const r=t.button`
317
317
  padding: 1rem 0;
318
318
  }
319
319
  }
320
- `;const y=t.input`
320
+ `;const $=t.input`
321
321
  width: 100%;
322
322
  border: none;
323
323
  background: ${e=>e.theme.background};
@@ -338,11 +338,11 @@ import e from"react";import t from"styled-components";const r=t.button`
338
338
  outline: 0;
339
339
  box-shadow: ${e=>e.theme.inFocus};
340
340
  }
341
- `,L=t.label`
341
+ `,E=t.label`
342
342
  color: ${e=>e.theme.color};
343
- `,$=t(y)`
343
+ `,L=t($)`
344
344
  padding-top: 3rem;
345
- `,z=t(L)`
345
+ `,z=t(E)`
346
346
  font-size: var(--smallText);
347
347
  `,R=t.div`
348
348
  position: relative;
@@ -396,4 +396,155 @@ import e from"react";import t from"styled-components";const r=t.button`
396
396
  display: none;
397
397
  }
398
398
  }
399
- `,T=t=>e.createElement(R,null,e.createElement($,{placeholder:t.placeholder}),e.createElement(z,null,t.placeholder));export{w as CardButton,o as Cta_,i as Edit_,s as Focus_,u as Focus_Plain,T as Form_Input,h as Grey_,b as Grey_Link,v as Main_,k as Main_Plain,x as White_Plain};
399
+ `,T=t=>e.createElement(R,null,e.createElement(L,{placeholder:t.placeholder}),e.createElement(z,null,t.placeholder)),C=`(max-width: ${`${576}px`})`,j=`(max-width: ${`${768}px`})`,F=`(max-width: ${`${992}px`})`,D=`(max-width: ${`${1440}px`})`,P=t.div`
400
+ padding-top: 6rem;
401
+ position: relative;
402
+
403
+ .HideScroll{
404
+ height: calc(100vh - 6rem);
405
+ overflow: hidden;
406
+ }
407
+ `,V=t.div`
408
+ display: grid;
409
+ grid-template-columns: minmax(40rem, 40%) 1fr;
410
+ grid-gap: 4rem;
411
+ padding: 0 4rem;
412
+
413
+ @media ${F} {
414
+ grid-template-columns: 1fr;
415
+ }
416
+ `,q=t.div`
417
+ display: grid;
418
+ grid-template-columns: 1fr 40%;
419
+ grid-gap: 4rem;
420
+ padding: 0 4rem;
421
+
422
+ @media ${F} {
423
+ grid-template-columns: 1fr;
424
+ }
425
+ `,B=t.div`
426
+ padding: 0 4rem 2rem 13rem;
427
+ `,H=t.div`
428
+ width: 100%;
429
+ `,A=t.div`
430
+ width: 100%;
431
+
432
+ @media ${F} {
433
+ display: none;
434
+ }
435
+ `,M=t.div`
436
+ padding-top: 8rem;
437
+ `,N=t.div`
438
+ padding: 2rem 0;
439
+ `,Y=t.div`
440
+
441
+ `,Z=t.div`
442
+ position: relative;
443
+
444
+ header{
445
+
446
+
447
+ }
448
+
449
+
450
+ `,S=t.div`
451
+ padding-left: 4rem;
452
+ `,X=t.div`
453
+ padding-right: 4rem;
454
+ `,G=t(V)`
455
+ padding: 0;
456
+
457
+ aside{
458
+
459
+ header{
460
+ position: relative;
461
+
462
+ picture{
463
+ width: 100%;
464
+ aspect-ratio: 3 / 2;
465
+ display: block;
466
+ overflow: hidden;
467
+
468
+ img{
469
+ height: 100%;
470
+ width: 100%;
471
+ object-fit: cover;
472
+ }
473
+ }
474
+
475
+ figure{
476
+ position: absolute;
477
+ bottom: -10rem;
478
+ left: calc(50%);
479
+ transform: translateX(-50%);
480
+ height: 20rem;
481
+ width: 20rem;
482
+ border-radius: 50%;
483
+ overflow: hidden;
484
+ border: 2px solid ${e=>e.theme.background};
485
+
486
+ img{
487
+ height: 100%;
488
+ width: 100%;
489
+ object-fit: cover;
490
+ }
491
+ }
492
+ }
493
+
494
+ footer{
495
+ padding: 2rem 4rem;
496
+ }
497
+ }
498
+
499
+ main{
500
+ padding: 2rem 4rem;
501
+ display: flex;
502
+ flex-direction: column;
503
+ gap: 4rem;
504
+ }
505
+ `,J=t.div`
506
+ padding: 10rem 1rem 2rem 1rem;
507
+ text-align: center;
508
+ `,K=t.div`
509
+ display: flex;
510
+ align-items: center;
511
+ gap: 1rem;
512
+ `,O=t.div`
513
+ display: grid;
514
+ grid-template-columns: 1fr 1fr 1fr;
515
+ align-items: flex-start;
516
+ grid-gap: 2rem;
517
+
518
+ @media ${D}{
519
+ grid-template-columns: 1fr 1fr;
520
+ }
521
+
522
+ @media ${F}{
523
+ grid-template-columns: 1fr 1fr 1fr;
524
+ }
525
+
526
+ @media ${j}{
527
+ grid-template-columns: 1fr 1fr;
528
+ }
529
+
530
+ @media ${C}{
531
+ grid-template-columns: 1fr;
532
+ }
533
+ `,Q=t.div`
534
+ width: 100%;
535
+ min-height: 100vh;
536
+ background: ${e=>e.theme.background};
537
+ transition-property: background;
538
+ transition-duration: .5s;
539
+
540
+ h1,h2,h3,h4,h5,h6,p{
541
+ color: ${e=>e.theme.color};
542
+ transition-property: color;
543
+ transition-duration: .5s;
544
+ }
545
+
546
+ nav,div,button,section,main,aside{
547
+ transition-property: background;
548
+ transition-duration: .5s;
549
+ }
550
+ `;export{y as CardButton,o as Cta_,l as Edit_,c as Focus_,m as Focus_Plain,R as FormGroup,L as FormInput,z as FormLabel,T as Form_Input,g as Grey_,h as Grey_Link,b as Main_,k as Main_Plain,P as Page,H as PageAlwaysVisible,O as PageCards,A as PageDesktopOnly,M as PageDesktopPadding,V as PageForty,Y as PageSingle,Z as PageSingleHeader,X as PageSingleRight,S as PageSingleleft,q as PageSixty,G as PageSub,K as PageSubActions,J as PageSubTitle,N as PageTitle,B as PageTools,Q as Theme,w as White_Plain};
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),n=a(t);const o=n.default.button`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e),o=r(t);const n=o.default.button`
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: 1rem;
@@ -25,7 +25,7 @@
25
25
  &:active{
26
26
  transform: scale(.97);
27
27
  }
28
- `,l=n.default(o)`
28
+ `,l=o.default(n)`
29
29
  background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
30
30
  border-radius: var(--normalRadius);
31
31
 
@@ -36,7 +36,7 @@
36
36
  &:hover{
37
37
  background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
38
38
  }
39
- `;function i(e){return e.Icon,React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 323.35 324.14"},React.createElement("g",{"data-name":"Layer 2"},React.createElement("g",{"data-name":"Layer 1"},React.createElement("path",{d:"M85.67 167.78c11.46-11.7 23.12-23.58 34.76-35.49 4.15-4.24 8.62-6.81 14.46-3.06 7 4.48 7.53 11.3.83 18-11.81 11.79-23.93 23.25-35.57 34.51l41.29 40.78c10.92-11 22.55-22.85 34.39-34.51 6.9-6.79 13.45-6.6 18.13.14 4.27 6.17 1.3 10.86-3.19 15.27-11.65 11.46-23.28 23-34.76 34.29 10.11 14.86 10.11 14.86-1.91 26.87q-4.71 4.71-9.42 9.41c-25.59 25.45-53.14 30-85.84 14.09-.89-.43-1.87-.67-4.17-1.48l-35 37.55L0 304.52l35.46-33.29c-3.5-14.79-7.62-26.43-8.76-38.35-1.91-20.16 6-37.35 20.26-51.6q6.16-6.15 12.31-12.32c11.86-11.85 11.86-11.85 26.4-1.18ZM267.71 38l35.77-38 19.87 20.11c-10.19 9.76-20.6 20-31.39 29.9-4.65 4.25-5.74 7.49-2.6 13.79 13.3 26.62 8.35 56.13-12.18 77.6-6.14 6.42-12.55 12.57-18.82 18.86-5.35 5.37-10.6 5.33-16 0-26.31-26.34-52.82-52.48-78.73-79.19-2.67-2.75-4.2-11-2.29-13.11 15.4-16.71 29.81-35.06 54.26-39.72 18.32-3.54 35.18.11 52.11 9.76Z"}))))}const c=n.default(o)`
39
+ `;function i(e){return e.Icon,React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 323.35 324.14"},React.createElement("g",{"data-name":"Layer 2"},React.createElement("g",{"data-name":"Layer 1"},React.createElement("path",{d:"M85.67 167.78c11.46-11.7 23.12-23.58 34.76-35.49 4.15-4.24 8.62-6.81 14.46-3.06 7 4.48 7.53 11.3.83 18-11.81 11.79-23.93 23.25-35.57 34.51l41.29 40.78c10.92-11 22.55-22.85 34.39-34.51 6.9-6.79 13.45-6.6 18.13.14 4.27 6.17 1.3 10.86-3.19 15.27-11.65 11.46-23.28 23-34.76 34.29 10.11 14.86 10.11 14.86-1.91 26.87q-4.71 4.71-9.42 9.41c-25.59 25.45-53.14 30-85.84 14.09-.89-.43-1.87-.67-4.17-1.48l-35 37.55L0 304.52l35.46-33.29c-3.5-14.79-7.62-26.43-8.76-38.35-1.91-20.16 6-37.35 20.26-51.6q6.16-6.15 12.31-12.32c11.86-11.85 11.86-11.85 26.4-1.18ZM267.71 38l35.77-38 19.87 20.11c-10.19 9.76-20.6 20-31.39 29.9-4.65 4.25-5.74 7.49-2.6 13.79 13.3 26.62 8.35 56.13-12.18 77.6-6.14 6.42-12.55 12.57-18.82 18.86-5.35 5.37-10.6 5.33-16 0-26.31-26.34-52.82-52.48-78.73-79.19-2.67-2.75-4.2-11-2.29-13.11 15.4-16.71 29.81-35.06 54.26-39.72 18.32-3.54 35.18.11 52.11 9.76Z"}))))}const d=o.default(n)`
40
40
  background: ${e=>e.theme.background};
41
41
  border: 1px solid var(--main);
42
42
  border-radius: var(--normalRadius);
@@ -60,7 +60,7 @@
60
60
  color: var(--mainLight);
61
61
  }
62
62
  }
63
- `,s=n.default(o)`
63
+ `,s=o.default(n)`
64
64
  background: var(--focus);
65
65
  border-radius: var(--normalRadius);
66
66
  border: 1px solid var(--focus);
@@ -76,7 +76,7 @@
76
76
  &:hover{
77
77
  background: var(--focusLight);
78
78
  }
79
- `,d=n.default(o)`
79
+ `,u=o.default(n)`
80
80
  background: transparent;
81
81
  border: 1px solid transparent;
82
82
 
@@ -98,7 +98,7 @@
98
98
  fill: var(--focusLight);
99
99
  }
100
100
  }
101
- `,u=n.default(o)`
101
+ `,c=o.default(n)`
102
102
  background: ${e=>"dark"===e.theme?"var(--gloom)":"var(--grey)"};
103
103
  border: 1px solid ${e=>"dark"===e.theme?"var(--gloom)":"var(--grey)"};
104
104
  border-radius: var(--normalRadius);
@@ -115,7 +115,7 @@
115
115
  background: ${e=>"dark"===e.theme?"var(--gloomDark)":"var(--greyLight)"};
116
116
  border: 1px solid ${e=>"dark"===e.theme?"var(--gloomDark)":"var(--greyLight)"};
117
117
  }
118
- `,m=n.default(o)`
118
+ `,m=o.default(n)`
119
119
  background: transparent;
120
120
  border: 1px solid transparent;
121
121
 
@@ -138,7 +138,7 @@
138
138
  fill: ${e=>e.theme.low};
139
139
  }
140
140
  }
141
- `,f=n.default(o)`
141
+ `,p=o.default(n)`
142
142
  background: var(--main);
143
143
  border-radius: var(--normalRadius);
144
144
  border: 1px solid var(--main);
@@ -155,7 +155,7 @@
155
155
  background: var(--mainLight);
156
156
  border: 1px solid var(--mainLight);
157
157
  }
158
- `,h=n.default(o)`
158
+ `,g=o.default(n)`
159
159
  background: transparent;
160
160
  border: 1px solid transparent;
161
161
 
@@ -177,7 +177,7 @@
177
177
  fill: var(--mainLight);
178
178
  }
179
179
  }
180
- `,p=n.default(o)`
180
+ `,f=o.default(n)`
181
181
  background: transparent;
182
182
  border: 1px solid transparent;
183
183
 
@@ -199,7 +199,7 @@
199
199
  fill: ${e=>e.theme.low};
200
200
  }
201
201
  }
202
- `,g=n.default.div`
202
+ `,h=o.default.div`
203
203
  box-shadow: ${e=>e.theme.out};
204
204
  border-radius: var(--smallRadius);
205
205
  transition: box-shadow .5s;
@@ -224,7 +224,7 @@
224
224
  box-shadow: ${e=>e.theme.outFocus};
225
225
  transition: box-shadow .5s;
226
226
  }
227
- `,b=n.default(g)`
227
+ `,v=o.default(h)`
228
228
 
229
229
  header{
230
230
  display: flex;
@@ -255,7 +255,7 @@
255
255
  align-items: center;
256
256
  justify-content: center;
257
257
  }
258
- `;n.default(g)`
258
+ `;o.default(h)`
259
259
  cursor: pointer;
260
260
 
261
261
  header{
@@ -317,7 +317,7 @@
317
317
  padding: 1rem 0;
318
318
  }
319
319
  }
320
- `;const v=n.default.input`
320
+ `;const b=o.default.input`
321
321
  width: 100%;
322
322
  border: none;
323
323
  background: ${e=>e.theme.background};
@@ -338,13 +338,13 @@
338
338
  outline: 0;
339
339
  box-shadow: ${e=>e.theme.inFocus};
340
340
  }
341
- `,k=n.default.label`
341
+ `,x=o.default.label`
342
342
  color: ${e=>e.theme.color};
343
- `,x=n.default(v)`
343
+ `,k=o.default(b)`
344
344
  padding-top: 3rem;
345
- `,I=n.default(k)`
345
+ `,w=o.default(x)`
346
346
  font-size: var(--smallText);
347
- `,E=n.default.div`
347
+ `,y=o.default.div`
348
348
  position: relative;
349
349
 
350
350
  label{
@@ -396,4 +396,155 @@
396
396
  display: none;
397
397
  }
398
398
  }
399
- `;exports.CardButton=b,exports.Cta_=e=>r.default.createElement(l,{size:e.size,onClick:e.onClick},r.default.createElement("span",null,e.buttonText)),exports.Edit_=e=>r.default.createElement(c,{size:"normal",onClick:e.onClick},r.default.createElement(i,{Icon:e.buttonIcon})),exports.Focus_=e=>r.default.createElement(s,{size:e.size,onClick:e.onClick},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Focus_Plain=e=>r.default.createElement(d,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Form_Input=e=>r.default.createElement(E,null,r.default.createElement(x,{placeholder:e.placeholder}),r.default.createElement(I,null,e.placeholder)),exports.Grey_=e=>r.default.createElement(u,{size:e.size,onClick:e.onClick},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Grey_Link=e=>r.default.createElement(m,{size:e.size,onClick:e.onClick},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Main_=e=>r.default.createElement(f,{className:e.className,size:e.size,onClick:e.onClick},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Main_Plain=e=>r.default.createElement(h,{size:e.size,onClick:e.onClick},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.White_Plain=e=>r.default.createElement(p,{size:e.size,onClick:e.onClick},e.buttonIconLeft?r.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?r.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?r.default.createElement(i,{Icon:e.buttonIconRight}):null);
399
+ `,I=`(max-width: ${`${576}px`})`,$=`(max-width: ${`${768}px`})`,E=`(max-width: ${`${992}px`})`,L=`(max-width: ${`${1440}px`})`,R=o.default.div`
400
+ padding-top: 6rem;
401
+ position: relative;
402
+
403
+ .HideScroll{
404
+ height: calc(100vh - 6rem);
405
+ overflow: hidden;
406
+ }
407
+ `,z=o.default.div`
408
+ display: grid;
409
+ grid-template-columns: minmax(40rem, 40%) 1fr;
410
+ grid-gap: 4rem;
411
+ padding: 0 4rem;
412
+
413
+ @media ${E} {
414
+ grid-template-columns: 1fr;
415
+ }
416
+ `,P=o.default.div`
417
+ display: grid;
418
+ grid-template-columns: 1fr 40%;
419
+ grid-gap: 4rem;
420
+ padding: 0 4rem;
421
+
422
+ @media ${E} {
423
+ grid-template-columns: 1fr;
424
+ }
425
+ `,T=o.default.div`
426
+ padding: 0 4rem 2rem 13rem;
427
+ `,C=o.default.div`
428
+ width: 100%;
429
+ `,F=o.default.div`
430
+ width: 100%;
431
+
432
+ @media ${E} {
433
+ display: none;
434
+ }
435
+ `,_=o.default.div`
436
+ padding-top: 8rem;
437
+ `,j=o.default.div`
438
+ padding: 2rem 0;
439
+ `,S=o.default.div`
440
+
441
+ `,D=o.default.div`
442
+ position: relative;
443
+
444
+ header{
445
+
446
+
447
+ }
448
+
449
+
450
+ `,q=o.default.div`
451
+ padding-left: 4rem;
452
+ `,M=o.default.div`
453
+ padding-right: 4rem;
454
+ `,V=o.default(z)`
455
+ padding: 0;
456
+
457
+ aside{
458
+
459
+ header{
460
+ position: relative;
461
+
462
+ picture{
463
+ width: 100%;
464
+ aspect-ratio: 3 / 2;
465
+ display: block;
466
+ overflow: hidden;
467
+
468
+ img{
469
+ height: 100%;
470
+ width: 100%;
471
+ object-fit: cover;
472
+ }
473
+ }
474
+
475
+ figure{
476
+ position: absolute;
477
+ bottom: -10rem;
478
+ left: calc(50%);
479
+ transform: translateX(-50%);
480
+ height: 20rem;
481
+ width: 20rem;
482
+ border-radius: 50%;
483
+ overflow: hidden;
484
+ border: 2px solid ${e=>e.theme.background};
485
+
486
+ img{
487
+ height: 100%;
488
+ width: 100%;
489
+ object-fit: cover;
490
+ }
491
+ }
492
+ }
493
+
494
+ footer{
495
+ padding: 2rem 4rem;
496
+ }
497
+ }
498
+
499
+ main{
500
+ padding: 2rem 4rem;
501
+ display: flex;
502
+ flex-direction: column;
503
+ gap: 4rem;
504
+ }
505
+ `,A=o.default.div`
506
+ padding: 10rem 1rem 2rem 1rem;
507
+ text-align: center;
508
+ `,B=o.default.div`
509
+ display: flex;
510
+ align-items: center;
511
+ gap: 1rem;
512
+ `,H=o.default.div`
513
+ display: grid;
514
+ grid-template-columns: 1fr 1fr 1fr;
515
+ align-items: flex-start;
516
+ grid-gap: 2rem;
517
+
518
+ @media ${L}{
519
+ grid-template-columns: 1fr 1fr;
520
+ }
521
+
522
+ @media ${E}{
523
+ grid-template-columns: 1fr 1fr 1fr;
524
+ }
525
+
526
+ @media ${$}{
527
+ grid-template-columns: 1fr 1fr;
528
+ }
529
+
530
+ @media ${I}{
531
+ grid-template-columns: 1fr;
532
+ }
533
+ `,G=o.default.div`
534
+ width: 100%;
535
+ min-height: 100vh;
536
+ background: ${e=>e.theme.background};
537
+ transition-property: background;
538
+ transition-duration: .5s;
539
+
540
+ h1,h2,h3,h4,h5,h6,p{
541
+ color: ${e=>e.theme.color};
542
+ transition-property: color;
543
+ transition-duration: .5s;
544
+ }
545
+
546
+ nav,div,button,section,main,aside{
547
+ transition-property: background;
548
+ transition-duration: .5s;
549
+ }
550
+ `;exports.CardButton=v,exports.Cta_=e=>a.default.createElement(l,{size:e.size,onClick:e.onClick},a.default.createElement("span",null,e.buttonText)),exports.Edit_=e=>a.default.createElement(d,{size:"normal",onClick:e.onClick},a.default.createElement(i,{Icon:e.buttonIcon})),exports.Focus_=e=>a.default.createElement(s,{size:e.size,onClick:e.onClick},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Focus_Plain=e=>a.default.createElement(u,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.FormGroup=y,exports.FormInput=k,exports.FormLabel=w,exports.Form_Input=e=>a.default.createElement(y,null,a.default.createElement(k,{placeholder:e.placeholder}),a.default.createElement(w,null,e.placeholder)),exports.Grey_=e=>a.default.createElement(c,{size:e.size,onClick:e.onClick},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Grey_Link=e=>a.default.createElement(m,{size:e.size,onClick:e.onClick},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Main_=e=>a.default.createElement(p,{className:e.className,size:e.size,onClick:e.onClick},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Main_Plain=e=>a.default.createElement(g,{size:e.size,onClick:e.onClick},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null),exports.Page=R,exports.PageAlwaysVisible=C,exports.PageCards=H,exports.PageDesktopOnly=F,exports.PageDesktopPadding=_,exports.PageForty=z,exports.PageSingle=S,exports.PageSingleHeader=D,exports.PageSingleRight=M,exports.PageSingleleft=q,exports.PageSixty=P,exports.PageSub=V,exports.PageSubActions=B,exports.PageSubTitle=A,exports.PageTitle=j,exports.PageTools=T,exports.Theme=G,exports.White_Plain=e=>a.default.createElement(f,{size:e.size,onClick:e.onClick},e.buttonIconLeft?a.default.createElement(i,{Icon:e.buttonIconLeft}):null,e.buttonText?a.default.createElement("span",null,e.buttonText):null,e.buttonIconRight?a.default.createElement(i,{Icon:e.buttonIconRight}):null);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "monica-alexandria",
3
- "version": "2.8.1",
3
+ "version": "2.8.2",
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",
package/src/export/index.js CHANGED
@@ -1 +1,2 @@
1
- export * from './components'
1
+ export * from './components'
2
+ export * from './styles'