monica-alexandria 2.5.2 → 2.5.5

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
@@ -1,4 +1,4 @@
1
- import r from"styled-components";const a=r.button`
1
+ import r,{keyframes as a}from"styled-components";const e=r.button`
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: 1rem;
@@ -22,7 +22,7 @@ import r from"styled-components";const a=r.button`
22
22
  &:active{
23
23
  transform: scale(.97);
24
24
  }
25
- `,e=r(a)`
25
+ `,o=r(e)`
26
26
  font-size: var(--buttonSmallText);
27
27
  padding: ${r=>r.noPads?"0":"var(--buttonSmallPads)"};
28
28
 
@@ -30,7 +30,7 @@ import r from"styled-components";const a=r.button`
30
30
  svg{
31
31
  width: var(--buttonSmallIcon);
32
32
  }
33
- `,o=r(a)`
33
+ `,i=r(e)`
34
34
  font-size: var(--buttonNormalText);
35
35
  padding: ${r=>r.noPads?"0":"var(--buttonNormalPads)"};
36
36
 
@@ -38,7 +38,7 @@ import r from"styled-components";const a=r.button`
38
38
  svg{
39
39
  height: var(--buttonNormalIcon);
40
40
  }
41
- `,i=r(a)`
41
+ `,t=r(e)`
42
42
  font-size: var(--buttonLargeText);
43
43
  padding: ${r=>r.noPads?"0":"var(--buttonLargePads)"};
44
44
 
@@ -46,7 +46,7 @@ import r from"styled-components";const a=r.button`
46
46
  svg{
47
47
  height: var(--buttonLargeIcon);
48
48
  }
49
- `,t=r(e)`
49
+ `,d=r(o)`
50
50
  background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
51
51
  border-radius: var(--normalRadius);
52
52
 
@@ -57,7 +57,7 @@ import r from"styled-components";const a=r.button`
57
57
  &:hover{
58
58
  background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
59
59
  }
60
- `,d=r(o)`
60
+ `,n=r(i)`
61
61
  background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
62
62
  border-radius: var(--normalRadius);
63
63
 
@@ -68,7 +68,7 @@ import r from"styled-components";const a=r.button`
68
68
  &:hover{
69
69
  background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
70
70
  }
71
- `,n=r(i)`
71
+ `,l=r(t)`
72
72
  background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
73
73
  border-radius: var(--normalRadius);
74
74
 
@@ -79,7 +79,7 @@ import r from"styled-components";const a=r.button`
79
79
  &:hover{
80
80
  background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
81
81
  }
82
- `,l=r(e)`
82
+ `,s=r(o)`
83
83
  background: var(--focus);
84
84
  border-radius: var(--normalRadius);
85
85
  border: 1px solid var(--focus);
@@ -95,7 +95,7 @@ import r from"styled-components";const a=r.button`
95
95
  &:hover{
96
96
  background: var(--focusLight);
97
97
  }
98
- `,s=r(o)`
98
+ `,v=r(i)`
99
99
  background: var(--focus);
100
100
  border-radius: var(--normalRadius);
101
101
  border: 1px solid var(--focus);
@@ -111,7 +111,7 @@ import r from"styled-components";const a=r.button`
111
111
  &:hover{
112
112
  background: var(--focusLight);
113
113
  }
114
- `,v=r(i)`
114
+ `,m=r(t)`
115
115
  background: var(--focus);
116
116
  border-radius: var(--normalRadius);
117
117
  border: 1px solid var(--focus);
@@ -127,7 +127,7 @@ import r from"styled-components";const a=r.button`
127
127
  &:hover{
128
128
  background: var(--focusLight);
129
129
  }
130
- `,m=r(e)`
130
+ `,g=r(o)`
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
- `,g=r(o)`
152
+ `,h=r(i)`
153
153
  background: transparent;
154
154
  border: 1px solid transparent;
155
155
 
