monica-alexandria 2.5.3 → 2.5.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 +119 -126
- package/dist/index.js +120 -127
- package/package.json +1 -1
- package/src/components/general/Keyframes.jsx +14 -0
- package/src/components/general/index.js +2 -1
- package/src/components/layout/Blocks.jsx +23 -0
- package/src/components/layout/index.js +2 -1
- package/src/components/slider/Slider.jsx +2 -26
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
|
-
`,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
|
-
`,
|
|
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,35 @@ 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`
|
|
949
|
+
padding: var(--normalDist);
|
|
950
|
+
|
|
951
|
+
h3{
|
|
952
|
+
margin-bottom: 2rem;
|
|
953
|
+
}
|
|
954
|
+
`,Dr=r.div`
|
|
955
|
+
|
|
956
|
+
`,Sr=r.div`
|
|
957
|
+
|
|
958
|
+
`,Rr=r.div`
|
|
942
959
|
|
|
943
960
|
img{
|
|
944
961
|
height: 4rem;
|
|
945
962
|
}
|
|
946
|
-
`,
|
|
963
|
+
`,zr=r.div`
|
|
947
964
|
max-width: 45rem;
|
|
948
|
-
`,
|
|
965
|
+
`,Tr=r.div`
|
|
949
966
|
max-width: 45rem;
|
|
950
967
|
|
|
951
968
|
h1{
|
|
952
969
|
margin: var(--smallDist);
|
|
953
970
|
}
|
|
954
|
-
`,
|
|
971
|
+
`,Pr=r.form`
|
|
955
972
|
padding: var(--normalDist);
|
|
956
973
|
background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
|
|
957
974
|
border-radius: var(--normalRadius);
|
|
958
975
|
box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
|
|
959
|
-
`,
|
|
976
|
+
`,Nr=r.div`
|
|
960
977
|
display: flex;
|
|
961
978
|
gap: 1rem;
|
|
962
979
|
align-items: center;
|
|
@@ -968,7 +985,7 @@ import r from"styled-components";const a=r.button`
|
|
|
968
985
|
gap: .5rem;
|
|
969
986
|
align-items: center;
|
|
970
987
|
}
|
|
971
|
-
`,
|
|
988
|
+
`,jr=r.div`
|
|
972
989
|
display: flex;
|
|
973
990
|
align-items: flex-start;
|
|
974
991
|
gap: 1rem;
|
|
@@ -976,17 +993,17 @@ import r from"styled-components";const a=r.button`
|
|
|
976
993
|
input{
|
|
977
994
|
margin-top: .3rem;
|
|
978
995
|
}
|
|
979
|
-
`,
|
|
996
|
+
`,Ir=r.div`
|
|
980
997
|
display: grid;
|
|
981
998
|
grid-template-columns: 1fr 1fr;
|
|
982
999
|
grid-gap: 1rem;
|
|
983
1000
|
margin: 2rem 1rem;
|
|
984
|
-
`,
|
|
1001
|
+
`,Fr=r.div`
|
|
985
1002
|
display: flex;
|
|
986
1003
|
align-items: center;
|
|
987
1004
|
justify-content: center;
|
|
988
1005
|
margin-top: 4rem;
|
|
989
|
-
`,
|
|
1006
|
+
`,Or=r.div`
|
|
990
1007
|
|
|
991
1008
|
section{
|
|
992
1009
|
|
|
@@ -994,7 +1011,7 @@ import r from"styled-components";const a=r.button`
|
|
|
994
1011
|
margin-bottom: 2rem;
|
|
995
1012
|
}
|
|
996
1013
|
}
|
|
997
|
-
`,
|
|
1014
|
+
`,Yr=r.div`
|
|
998
1015
|
|
|
999
1016
|
picture{
|
|
1000
1017
|
width: 100%;
|
|
@@ -1015,7 +1032,7 @@ import r from"styled-components";const a=r.button`
|
|
|
1015
1032
|
display: flex;
|
|
1016
1033
|
gap: 1rem;
|
|
1017
1034
|
}
|
|
1018
|
-
`,
|
|
1035
|
+
`,Mr=r.div`
|
|
1019
1036
|
display: grid;
|
|
1020
1037
|
grid-template-columns: 20rem 1fr;
|
|
1021
1038
|
grid-gap: 2rem;
|
|
@@ -1040,7 +1057,7 @@ import r from"styled-components";const a=r.button`
|
|
|
1040
1057
|
flex-direction: column;
|
|
1041
1058
|
gap: 1rem;
|
|
1042
1059
|
}
|
|
1043
|
-
`,
|
|
1060
|
+
`,qr=r.ul`
|
|
1044
1061
|
background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
|
|
1045
1062
|
padding: var(--smallDist);
|
|
1046
1063
|
border-radius: var(--smallRadius);
|
|
@@ -1065,7 +1082,7 @@ import r from"styled-components";const a=r.button`
|
|
|
1065
1082
|
li{
|
|
1066
1083
|
margin-top: .5rem;
|
|
1067
1084
|
}
|
|
1068
|
-
`,
|
|
1085
|
+
`,Ar=r.div`
|
|
1069
1086
|
display: grid;
|
|
1070
1087
|
grid-template-columns: auto 1fr;
|
|
1071
1088
|
align-items: flex-start;
|
|
@@ -1075,7 +1092,7 @@ import r from"styled-components";const a=r.button`
|
|
|
1075
1092
|
form{
|
|
1076
1093
|
margin-top: 4rem;
|
|
1077
1094
|
}
|
|
1078
|
-
`,
|
|
1095
|
+
`,Br=r.div`
|
|
1079
1096
|
padding: var(--smallDist);
|
|
1080
1097
|
|
|
1081
1098
|
ul{
|
|
@@ -1091,7 +1108,7 @@ import r from"styled-components";const a=r.button`
|
|
|
1091
1108
|
}
|
|
1092
1109
|
}
|
|
1093
1110
|
}
|
|
1094
|
-
`,
|
|
1111
|
+
`,Cr=r.div`
|
|
1095
1112
|
position: fixed;
|
|
1096
1113
|
top: 0;
|
|
1097
1114
|
left: 0;
|
|
@@ -1099,32 +1116,7 @@ import r from"styled-components";const a=r.button`
|
|
|
1099
1116
|
height: 100vh;
|
|
1100
1117
|
width: 100%;
|
|
1101
1118
|
background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
|
|
1102
|
-
|
|
1103
|
-
.Slider{
|
|
1104
|
-
|
|
1105
|
-
&-enter{
|
|
1106
|
-
display: none;
|
|
1107
|
-
transform: translateX(110%);
|
|
1108
|
-
|
|
1109
|
-
&-active{
|
|
1110
|
-
display: block;
|
|
1111
|
-
transform: translateX(0);
|
|
1112
|
-
transition: all .5s ease;
|
|
1113
|
-
}
|
|
1114
|
-
}
|
|
1115
|
-
|
|
1116
|
-
&-exit{
|
|
1117
|
-
display: block;
|
|
1118
|
-
|
|
1119
|
-
&-active{
|
|
1120
|
-
display: none;
|
|
1121
|
-
transform: translateX(110%);
|
|
1122
|
-
transition: all .5s ease;
|
|
1123
|
-
}
|
|
1124
|
-
}
|
|
1125
|
-
}
|
|
1126
|
-
|
|
1127
|
-
`,Yr=r.div`
|
|
1119
|
+
`,Er=r.div`
|
|
1128
1120
|
position: fixed;
|
|
1129
1121
|
right: 0;
|
|
1130
1122
|
z-index: 501;
|
|
@@ -1133,19 +1125,20 @@ import r from"styled-components";const a=r.button`
|
|
|
1133
1125
|
height: 100vh;
|
|
1134
1126
|
background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
|
|
1135
1127
|
box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
|
|
1128
|
+
animation: ${cr} .2s linear;
|
|
1136
1129
|
|
|
1137
|
-
@media ${
|
|
1130
|
+
@media ${lr.md} {
|
|
1138
1131
|
width: calc(80% + 8rem);
|
|
1139
1132
|
}
|
|
1140
1133
|
|
|
1141
|
-
@media ${
|
|
1134
|
+
@media ${lr.sm} {
|
|
1142
1135
|
width: 100%;
|
|
1143
1136
|
}
|
|
1144
|
-
`,
|
|
1137
|
+
`,Gr=r.div`
|
|
1145
1138
|
max-height: calc(100vh - 9rem);
|
|
1146
1139
|
overflow-x: hidden;
|
|
1147
1140
|
overflow-y: auto;
|
|
1148
|
-
`,
|
|
1141
|
+
`,Hr=r.div`
|
|
1149
1142
|
display: flex;
|
|
1150
1143
|
align-items: center;
|
|
1151
1144
|
justify-content: space-between;
|
|
@@ -1153,11 +1146,11 @@ import r from"styled-components";const a=r.button`
|
|
|
1153
1146
|
padding: var(--smallDist);
|
|
1154
1147
|
background-color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
|
|
1155
1148
|
|
|
1156
|
-
@media ${
|
|
1149
|
+
@media ${lr.sm} {
|
|
1157
1150
|
justify-content: flex-end;
|
|
1158
1151
|
|
|
1159
1152
|
h3{
|
|
1160
1153
|
display: none;
|
|
1161
1154
|
}
|
|
1162
1155
|
}
|
|
1163
|
-
`;export{
|
|
1156
|
+
`;export{Fr as AuthActions,Ir as AuthCap,jr as AuthCheck,zr as AuthContainer,Pr as AuthForm,Rr as AuthLogo,Nr as AuthSecondary,Tr as AuthWrapper,_ as BoxActions,Z as BoxContent,W as BoxGrid,X as BoxWrapper,Dr as Container,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Br as EditList,Ar as EditSelect,qr as EditTips,Mr as EditUploadAvatar,Yr as EditUploadCover,Or 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,Sr as Section,cr as SlideIn,Cr as Slider,Er as SliderContainer,Hr as SliderTitle,Gr 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,Lr as Wrapper,dr as breakPoints,nr as breakSize,lr as device};
|