monica-alexandria 2.9.4 → 2.9.6

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
@@ -255,7 +255,7 @@ import e from"react";import t from"styled-components";const a=t.button`
255
255
  align-items: center;
256
256
  justify-content: center;
257
257
  }
258
- `;t(M)`
258
+ `,k=t(M)`
259
259
  cursor: pointer;
260
260
 
261
261
  header{
@@ -317,7 +317,7 @@ import e from"react";import t from"styled-components";const a=t.button`
317
317
  padding: 1rem 0;
318
318
  }
319
319
  }
320
- `;const y=t.input`
320
+ `,y=t=>e.createElement(k,{center:t.center,onClick:t.onClick},e.createElement("header",null,t.img?e.createElement("picture",null,e.createElement("img",{src:t.img})):t.icon?e.createElement("figure",null,e.createElement(c,{Icon:t.icon})):t.map?e.createElement("map",null,e.createElement("iframe",{title:"Doitforme",src:t.map,frameborder:"0",allowfullscreen:"","aria-hidden":"false",tabindex:"0"})):null),e.createElement("main",null,t.title?e.createElement("h3",null,t.title):t.smallTitle?e.createElement("h5",null,t.smallTitle):null,t.children)),L=t.input`
321
321
  width: 100%;
322
322
  border: none;
323
323
  background: ${e=>e.theme.background};
@@ -338,13 +338,13 @@ import e from"react";import t from"styled-components";const a=t.button`
338
338
  outline: 0;
339
339
  box-shadow: ${e=>e.theme.inFocus};
340
340
  }
341
- `,k=t.label`
341
+ `,I=t.label`
342
342
  color: ${e=>e.theme.color};
343
- `,L=t(y)`
343
+ `,$=t(L)`
344
344
  padding-top: 3rem;
345
- `,I=t(k)`
345
+ `,z=t(I)`
346
346
  font-size: var(--smallText);
347
- `,$=t.div`
347
+ `,C=t.div`
348
348
  position: relative;
349
349
 
350
350
  label{
@@ -396,7 +396,7 @@ import e from"react";import t from"styled-components";const a=t.button`
396
396
  display: none;
397
397
  }
398
398
  }
399
- `,z=t=>e.createElement($,null,e.createElement(L,{placeholder:t.placeholder}),e.createElement(I,null,t.placeholder)),H=`(max-width: ${`${576}px`})`,C=`(max-width: ${`${768}px`})`,B=`(max-width: ${`${992}px`})`,A=`(max-width: ${`${1440}px`})`,T=t.div`
399
+ `,H=t=>e.createElement(C,null,e.createElement($,{placeholder:t.placeholder}),e.createElement(z,null,t.placeholder)),B=`(max-width: ${`${576}px`})`,A=`(max-width: ${`${768}px`})`,T=`(max-width: ${`${992}px`})`,R=`(max-width: ${`${1440}px`})`,V=t.div`
400
400
  position: fixed;
401
401
  top: 0;
402
402
  left: 0;
@@ -404,7 +404,7 @@ import e from"react";import t from"styled-components";const a=t.button`
404
404
  width: 100%;
405
405
  min-height: 100vh;
406
406
  background: ${e=>e.theme.overlay};
407
- `,R=t.div`
407
+ `,S=t.div`
408
408
  position: fixed;
409
409
  top: 6.5rem;
410
410
  left: 50%;
@@ -415,14 +415,14 @@ import e from"react";import t from"styled-components";const a=t.button`
415
415
  padding: var(--normalPads);
416
416
  border-radius: var(--smallRadius);
417
417
  background: ${e=>e.theme.background};
418
- `,V=t.div`
418
+ `,F=t.div`
419
419
  margin-top: 2rem;
420
420
  padding: 1rem 2rem;
421
421
  display: flex;
422
422
  align-items: center;
423
423
  justify-content: space-between;
424
424
 