@@ -171,7 +171,7 @@ import r from"styled-components";const a=r.button`
171
171
  fill: var(--focusLight);
172
172
  }
173
173
  }
174
- `,h=r(i)`
174
+ `,p=r(t)`
175
175
  background: transparent;
176
176
  border: 1px solid transparent;
177
177
 
@@ -193,7 +193,7 @@ import r from"styled-components";const a=r.button`
193
193
  fill: var(--focusLight);
194
194
  }
195
195
  }
196
- `,p=r(e)`
196
+ `,c=r(o)`
197
197
  background: var(--main);
198
198
  border-radius: var(--normalRadius);
199
199
  border: 1px solid var(--main);
@@ -210,7 +210,7 @@ import r from"styled-components";const a=r.button`
210
210
  background: var(--mainLight);
211
211
  border: 1px solid var(--mainLight);
212
212
  }
213
- `,c=r(o)`
213
+ `,u=r(i)`
214
214
  background: var(--main);
215
215
  border-radius: var(--normalRadius);
216
216
  border: 1px solid var(--main);
@@ -226,7 +226,7 @@ import r from"styled-components";const a=r.button`
226
226
  &:hover{
227
227
  background: var(--mainLight);
228
228
  }
229
- `,u=r(i)`
229
+ `,k=r(t)`
230
230
  background: var(--main);
231
231
  border-radius: var(--normalRadius);
232
232
  border: 1px solid var(--main);
@@ -242,7 +242,7 @@ import r from"styled-components";const a=r.button`
242
242
  &:hover{
243
243
  background: var(--mainLight);
244
244
  }
245
- `,k=r(e)`
245
+ `,b=r(o)`
246
246
  background: transparent;
247
247
  border: 1px solid transparent;
248
248
 
@@ -264,7 +264,7 @@ import r from"styled-components";const a=r.button`
264
264
  fill: var(--mainLight);
265
265
  }
266
266
  }
267
- `,b=r(o)`
267
+ `,f=r(i)`
268
268
  background: transparent;
269
269
  border: 1px solid transparent;
270
270
 
@@ -286,7 +286,7 @@ import r from"styled-components";const a=r.button`
286
286
  fill: var(--mainLight);
287
287
  }
288
288
  }
289
- `,f=r(i)`
289
+ `,x=r(t)`
290
290
  background: transparent;
291
291
  border: 1px solid transparent;
292
292
 
@@ -308,7 +308,7 @@ import r from"styled-components";const a=r.button`
308
308
  fill: var(--mainLight);
309
309
  }
310
310
  }
311
- `,x=r(e)`
311
+ `,$=r(o)`
312
312
  background: transparent;
313
313
  border: 1px solid transparent;
314
314
 
@@ -330,7 +330,7 @@ import r from"styled-components";const a=r.button`
330
330
  fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
331
331
  }
332
332
  }
333
- `,$=r(o)`
333
+ `,y=r(i)`
334
334
  background: transparent;
335
335
  border: 1px solid transparent;
336
336
 
@@ -352,7 +352,7 @@ import r from"styled-components";const a=r.button`
352
352
  fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
353
353
  }
354
354
  }
355
- `,y=r(i)`
355
+ `,w=r(t)`
356
356
  background: transparent;
357
357
  border: 1px solid transparent;
358
358
 
@@ -374,7 +374,7 @@ import r from"styled-components";const a=r.button`
374
374
  fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
375
375
  }
376
376
  }
377
- `,w=r(e)`
377
+ `,L=r(o)`
378
378
  background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
379
379
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
380
380
  border-radius: var(--normalRadius);
@@ -399,7 +399,7 @@ import r from"styled-components";const a=r.button`
399
399
  fill: var(--errorLight)
400
400
  }
401
401
  }
402
- `,L=r(o)`
402
+ `,D=r(i)`
403
403
  background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
404
404
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
405
405
  border-radius: var(--normalRadius);
