monica-alexandria 2.5.1 → 2.5.4
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 +109 -101
- package/dist/index.js +110 -102
- package/package.json +1 -1
- package/src/components/general/Keyframes.jsx +14 -0
- package/src/components/general/index.js +2 -1
- package/src/components/slider/Slider.jsx +2 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import r from"styled-components";const
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
586
|
+
`,F=r(I)`
|
|
587
587
|
padding: var(--inputSmallPads);
|
|
588
588
|
font-size: var(--inputSmallText);
|
|
589
|
-
`,
|
|
589
|
+
`,O=r(I)`
|
|
590
590
|
padding: var(--inputNormalPads);
|
|
591
591
|
font-size: var(--inputNormalText);
|
|
592
|
-
`,
|
|
592
|
+
`,Y=r(I)`
|
|
593
593
|
padding: var(--inputLargePads);
|
|
594
594
|
font-size: var(--inputLargeText);
|
|
595
|
-
`,
|
|
595
|
+
`,M=r.label`
|
|
596
596
|
color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
|
|
597
|
-
`,
|
|
597
|
+
`,q=r(M)`
|
|
598
598
|
font-size: var(--inputSmallText);
|
|
599
|
-
`,
|
|
599
|
+
`,A=r(M)`
|
|
600
600
|
font-size: var(--inputNormalText);
|
|
601
|
-
`,
|
|
601
|
+
`,B=r(M)`
|
|
602
602
|
font-size: var(--inputLargeText);
|
|
603
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
690
|
+
`,K=r.div`
|
|
691
691
|
display: flex;
|
|
692
692
|
align-items: center;
|
|
693
693
|
gap: 1rem;
|
|
694
694
|
margin: var(--tinyDist);
|
|
695
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
725
|
+
`,W=r.div`
|
|
726
726
|
display: grid;
|
|
727
727
|
grid-template-columns: repeat(${r=>r.columns}, 1fr);
|
|
728
728
|
grid-gap: 2rem;
|
|
729
|
-
`,
|
|
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
|
-
`,X=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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
810
|
+
`,or=r(er)`
|
|
811
811
|
padding: var(--inputSmallPads);
|
|
812
812
|
font-size: var(--inputSmallText);
|
|
813
|
-
`,
|
|
813
|
+
`,ir=r(er)`
|
|
814
814
|
padding: var(--inputNormalPads);
|
|
815
815
|
font-size: var(--inputNormalText);
|
|
816
|
-
`,
|
|
816
|
+
`,tr=r(er)`
|
|
817
817
|
padding: var(--inputLargePads);
|
|
818
818
|
font-size: var(--inputLargeText);
|
|
819
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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 ${
|
|
866
|
+
@media ${lr.md} {
|
|
867
867
|
display: none;
|
|
868
868
|
}
|
|
869
|
-
`,
|
|
869
|
+
`,gr=r.div`
|
|
870
870
|
justify-self: center;
|
|
871
871
|
|
|
872
|
-
@media ${
|
|
872
|
+
@media ${lr.sm} {
|
|
873
873
|
justify-self: flex-end;
|
|
874
874
|
}
|
|
875
|
-
`,
|
|
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 ${
|
|
881
|
+
@media ${lr.sm} {
|
|
882
882
|
display: none;
|
|
883
883
|
}
|
|
884
|
-
`,
|
|
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 ${
|
|
890
|
+
@media ${lr.sm} {
|
|
891
891
|
display: flex;
|
|
892
892
|
}
|
|
893
|
-
`,
|
|
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
|
-
`,
|
|
902
|
+
`,kr=r.div`
|
|
896
903
|
padding-top: 2rem 4rem;
|
|
897
|
-
`,
|
|
904
|
+
`,br=r.div`
|
|
898
905
|
padding-top: 7rem;
|
|
899
|
-
`,
|
|
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 ${
|
|
912
|
+
@media ${lr.md} {
|
|
906
913
|
grid-template-columns: 1fr;
|
|
907
914
|
}
|
|
908
|
-
`,
|
|
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 ${
|
|
921
|
+
@media ${lr.md} {
|
|
915
922
|
grid-template-columns: 1fr;
|
|
916
923
|
}
|
|
917
|
-
|
|
924
|
+
`,$r=r.div`
|
|
918
925
|
width: 100%;
|
|
919
|
-
`,
|
|
926
|
+
`,yr=r.div`
|
|
920
927
|
width: 100%;
|
|
921
928
|
|
|
922
|
-
@media ${
|
|
929
|
+
@media ${lr.md} {
|
|
923
930
|
display: none;
|
|
924
931
|
}
|
|
925
|
-
|
|
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
|
-
`,
|
|
948
|
+
`,Lr=r.div`
|
|
942
949
|
|
|
943
950
|
img{
|
|
944
951
|
height: 4rem;
|
|
945
952
|
}
|
|
946
|
-
`,
|
|
953
|
+
`,Dr=r.div`
|
|
947
954
|
max-width: 45rem;
|
|
948
|
-
`,
|
|
955
|
+
`,Sr=r.div`
|
|
949
956
|
max-width: 45rem;
|
|
950
957
|
|
|
951
958
|
h1{
|
|
952
959
|
margin: var(--smallDist);
|
|
953
960
|
}
|
|
954
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
991
|
+
`,Nr=r.div`
|
|
985
992
|
display: flex;
|
|
986
993
|
align-items: center;
|
|
987
994
|
justify-content: center;
|
|
988
995
|
margin-top: 4rem;
|
|
989
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
1101
|
+
`,qr=r.div`
|
|
1095
1102
|
position: fixed;
|
|
1096
1103
|
top: 0;
|
|
1097
1104
|
left: 0;
|
|
@@ -1099,7 +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
|
-
`,
|
|
1109
|
+
`,Ar=r.div`
|
|
1103
1110
|
position: fixed;
|
|
1104
1111
|
right: 0;
|
|
1105
1112
|
z-index: 501;
|
|
@@ -1108,19 +1115,20 @@ import r from"styled-components";const a=r.button`
|
|
|
1108
1115
|
height: 100vh;
|
|
1109
1116
|
background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
|
|
1110
1117
|
box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
|
|
1118
|
+
animation: ${cr} .5s linear;
|
|
1111
1119
|
|
|
1112
|
-
@media ${
|
|
1120
|
+
@media ${lr.md} {
|
|
1113
1121
|
width: calc(80% + 8rem);
|
|
1114
1122
|
}
|
|
1115
1123
|
|
|
1116
|
-
@media ${
|
|
1124
|
+
@media ${lr.sm} {
|
|
1117
1125
|
width: 100%;
|
|
1118
1126
|
}
|
|
1119
|
-
`,
|
|
1127
|
+
`,Br=r.div`
|
|
1120
1128
|
max-height: calc(100vh - 9rem);
|
|
1121
1129
|
overflow-x: hidden;
|
|
1122
1130
|
overflow-y: auto;
|
|
1123
|
-
`,
|
|
1131
|
+
`,Cr=r.div`
|
|
1124
1132
|
display: flex;
|
|
1125
1133
|
align-items: center;
|
|
1126
1134
|
justify-content: space-between;
|
|
@@ -1128,11 +1136,11 @@ import r from"styled-components";const a=r.button`
|
|
|
1128
1136
|
padding: var(--smallDist);
|
|
1129
1137
|
background-color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
|
|
1130
1138
|
|
|
1131
|
-
@media ${
|
|
1139
|
+
@media ${lr.sm} {
|
|
1132
1140
|
justify-content: flex-end;
|
|
1133
1141
|
|
|
1134
1142
|
h3{
|
|
1135
1143
|
display: none;
|
|
1136
1144
|
}
|
|
1137
1145
|
}
|
|
1138
|
-
`;export{
|
|
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};
|