425
- @media ${C}{
425
+ @media ${A}{
426
426
 
427
427
  button{
428
428
 
@@ -431,7 +431,7 @@ import e from"react";import t from"styled-components";const a=t.button`
431
431
  }
432
432
  }
433
433
  }
434
- `,S=t=>e.createElement(T,null,e.createElement(R,null,e.createElement("h4",null,t.question),e.createElement(V,null,e.createElement(w,{onClick:t.onClickPrimary,buttonIconLeft:t.primaryIcon,buttonText:t.primaryText}),e.createElement(b,{onClick:t.onClickSecondary,buttonIconLeft:t.secondaryIcon,buttonText:t.secondaryText})))),F=t.div`
434
+ `,q=t=>e.createElement(V,null,e.createElement(S,null,e.createElement("h4",null,t.question),e.createElement(F,null,e.createElement(w,{onClick:t.onClickPrimary,buttonIconLeft:t.primaryIcon,buttonText:t.primaryText}),e.createElement(b,{onClick:t.onClickSecondary,buttonIconLeft:t.secondaryIcon,buttonText:t.secondaryText})))),D=t.div`
435
435
  padding-top: 6rem;
436
436
  position: relative;
437
437
 
@@ -439,41 +439,41 @@ import e from"react";import t from"styled-components";const a=t.button`
439
439
  height: calc(100vh - 6rem);
440
440
  overflow: hidden;
441
441
  }
442
- `,q=t.div`
442
+ `,P=t.div`
443
443
  display: grid;
444
444
  grid-template-columns: minmax(40rem, 40%) 1fr;
445
445
  grid-gap: 4rem;
446
446
  padding: 0 4rem;
447
447
 
448
- @media ${B} {
448
+ @media ${T} {
449
449
  grid-template-columns: 1fr;
450
450
  }
451
- `,P=t.div`
451
+ `,j=t.div`
452
452
  display: grid;
453
453
  grid-template-columns: 1fr 40%;
454
454
  grid-gap: 4rem;
455
455
  padding: 0 4rem;
456
456
 
457
- @media ${B} {
457
+ @media ${T} {
458
458
  grid-template-columns: 1fr;
459
459
  }
460
- `,D=t.div`
460
+ `,N=t.div`
461
461
  padding: 0 4rem 2rem 13rem;
462
- `,j=t.div`
462
+ `,X=t.div`
463
463
  width: 100%;
464
- `,N=t.div`
464
+ `,O=t.div`
465
465
  width: 100%;
466
466
 
467
- @media ${B} {
467
+ @media ${T} {
468
468
  display: none;
469
469
  }
470
- `,X=t.div`
470
+ `,Q=t.div`
471
471
  padding-top: 8rem;
472
- `,O=t.div`
472
+ `,Y=t.div`
473
473
  padding: 2rem 0;
474
- `,Q=t.div`
474
+ `,U=t.div`
475
475
 
476
- `,Y=t.div`
476
+ `,W=t.div`
477
477
  position: relative;
478
478
 
479
479
  header{
@@ -482,11 +482,11 @@ import e from"react";import t from"styled-components";const a=t.button`
482
482
  }
483
483
 
484
484
 
485
- `,U=t.div`
485
+ `,G=t.div`
486
486
  padding-left: 4rem;
487
- `,W=t.div`
487
+ `,J=t.div`
488
488
  padding-right: 4rem;
489
- `,G=t(q)`
489
+ `,K=t(P)`
490
490
  padding: 0;
491
491
 
492
492
  aside{
@@ -537,35 +537,35 @@ import e from"react";import t from"styled-components";const a=t.button`
537
537
  flex-direction: column;
538
538
  gap: 4rem;
539
539
  }
540
- `,J=t.div`
540
+ `,_=t.div`
541
541
  padding: 10rem 1rem 2rem 1rem;
542
542
  text-align: center;
543
- `,K=t.div`
543
+ `,ee=t.div`
544
544
  display: flex;
545
545
  align-items: center;
546
546
  gap: 1rem;
547
- `,_=t.div`
547
+ `,te=t.div`
548
548
  display: grid;
549
549
  grid-template-columns: 1fr 1fr 1fr;
550
550
  align-items: flex-start;
551
551
  grid-gap: 2rem;
552
552
 
553
- @media ${A}{
553
+ @media ${R}{
554
554
  grid-template-columns: 1fr 1fr;
555
555
  }
556
556
 
557
- @media ${B}{
557
+ @media ${T}{
558
558
  grid-template-columns: 1fr 1fr 1fr;
559
559
  }
560
560
 
561
- @media ${C}{
561
+ @media ${A}{
562
562
  grid-template-columns: 1fr 1fr;
563
563
  }
564
564
 
565
- @media ${H}{
565
+ @media ${B}{
566
566
  grid-template-columns: 1fr;
567
567
  }
568
- `,ee={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)"},te={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)"},ae=t.div`
568
+ `,ae={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)"},re={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)"},ne=t.div`
569
569
  width: 100%;
570
570
  min-height: 100vh;
571
571
  background: ${e=>e.theme.background};
@@ -588,4 +588,4 @@ import e from"react";import t from"styled-components";const a=t.button`
588
588
  transition-property: background;
589
589
  transition-duration: .5s;
590
590
  }
591
- `;export{Z as CardButton,S as Confirmation_,n as Cta_,o as Edit_,s as Focus_,d as Focus_Plain,$ as FormGroup,L 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,F as Page,j as PageAlwaysVisible,_ as PageCards,N as PageDesktopOnly,X as PageDesktopPadding,q as PageForty,Q as PageSingle,Y as PageSingleHeader,W as PageSingleRight,U as PageSingleleft,P as PageSixty,G as PageSub,K as PageSubActions,J as PageSubTitle,O as PageTitle,D as PageTools,ae as Theme,te as ThemeDark,ee as ThemeLight,f as White_Plain};
591
+ `;export{Z as CardButton,y as Card_Cover,q as Confirmation_,n as Cta_,o as Edit_,s as Focus_,d as Focus_Plain,C as FormGroup,$ as FormInput,z as FormLabel,H as Form_Input,v as Grey_,p as Grey_Link,c as IconSvg,w as Main_,b as Main_Plain,D as Page,X as PageAlwaysVisible,te as PageCards,O as PageDesktopOnly,Q as PageDesktopPadding,P as PageForty,U as PageSingle,W as PageSingleHeader,J as PageSingleRight,G as PageSingleleft,j as PageSixty,K as PageSub,ee as PageSubActions,_ as PageSubTitle,Y as PageTitle,N as PageTools,ne as Theme,re as ThemeDark,ae as ThemeLight,f as White_Plain};
package/dist/index.js CHANGED
@@ -155,7 +155,7 @@
155
155
  background: var(--mainLight);
156
156
  border: 1px solid var(--mainLight);
157
157
  }
158
- `,g=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),f=r.default(n)`
158
+ `,f=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),g=r.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
- `,v=e=>l.default.createElement(f,{noPadding:e.noPadding,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),p=r.default(n)`
180
+ `,v=e=>l.default.createElement(g,{noPadding:e.noPadding,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),p=r.default(n)`
181
181
  background: transparent;
182
182
  border: 1px solid transparent;
183
183
 
@@ -224,7 +224,7 @@
224
224
  box-shadow: ${e=>e.theme.outFocus};
225
225
  transition: box-shadow .5s;
226
226
  }
227
- `,x=r.default(w)`
227
+ `,E=r.default(w)`
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
- `;r.default(w)`
258
+ `,x=r.default(w)`
259
259
  cursor: pointer;
260
260
 
261
261
  header{
@@ -317,7 +317,7 @@
317
317
  padding: 1rem 0;
318
318
  }
319
319
  }
320
- `;const E=r.default.input`
320
+ `,b=r.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
- `,b=r.default.label`
341
+ `,M=r.default.label`
342
342
  color: ${e=>e.theme.color};
343
- `,M=r.default(E)`
344
- padding-top: 3rem;
345
343
  `,y=r.default(b)`
344
+ padding-top: 3rem;
345
+ `,Z=r.default(M)`
346
346
  font-size: var(--smallText);
347
- `,Z=r.default.div`
347
+ `,k=r.default.div`
348
348
  position: relative;
349
349
 
350
350
  label{
@@ -396,7 +396,7 @@
396
396
  display: none;
397
397
  }
398
398
  }
399
- `,k=`(max-width: ${`${576}px`})`,L=`(max-width: ${`${768}px`})`,I=`(max-width: ${`${992}px`})`,$=`(max-width: ${`${1440}px`})`,z=r.default.div`
399
+ `,L=`(max-width: ${`${576}px`})`,I=`(max-width: ${`${768}px`})`,$=`(max-width: ${`${992}px`})`,z=`(max-width: ${`${1440}px`})`,C=r.default.div`
400
400
  position: fixed;
401
401
  top: 0;
402
402
  left: 0;
@@ -404,7 +404,7 @@
404
404
  width: 100%;
405
405
  min-height: 100vh;
406
406
  background: ${e=>e.theme.overlay};
407
- `,C=r.default.div`
407
+ `,H=r.default.div`
408
408
  position: fixed;
409
409
  top: 6.5rem;
410
410
  left: 50%;
@@ -415,14 +415,14 @@
415
415
  padding: var(--normalPads);
416
416
  border-radius: var(--smallRadius);
417
417
  background: ${e=>e.theme.background};
418
- `,H=r.default.div`
418
+ `,A=r.default.div`
419
419
  margin-top: 2rem;
420
420
  padding: 1rem 2rem;
421
421
  display: flex;
422
422
  align-items: center;
423
423
  justify-content: space-between;
424
424
 
425
- @media ${L}{
425
+ @media ${I}{
426
426
 
427
427
  button{
428
428
 
@@ -431,7 +431,7 @@
431
431
  }
432
432
  }
433
433
  }
434
- `,A=r.default.div`
434
+ `,B=r.default.div`
435
435
  padding-top: 6rem;
436
436
  position: relative;
437
437
 
@@ -439,41 +439,41 @@
439
439
  height: calc(100vh - 6rem);
440
440
  overflow: hidden;
441
441
  }
442
- `,B=r.default.div`
442
+ `,T=r.default.div`
443
443
  display: grid;
444
444
  grid-template-columns: minmax(40rem, 40%) 1fr;
445
445
  grid-gap: 4rem;
446
446
  padding: 0 4rem;
447
447
 
448
- @media ${I} {
448
+ @media ${$} {
449
449
  grid-template-columns: 1fr;
450
450
  }
451
- `,T=r.default.div`
451
+ `,P=r.default.div`
452
452
  display: grid;
453
453
  grid-template-columns: 1fr 40%;
454
454
  grid-gap: 4rem;
455
455
  padding: 0 4rem;
456
456
 
457
- @media ${I} {
457
+ @media ${$} {
458
458
  grid-template-columns: 1fr;
459
459
  }
460
- `,P=r.default.div`
461
- padding: 0 4rem 2rem 13rem;
462
460
  `,S=r.default.div`
463
- width: 100%;
461
+ padding: 0 4rem 2rem 13rem;
464
462
  `,R=r.default.div`
465
463
  width: 100%;
464
+ `,V=r.default.div`
465
+ width: 100%;
466
466
 
467
- @media ${I} {
467
+ @media ${$} {
468
468
  display: none;
469
469
  }
470
- `,V=r.default.div`
471
- padding-top: 8rem;
472
470
  `,F=r.default.div`
473
- padding: 2rem 0;
471
+ padding-top: 8rem;
474
472
  `,q=r.default.div`
475
-
473
+ padding: 2rem 0;
476
474
  `,_=r.default.div`
475
+
476
+ `,D=r.default.div`
477
477
  position: relative;
478
478
 
479
479
  header{
@@ -482,11 +482,11 @@
482
482
  }
483
483
 
484
484
 
485
- `,D=r.default.div`
486
- padding-left: 4rem;
487
485
  `,j=r.default.div`
486
+ padding-left: 4rem;
487
+ `,N=r.default.div`
488
488
  padding-right: 4rem;
489
- `,N=r.default(B)`
489
+ `,O=r.default(T)`
490
490
  padding: 0;
491
491
 
492
492
  aside{
@@ -537,35 +537,35 @@
537
537
  flex-direction: column;
538
538
  gap: 4rem;
539
539
  }
540
- `,O=r.default.div`
540
+ `,G=r.default.div`
541
541
  padding: 10rem 1rem 2rem 1rem;
542
542
  text-align: center;
543
- `,G=r.default.div`
543
+ `,X=r.default.div`
544
544
  display: flex;
545
545
  align-items: center;
546
546
  gap: 1rem;
547
- `,X=r.default.div`
547
+ `,Q=r.default.div`
548
548
  display: grid;
549
549
  grid-template-columns: 1fr 1fr 1fr;
550
550
  align-items: flex-start;
551
551
  grid-gap: 2rem;
552
552
 
553
- @media ${$}{
553
+ @media ${z}{
554
554
  grid-template-columns: 1fr 1fr;
555
555
  }
556
556
 
557
- @media ${I}{
557
+ @media ${$}{
558
558
  grid-template-columns: 1fr 1fr 1fr;
559
559
  }
560
560
 
561
- @media ${L}{
561
+ @media ${I}{
562
562
  grid-template-columns: 1fr 1fr;
563
563
  }
564
564
 
565
- @media ${k}{
565
+ @media ${L}{
566
566
  grid-template-columns: 1fr;
567
567
  }
568
- `,Q=r.default.div`
568
+ `,W=r.default.div`
569
569
  width: 100%;
570
570
  min-height: 100vh;
571
571
  background: ${e=>e.theme.background};
@@ -588,4 +588,4 @@
588
588
  transition-property: background;
589
589
  transition-duration: .5s;
590
590
  }
591
- `;exports.CardButton=x,exports.Confirmation_=e=>l.default.createElement(z,null,l.default.createElement(C,null,l.default.createElement("h4",null,e.question),l.default.createElement(H,null,l.default.createElement(g,{onClick:e.onClickPrimary,buttonIconLeft:e.primaryIcon,buttonText:e.primaryText}),l.default.createElement(v,{onClick:e.onClickSecondary,buttonIconLeft:e.secondaryIcon,buttonText:e.secondaryText})))),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=Z,exports.FormInput=M,exports.FormLabel=y,exports.Form_Input=e=>l.default.createElement(Z,null,l.default.createElement(M,{placeholder:e.placeholder}),l.default.createElement(y,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_=g,exports.Main_Plain=v,exports.Page=A,exports.PageAlwaysVisible=S,exports.PageCards=X,exports.PageDesktopOnly=R,exports.PageDesktopPadding=V,exports.PageForty=B,exports.PageSingle=q,exports.PageSingleHeader=_,exports.PageSingleRight=j,exports.PageSingleleft=D,exports.PageSixty=T,exports.PageSub=N,exports.PageSubActions=G,exports.PageSubTitle=O,exports.PageTitle=F,exports.PageTools=P,exports.Theme=Q,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(p,{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);
591
+ `;exports.CardButton=E,exports.Card_Cover=e=>l.default.createElement(x,{center:e.center,onClick:e.onClick},l.default.createElement("header",null,e.img?l.default.createElement("picture",null,l.default.createElement("img",{src:e.img})):e.icon?l.default.createElement("figure",null,l.default.createElement(o,{Icon:e.icon})):e.map?l.default.createElement("map",null,l.default.createElement("iframe",{title:"Doitforme",src:e.map,frameborder:"0",allowfullscreen:"","aria-hidden":"false",tabindex:"0"})):null),l.default.createElement("main",null,e.title?l.default.createElement("h3",null,e.title):e.smallTitle?l.default.createElement("h5",null,e.smallTitle):null,e.children)),exports.Confirmation_=e=>l.default.createElement(C,null,l.default.createElement(H,null,l.default.createElement("h4",null,e.question),l.default.createElement(A,null,l.default.createElement(f,{onClick:e.onClickPrimary,buttonIconLeft:e.primaryIcon,buttonText:e.primaryText}),l.default.createElement(v,{onClick:e.onClickSecondary,buttonIconLeft:e.secondaryIcon,buttonText:e.secondaryText})))),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=k,exports.FormInput=y,exports.FormLabel=Z,exports.Form_Input=e=>l.default.createElement(k,null,l.default.createElement(y,{placeholder:e.placeholder}),l.default.createElement(Z,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_=f,exports.Main_Plain=v,exports.Page=B,exports.PageAlwaysVisible=R,exports.PageCards=Q,exports.PageDesktopOnly=V,exports.PageDesktopPadding=F,exports.PageForty=T,exports.PageSingle=_,exports.PageSingleHeader=D,exports.PageSingleRight=N,exports.PageSingleleft=j,exports.PageSixty=P,exports.PageSub=O,exports.PageSubActions=X,exports.PageSubTitle=G,exports.PageTitle=q,exports.PageTools=S,exports.Theme=W,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(p,{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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "monica-alexandria",
3
- "version": "2.9.4",
3
+ "version": "2.9.6",
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",
@@ -67,7 +67,7 @@ const CardCover = styled(Card)`
67
67
  }
68
68
  `
69
69
 
70
- export default function Card_Cover(props) {
70
+ export const Card_Cover = (props) => {
71
71
  return (
72
72
  <CardCover center = {props.center} onClick={props.onClick}>
73
73
  <header>
@@ -100,3 +100,4 @@ export default function Card_Cover(props) {
100
100
  </CardCover>
101
101
  )
102
102
  }
103
+
@@ -68,6 +68,8 @@ export const IconSvg = (props) => {
68
68
 
69
69
  case "Location": return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M250 476.5a9.94 9.94 0 0 0 7.63-3.58c6.52-7.85 159.44-192.97 159.44-282.34S342.13 23.5 250 23.5 82.93 98.46 82.93 190.57s152.91 274.5 159.43 282.35a9.97 9.97 0 0 0 7.63 3.58Zm0-355.36c34.81 0 63.14 28.32 63.14 63.14s-28.32 63.14-63.14 63.14-63.14-28.32-63.14-63.14 28.32-63.14 63.14-63.14Z"/><path fill="none" d="M0 0h500v500H0z"/></svg>
70
70
 
71
+ // case "Schedule": return
72
+
71
73
  default: return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 323.35 324.14"><g data-name="Layer 2"><g data-name="Layer 1"><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"/></g></g></svg>
72
74
  }
73
75
  }