@@ -424,7 +424,7 @@ import r from"styled-components";const a=r.button`
424
424
  fill: var(--errorLight)
425
425
  }
426
426
  }
427
- `,D=r(i)`
427
+ `,S=r(t)`
428
428
  background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
429
429
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
430
430
  border-radius: var(--normalRadius);
@@ -449,7 +449,7 @@ import r from"styled-components";const a=r.button`
449
449
  fill: var(--errorLight)
450
450
  }
451
451
  }
452
- `,S=r(e)`
452
+ `,R=r(o)`
453
453
  background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
454
454
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
455
455
  border-radius: var(--normalRadius);
@@ -466,7 +466,7 @@ import r from"styled-components";const a=r.button`
466
466
  background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
467
467
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
468
468
  }
469
- `,R=r(o)`
469
+ `,z=r(i)`
470
470
  background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
471
471
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
472
472
  border-radius: var(--normalRadius);
@@ -483,7 +483,7 @@ import r from"styled-components";const a=r.button`
483
483
  background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
484
484
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
485
485
  }
486
- `,z=r(i)`
486
+ `,T=r(t)`
487
487
  background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
488
488
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
489
489
  border-radius: var(--normalRadius);
@@ -500,7 +500,7 @@ import r from"styled-components";const a=r.button`
500
500
  background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
501
501
  border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
502
502
  }
503
- `,T=r(e)`
503
+ `,P=r(o)`
504
504
  background: transparent;
505
505
  border: 1px solid transparent;
506
506
 
@@ -523,7 +523,7 @@ import r from"styled-components";const a=r.button`
523
523
  fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
524
524
  }
525
525
  }
526
- `,P=r(o)`
526
+ `,N=r(i)`
527
527
  background: transparent;
528
528
  border: 1px solid transparent;
529
529
 
@@ -546,7 +546,7 @@ import r from"styled-components";const a=r.button`
546
546
  fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
547
547
  }
548
548
  }
549
- `,N=r(i)`
549
+ `,j=r(t)`
550
550
  background: transparent;
551
551
  border: 1px solid transparent;
552
552
 
@@ -569,7 +569,7 @@ import r from"styled-components";const a=r.button`
569
569
  fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
570
570
  }
571
571
  }
572
- `,j=r.input`
572
+ `,I=r.input`
573
573
  width: 100%;
574
574
  border: none;
575
575
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
@@ -583,24 +583,24 @@ import r from"styled-components";const a=r.button`
583
583
  outline: 0;
584
584
  box-shadow: ${r=>"dark"===r.theme?"var(--insetShineFocus)":"var(--insetShadowFocus)"};
585
585
  }
586
- `,I=r(j)`
586
+ `,F=r(I)`
587
587
  padding: var(--inputSmallPads);
588
588
  font-size: var(--inputSmallText);
589
- `,F=r(j)`
589
+ `,O=r(I)`
590
590
  padding: var(--inputNormalPads);
591
591
  font-size: var(--inputNormalText);
592
- `,X=r(j)`
592
+ `,Y=r(I)`
593
593
  padding: var(--inputLargePads);
594
594
  font-size: var(--inputLargeText);
595
- `,O=r.label`
595
+ `,M=r.label`
596
596
  color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
597
- `,Y=r(O)`
597
+ `,q=r(M)`
598
598
  font-size: var(--inputSmallText);
599
- `,M=r(O)`
599
+ `,A=r(M)`
600
600
  font-size: var(--inputNormalText);
601
- `,q=r(O)`
601
+ `,B=r(M)`
602
602
  font-size: var(--inputLargeText);
603
- `,A=r.div`
603
+ `,C=r.div`
604
604
  position: relative;
605
605
  margin-top: 4rem;
606
606
 
@@ -631,7 +631,7 @@ import r from"styled-components";const a=r.button`
631
631
  transition-property: opacity, transform;
632
632
  transition-duration: .5s;
633
633
  }
634
- `,B=r.div`
634
+ `,E=r.div`
635
635
  position: relative;
636
636
 
637
637
  ul{
@@ -654,7 +654,7 @@ import r from"styled-components";const a=r.button`
654
654
  }
655
655
  }
656
656
  }
657
- `,C=r(A)`
657
+ `,G=r(C)`
658
658
 
659
659
  aside{
660
660
  display: block;
@@ -669,7 +669,7 @@ import r from"styled-components";const a=r.button`
669
669
  display: none;
670
670
  }
671
671
  }
672
- `,E=r.div`
672
+ `,H=r.div`
673
673
  position: absolute;
674
674
  top: 1.2rem;
675
675
  right: 2rem;
@@ -678,7 +678,7 @@ import r from"styled-components";const a=r.button`
678
678
  height: var(--smallText);
679
679
  fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
680
680
  }
681
- `,G=r.div`
681
+ `,J=r.div`
682
682
  position: absolute;
683
683
  top: 1.2rem;
684
684
  right: 2rem;
@@ -687,12 +687,12 @@ import r from"styled-components";const a=r.button`
687
687
  height: var(--smallText);
688
688
  fill: var(--error);
689
689
  }
690
- `,H=r.div`
690
+ `,K=r.div`
691
691
  display: flex;
692
692
  align-items: center;
693
693
  gap: 1rem;
694
694
  margin: var(--tinyDist);
695
- `,J=r(H)`
695
+ `,Q=r(K)`
696
696
 
697
697
  svg{
698
698
  width: var(--smallIcon);
@@ -702,7 +702,7 @@ import r from"styled-components";const a=r.button`
702
702
  h6{
703
703
  color: var(--error);
704
704
  }
705
- `,K=r(H)`
705
+ `,U=r(K)`
706
706
 
707
707
  svg{
708
708
  width: var(--smallIcon);
@@ -712,7 +712,7 @@ import r from"styled-components";const a=r.button`
712
712
  h6{
713
713
  color: var(--success);
714
714
  }
715
- `,Q=r(H)`
715
+ `,V=r(K)`
716
716
 
717
717
  svg{
718
718
  width: var(--smallIcon);
@@ -722,11 +722,11 @@ import r from"styled-components";const a=r.button`
722
722
  h6{
723
723
  color: var(--greyDark);
724
724
  }
725
- `,U=r.div`
725
+ `,W=r.div`
726
726
  display: grid;
727
727
  grid-template-columns: repeat(${r=>r.columns}, 1fr);
728
728
  grid-gap: 2rem;
729
- `,V=r.div`
729
+ `,X=r.div`
730
730
  display: flex;
731
731
  flex-direction: column;
732
732
  justify-content: space-between;
@@ -741,13 +741,13 @@ import r from"styled-components";const a=r.button`
741
741
  &:hover{
742
742
  box-shadow: ${r=>"dark"===r.theme?"var(--outShineFocus)":"var(--outShadowFocus)"};
743
743
  }
744
- `,W=r.div`
745
-
746
744
  `,Z=r.div`
745
+
746
+ `,_=r.div`
747
747
  display: flex;
748
748
  align-items: center;
749
749
  gap: 1rem;
750
- `,_=r(r.form`
750
+ `,rr=r(r.form`
751
751
  position: relative;
752
752
 
753
753
  select{
@@ -782,7 +782,7 @@ import r from"styled-components";const a=r.button`
782
782
  svg{
783
783
  height: var(--buttonNormalIcon);
784
784
  }
785
- `,rr=r(_)`
785
+ `,ar=r(rr)`
786
786
  select{
787
787
  color: ${r=>"dark"===r.theme?"var(--blanc);":"var(--black);"};
788
788
  background: ${r=>"dark"===r.theme?"var(--gloomDark);":"var(--greyLight);"};
@@ -792,7 +792,7 @@ import r from"styled-components";const a=r.button`
792
792
  svg{
793
793
  fill: ${r=>"dark"===r.theme?"var(--blanc);":"var(--black);"};
794
794
  }
795
- `,ar=r.textarea`
795
+ `,er=r.textarea`
796
796
  width: 100%;
797
797
  border: none;
798
798
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
@@ -807,16 +807,16 @@ import r from"styled-components";const a=r.button`
807
807
  outline: 0;
808
808
  box-shadow: ${r=>"dark"===r.theme?"var(--insetShineFocus)":"var(--insetShadowFocus)"};
809
809
  }
810
- `,er=r(ar)`
810
+ `,or=r(er)`
811
811
  padding: var(--inputSmallPads);
812
812
  font-size: var(--inputSmallText);
813
- `,or=r(ar)`
813
+ `,ir=r(er)`
814
814
  padding: var(--inputNormalPads);
815
815
  font-size: var(--inputNormalText);
816
- `,ir=r(ar)`
816
+ `,tr=r(er)`
817
817
  padding: var(--inputLargePads);
818
818
  font-size: var(--inputLargeText);
819
- `,tr={xs:576,sm:768,md:992,lg:1200,xl:1440,wd:1800},dr={xs:`${tr.xs}px`,sm:`${tr.sm}px`,md:`${tr.md}px`,lg:`${tr.ls}px`,xl:`${tr.xl}px`,wd:`${tr.wd}px`},nr={xs:`(max-width: ${dr.xs})`,sm:`(max-width: ${dr.sm})`,md:`(max-width: ${dr.md})`,lg:`(max-width: ${dr.lg})`,xl:`(max-width: ${dr.xl})`,wd:`(max-width: ${dr.wd})`},lr=r.nav`
819
+ `,dr={xs:576,sm:768,md:992,lg:1200,xl:1440,wd:1800},nr={xs:`${dr.xs}px`,sm:`${dr.sm}px`,md:`${dr.md}px`,lg:`${dr.ls}px`,xl:`${dr.xl}px`,wd:`${dr.wd}px`},lr={xs:`(max-width: ${nr.xs})`,sm:`(max-width: ${nr.sm})`,md:`(max-width: ${nr.md})`,lg:`(max-width: ${nr.lg})`,xl:`(max-width: ${nr.xl})`,wd:`(max-width: ${nr.wd})`},sr=r.nav`
820
820
  display: grid;
821
821
  align-items: center;
822
822
  grid-gap: 1rem;
@@ -829,7 +829,7 @@ import r from"styled-components";const a=r.button`
829
829
  padding: 1rem 4rem;
830
830
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
831
831
  box-shadow: ${r=>"dark"===r.theme?"0 1px 3px var(--shine)":"0 1px 3px var(--shadow)"};
832
- `,sr=r.div`
832
+ `,vr=r.div`
833
833
  display: flex;
834
834
  gap: 1rem;
835
835
  align-items: center;
@@ -854,7 +854,7 @@ import r from"styled-components";const a=r.button`
854
854
  transform: rotate(55deg);
855
855
  }
856
856
  }
857
- `,vr=r.div`
857
+ `,mr=r.div`
858
858
 
859
859
  h6{
860
860
  color: var(--focus) !important;
@@ -863,66 +863,73 @@ import r from"styled-components";const a=r.button`
863
863
  font-weight: 600;
864
864
  }
865
865
 
866
- @media ${nr.md} {
866
+ @media ${lr.md} {
867
867
  display: none;
868
868
  }
869
- `,mr=r.div`
869
+ `,gr=r.div`
870
870
  justify-self: center;
871
871
 
872
- @media ${nr.sm} {
872
+ @media ${lr.sm} {
873
873
  justify-self: flex-end;
874
874
  }
875
- `,gr=r.div`
875
+ `,hr=r.div`
876
876
  justify-self: flex-end;
877
877
  display: flex;
878
878
  align-items: center;
879
879
  gap: 1rem;
880
880
 
881
- @media ${nr.sm} {
881
+ @media ${lr.sm} {
882
882
  display: none;
883
883
  }
884
- `,hr=r.div`
884
+ `,pr=r.div`
885
885
  justify-self: flex-end;
886
886
  display: none;
887
887
  align-items: center;
888
888
  gap: 1rem;
889
889
 
890
- @media ${nr.sm} {
890
+ @media ${lr.sm} {
891
891
  display: flex;
892
892
  }
893
- `,pr=r.div`
893
+ `,cr=a`
894
+ 0% {
895
+ transform: translate(110%);
896
+ }
897
+ 100% {
898
+ transform: translate(0);
899
+ }
900
+ `,ur=r.div`
894
901
  padding: 7rem 4rem 2rem 4rem;
895
- `,cr=r.div`
902
+ `,kr=r.div`
896
903
  padding-top: 2rem 4rem;
897
- `,ur=r.div`
904
+ `,br=r.div`
898
905
  padding-top: 7rem;
899
- `,kr=r.div`
906
+ `,fr=r.div`
900
907
  display: grid;
901
908
  grid-template-columns: calc(60% - 4rem) 40%;
902
909
  grid-gap: 4rem;
903
910
  align-items: flex-start;
904
911
 
905
- @media ${nr.md} {
912
+ @media ${lr.md} {
906
913
  grid-template-columns: 1fr;
907
914
  }
908
- `,br=r.div`
915
+ `,xr=r.div`
909
916
  display: grid;
910
917
  grid-template-columns: 40% calc(60% - 4rem);
911
918
  grid-gap: 4rem;
912
919
  align-items: flex-start;
913
920
 
914
- @media ${nr.md} {
921
+ @media ${lr.md} {
915
922
  grid-template-columns: 1fr;
916
923
  }
917
- `,fr=r.div`
924
+ `,$r=r.div`
918
925
  width: 100%;
919
- `,xr=r.div`
926
+ `,yr=r.div`
920
927
  width: 100%;
921
928
 
922
- @media ${nr.md} {
929
+ @media ${lr.md} {
923
930
  display: none;
924
931
  }
925
- `,$r=r.div`
932
+ `,wr=r.div`
926
933
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
927
934
  transition-property: background;
928
935
  transition-duration: .5s;
@@ -938,25 +945,25 @@ import r from"styled-components";const a=r.button`
938
945
  color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
939
946
  transition: color .5s;
940
947
  }
941
- `,yr=r.div`
948
+ `,Lr=r.div`
942
949
 
943
950
  img{
944
951
  height: 4rem;
945
952
  }
946
- `,wr=r.div`
953
+ `,Dr=r.div`
947
954
  max-width: 45rem;
948
- `,Lr=r.div`
955
+ `,Sr=r.div`
949
956
  max-width: 45rem;
950
957
 
951
958
  h1{
952
959
  margin: var(--smallDist);
953
960
  }
954
- `,Dr=r.form`
961
+ `,Rr=r.form`
955
962
  padding: var(--normalDist);
956
963
  background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
957
964
  border-radius: var(--normalRadius);
958
965
  box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
959
- `,Sr=r.div`
966
+ `,zr=r.div`
960
967
  display: flex;
961
968
  gap: 1rem;
962
969
  align-items: center;
@@ -968,7 +975,7 @@ import r from"styled-components";const a=r.button`
968
975
  gap: .5rem;
969
976
  align-items: center;
970
977
  }
971
- `,Rr=r.div`
978
+ `,Tr=r.div`
972
979
  display: flex;
973
980
  align-items: flex-start;
974
981
  gap: 1rem;
@@ -976,17 +983,17 @@ import r from"styled-components";const a=r.button`
976
983
  input{
977
984
  margin-top: .3rem;
978
985
  }
979
- `,zr=r.div`
986
+ `,Pr=r.div`
980
987
  display: grid;
981
988
  grid-template-columns: 1fr 1fr;
982
989
  grid-gap: 1rem;
983
990
  margin: 2rem 1rem;
984
- `,Tr=r.div`
991
+ `,Nr=r.div`
985
992
  display: flex;
986
993
  align-items: center;
987
994
  justify-content: center;
988
995
  margin-top: 4rem;
989
- `,Pr=r.div`
996
+ `,jr=r.div`
990
997
 
991
998
  section{
992
999
 
@@ -994,7 +1001,7 @@ import r from"styled-components";const a=r.button`
994
1001
  margin-bottom: 2rem;
995
1002
  }
996
1003
  }
997
- `,Nr=r.div`
1004
+ `,Ir=r.div`
998
1005
 
999
1006
  picture{
1000
1007
  width: 100%;
@@ -1015,7 +1022,7 @@ import r from"styled-components";const a=r.button`
1015
1022
  display: flex;
1016
1023
  gap: 1rem;
1017
1024
  }
1018
- `,jr=r.div`
1025
+ `,Fr=r.div`
1019
1026
  display: grid;
1020
1027
  grid-template-columns: 20rem 1fr;
1021
1028
  grid-gap: 2rem;
@@ -1040,7 +1047,7 @@ import r from"styled-components";const a=r.button`
1040
1047
  flex-direction: column;
1041
1048
  gap: 1rem;
1042
1049
  }
1043
- `,Ir=r.ul`
1050
+ `,Or=r.ul`
1044
1051
  background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
1045
1052
  padding: var(--smallDist);
1046
1053
  border-radius: var(--smallRadius);
@@ -1065,7 +1072,7 @@ import r from"styled-components";const a=r.button`
1065
1072
  li{
1066
1073
  margin-top: .5rem;
1067
1074
  }
1068
- `,Fr=r.div`
1075
+ `,Yr=r.div`
1069
1076
  display: grid;
1070
1077
  grid-template-columns: auto 1fr;
1071
1078
  align-items: flex-start;
@@ -1075,7 +1082,7 @@ import r from"styled-components";const a=r.button`
1075
1082
  form{
1076
1083
  margin-top: 4rem;
1077
1084
  }
1078
- `,Xr=r.div`
1085
+ `,Mr=r.div`
1079
1086
  padding: var(--smallDist);
1080
1087
 
1081
1088
  ul{
@@ -1091,7 +1098,7 @@ import r from"styled-components";const a=r.button`
1091
1098
  }
1092
1099
  }
1093
1100
  }
1094
- `,Or=r.div`
1101
+ `,qr=r.div`
1095
1102
  position: fixed;
1096
1103
  top: 0;
1097
1104
  left: 0;
@@ -1099,28 +1106,7 @@ import r from"styled-components";const a=r.button`
1099
1106
  height: 100vh;
1100
1107
  width: 100%;
1101
1108
  background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
1102
-
1103
- .slider{
1104
-
1105
- &-enter{
1106
- transform: translateX(-110%);
1107
-
1108
- &-active{
1109
- transform: translateX(0);
1110
- transition: all .5s ease;
1111
- }
1112
- }
1113
-
1114
- &-exit{
1115
-
1116
- &-active{
1117
- transform: translateX(-110%);
1118
- transition: all .5s ease;
1119
- }
1120
- }
1121
- }
1122
-
1123
- `,Yr=r.div`
1109
+ `,Ar=r.div`
1124
1110
  position: fixed;
1125
1111
  right: 0;
1126
1112
  z-index: 501;
@@ -1129,19 +1115,20 @@ import r from"styled-components";const a=r.button`
1129
1115
  height: 100vh;
1130
1116
  background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
1131
1117
  box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
1118
+ animation: ${cr} .2s linear;
1132
1119
 
1133
- @media ${nr.md} {
1120
+ @media ${lr.md} {
1134
1121
  width: calc(80% + 8rem);
1135
1122
  }
1136
1123
 
1137
- @media ${nr.sm} {
1124
+ @media ${lr.sm} {
1138
1125
  width: 100%;
1139
1126
  }
1140
- `,Mr=r.div`
1127
+ `,Br=r.div`
1141
1128
  max-height: calc(100vh - 9rem);
1142
1129
  overflow-x: hidden;
1143
1130
  overflow-y: auto;
1144
- `,qr=r.div`
1131
+ `,Cr=r.div`
1145
1132
  display: flex;
1146
1133
  align-items: center;
1147
1134
  justify-content: space-between;
@@ -1149,11 +1136,11 @@ import r from"styled-components";const a=r.button`
1149
1136
  padding: var(--smallDist);
1150
1137
  background-color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
1151
1138
 
1152
- @media ${nr.sm} {
1139
+ @media ${lr.sm} {
1153
1140
  justify-content: flex-end;
1154
1141
 
1155
1142
  h3{
1156
1143
  display: none;
1157
1144
  }
1158
1145
  }
1159
- `;export{Tr as AuthActions,zr as AuthCap,Rr as AuthCheck,wr as AuthContainer,Dr as AuthForm,yr as AuthLogo,Sr as AuthSecondary,Lr as AuthWrapper,Z as BoxActions,W as BoxContent,U as BoxGrid,V as BoxWrapper,n as CtaButtonLarge,d as CtaButtonNormal,t as CtaButtonSmall,D as DeleteButtonLarge,L as DeleteButtonNormal,w as DeleteButtonSmall,Xr as EditList,Fr as EditSelect,Ir as EditTips,jr as EditUploadAvatar,Nr as EditUploadCover,Pr as EditWrapper,J 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,C as InputAdd,A as InputGroup,E as InputIcon,X as InputLarge,G as InputMandatory,F as InputNormal,B as InputSearch,I as InputSmall,q as LabelLarge,M as LabelNormal,Y 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,hr as NavbarMobile,vr as NavbarText,fr as PageAlwaysVisible,br as PageForty,xr as PageMobileHidden,pr as PagePaddings,cr as PageSamePaddings,kr as PageSixty,ur as PageTopPaddings,Or as Slider,Yr as SliderContainer,qr as SliderTitle,Mr as SliderWrapper,K as SuccessValidator,ir as TextareaLarge,or as TextareaNormal,er as TextareaSmall,$r as Theme,Q as TipValidator,y as WhitePlainButtonLarge,$ as WhitePlainButtonNormal,x as WhitePlainButtonSmall,tr as breakPoints,dr as breakSize,nr as device};
1146
+ `;export{Nr as AuthActions,Pr as AuthCap,Tr as AuthCheck,Dr as AuthContainer,Rr as AuthForm,Lr as AuthLogo,zr as AuthSecondary,Sr as AuthWrapper,_ as BoxActions,Z as BoxContent,W as BoxGrid,X as BoxWrapper,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Mr as EditList,Yr as EditSelect,Or as EditTips,Fr as EditUploadAvatar,Ir as EditUploadCover,jr as EditWrapper,Q as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,p as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,T as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,N as GreyLinkButtonNormal,P as GreyLinkButtonSmall,G as InputAdd,C as InputGroup,H as InputIcon,Y as InputLarge,J as InputMandatory,O as InputNormal,E as InputSearch,F as InputSmall,B as LabelLarge,A as LabelNormal,q as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,c as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,hr as NavbarList,vr as NavbarLogo,pr as NavbarMobile,mr as NavbarText,$r as PageAlwaysVisible,xr as PageForty,yr as PageMobileHidden,ur as PagePaddings,kr as PageSamePaddings,fr as PageSixty,br as PageTopPaddings,cr as SlideIn,qr as Slider,Ar as SliderContainer,Cr as SliderTitle,Br as SliderWrapper,U as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,wr as Theme,V as TipValidator,w as WhitePlainButtonLarge,y as WhitePlainButtonNormal,$ as WhitePlainButtonSmall,dr as breakPoints,nr as breakSize,lr as device};